2018-7-11 藍藍設計的小編
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
版權申明：本文原創作者UI九歌，感謝UI九歌的原創經驗分享！致敬哈
新建一個700*700px的畫布，300ppi。
繪制一個700*700px的矩形，填充顏色#020B19，與畫布居中對齊，將此圖層命名為“背景”，鎖定圖層（Ctrl+2）。
分別拉一條水平、垂直參考線，與畫布居中對齊。將參考線建組（Ctrl+G），命名為“參考線”，鎖定圖層。
STEP 02
繪制一個700*700px的矩形，與畫布居中對齊，填充漸變色，數值如圖。將圖層命名為“背景色”，修改不透明度為10%。
STEP 03
用鋼筆工具繪制路徑，填充無，描邊2，修改“配置文件”中的內容，描邊填充漸變，數值如圖。（參考線這里沒顯示，繪制時是有參考線的）
選中這些路徑，效果-模糊-徑向模糊，數值如下。選中模糊后的路徑，編組并鎖定。
STEP 04
繼續用鋼筆工具繪制路徑，填充無，把描邊改為0.75，其他數值同第三步。給路徑執行“徑向模糊”，數值同第三步。
STEP 05
選中步驟三、步驟四繪制的所有線條，編組，選擇對象-擴展外觀。
復制“背景色”圖層置于線條組上面，選中線條組和“背景色”圖層副本，右鍵-建立剪切蒙版（Ctrl+7）。
STEP 06
選中上一步得到的剪切組，用鏡像工具復制到左邊。選中兩個剪切組，建組，命名為“翅膀”，鎖定該圖層。
STEP 07
繪制一個700*700px的矩形，置于圖層面板最上端，修改填充顏色如下，混合模式為“疊加”。
將圖層命名為“疊加”，鎖定圖層。
效果如下：
STEP 08
用鋼筆工具畫三條路徑，填充無，描邊3，描邊填充如圖漸變。
選中這三條路徑，選擇畫筆面板左下角的毛刷畫筆-毛刷畫筆庫，選擇如下畫筆。給這三條路徑編組，命名為“黃1”。
STEP 09
選中“黃1”，右鍵-變換-對稱-水平-復制。將副本的大小縮小一些，然后給副本編組，命名為“黃2”。
選中“黃1”、“黃2”，編組，右鍵-變換-對稱-垂直-復制。
選中左右兩邊黃色路徑，編組，命名為“光”，混合模式為“顏色減淡”，不透明度30%。
STEP 10
繪制一個700*700px的矩形，置于圖層面板頂層，填充漸變如下，混合模式為“疊加”。
STEP 11
繪制一個56*168px的橢圓，與畫布居中對齊。填充徑向漸變，數值如下。混合模式為“顏色減淡”。
STEP 12
繪制一個18*110px的橢圓作為身體，17*15px的橢圓作為頭部，填充徑向漸變，數據如圖。
選中身體和頭，編組，效果-風格化-外發光，數據如圖。
用鋼筆工具畫須子，數值如下：
用鋼筆工具畫王冠，描邊0.75，給描邊添加漸變。再給王冠添加一個外發光。
STEP 13
最后一步，繪制一個700*700px的矩形，置于頂部，填充徑向漸變，數值如圖。這一步的目的是讓中間身體部分更加明亮。
這樣這張圖就做好了，看一看效果圖，你也來試一試吧~
結語
本期教程到這里就結束了，希望大家在練習過程中多思考、理解制作思路和操作方法，活學活用。
藍藍設計( www.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
相關文章：
－－－－－－－－－－－－－－－－－－