? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 本教程由尋圖標icon.52112.com提供

?

?

創建新文檔

和所有新項目一樣，首先要創建一個新文檔（File> New或Control-N），進行如下設置：

畫板數量：?1

寬度：?800像素

高度：?600像素

單位：像素

并從“高級”選項卡：

色彩模式：?RGB

光柵效果：屏幕（72 ppi）

將新對象與像素網格對齊：選中

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?本教程由尋圖標icon.52112.com提供

項目整理

新項目的創作需要清晰的思路和簡明的圖層，現在我們要做的就是打開圖層面板，然后創建七個新圖層，按以下方式重命名：

第1層>background背景

第2層>bottle瓶子

第3層>cheese奶酪

第4層>milk box牛奶盒

第5層>salami薩拉米香腸

第6層>olive橄欖

第7層>tomato番茄

第8層>egg雞蛋

項目開始的時候注意鎖定除了我們將要處理的層之外的所有層，這樣我們就不會意外地移動或錯放一些形狀。

創建背景

一旦我們完成了新項目的整理，我們就可以將自己定位到第一個圖層，開始處理背景層。

第1步

選擇鋼筆工具（P）并繪制一個28像素寬的線段，使用8 px粗線條，顏色設置為＃2B2525，頂端為圓形，然后定位距離左側106 px、距底邊122 px的位置。

第2步

完成第一個步驟之后，我們繪制一個更寬的518像素（＃2B2525）的線段，然后再添加一個更小的2像素（＃2B2525）的線段，使用“對齊”面板將它們彼此間隔設置為16 px，選擇并分組（ Control-G）我們繪制出的圖像。

第3步

在第一個線段繪制完成后，創建一個456x456 px圓圈，使用#DBDBDB進行著色，然后定位到線段下方（右鍵單擊>排列>發送到后面），使其下部與參考線線重疊。

第4步

隱藏圓與線段重疊的部分，創建一個456x372 px矩形（以橙色突出顯示）作為剪切蒙版，然后選擇它和底層圓圈，右鍵單擊>制作剪貼蒙版。

第5步

一旦你處理好了圓圈，接下來我們就可以鎖定當前圖層并繼續前進到下一個圖層，開始處理瓶子。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 本教程由尋圖標https://icon.52112.com提供

創建瓶子

隨著背景的完成，我們現在可以開始創建我們的第一個元素：瓶子

第1步

選擇矩形工具（M）并創建124x312矩形作為瓶子的主要形狀，然后使用＃EFE0DC對其進行著色，定位到線段的上半部分，調整其距離左邊緣130 px的位置。

第2步

完成形狀后，使用添加錨點工具（+）在；矩形兩側添加錨點，一個距離頂邊14 px，另一個距離頂邊66 px。

第3步

調整瓶子的整體形狀，在移動工具的幫助下單獨選擇頂部兩個側錨點向內推24 px（右鍵單擊>變換>移動> + / - 24 px）。

第4步

單獨選擇中心錨點，調整其手柄直到獲得平滑的曲線完成瓶子上部和下體之間的過渡。

第5步

在瓶子的上邊緣添加一個76x8像素的矩形，將其顏色設置為＃999999

第6步

完成之后創建一個瓶子的副本（Control + C）并將其粘貼到適當的位置（Control + F），然后將其填充（Control + X）填充為8 px的輪廓（＃2B2525），然后設置角度為圓角。

完成后，選擇三個形狀Control + G鍵盤快捷鍵將它們組合在一起。

第7步

在瓶子填充形狀的頂部邊緣添加一個84 x 36像素的矩形，使用＃AD6050對其進行著色，作為瓶蓋。

第8步

給瓶蓋一個8像素的輪廓（＃2B2525），然后使用鋼筆工具（P）添加五個垂直線段，彼此間隔6 px，然后我們將其與其余部分分組（Control + G）。

第9步

創建一個88 px長的線段（＃2B2525），設置8 px的寬度，放置在瓶子的頸部。

第10步

添加另一個較小的24 px長線段（＃2B2525）并將其放置在瓶子的中心位置，距離我們剛剛在上一步驟中添加的線段的一段距離。

第11步

使用橢圓工具（L）創建一個84x102像素的形狀（＃DD5F5F），我們將與瓶子的中心對齊，距離我們剛剛創建的線段的距離為16像素。

第12步

給標簽一個8 px寬的輪廓（＃473333）和兩個虛擬文本彼此間隔8 px，然后選擇并分組（Control + G）所有形狀。

將所有完成的形狀組合到一起作為單個對象。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 本教程由尋圖標https://icon.52112.com提供

創建奶酪

完成我們合成的第一個元素，然后鎖定它的圖層，繼續第三個元素的處理。

第1步

選擇矩形工具（M）并創建一個192x188像素形狀（＃EAB575），將其左角半徑設置為44像素進行調整，然后將其定位到距背景線左側106像素的距離。

第2步

接下來我們在矩形右上方繪制出一個28x28像素的圓圈（用橙色突出顯示）然后使用路徑尋找器給奶酪添加圓孔。

第3步

給最終得到的形狀創建8 px的輪廓（＃2B2525），然后將它們組合在一起（Control + G）。

第4步

創建奶酪的側面部分，選擇面包主體然后創建一個副本（Control + C> Control + B）將其定位在距其輪廓52 px處，填充顏色設置為＃CE8A41。

第5步

使用橢圓工具（L）創建幾個圓孔，使用＃CE8A41進行著色，為它們設置8 px的輪廓（＃2B2525）。將繪制的橢圓進行分組（Control + G）。

由于我們已經完成了奶酪的設計，現在我們選擇所有的形狀并使用Control + G鍵盤快捷鍵將它們組合在一起，然后鎖定它的圖層并繼續創建下一個元素。

創建牛奶盒

現在我們定位在第四層（即“牛奶盒”）上，讓我們開始處理合成中的第三個元素。

步驟1

首先繪制一個132x140像素的矩形來創建牛奶盒正面的主要形狀，使用#EFEAEA對其進行著色，然后將其放置在背景的右側，距離線段的右邊緣122 px。

第2步

給我們剛剛創建的圖形添加8 px的輪廓（＃2B2525），使用我們之前相同的復制方法創建副本，選擇并進行分組（Control-G）得到的兩個形狀。

第3步

使用132x48 px矩形創建牛奶盒的上半部分，使用#EFEAEA對其進行著色，然后將其放置在之前創建的圖形上方。

第4步

使用添加錨點工具（+）在矩形中間添加錨點，然后使用刪除錨點工具（ - ）刪除其兩邊錨點，調整形狀。

第5步

給出我們剛剛得到的圖形添加8 px的輪廓（＃2B2525），然后使用Control + G鍵盤快捷鍵選擇并將兩個形狀組合在一起。

第6步

接下來創建一個牛奶盒正面的副本（Control + C> Control + F）然后將其寬度增加到136 px作為牛奶盒的側面部分，將其放置在距離它的66 px的左側。

第7步

使用直接選擇工具（A）左鍵單擊填充并將其顏色更改為稍暗的顏色（＃999999）。

第8步

由于我們希望我們剛剛創建的側面部分位于框的前面，所有我們首先必須選擇它，然后通過右鍵單擊>排列>發送下一層將圖形調整到后面。

第9步

給三角形創建一個副本（Control + C> Control + F）然后將其從下面圖形對齊。

第10步

使用直接選擇工具（A）選擇并將填充顏色更改為稍暗的顏色#BFBFBF。

第11步

由于我們需要在牛奶盒正面方延伸出頂側部分，因此我們必須使用添加錨點工具（+）為其邊緣添加新的錨點，然后通過將錨點拖向新的錨點來調整它們前三角形的尖端。

第12步

一旦我們調整好頂部的形狀，我們就可以通過右鍵單擊>排列>發送到后面將其放置到三角后面。

第13步

使用70x20 px矩形創建包裝盒的上部，使用＃999999進行著色，然后將其放置在其他形狀的頂部。

第14步

選擇我們剛剛創建的形狀，并使用＃2B2525作為顏色，創建一個8像素的輪廓。

第15步

使用鋼筆工具（P）創建四個42 px的線段，添加8 px的輪廓（＃2B2525），將彼此間隔跳幀為6 px，進行分組（Control + G）并將它們定位到我們前面的步驟中創建形狀的中間。

第16步

完成后，選擇所有的頂部元素進行分組（Control + G）。

第17步

開始處理盒子的正面標簽，創建一個124x48像素的矩形，使用＃DD5F5F進行著色，然后與矩形中心對齊。

第18步

選擇鋼筆工具（P）并使用8 px的筆添加標簽的頂部和底部輪廓，顏色設置為＃2B2525。完成后，使用Control-G鍵盤快捷鍵選擇標簽的組成形狀并將其分組。

第19步

創建62x48 px的矩形做為盒子的側面標簽，使用＃BA4F4F進行著色，然后定位到底部部分的中心。

第20步

給矩形的頂部和底部添加輪廓，完成后選擇并將三個形狀組合在一起（Control + G）。

第21步

選擇牛奶盒本身，添加兩條虛擬文本，使用Control + G鍵盤快捷鍵將創建的圖形進行分組。

完成牛奶盒后，不要忘記選擇和分組（Control + G）盒子的組成元素，防止以后操作過程中誤點。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 本教程由尋圖標https://icon.52112.com提供

如何創建薩拉米香腸

在我們開始之前不要忘記鎖定前一層并選擇第五層，在第五層創建薩拉米香腸。

步驟1

創建68x68 px的圓圈作為薩拉米香腸的前部，使用＃E0A9A9進行著色，然后定位到牛奶盒的前部，距離其右邊緣44 px。

第2步

使用復制的方法給出我們剛剛創建的圖形添加8 px的輪廓，顏色設置為＃2B2525，然后選擇并分組（Control + G）這兩個形狀。

第3步

使用鋼筆工具（P）創建兩條線段（一個較短和一個較長）添加到薩拉米香腸的前部。將線段的寬度設置為8像素，將其顏色設置為＃2B2525。

將繪制的圖形進行選擇和分組（Control + G），然后放置到底層部分。

第4步

創建120x68 px的矩形作為薩拉米香腸的身體，使用＃C66767進行著色，然后將其放置在我們剛創建的正面下方，令它與右半部分重疊。

第5步

在“變換”面板中將其右角的半徑設置為34 px，調整我們剛剛創建的形狀。

第6步

使用＃2B2525作為筆觸顏色，使得到的形狀具有8像素的輪廓。

第7步

建立56x16 px的圓角矩形和8 px的輪廓作為薩拉米香腸的標簽，使用#EFEAEA對其進行著色，然后定位到香腸的上半部分，確保它與其香腸輪廓重疊。

第8步

為標簽添加8 px的輪廓（＃2B2525），然后使用Control + G鍵盤快捷鍵將兩個形狀組合在一起。

第9步

由于我們希望標簽附著到薩拉米香腸的表面，然后使用底層填充形狀的副本作為剪切蒙版（兩種形狀選擇>右鍵單擊>制作剪貼蒙版）以隱藏任何不需要的部分。

選擇并分組（Control + G）香腸的主要元素。

第10步

創建一個22x16像素的橢圓來添加薩拉米香腸“尾巴”部分，使用＃A54646對其進行著色，然后將其放置香腸的右側。

第11步

給“尾巴”創建一個8像素的輪廓（＃2B2525）將兩個圖形進行（Control + G）分組，確保它們不會被意外分開。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?本教程由尋圖標https://icon.52112.com提供

創造橄欖

雖然它是我們作品中最小的元素，但是這個小橄欖的細節會增加作品整體的感覺。

第1步

使用30x22像素橢圓創建橄欖的主要形狀，使用＃819B64進行著色，然后將其定位到牛奶盒的側面部分。

第2步

給橄欖一個8像素的輪廓（＃2B2525），然后使用Control + G鍵盤快捷鍵選擇并將兩者組合在一起。

創建番茄

我們現在是我們作品的第六個元素，即小番茄。所以假設你已經選擇第六層，那么我們就開始吧。

步驟1

使用86x86 px圓圈創建番茄的主要形狀，我們將使用＃DD5F5F將其著色并朝向奶酪的中心定位，距離其左側約92 px。

第2步

選擇我們剛剛創建的形狀，并給它一個8像素的輪廓（＃2B2525），然后將兩者組合在一起（Control-G）。

第3步

創建12x16像素的橢圓作為番茄葉，使用＃819B64進行著色，然后定位到番茄的上部。

第4步

給葉子一個8像素的輪廓（＃2B2525），然后使用Control + G鍵盤快捷鍵將兩個形狀組合在一起。

第5步

選取我們剛剛完成的番茄葉創建副本（Control + C> Control + F）并通過右鍵單擊>變換>旋轉并在角度值字段中輸入-45旋轉來創建其余的葉在。

然后，選擇旋轉的形狀并將它們定位在中心葉的左側。

第6步

通過抓取左側的葉子創建副本（Control + C> Control + F）并將其定位到中心葉的另一側來創建番茄葉子。

第7步

完成番茄，通過添加番茄的尾部，使用14x14 px矩形創建主體，使用深綠色（＃647F52）進行著色，然后定位在番茄頂部。

第8步

選擇并將其底部錨點朝向內側推動2 px來調整我們剛剛創建的形狀。

完成后，將生成的形狀添加8 px的輪廓（＃2B2525），然后將兩個組合（Control + G）和番茄的組成形狀組合在一起。

創造蛋

我們現在已經到了我們的第七個也是最后一個組成元素，雞蛋，正如您將看到的那樣，它很容易創建。

所以，確保你在最后一層，讓我們完成這個。

第1步

使用56x56 px圓圈創建雞蛋的主要形狀，使用#EFEAEA進行著色，定位到番茄的左側。

第2步

使用直接選擇工具（A）選擇其頂部錨點，然后使用移動工具將其推向頂部（右鍵單擊>變換>移動>垂直> - 16像素）調整圓。

第3步

使用Control + G鍵盤快捷鍵將生成的形狀賦予8 px厚的輪廓（＃2B2525），然后將兩個形狀組合在一起。

第4步

使用橢圓工具（L）添加另一個較小的24x24像素圓，使用＃EAB575進行著色，然后將其定位到蛋的中心。

第5步

給我們創建的黃色圓圈上添加輪廓（＃2B2525），然后將兩個圖形進行分組（Control + G），完成雞蛋和蛋黃。

完成

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

?

?

總結

以上是生活随笔為你收集整理的制作一组创意的食物图标的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。