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的矩形,置于頂部,填充徑向漸變,數值如圖。這一步的目的是讓中間身體部分更加明亮。
這樣這張圖就做好了,看一看效果圖,你也來試一試吧~
結語
本期教程到這里就結束了,希望大家在練習過程中多思考、理解制作思路和操作方法,活學活用。
藍藍設計( ssll180.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
相關文章:
------------------