（本教程由尋圖示https://icon.52112.com提供）

 

1.建立新文件

我們首先要使用Adobe Illustrator建立一個新文件（檔案>新建或控制-N），然後進行以下設定的調整：

畫板數量：1

寬度：800畫素

高度：600畫素

單位：畫素

進入“高階”選項卡：

色彩模式：RGB

柵格效果：螢幕（72 ppi）

2.設定圖層

由於我們希望能夠隔離我們的構圖並專注於圖片的不同部分，因此最好將專案檔案分層以完全簡化我們的工作流程。

話雖如此，開啟“圖層”面板，讓我們建立三個單獨的圖層，我們將其命名如下：

第1層>

background

第2層>book stack

第3層>bookworm

3.建立背景

一旦我們完成了文件的分層，我們就可以開始繪製插圖了。

第1步

繪製如下圖所示的前景線

第2步

使用鋼筆工具（P），然後以下面影象為參考繪製背景，將其放置在前景線的頂部，然後填充顏色設定為＃F77A61。

第3步

由於此時我們已經完成了背景工作，現在我們可以使用鍵盤快捷鍵Ctrl+G將兩個形狀組合在一起，然後鎖定當前圖層，以便我們進行下一步的操作。

（本教程由尋圖示https://icon.52112.com提供）

 

4.建立小書堆

如果我們已經完成了上面操作，我們就可以繼續下一圖層的繪製了（這將是第二層），建立我們的小書堆。

第1步

通過建立一個208 x 64畫素的矩形開始處理底部書籍的側面部分，我們將使用＃A3798D對其進行著色，然後定位到前景線上，距離右邊緣52 px。

第2步

在“變換”面板的“矩形屬性”中將其右角的半徑設定為32 px，調整我們剛剛建立的形狀。

第3步

使用192 x 64 px矩形（＃BC93A8）新增書籍封面底部的形狀，我們將通過將其右角的半徑設定為32 px進行調整，將得到的形狀定位到側面部分，如圖所示參考影象，使它們的錨點重疊。

第4步

使用兩個8 x 8 px的正方形（＃BC93A8）建立封面的端點，將其左半徑設定為4 px進行調整。完成後，所產生的形狀定位到當前部分的左側，並確保三個圖形能組合成一個

第5步

使用184 x 48 px的矩形新增書的內部部分，使用＃FFF1E1進行著色，然後通過將其右角的半徑設定為24 px進行調整，以下面影象為參考

第6步

建立48 x 4 px和36 x 4px（＃F9D6B9）的兩條水平線，然後將較小的36 x 4px（＃F9D6B9）矩形堆疊在頂部，距離為4px，通過設定半徑來調整他們的右角到2 px。完成後，將兩個組合（Ctrl+G）將它們放置在內部區域的左側，距離其底部邊緣8 px。

第7步

移回書的側面部分，使用28 x 28 px的圓（＃615972）新增一些裝飾元素，分別建立距離為92 x 8 px和距離為8 px，角度半徑為4 px的圓角矩形（＃615972）如參考影象中所示。完成後，請確保選擇並分組（Ctrl+G）所有書籍的構圖形狀，然後進行下一步操作。

第8步

使用200 x 48 px的矩形（＃998FC9）為其側面部分建立中間的書，在“變形”面板的“矩形屬性”中將其右角的半徑設定為24 px。完成後，將生成的形狀放在較大的書的頂部，距離其右邊緣20 px。

第9步

接下來我們使用152 x 48 px矩形（＃B0ABD8）建立上面書籍的底部部分，右邊角為半徑為24 px，在其左側我們將新增兩個8 x 8 px正方形（＃B0ABD8）並將它們的左半邊調節為4px半徑的半圓。

第10步

新增144×32px的矩形（＃FFF1E1）定位到下圖中的位置

第11步

接下來，我們建立48 x 4 px和36 x 4px（＃F9D6B9）的兩條水平線，然後將36 x 4畫素的（＃F9D6B9）堆疊在頂部，距離為4 px，我們將通過將右角的半徑設定為2畫素進行調整。完成後，將兩個組合（Ctrl+G）並將兩個放置在內部區域的左側，距離其底部邊緣8 px。

第12步

移動到書的側面，新增40×8px圓角矩形（＃615972）調整為4 px的角半徑，中間留下8px的間隔建立另一個較寬的80×8px的圓角矩形（＃615972）進行分組並調節到下圖位置

第13步

建立156 x 20 px的矩形制作開啟的書籍，使用＃FFBC6C進行著色，然後將其放置在前一個書籍圖層的頂部，距離其右邊緣28 px的距離。

第14步

調整我們剛剛建立的形狀，使用直接選擇工具（A）選擇其頂部錨點，然後使用移動工具將它們向右推60px（右鍵單擊>變換>移動>水平> -60 px）。

第15步

建立168 x 8 px矩形（＃FFBC6C）做書籍封面，在其右上角建立參考線調整形狀。完成後，將生成的形狀放在上一部分的頂部，如參考影象中所示。

第16步

建立144 x 120 px矩形（＃FFD37B）作為書籍的底部，我們將通過使用“移動”工具單獨選擇並將其頂部錨點推向內部60 px的距離進行調整（右鍵單擊>變換>移動>水平> + / - 60 px，具體取決於您從哪一側開始）。完成後，將生成的形狀放在書籍側面部分，如參考影象中所示。

第17步

使用新增錨點工具（+）將新錨點新增到邊緣的中心來調整形狀，向外推動8 px的距離（右鍵單擊>變換>移動>垂直> -8 px）然後將選定的錨點用平滑工具平滑一下。調整曲率，然後進行下一步。

第18步

建立128 x 116 px矩形（＃FFF1E1）新增書的內部部分，單獨選擇並將其頂部錨點推向內部58 px的距離進行調整（右鍵單擊>變換>移動>水平> + / - 58 px，取決於您從哪一側開始），將生成的形狀居中對齊到當前部分的下邊緣。

第19步

在頂部邊緣的中心新增一個新錨點來繼續調整形狀，使用方向箭頭鍵或移動工具向內推動2 px的距離（右鍵單擊>變換>移動>垂直> 2 px），然後通過首先將其轉換為平滑來調整其曲率，然後重新定位其手柄的端點。

第20步

接下來，我們建立書內部較暗的部分，建立一個2 x 2 px圓圈，使用＃615972進行著色，然後定位距離前一個形狀的頂部錨點4 px的距離。

第21步

使用直接選擇工具（A）選擇其底部錨點，然後按Delete刪除它，開啟我們剛剛建立的形狀。然後，使用參考影象作為參考，繪製一條新的路徑，將其側面部分向內側彎曲。花點時間，一旦完成，繼續下一步。

第22步

使用鋼筆工具（P繪製字母“W”，使用＃615972為生成的形狀著色。完成後，請確保選擇並分組（Ctrl+G）所有書籍的構圖形狀，然後再繼續下一步。

（本教程由尋圖示https://icon.52112.com提供）

5.建立書籤

現在我們已經準備好了所有書籍，我們可以快速新增書籤標誌，我們將使用幾個簡單的步驟建立書籤標誌。

第1步

開始處理標誌的上半部分，建立兩個8 x 8 px圓圈，使用＃615972進行著色，然後水平距離調整為16 px，將它們定位在中間書的底部，如參考圖片所示。

第2步

開啟我們剛建立的形狀的路徑，方法是使用直接選擇工具（A）選擇它們的右下錨點，然後按Delete鍵立即刪除它們。完成後，選擇生成路徑的頂部錨點，並使用Ctrl+J組合鍵將它們連線在一起。

第3步

使用鋼筆工具（P）繪製其下部路徑，以參考影象作為參照，完成形狀。與之前一樣，在繼續下一部分之前，不要忘記將書籍和書籤一起選擇和分組（Ctrl+G）。

（本教程由尋圖示https://icon.52112.com提供）

6.建立書蟲

一旦你完成了書籤的建立，我們就可以鎖定當前層，然後我們就可以進行下一部分也就是最後一部分操作了，建立書蟲。

第1步

建立一個112 x 36畫素的矩形作為蟲子的身體，使用＃FFC7AE對其進行著色，然後如參考影象中所示定位到中間的書本上。

第2步

建立36 x 72 px矩形（＃FFC7AE）作為上半身，我們將其放置在上一個形狀的頂部，確保將其對齊到其左邊緣。

第3步

使用“路徑查詢器”的“聯合形狀模式” 將兩個形狀合併為一個，然後使用“刪除錨點工具”（ - ）刪除在兩個矩形相交形狀左邊緣上的額外錨點。

第4步

調整我們剛剛建立的形狀，將其左下角的半徑設定為56px，其內角半徑設定為20px，方法是使用直接選擇工具（A）分別選擇它們，然後使用圓角工具。一旦你完成了，重複同樣的過程，選擇其頂部錨點和設定他們的半徑為18px。

第5步

繼續調整形狀，使用直接選擇工具（A）選擇其右下錨點，然後使用移動工具將其推向外部12 px（右鍵單擊>變換>移動>水平> 12畫素）。

第6步

接下來，使用鋼筆工具（P）並使用＃EFA689作為填充顏色在蠕蟲的身體上繪製環形條紋，選擇圖形並將它們組合在一起（Ctrl+G）進行下一步。

第7步

使用蟲子底層形狀為副本（Control-C）來掩蓋環形條紋，貼上（Control-F）身體圖層然後使用該圖層建立蒙版（右鍵單擊>製作剪貼蒙版。）

第8步

建立小帽子，首先建立16×8px橢圓（＃615972），然後新增一個8×16畫素的矩形進行組合然後定位到頭部

第9步

建立28 x 28 px的圓（＃66CCB9）作為左鏡片，填充形狀的28 x 28 px圓，顏色（＃615972）調整為40％不透明度，分組（Ctrl+G），然後定位在參考影象中的位置。

第10步

建立更大的48 x 48 px圓（＃66CCB9）作為右鏡片，其填充形狀調整為40％不透明度，然後為其框架新增48 x 48 px圓和4 px厚的邊框（＃615972），進行分組（Control-G）然後定位到頭部的另一側，使其與較小的一側重疊。

第11步

使用兩個8 x 8 px大小和4 px邊框的圓（＃615972）建立眼睛，我們將使用直接選擇工具（A）選擇其頂部錨點進行調整，然後通過按Delete刪除它們，參考下面影象位置，分組Ctrl+G進行下一步。

第12步

通過使用4 x 8 px矩形（＃D68167）建立菸嘴，垂直堆疊一個8 x 4 px圓角矩形（＃B26A59）在眼鏡下方。

第13步

建立4 x 12 px、56 x 28 px、28 x 12 px的矩形（＃D68167）作為菸斗的主要形狀，拼湊成下圖形狀。

第14步

將我們剛剛建立的矩形統一為一個更大的形狀，使用圓角工具將底角半徑的曲率設定為28px、內角半徑設定為12px。

第15步

接下來，在菸斗的上部新增一個36 x 8 px圓角矩形（＃B26A59）與菸斗主要形狀組合（Ctrl+G）

第16步

建立幾個不同大小的圓圈建立煙霧，並將填充顏色設定為＃FFF1E1，分組（Ctrl+G）並將它們放置在菸斗圖層下方（如參考影象中所示）（右鍵單擊>排列>後移一層）。

第17步

使用鋼筆工具（P）建立鬍鬚並刪除輪廓然後放置在眼鏡圖層上面

 

完成

（本教程由尋圖示https://icon.52112.com提供）