2018-7-11 藍(lán)藍(lán)設(shè)計(jì)的小編
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
版權(quán)申明：本文原創(chuàng)作者UI九歌，感謝UI九歌的原創(chuàng)經(jīng)驗(yàn)分享！致敬哈
新建一個(gè)700*700px的畫(huà)布，300ppi。
繪制一個(gè)700*700px的矩形，填充顏色#020B19，與畫(huà)布居中對(duì)齊，將此圖層命名為“背景”，鎖定圖層（Ctrl+2）。
分別拉一條水平、垂直參考線(xiàn)，與畫(huà)布居中對(duì)齊。將參考線(xiàn)建組（Ctrl+G），命名為“參考線(xiàn)”，鎖定圖層。
STEP 02
繪制一個(gè)700*700px的矩形，與畫(huà)布居中對(duì)齊，填充漸變色，數(shù)值如圖。將圖層命名為“背景色”，修改不透明度為10%。
STEP 03
用鋼筆工具繪制路徑，填充無(wú)，描邊2，修改“配置文件”中的內(nèi)容，描邊填充漸變，數(shù)值如圖。（參考線(xiàn)這里沒(méi)顯示，繪制時(shí)是有參考線(xiàn)的）
選中這些路徑，效果-模糊-徑向模糊，數(shù)值如下。選中模糊后的路徑，編組并鎖定。
STEP 04
繼續(xù)用鋼筆工具繪制路徑，填充無(wú)，把描邊改為0.75，其他數(shù)值同第三步。給路徑執(zhí)行“徑向模糊”，數(shù)值同第三步。
STEP 05
選中步驟三、步驟四繪制的所有線(xiàn)條，編組，選擇對(duì)象-擴(kuò)展外觀(guān)。
復(fù)制“背景色”圖層置于線(xiàn)條組上面，選中線(xiàn)條組和“背景色”圖層副本，右鍵-建立剪切蒙版（Ctrl+7）。
STEP 06
選中上一步得到的剪切組，用鏡像工具復(fù)制到左邊。選中兩個(gè)剪切組，建組，命名為“翅膀”，鎖定該圖層。
STEP 07
繪制一個(gè)700*700px的矩形，置于圖層面板最上端，修改填充顏色如下，混合模式為“疊加”。
將圖層命名為“疊加”，鎖定圖層。
效果如下：
STEP 08
用鋼筆工具畫(huà)三條路徑，填充無(wú)，描邊3，描邊填充如圖漸變。
選中這三條路徑，選擇畫(huà)筆面板左下角的毛刷畫(huà)筆-毛刷畫(huà)筆庫(kù)，選擇如下畫(huà)筆。給這三條路徑編組，命名為“黃1”。
STEP 09
選中“黃1”，右鍵-變換-對(duì)稱(chēng)-水平-復(fù)制。將副本的大小縮小一些，然后給副本編組，命名為“黃2”。
選中“黃1”、“黃2”，編組，右鍵-變換-對(duì)稱(chēng)-垂直-復(fù)制。
選中左右兩邊黃色路徑，編組，命名為“光”，混合模式為“顏色減淡”，不透明度30%。
STEP 10
繪制一個(gè)700*700px的矩形，置于圖層面板頂層，填充漸變?nèi)缦拢旌夏Ｊ綖椤隘B加”。
STEP 11
繪制一個(gè)56*168px的橢圓，與畫(huà)布居中對(duì)齊。填充徑向漸變，數(shù)值如下。混合模式為“顏色減淡”。
STEP 12
繪制一個(gè)18*110px的橢圓作為身體，17*15px的橢圓作為頭部，填充徑向漸變，數(shù)據(jù)如圖。
選中身體和頭，編組，效果-風(fēng)格化-外發(fā)光，數(shù)據(jù)如圖。
用鋼筆工具畫(huà)須子，數(shù)值如下：
用鋼筆工具畫(huà)王冠，描邊0.75，給描邊添加漸變。再給王冠添加一個(gè)外發(fā)光。
STEP 13
最后一步，繪制一個(gè)700*700px的矩形，置于頂部，填充徑向漸變，數(shù)值如圖。這一步的目的是讓中間身體部分更加明亮。
這樣這張圖就做好了，看一看效果圖，你也來(lái)試一試吧~
結(jié)語(yǔ)
本期教程到這里就結(jié)束了，希望大家在練習(xí)過(guò)程中多思考、理解制作思路和操作方法，活學(xué)活用。
藍(lán)藍(lán)設(shè)計(jì)( m.shtzxx.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
相關(guān)文章：
－－－－－－－－－－－－－－－－－－
創(chuàng)意設(shè)計(jì)的方法—無(wú)窮關(guān)聯(lián)法
UI設(shè)計(jì)師的日常——UI設(shè)計(jì)師平常都干些什么
幫助您做出漂亮版式設(shè)計(jì)的八個(gè)實(shí)用技巧
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.shtzxx.cn