Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Icon Design

美味! 如何在Adobe Illustrator中創建美味的甜甜圈圖標

by
Read Time:11 minsLanguages:

Chinese (Traditional) (中文(繁體)) translation by Clare Liu (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

在這篇教程中,妳將會學習如何在Adobe Illustrator中創建4種甜甜圈。 我們將從甜甜圈的底子開始,壹個經典的普通甜甜圈,然後我們將用它創建4種類型:巧克力糖果粒,糖衣巧克力,純糖,和草莓磨砂。 好消息是,我們也將使用同樣的散點畫筆創建所有甜甜圈的裝飾。 讓我們開始吧當它們還是新鮮的!

1.啟動壹個新項目

啟動Illustrator並轉到文件>新建用於打開壹個新的空白的文檔。 輸入妳的文件名, 設置尺寸,然後選擇像素作為單位RGB作為色彩模式。 接下來,轉到編輯>首選項>常規並設置鍵盤增量為1px,轉到單位和顯示性能,確保單位設置為下圖所示的壹樣。 我通常利用這些設置工作,並且它們將在整個繪畫過程中對妳有幫助。

create new documentcreate new documentcreate new document

2.創建壹個甜甜圈底子

第1步

首先,抓取橢圓工具(L),並畫壹個187x187px的橢圓,並選擇暖棕色作為填充色。 保持圓壹直被選中,轉到對象>路徑>偏移路徑,為了得到壹個稍微小點的形狀應用-2 px的偏移值。 用徑向漸變填充新形成的圓,並使用漸變工具(G)調整方向。

create basic donut 1create basic donut 1create basic donut 1

第 2步

添加壹些材質到甜甜圈上,選取鋼筆工具(P)並如下圖所示畫壹條直線路徑。 然後用壹個名為粉筆的藝術畫筆描邊,這個畫筆從畫筆菜單>藝術效果>藝術效果—粉筆炭筆鉛筆中選取。 增加描邊寬度為4pt並改變顏色為暖棕色。 然後選擇混合模式色彩加深以及30%的透明度。 保持畫筆描邊為現在的樣子,我們隨後將添加蒙板。

add texture to donutadd texture to donutadd texture to donut

第3步

再壹次用橢圓工具(L)畫壹個54 x 54px的圓,並將其置於甜甜圈的中間。 選擇白色作為填充色,然後轉到效果>風格化>外發光並應用下面所示的設置。 當這個圓被選中時,轉到外觀面板,僅選擇填充屬性並設置它的混合模式為正片疊底。 這樣,白色的填充將變為透明,但是外發光效果將變得可見。

create donut holecreate donut holecreate donut hole

第4步

現在是時候設置蒙板了。 選擇第壹個棕色圓已及圓的中心,然後復制和粘貼到前面(Control-F)。 設置兩個復制層無填充,無描邊。並通過轉到對象>排列>置於頂層(Shift-Control-])將其放到全部圖層的前面。

保持2個拷貝層被選中,轉到對象>復合路徑>建立(Control-8),然後選擇妳的畫板上所有對象,轉到對象>剪切蒙板>建立(Control-7)。 最終的結果的特征就是接下來的圖形那樣。

將結果組命名為“Basic Donut”。 這是我們用來創建其他類型的甜甜圈的。

create basic donut 2create basic donut 2create basic donut 2

3.創建巧克力糖果粒甜甜圈

第1步

抓取鋼筆工具(P)鉛筆工具(N)並畫壹個向接下來圖拍片的形狀。 選擇深棕色作為填充色,然後轉到效果>風格化>內發光並應用所示的設置。

create chocolate on donut 1create chocolate on donut 1create chocolate on donut 1

第2步

復制並粘貼在巧克力形狀的後面(Control-B),然後按下妳的鍵盤上的下箭頭鍵3次將它向下移動3 px。 保持現有的外觀並設置混合模式為疊加,然後妳將會得到陰影

create chocolate on donut 2create chocolate on donut 2create chocolate on donut 2

第3步

接著畫壹條如下所示的路徑並給其壹個7 pt淺棕色的描邊。 轉到效果>模糊>高斯模糊並應用壹個6px半徑,然後設置路徑混合模式為疊加

create chocolate on donut 3create chocolate on donut 3create chocolate on donut 3

第4步

為了添加壹些光輝,畫壹個如同下面圖片的形狀,並用下面所示的線性漸變填充,然後轉到效果>風格化>羽化,並應用壹個11 px的半徑

add shine on chocolate 1add shine on chocolate 1add shine on chocolate 1

第5步

畫壹個新的相似的形狀在甜甜圈的底部的右邊,並用基本黑到白的線性漸變填充,且用漸變工具(G)調整角度。 保持形狀壹直被選擇,再次應用壹個11px 羽化半徑,並設置混合模式為濾色

add highlight on donutadd highlight on donutadd highlight on donut

第6步

接下來,抓取鋼筆工具(P)或者鉛筆工具(N)並畫幾個如下面所示的類似水滴形狀的巧克力。 在妳完成之後,用下面所示的線性漸變填充。

add shine on chocolate 2add shine on chocolate 2add shine on chocolate 2

第7步

仍然使用鋼筆工具(P)或者鉛筆工具(N),畫幾個小形狀在上壹步形成的形狀上面,並用指定的顏色給它上色(1)。 為了添加更多的輝光,畫更多個形狀,並將其用指定的顏色填充(2) . 在這個圖中畫2個形狀,並用白色填充,然後設置混合模式為疊加(3)。 最終結果的特征在圖片4中。

add shine on chocolate 3add shine on chocolate 3add shine on chocolate 3

第8步

讓我們創建壹個糖果粒散點畫筆。 首先,畫壹個如下圖所示的形狀並用中間灰填充。 使用鋼筆工具(N)在底部畫壹個隨機形狀作為陰影,並用深灰色作為填充色。 在頂部畫壹個小形狀作為高光,這次用淺灰色。

現在選擇全部並拖拽至筆刷面板,然後選擇新的散點畫筆。 在散點畫筆選項窗口中,保留設置因為它們是——僅需輸入壹個名字並改變色彩模式淺色和暗色

create sprinkles scatter brushcreate sprinkles scatter brushcreate sprinkles scatter brush

第9步

再次抓取鋼筆工具(N)並在巧克力上畫幾條隨機的路徑,然後用之前保存的糖果粒散點畫筆添加描邊。 選擇路徑,雙擊外觀面板,在畫筆描邊選項中應用和改變設置,目的是為了散布糖果粒,並使它們變的更小。 當色彩模式設置為我淺色和暗色,妳可以選擇任意路徑描邊顏色,創建不同色彩的糖果粒。 我選擇綠色,藍色和粉色。

apply sprinkles scatter brushapply sprinkles scatter brushapply sprinkles scatter brush

這些設置是我用到的——完全隨機。

settings for sprinkles scatter brushsettings for sprinkles scatter brushsettings for sprinkles scatter brush

第10步

保持描邊路徑壹直被選中,轉到對象菜單並選擇擴展外觀。 現在,進入隔離模式刪除妳不需要的糖果粒的部分(雙擊其中壹個糖果粒組),妳將完成第壹個甜甜圈。

sprinkles on chocolate donutsprinkles on chocolate donutsprinkles on chocolate donut

4.創建糖衣和巧克力片的甜甜圈

第1步

首先,選擇並制作 “Basic Donut”的復本。 利用橢圓工具(L),畫2個尺寸為168 x 168 px74 x 74 px的圓,並將它們置於下圖所示的位置。 當圓被選中時,轉到對象>復合路徑>建立(Control-8),將生成的形狀用指定的顏色填充。 我將這個命名為“糖衣形狀”

create icing on donut 1create icing on donut 1create icing on donut 1

第2步

選擇糖衣層,轉到效果>扭曲和變換>粗糙邊緣,應用下圖所示的設置,並點擊確定。 接著,轉到效果>風格化>內發光,並用指定的設置應用這個效果。

create icing on donut 2create icing on donut 2create icing on donut 2

第3步

從巧克力糖果粒甜甜圈中制作2個高光形狀的復本,並移動它們到新甜甜圈的相同的位置上。 都設置由黑到白的線性漸變,並使用漸變工具 (G) 調整角度。 設置它們的混合模式為濾色(黑色邊透明)。 然後轉到效果>風格化>羽化,並應用壹個5px 半徑

add shine on donut 2add shine on donut 2add shine on donut 2

第4步

接下來,抓取鋼筆工具(N)並畫壹條隨機的路徑到甜甜圈上,並用噴灑散點畫筆。 選擇棕色作為描邊色,並雙擊外觀面板上的畫筆描邊,為了改變設置。 這次,也設置旋轉相對路徑

create chocolate chips on donut 1create chocolate chips on donut 1create chocolate chips on donut 1

第5步

仍然選擇描邊路徑,轉到對象菜單並選擇擴展外觀。 現在,刪除巧克力片不需要的部分,而且也進入隔離模式(雙擊這個組其中壹個巧克力片)。 在妳完成後,選擇新的巧克力組,轉到效果>風格化>投影並應用下面的設置。 在這點上,糖衣巧克力片甜甜圈就完成了。

create chocolate chips on donut 2create chocolate chips on donut 2create chocolate chips on donut 2

5.創建純糖甜甜圈

第1步

從糖衣巧克力甜甜圈中選擇基本甜甜圈的編組和2個“高光形狀”,然後復制粘貼 (Control-V) 到妳的畫板上。 將2個高光形狀保持相同的外觀,但增加羽化半徑5 px9 px

shine on donutshine on donutshine on donut

第2步

抓取鉛筆工具(N)並在甜甜圈上畫壹條隨機路徑(我將之前的再壹次使用了),並用噴灑散點畫筆描邊,但是這次設置顏色為白色。 從外觀面板中打開描邊選項窗口,改變設置來得到非常小的甜甜圈撒粉。 數量被選為隨機。

add sugar on donut 1add sugar on donut 1add sugar on donut 1

第3步

為了添加更多甜甜圈的撒粉,復制描邊路徑並粘貼於頂層(Control-F),然後在彈出的變換面板菜單中選擇垂直翻轉

add sugar on donut 2add sugar on donut 2add sugar on donut 2

第4步

在這壹步,我們應該清除額外的甜甜圈撒子,但是這次它們太多了,因此我決定使用遮罩代替。 抓取復合路徑的壹份拷貝,這是妳之前使用作為基本甜甜圈的遮罩,確保這個形狀在所有形狀的前面,然後轉到對象>排列>置於頂層(Shift-Control-])。 現在,選擇2個描邊路徑和復合路徑(無填充,無描邊),並轉到對象>剪切蒙板>建立(Control-7)。

add sugar on donut 3add sugar on donut 3add sugar on donut 3

第5步

圖層面板,找到妳各個建立和命名生成的編組為“Sugar”的遮罩層。 打開這個編組並選擇2個描邊路徑,並轉到對象>擴展外觀。 現在進入隔離模式並從妳使用的每個編組中刪除2條路徑,然後退出隔離模式。 接下來,轉到效果>風格化>投影並應用2個編組中所示的的設置。 在此之後,白糖甜甜圈就完成了。 在此之後,白糖甜甜圈就完成了。

add sugar on donut 4add sugar on donut 4add sugar on donut 4

6.創建草莓磨砂的甜甜圈

第1步

從糖衣巧克力片甜甜圈中“基本甜甜圈”以及糖衣和"2個高光形狀",然後將它們復制粘貼 (Control-V) 在妳的畫板上。 當糖衣形狀被選擇時,改變它的填充色為淺粉色,打開內發光窗口,並用這個效果改變顏色。 對2個“高光形狀”,增加羽化半徑9 px。 保持其他的部分相同。

create strawberry frostingcreate strawberry frostingcreate strawberry frosting

第2步

抓取鋼筆工具(P)鉛筆工具(N)並畫出如下圖壹樣的2個波浪形路徑。 設置描邊寬度為7pt 並在描邊面板中選擇圓角端點選項。 從對象菜單中選擇擴展解除編組(Shift-Control-G) 用來將2個描邊路徑轉為填充。

使用直接選擇工具(A)移動壹些錨點來創建厚且不均勻的區域,因為這樣更好更自然(2)。 如果妳沒有足夠的錨點,妳可以用添加錨點工具 (+)添加更多錨點。 接著,選擇藍色和綠色的形狀,轉到對象>復合路徑>建立(Control-8),並用(3)所示的線性漸變填充生成的復合路徑。

create icing on strawberry donut 1create icing on strawberry donut 1create icing on strawberry donut 1

第3步

為了添加輝光,畫出幾條沿著波浪形的薄路徑並用白色填充。

create icing on strawberry donut 2create icing on strawberry donut 2create icing on strawberry donut 2

第4步

為了添加陰影,復制並粘貼到波浪形狀的後面(Control-B),改變填充色為粉色,並按下妳的鍵盤上的向下箭頭鍵3次將其向下移動3px。

create icing on strawberry donut 3create icing on strawberry donut 3create icing on strawberry donut 3

7. 創建甜甜圈投影

第1步

首先在“甜甜圈”下面制作壹個新圖層並將它命名為“陰影”。 現在在圖層面板中找到妳過去用於遮住“基本甜甜圈”的復合路徑,復制並將它粘貼(Control-V)到新的圖層中。 選擇棕色作為填充色,然後轉到效果>風格化>投影並應用下面所示的設置。

add shadow to donutadd shadow to donutadd shadow to donut

第2步

對其它3個甜甜圈重復之前的步驟,用相同的設置。妳將會完成這步。

donuts with shadowdonuts with shadowdonuts with shadow

祝賀妳! 妳已經完成了

讓我知道妳是否喜歡這個教程並且妳是否學到了壹些新的“美味”的技術。 隨便實驗不同的顏色和設置創建妳自己唯壹的甜甜圈。 不要忘記向我展示妳的再創造,以便我能喜歡它們。

妳現在餓了嗎?

final donut iconsfinal donut iconsfinal donut icons
关注我们的公众号
One subscription.
Unlimited Downloads.
Get unlimited downloads