根據以下步驟，你會學到如何在Adobe Illustrator中創建一個可愛的角色臉部。

對于初學者來說，您將學到如何建立一個簡單的網格，以及如何創建兩個簡單的藝術畫筆。然后使用基本工具、效果和混合工具，您將學到如何創建角色的頭部和耳朵。使用上述保存的藝術畫筆和一些基本工具，以及一些基本的效果和混合技術，您將學會如何創建頭發。

接下來，你會使用兩個簡單的混合和一系列投影效果創建鼻子和微妙的陰影。充分利用外觀面板，你會學到如何創建眼睛和相貌。使用折疊&膨脹、波紋效果以及一些巧妙的筆觸屬性，來創建一個小小的橙色領結。最后，您將學習如何添加一個簡單的背景和一個小的對話氣泡。

一、創建文檔

Ctrl+N創建一個新文檔。從下拉菜單中選擇像素，在寬度及高度中輸入600，然后點擊高級按鈕。選擇RGB，屏幕（72ppi）然后確認新建對象與像素網格對齊選項未被選中，然后點擊確定.

啟用網格（視圖 > 顯示網格）以及對齊網格（視圖 > 對齊網格）。對于初學者來說，你需要一個5px的網格，只要點擊編輯 > 首選項 > 參考線和網格 > 網格，在網格線間隔中輸入5，然后在次分隔線中輸入1。你還要打開信息面板（窗口 > 信息），以實時預覽形狀的位置和大小。不要忘了在編輯 > 首選項 > 單位 > 常規中，將單位設為像素。這些選項會顯著提升你的工作速度。

具體的高效配置右戳：《UI設計師必備！Photoshop功能優化指導手冊》

二、創建兩個藝術畫筆

第1步

選擇橢圓工具（L），移除描邊的顏色，然后把填充顏色改為R=96 G=57 B=19。

創建一個30 x 150px的橢圓，對齊到網格可以減輕你的工作難度。切換到轉換錨點工具（Shift+C）然后看你形狀的頂部。點擊一下那里的錨點，你的形狀看起來就會像是第二張圖像那樣。使用直接選擇工具 （A），選擇第二張圖中高亮的兩個錨點，然后將他們向下拖動30px。最后它應該看起來像是第三張圖那樣。

第2步

保證你的形狀仍然是被選中的，打開畫筆面板（窗口 > 畫筆）然后點擊新建畫筆按鈕。選擇藝術畫筆然后點確定以打開藝術畫筆選項窗口。在名稱一欄中輸入 "粗畫筆"，按下圖所示的屬性設置，然后點擊確定按鈕。

當你可以在你的畫筆面板中看到你的新藝術畫筆的時候，你就可以刪掉畫板上的這個棕色圖形了。

三、創建頭部

第1步

在這步，你需要一個1px的網格，所以前往編輯 > 首選項 > 參考線和網格 & 網格，然后在網格線間隔中輸入1，使用橢圓工具（L）畫一個6 x 20px的橢圓，填充顏色設置為R=96 G=57 B=19。

切換到轉換錨點工具（Shift+C），點一下你新形狀頂端的那個錨點。選中直接選擇工具 （A），選擇第二張圖中高亮的錨點，然后把它們向下拖4px。最后它應該看起來跟第三張圖一樣。

第2步

重新選擇你的棕色形狀，打開畫筆面板（窗口 > 畫筆）然后再次單擊新建畫筆按鈕。選擇藝術畫筆并點擊確定。按下圖輸入所有屬性，請確保你的名稱是"細畫筆"然后點擊確定按鈕。不要忘了在畫筆面板上看到你的新畫筆之后，就把畫板上的棕色形狀刪掉。

第3步

回到網格線間距5px的狀態，點擊編輯 > 首選項 > 參考線和網格 & 網格，然后在網格線間隔中輸入5。使用橢圓工具（L）畫一個225 x 180px形狀，保持它的選中狀態，打開外觀面板 （窗口 > 外觀）。雙擊確認沒有描邊設定，然后選擇填色。

打開漸變面板 （窗口 > 漸變），單擊漸變預覽圖，添加到默認的黑白漸變上。在漸變面板上把角度設為90度，然后選擇漸變顏色。把右端滑塊的顏色改為R=243 G=197 B=145，把左端滑塊的顏色改為R=233 G=167 B=115。

確保這個形狀仍然是被選中狀態，然后前往效果 > 變形 > 膨脹。按下圖所示輸入屬性值然后點確定確定然后點對象 > 擴展外觀。移動到圖層面板 （窗口 > 圖層），打開你的圖層，雙擊這個形狀并將其重命名為"腦袋"。

第4步

再次選中你的 "腦袋" ，然后在嵌面復制一個（Ctrl+C > Ctrl+F）。選中這個副本，然后效果 > 風格化 > 內發光。按下圖輸入屬性值，點擊確定然后對象 > 擴展外觀。

然后前往圖層面板，選中新近創建的組，然后按下Shift+Ctrl+G以取消編組。繼續關注圖層面板，選中底部的組并刪除它，然后前往蒙版組并鎖定它，這樣可以保證你不會意外地選中或移動它。

第5步

禁用對齊網格（視圖 > 對齊網格）然后在編輯 > 首選項 > 常規中確保鍵盤增量為1px。

重新選擇你的 "腦袋" 形狀，然后點擊對象 > 路徑 > 偏移路徑。輸入-5px 位移然后點擊確定。選中生成的形狀，然后在其前方做一個副本（Ctrl+C > Ctrl+F）。選擇這個副本，按五次鍵盤的向上箭頭，將其向上移動5px。選中在這步中制作的兩個形狀，打開路徑查找器面板（窗口 > 路徑查找器）然后點擊減去頂層按鈕。將生成的圖形填充上黑色（R=0 G=0 B=0）。

第6步

保持選中你的黑色形狀，然后點擊效果 > 模糊 > 高斯模糊。輸入5px半徑，點擊確定，然后前往外觀面板，并點擊"不透明度"這段文字，打開透明彈出面板。將混合模式改為柔光然后將不透明度降低到30%。在這步結束之后，圖像應該看起來像下圖一樣。

第7步

選中你的 "腦袋" ，然后在前面做兩個拷貝（Ctrl+C > Ctrl+F > Ctrl+F）。選中頂端的副本，并將其向上移動5px。再選中這步做出的這兩個副本，并在路徑查找器面板中點擊減去頂層按鈕。將生成的形狀填充為黑色，降低其不透明度到10%并將混合模式改為柔光。

第8步

選中你的 "腦袋" ，然后在前面做兩個拷貝（Ctrl+C > Ctrl+F > Ctrl+F）。選中頂端的副本，并將其向下移動5px。再選中這步做出的這兩個副本，并在路徑查找器面板中點擊減去頂層按鈕。

按照下圖所示的漸變填充生成的形狀，降低其不透明度到15%并將混合模式改為柔光。記住漸變圖像上的白色數字代表位置的百分比，黃色的零代表不透明度的百分比。

第9步

重新選中你的 "腦袋" 然后點擊對象 > 路徑 > 偏移路徑。輸入-10px位移，然后點擊確定。選中生成的圖形，然后在其前方粘貼（Ctrl+C > Ctrl+F）。

選中這個副本并將其向下移動5px。重新選中這步中做出的兩個形狀，并在路徑查找器面板中點擊減去頂層按鈕。用白色（R=255 G=255 B=255）填充生成的圖形。

第10步

保持那個白色形狀被選中，降低其不透明度到55%然后點擊效果 > 模糊 > 高斯模糊。輸入7px半徑然后點確定。然后形狀看起來應該像下面這樣。

第11步

啟用對齊網格（視圖 > 對齊網格）。使用橢圓工具（L），畫一個80 x 40px的橢圓，還有兩個30 x 15px的橢圓。把填充顏色設為黑色，然后把它們像第一張圖那樣放置。選中這三個形狀，然后點擊Ctrl+8（or go to對象 > 復合路徑 > 建立）將他們轉為一個復合路徑。

重新選中你的 "腦袋" 并在前面做一個副本（Ctrl+C > Ctrl+F）。選擇它和你的黑色復合路徑，并點擊路徑查找器面板上的交集按鈕。將生成的圖形轉為一個新的復合路徑（Ctrl+8），填充顏色為黑色，降低其不透明度到30%，然后將混合模式改為柔光。

第12步

使用橢圓工具（L）畫一個105 x 55px的形狀，將填充顏色設為R=253 G=207 B=155，并放置在第一張圖所示的位置上。

看你的工具欄雙擊混合工具打開混合選項窗口，在間距下拉菜單中選擇指定的步數，輸入30然后點擊確定按鈕。重新選擇這步中建立的形狀和你的 "腦袋" 形狀，然后按下Alt-Ctrl+B（或者對象 > 混合 > 建立） 來建立一個新的混合。選中你的混合并按下Shift+Ctrl+ [將其放到后面去。

第13步

看你的圖層面板，解鎖蒙版群組。選中迄今為止建立的所有形狀，然后按Ctrl+G來為他們編組。

回到圖層面板，雙擊你的新群組，并將其重命名為 "頭部".

四、創建耳朵

第1步

使用橢圓工具（L），畫一個25x 30px的橢圓，填充為R=243 G=177 B=125，并把它放在接下來的所有圖像的最下面。

在圖層面板中將其重命名為"耳朵".

第2步

禁用對齊網格（視圖 > 對齊網格）。選中你的 "耳朵"形狀，然后在其前面做兩個副本（Ctrl+C > Ctrl+F > Ctrl+F）。選中上面的副本然后將其向左向下各移動1px。

重新選中這兩個副本，然后在路徑查找器面板中點擊減去頂層按鈕。將生成的結果形狀填充為白色，降低其不透明度到70%，并將混合模式改為柔光。

第3步

選中你的 "耳朵"形狀，然后在其前面做兩個副本（Ctrl+C > Ctrl+F > Ctrl+F）。選中上面的副本然后將其向左向下各移動2px。重新選中這兩個副本，然后在路徑查找器面板中點擊減去頂層按鈕。將生成的結果形狀填充為白色，降低其不透明度到50%，并將混合模式改為柔光。

第4步

選中你的 "耳朵"形狀，然后在其前面做兩個副本（Ctrl+C > Ctrl+F > Ctrl+F）。選中上面的副本然后將其向上移動2px。重新選中這兩個副本，然后在路徑查找器面板中點擊減去頂層按鈕。將生成的結果形狀填充為黑色，降低其不透明度到50%，并將混合模式改為柔光。

第5步

選中你的 "耳朵"形狀，然后在其前面做兩個副本（Ctrl+C > Ctrl+F > Ctrl+F）。選中上面的副本然后將其向上移動1px。

重新選中這兩個副本，然后在路徑查找器面板中點擊減去頂層按鈕。將生成的結果形狀填充為黑色，降低其不透明度到50%，并將混合模式改為柔光。

第6步

啟用對齊網格（視圖 > 對齊網格）。使用橢圓工具（L），畫一個5 x 10px的橢圓，填充R=223 G=137 B=86，然后把它放在第一張圖所示的位置上。打開混合選項窗口，設定指定的步數為40，然后點確定按鈕。重新這步所建立的形狀和你的"耳朵" 形狀，并創建一個新的混合（Alt-Ctrl+B）。

在圖層面板上拖動這個新的混合到一系列用于高亮它的細小形狀下方。最后圖像看起來應該像是這樣。。

第7步

切換為網格線間距 1px，前往編輯 > 首選項 > 參考線和網格 & 網格并在網格線間隔中輸入1。使用橢圓工具（L），畫一個5 x 10px形狀，填充為R=223 G=127 B=76，并按下圖所示放置。

選中你的新形狀，然后前往效果 > 風格化 > 投影。按下圖所示輸入屬性值，然后點擊確定。

第8步

回到網格線間距 5px，點編輯 > 首選項 > 參考線和網格 & 網格，然后在網格線間隔中輸入5。重新選擇所有構成耳朵的形狀并將其編組（Ctrl+G）。

選中這個新建的群組，并把它放在底部（Shift+Ctrl+ [），然后前往圖層面板將其重命名為 "耳朵"。

第9步

選擇你的"耳朵"群組，然后在效果 > 扭曲和變換 & 變換 > 變換。按照下圖所示輸入屬性（別忘了選中對稱X）然后點擊確定按鈕。最后應該看起來應該像下圖這樣。

五、畫頭發

第1步

禁用網格（視圖 > 隱藏網格）還有對齊網格（視圖 > 對齊網格）。選中畫筆工具 （B）并在畫筆面板選中 "粗畫筆" 藝術畫筆。

在你的畫板上畫一些簡單的路徑，就如第一張圖所示。然后用相同的筆刷畫一系列新的路徑，像第二張圖所示。

最后在畫筆面板中選擇"細畫筆"藝術畫筆，然后選中畫筆工具 （B），并像第三張圖那樣畫最后四條小線。

第2步

選中所有用藝術畫筆建立的路徑，對象 > 路徑 > 輪廓化描邊。選中所生成的圖形，然后在路徑查找器面板中點擊聯集按鈕。

第3步

在圖層面板上打開你的 "頭部"群組，然后選中其混合。選擇"腦袋"形狀，在前面粘貼副本（Ctrl+C > Ctrl+F），然后將其從群組中拖出來，放到圖層面板的頂端。選擇新建的副本和棕色的形狀，并在路徑查找器面板中點擊減去頂層按鈕。選中生成的形狀，并將填充顏色改為R=242 G=101 B=34。

第4步

選擇畫筆工具 （B），在畫筆面板中選擇"細畫筆"，然后按第一張圖那樣畫一些簡單的路徑。選中所有的新路徑并點對象 > 路徑 > 輪廓化描邊。選擇生成的圖形和橙色的路徑，在路徑查找器面板上點擊聯集按鈕。選中生成的形狀，填充R=96 G=57 B=19，然后到圖層面板上將其重命名為"頭發"。

第5步

選中你的 "頭發" 形狀，然后在前面復制兩個副本（Ctrl+C > Ctrl+F > Ctrl+F）。選擇上面那個副本，然后將其向上移動1px。

選中這步中繪制的兩個形狀，在路徑查找器面板中點擊減去頂層按鈕。將生成的形狀轉為復合路徑（Ctrl+8），將其填充顏色設為黑色，降低其不透明度到10%，然后把混合模式改為柔光。

第6步

選中你的 "頭發" 形狀，然后在前面復制兩個副本（Ctrl+C > Ctrl+F > Ctrl+F）。選擇上面那個副本，然后將其向上移動3px。

選中這步中繪制的兩個形狀，在路徑查找器面板中點擊減去頂層按鈕。將生成的形狀轉為復合路徑（Ctrl+8），將其填充顏色設為黑色，降低其不透明度到10%，然后把混合模式改為柔光。

第7步

選中你的 "頭發" 形狀，然后在前面復制兩個副本（Ctrl+C > Ctrl+F > Ctrl+F）。選擇上面那個副本，然后將其向上移動6px。

選中這步中繪制的兩個形狀，在路徑查找器面板中點擊減去頂層按鈕。將生成的形狀轉為復合路徑（Ctrl+8），將其填充顏色設為黑色，降低其不透明度到10%，然后把混合模式改為柔光。

第8步

選中你的 "頭發" 形狀，然后在前面復制兩個副本（Ctrl+C > Ctrl+F > Ctrl+F）。選擇上面那個副本，然后將其向上移動10px。

選中這步中繪制的兩個形狀，在路徑查找器面板中點擊減去頂層按鈕。將生成的形狀轉為復合路徑（Ctrl+8），將其填充顏色設為黑色，降低其不透明度到10%，然后把混合模式改為柔光。

第9步

選中你的"頭發"形狀，然后點擊對象 > 路徑 > 偏移路徑。輸入-3px位移，在連接下拉菜單中選擇圓角，然后點擊確定。選擇生成的結果，并將填充顏色改為R=82 G=49 B=20，然后效果 > 風格化 > 內發光。按下圖所示輸入屬性值并點擊確定。

第10步

選中你的 "頭發"形狀然后效果 > 風格化 > 內發光。按下圖所示輸入屬性值，然后點擊確定。選擇所有構成頭發的形狀，并將其編組（Ctrl+G）。在圖層面板中將剛才的群組重命名為 "頭發"。

六、畫鼻子

第1步

啟用網格 （視圖 > 顯示網格）以及對齊網格 （視圖 > 對齊網格）。使用橢圓工具（L），畫一個45 x 35px的橢圓，使用下圖所示的漸變填充，并放在圖中的位置上。在圖層面板中將其重命名為"鼻子"。

第2步

選中你的"鼻子" 然后點效果 > 變形 > 膨脹。按下圖所示輸入屬性值并點擊確定.

第3步

選中你的 "鼻子" 然后點對象 > 變換 > 移動，在垂直一欄中輸入"20" ，然后點復制按鈕。選中生成的形狀，然后在外觀面板中將其填充的漸變改為黑色，降低其不透明度到0%然后將混合模式改為柔光。

第4步

選中你的 "鼻子" 形狀，然后在其前面粘貼一個副本（Ctrl+C > Ctrl+F）。選中這個副本，并在外觀面板中，將其漸變改為黑色填充，降低其不透明度到30%然后將混合模式改為柔光。

第5步

打開混合選項窗口，把指定的步數設為30。重新選擇兩個黑色的 "鼻子" 形狀，然后按下Alt-Ctrl+B。在圖層面板中拖動"鼻子"形狀下面的兩個形狀以制造混合。

第6步

使用橢圓工具（L），畫一個15 x 10px形狀，用R=255 G=197 B=145填充，然后按第一張圖所示的位置方式。選中這個形狀，然后使用效果 > 變形 > 膨脹。按下圖所示屬性設置，然后點擊確定。

第7步

重新選擇你的"鼻子"形狀和它前面那個更小的形狀，然后按下Alt-Ctrl+B創建一個新的混合。最后它看起來應該像是第二張圖這樣。

第8步

選中剛才建立的混合，然后點擊效果 > 風格化 > 投影。按下圖中左上角的窗口中的屬性輸入，然后點確定，接下來按照圖中剩下的屬性建立5個投影效果。

搞定之后重新選中組成鼻子的兩個混合并將其編組（Ctrl+G）。在圖層面板中將這個新的群組重命名為 "鼻子".

七、畫嘴巴

第1步

使用橢圓工具（L），畫一個25 x 30px的橢圓，將填充顏色設為R=239 G=65 B=54然后按下圖所示放置。切換到矩形工具（M），畫一個35 x 20px的舉行，然后按照第二張圖所示的位置放置。

選中這步中創建的兩個形狀，然后在路徑查找器面板中點擊減去頂層按鈕。選中生成的形狀，然后在效果 > 風格化 > 內發光中按下圖所示屬性輸入，并點擊確定。

第2步

使用橢圓工具（L），畫一個15 x 20px的橢圓，將顏色設為R=209 G=35 B=24然后按下圖所示放置。使用矩形工具（M），畫一個25 x 15px的矩形，然后按下圖所示的位置放置。選中這步中建立的兩個圖形，然后在路徑查找器面板中按下減去頂層按鈕。選中生成的形狀，然后在效果 > 風格化 > 內發光中按下圖所示屬性輸入，并點擊確定。

第3步

切到網格線間距 1px，點擊編輯 > 首選項 > 參考線和網格 & 網格然后在網格線間隔中輸入1。使用矩形工具（M），畫一個1 x 3px的矩形，將顏色設為R=239 G=65 B=54然后按下圖所示放置。使用橢圓工具（L），畫一個3 x 5px的橢圓，使用相同的填充顏色，并放在第二張圖所示的位置上。

第4步

選中組成嘴巴的兩個形狀并將其編組編組（Ctrl+G）。在圖層面板中將這個新編組重命名為 "嘴巴"。選中你的新編組，然后點擊效果 > 風格化 > 投影。按下圖所示屬性設置，然后點擊確定。

八、畫眼睛和眉毛

第1步

回到網格線間距 5px，點擊編輯 > 首選項 > 參考線和網格 & 網格然后在網格線間隔中輸入5。使用橢圓工具（L），畫一個20px的圓，將填充顏色設為白色，然后按下圖所示放置。

在圖層面板中將其重命名為 "眼睛"。選中你的 "眼睛"形狀，然后在外觀面板中使用添加新填色按鈕添加兩個新填色（在下圖中用藍色圈圈指出來了）。

選中這個新填充，將顏色設為R=39 G=170 B=225在效果 > 路徑 > 偏移路徑中輸入-5px 位移然后點擊確定。回到外觀面板并使用添加新填色按鈕給你的"眼睛"形狀添加第三個填色。選中這個新填色，將顏色設為黑色，并在效果 > 路徑 > 偏移路徑中輸入-7px 位移然后點擊確定。

第2步

選中你的 "眼睛" 形狀，在外觀面板中添加1px的描邊，并將顏色設為R=255 G=197 B=145。

在外觀面板中點擊 "描邊" 并打開描邊彈出面板，點擊使描邊外側對齊按鈕（在下圖中用紅色圈圈指出）。

在外觀面板中使用添加新描邊按鈕為你的形狀添加第二條描邊（在下圖中用藍色圈圈指出）。選中這個新描邊，將顏色設為黑色，并將粗細設為2px，對齊到內側然后降低其不透明度到5%。

選中你的黑色描邊，然后使用復制所選項目按鈕復制一個（在下圖中用綠色圈圈指出）。選中這個新添加的描邊，并將粗細設為1px。

在外觀面板中選擇整個路徑（只要在外觀面板上單擊"路徑"文字）然后在效果 > 風格化 > 投影中按下圖所示屬性設置，然后點擊確定。

第3步

切換到網格線間距 1px，前往編輯 > 首選項 > 參考線和網格 & 網格然后在網格線間隔中輸入1。使用橢圓工具（L），畫一個1px的圓，再畫一個2px的圓。把兩個圓都填上白色，然后按下圖所示放置。

第4步

回到網格線間距 5px，前往編輯 > 首選項 > 參考線和網格 & 網格然后在網格線間隔中輸入5。選擇組成眼睛的三個圓，并將其編組 （Ctrl+G）。

在圖層面板中將這個新群組重命名為 "眼睛"。選中你的 "眼睛" 群組，然后對象 > 變換 > 對稱，選中垂直然后點擊復制按鈕，這樣就創建了一個垂直翻轉的群組副本。選中這個新的群組，將其拖到左邊圖中所示的位置上。

第5步

禁用網格（視圖 > 隱藏網格）和對齊網格（視圖 > 對齊網格）。使用畫筆工具 （B）并選擇"細畫筆" 藝術畫筆，按下圖所示畫兩條路徑。

第6步

選中這兩個組成眉毛的路徑，并按下圖所示為其添加4個投影效果（效果 > 風格化 > 投影） 。

九、畫領結

第1步

啟用網格（視圖 > 顯示網格）和對齊網格（視圖 > 對齊網格）。使用橢圓工具（L），畫一個35px圓，將填充顏色設為R=247 G=148 B=30然后按下圖所示放置。

選中你的橙色形狀，在效果 > 扭曲和變換 & 變換 > 收縮和膨脹。將滑塊拖動到42%的位置并點擊確定，在效果 > 扭曲和變換 & 變換 > 波紋效果中，按下圖所示屬性輸入，并點擊確定然后對象 > 擴展外觀。

在圖層面板中，將剛做成形狀命名為 "領結"。

第2步

禁用對齊網格（視圖 > 對齊網格）。選中你的 "領結"形狀，然后在其前方建立兩個副本（Ctrl+C > Ctrl+F > Ctrl+F）。選中上面的副本，并將其向上移動1px。

重新選中這步中畫出的兩個副本，然后在路徑查找器面板中點擊減去頂層按鈕。將生成的形狀轉為復合路徑（Ctrl+8）, 將填充顏色設為黑色，降低其不透明度到15%并把混合模式改為柔光。

第3步

選中你的 "領結"形狀，然后在其前方建立兩個副本（Ctrl+C > Ctrl+F > Ctrl+F）。選中上面的副本，并將其向上移動2px。

重新選中這步中畫出的兩個副本，然后在路徑查找器面板中點擊減去頂層按鈕。將生成的形狀轉為復合路徑（Ctrl+8）, 將填充顏色設為黑色，降低其不透明度到15%并把混合模式改為柔光。

第4步

選中你的 "領結"形狀，然后在其前方建立兩個副本（Ctrl+C > Ctrl+F > Ctrl+F）。選中上面的副本，并將其向上移動3px。

重新選中這步中畫出的兩個副本，然后在路徑查找器面板中點擊減去頂層按鈕。將生成的形狀轉為復合路徑（Ctrl+8）, 將填充顏色設為黑色，降低其不透明度到15%并把混合模式改為柔光。

第5步

選中你的 "領結"形狀，然后在其前方建立兩個副本（Ctrl+C > Ctrl+F > Ctrl+F）。選中上面的副本，并將其向下移動1px。

重新選中這步中畫出的兩個副本，然后在路徑查找器面板中點擊減去頂層按鈕。將生成的形狀轉為復合路徑（Ctrl+8）, 將填充顏色設為黑色，降低其不透明度到10%并把混合模式改為柔光。

第6步

選中你的 "領結"形狀，然后在對象 > 路徑 > 偏移路徑中輸入-1px位移。然后點擊確定，選中生成的形狀，并在其前方建立一個副本（Ctrl+C > Ctrl+F）。將這個副本向下移動1px。

重新選中這步中畫出的兩個副本，然后在路徑查找器面板中點擊減去頂層按鈕。將生成的形狀轉為復合路徑（Ctrl+8）, 將填充顏色設為白色，降低其不透明度到15%并把混合模式改為疊加。

第7步

選中你的 "領結"形狀，然后在對象 > 路徑 > 偏移路徑中輸入-1px位移。然后點擊確定，選中生成的形狀，并在其前方建立一個副本（Ctrl+C > Ctrl+F）。將這個副本向下移動2px。

重新選中這步中畫出的兩個副本，然后在路徑查找器面板中點擊減去頂層按鈕。將生成的形狀轉為復合路徑（Ctrl+8）, 將填充顏色設為白色，降低其不透明度到20%并把混合模式改為疊加。

第8步

選中你的 "領結" 形狀，然后在效果 > 風格化 > 內發光中按下圖所示屬性設置，然后點擊確定.

第9步

啟用對齊網格（視圖 > 對齊網格），并改為網格線間距 1px。使用鋼筆工具 （P），按下圖所示畫六條路徑，并為它們添加1pt的黑色描邊。在外觀面板中降低其不透明度到80%，并將混合模式改為柔光，然后打開描邊彈出面板。在配置文件選單中改為寬度配置文件 1。最后它看起來應該像是第二張圖中那樣。

第10步

回到網格線間距 5px。使用矩形工具（M），畫一個5 x 15px的橢圓，將顏色設為R=247 G=148 B=30，按照第一張圖所示的位置放置，然后在效果 > 風格化 > 圓角中輸入2.5px半徑，點擊確定然后對象 > 擴展外觀。

保持這些形狀的選中狀態，然后在外觀面板中選中現在的填色，點擊效果 > 風格化 > 內發光按下圖所示輸入屬性值，然后點擊確定并返回外觀面板。

為你的形狀添加第二層填色，將顏色設為白色，把不透明度降為30%，把混合模式改為疊加，然后在效果 > 路徑 > 偏移路徑中輸入-2px 位移然后點擊確定。回到外觀面板并為你的形狀添加一個1px黑色描邊。對齊到內部，把=混合模式改為柔光并把不透明度降低到25%。

第11步

選擇所有組成領結的形狀并將其編組（Ctrl+G）。在圖層面板中將這個新群組重命名為 "領結"。

十、添加一點陰影和背景

第1步

選擇迄今為止建立的所有形狀并將其編組（Ctrl+G）。在圖層面板中將其重命名為"臉"。選中你的 "臉" ，并在前面建立一個副本 （Ctrl+C > Ctrl+F）。回到圖層面板并鎖定底部的"臉" 群組。

第2步

現在你要清理前面的"臉" 群組，首先刪掉鼻子、嘴巴、眼睛和耳朵里的所有路徑。

接下來，刪除所有用于給頭、耳朵、頭發和領結打光的形狀，只留下主要形狀。選中頭部和耳朵的混合并按Alt-Shift+Ctrl+B以禁用他們。從那些用于創建混合的小形狀中解放出來。選擇"耳朵"群組，然后點對象 > 擴展外觀，然后選擇"頭發" 和 "領結" 形狀，并將其內發光效果移除。最終它看起來應該是這樣的。

第3步

選中前面的"臉"群組，然后在路徑查找器面板中點擊聯集。按鈕，選中生成的形狀，并將填色改為R=243 G=157 B=105。在圖層面板中將其命名為 "影子"。

第4步

選中你的 "影子"形狀，把它放到后面（Shift+Ctrl + [） 然后按下圖所示添加5個投影效果（效果 > 風格化 > 投影） 。

第5步

在圖層面板中解鎖 "臉" 群組，打開它并選擇 "領結"群組，然后按下圖所示添加3個投影效果（效果 > 風格化 > 投影） 。

第6步

使用矩形工具（M），畫一個610 x 610px的方形，將填充顏色設為R=255 G=237 B=185并將其放到后面（Shift+Ctrl+ [）。在圖層面板中將其重命名為"bg"。

接下來，你需要操作你的 "bg"形狀，打開對齊面板 （窗口 > 對齊）。選擇對齊畫板（如果你找不到下圖所示的對齊到下拉菜單，打開彈出菜單然后點擊顯示選項）然后點擊水平居中對齊和垂直居中對齊按鈕。之后你的方形應該能覆蓋整個畫板。

第7步

選中你的 "bg"形狀，然后使用相同的添加新填色按鈕添加第二個填色。降低其不透明度到15%然后按下圖所示添加一個徑向漸變。使用漸變工具（G）來伸長你的漸變，如下圖所示。記住漸變圖像中的黃色的零代表的是不透明度的百分比。

十一、畫對話氣泡

第1步

使用橢圓工具（L），畫一個200 x 150px的橢圓，然后填上白色，并將其放在圖中所示的位置。選中這個形狀，降低其不透明度到strong>70%，把混合模式改為柔光，然后在效果 > 扭曲和變換 & 變換 > 粗糙化中按下圖所示屬性設置，然后點擊確定.

第2步

使用橢圓工具（L），畫一個20px的圓和另一個10px的圓，然后將其按下圖所示位置放置。將兩個形狀都填充為白色，降低它們的不透明度到70%，把混合模式改為柔光。選中那個20px的圓，然后在效果 > 扭曲和變換 & 變換 > 粗糙化中按下圖上面那個窗口中所示的屬性填寫，然后點擊確定。選中那個10px的圓，然后在效果 > 扭曲和變換 & 變換 > 粗糙化中按下圖下面那個窗口中所示的屬性填寫，然后點擊確定。

第3步

最后，使用文字工具 （T），在你的畫板上點擊一下然后輸入你的文字。你可以使用GoodDog font，字號設為45px，而顏色設為R=96 G=57 B=19。

恭喜你！大功告成了！

這就是它完成的樣子。希望你喜歡這個教程，并可以將教程中介紹的這些技術應用在你將來的創作中。

太難了？沒關系，教你從零開始成為Illustrator高手！

通俗易懂的小課堂！
《小課堂第二彈！使用ILLUSTRATOR做UI設計系列教程》

絕對不能不學的快捷鍵！設計師最愛！
《平面設計師最愛的illustrator快捷鍵》

學習完來一篇實戰！
《AI教程！手把手教你用AI創建精致玲瓏的多彩風車》

原文地址：Tuts+
優設網翻譯：@阿布
【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量77萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：