AI教程!教你繪制一只夢幻效果蝴蝶

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),命名為“參考線”,鎖定圖層。

AI教程!教你繪制一只夢幻效果蝴蝶

STEP 02

繪制一個700*700px的矩形,與畫布居中對齊,填充漸變色,數(shù)值如圖。將圖層命名為“背景色”,修改不透明度為10%。

AI教程!教你繪制一只夢幻效果蝴蝶

STEP 03

AI教程!教你繪制一只夢幻效果蝴蝶
AI教程!教你繪制一只夢幻效果蝴蝶

用鋼筆工具繪制路徑,填充無,描邊2,修改“配置文件”中的內(nèi)容,描邊填充漸變,數(shù)值如圖。(參考線這里沒顯示,繪制時是有參考線的)

選中這些路徑,效果-模糊-徑向模糊,數(shù)值如下。選中模糊后的路徑,編組并鎖定。

AI教程!教你繪制一只夢幻效果蝴蝶
AI教程!教你繪制一只夢幻效果蝴蝶

STEP 04

繼續(xù)用鋼筆工具繪制路徑,填充無,把描邊改為0.75,其他數(shù)值同第三步。給路徑執(zhí)行“徑向模糊”,數(shù)值同第三步。

AI教程!教你繪制一只夢幻效果蝴蝶
AI教程!教你繪制一只夢幻效果蝴蝶

STEP 05

選中步驟三、步驟四繪制的所有線條,編組,選擇對象-擴(kuò)展外觀。

復(fù)制“背景色”圖層置于線條組上面,選中線條組和“背景色”圖層副本,右鍵-建立剪切蒙版(Ctrl+7)。

AI教程!教你繪制一只夢幻效果蝴蝶

STEP 06

選中上一步得到的剪切組,用鏡像工具復(fù)制到左邊。選中兩個剪切組,建組,命名為“翅膀”,鎖定該圖層。

AI教程!教你繪制一只夢幻效果蝴蝶

STEP 07

繪制一個700*700px的矩形,置于圖層面板最上端,修改填充顏色如下,混合模式為“疊加”。

將圖層命名為“疊加”,鎖定圖層。

AI教程!教你繪制一只夢幻效果蝴蝶

效果如下:

AI教程!教你繪制一只夢幻效果蝴蝶

STEP 08

用鋼筆工具畫三條路徑,填充無,描邊3,描邊填充如圖漸變。

選中這三條路徑,選擇畫筆面板左下角的毛刷畫筆-毛刷畫筆庫,選擇如下畫筆。給這三條路徑編組,命名為“黃1”。

AI教程!教你繪制一只夢幻效果蝴蝶
AI教程!教你繪制一只夢幻效果蝴蝶

STEP 09

選中“黃1”,右鍵-變換-對稱-水平-復(fù)制。將副本的大小縮小一些,然后給副本編組,命名為“黃2”。

選中“黃1”、“黃2”,編組,右鍵-變換-對稱-垂直-復(fù)制。

選中左右兩邊黃色路徑,編組,命名為“光”,混合模式為“顏色減淡”,不透明度30%。

AI教程!教你繪制一只夢幻效果蝴蝶

STEP 10

繪制一個700*700px的矩形,置于圖層面板頂層,填充漸變?nèi)缦?,混合模式為“疊加”。

AI教程!教你繪制一只夢幻效果蝴蝶
AI教程!教你繪制一只夢幻效果蝴蝶

STEP 11

繪制一個56*168px的橢圓,與畫布居中對齊。填充徑向漸變,數(shù)值如下?;旌夏J綖椤邦伾珳p淡”。

AI教程!教你繪制一只夢幻效果蝴蝶
AI教程!教你繪制一只夢幻效果蝴蝶

STEP 12

繪制一個18*110px的橢圓作為身體,17*15px的橢圓作為頭部,填充徑向漸變,數(shù)據(jù)如圖。

選中身體和頭,編組,效果-風(fēng)格化-外發(fā)光,數(shù)據(jù)如圖。

AI教程!教你繪制一只夢幻效果蝴蝶

用鋼筆工具畫須子,數(shù)值如下:

AI教程!教你繪制一只夢幻效果蝴蝶
AI教程!教你繪制一只夢幻效果蝴蝶

用鋼筆工具畫王冠,描邊0.75,給描邊添加漸變。再給王冠添加一個外發(fā)光。

AI教程!教你繪制一只夢幻效果蝴蝶
AI教程!教你繪制一只夢幻效果蝴蝶

STEP 13

最后一步,繪制一個700*700px的矩形,置于頂部,填充徑向漸變,數(shù)值如圖。這一步的目的是讓中間身體部分更加明亮。

AI教程!教你繪制一只夢幻效果蝴蝶

這樣這張圖就做好了,看一看效果圖,你也來試一試吧~

AI教程!教你繪制一只夢幻效果蝴蝶

結(jié)語

本期教程到這里就結(jié)束了,希望大家在練習(xí)過程中多思考、理解制作思路和操作方法,活學(xué)活用。

藍(lán)藍(lán)設(shè)計m.sillybuy.com )是一家專注而深入的界面設(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)法

多倫多訂餐APP-懶洋洋

UI設(shè)計師的日?!猆I設(shè)計師平常都干些什么

幫助您做出漂亮版式設(shè)計的八個實用技巧


分享本文至:

日歷

鏈接

個人資料

存檔