點擊圖標
創建新文檔

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

畫板數量：1

寬度：800像素

高度：600像素

單位：像素

并從“高級”選項卡：

色彩模式：RGB

光柵效果：屏幕（72 ppi）

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

項目整理

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

第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步

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

創建瓶子

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

第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）所有形狀。

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

創建奶酪

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

第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）盒子的組成元素，防止以后操作過程中誤點。

如何創建薩拉米香腸

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

步驟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）分組，確保它們不會被意外分開。

創造橄欖

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

第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提供）

總結

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

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