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