旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實(shí)習(xí)/?A計(jì)劃
全國(guó)統(tǒng)一咨詢熱線:010-5367 2995
首頁(yè) > 行業(yè)資訊 > UI大牛教你浪漫小插畫(huà)

UI大牛教你浪漫小插畫(huà)

時(shí)間:2018-01-31來(lái)源:www.mwtacok.cn點(diǎn)擊量:作者:吳冬冬
時(shí)間:2018-01-31點(diǎn)擊量:作者:吳冬冬

大家好,我是小智!今天分享一個(gè)簡(jiǎn)約不簡(jiǎn)單的小插畫(huà):陪你去看流星雨。

那么我們就直接開(kāi)始制作這個(gè)插畫(huà),我用的是PS哦,AI 也可以。

PART1:

首先是展示效果圖

02

PART2:

1.首先新建畫(huà)布600*800px,然后畫(huà)個(gè)矩形做底色,填充顏色如下:

03

 

2.然后我們來(lái)制作這個(gè)沙漏的頂部,使用橢圓工具畫(huà)好圓,再來(lái)個(gè)漸變色參數(shù)如下:

 

04

 

3.然后用矩形工具和橢圓工具制作沙漏上部的底部形狀,這里需要注意矩形和圓寬度要一致然后進(jìn)行布爾運(yùn)算(首先選中兩個(gè)圖層Ctrl+E合并,然后合并圖層)加上漸變,相關(guān)參數(shù)如下:

 

05

 

4.把第2步得到的形狀放在第3步的圖層上面,然后打個(gè)包,沙漏的頂部就做好了,然后我們重復(fù)以上操作,可以得到沙漏的底部(底部的參數(shù)會(huì)有點(diǎn)變化,因?yàn)檫@個(gè)沙漏是傾斜的,具體參數(shù)根據(jù)自己感覺(jué)做一點(diǎn)修改)

 

06

 

5.接下來(lái)我們只做沙漏的柱子,使用矩形圓角拉到最大,添加漸變,相關(guān)參數(shù)如下:

 

07

 

6.接下來(lái)我們只做沙漏玻璃,用橢圓工具制作上部分,添加顏色#52d5fe,這里需要多復(fù)制一層,同理制作下部分:

 

08

 

7.然后我們?cè)谧鲋虚g的鏈接部分,這里用橢圓與矩形進(jìn)行布爾運(yùn)算(這里是減去頂層哦?。┰诤喜⑸弦徊脚c這步的圖層,調(diào)整位置

 

09

 

8.降低透明度為20%,再給復(fù)制的那個(gè)圓添加底色,增加投影效果

 

10

 

9.然后我們來(lái)制作里面的沙子,用橢圓工具制作基本形狀再用小白調(diào)整形狀(這里不用太完美)打個(gè)組,添加漸變色彩(顏色需要微調(diào))然后用沙漏的玻璃做出選區(qū),對(duì)沙子組進(jìn)行剪切蒙版,再精確調(diào)整形狀。

 

11

 

10.人物就用鋼筆工具勾畫(huà)出來(lái),各部分顏色分別為:皮膚  #fff1cb,頭發(fā)  #37210c,衣服  #394ce0,褲子  #3704ec,鞋子  3b4ce1

 

12

 

11.最后制作流星用橢圓工具畫(huà)個(gè)3px的圓,再用小白拉長(zhǎng)一個(gè)點(diǎn),能得到流星的效果,顏色做個(gè)不透明度的漸變,可以嘗試多種顏色,但是不要太花了哦,中間在點(diǎn)綴些4px,2px的星星,最后背景再來(lái)個(gè)黑色的徑向漸變,整個(gè)作品就OK了哦!

 

13

 

PART3:

總結(jié):

1.這個(gè)插畫(huà)需要拆開(kāi)每部處理,看起來(lái)稍顯復(fù)雜,但是做著并不是很難;

2.鋼筆工具的使用

學(xué)會(huì)了的同學(xué)要多多運(yùn)用哦。讓我看見(jiàn)更多有意思的卡通吧。

越努力越幸運(yùn)!

 

原圖作者:EoY_chan
相關(guān)文章--《
出色的UI設(shè)計(jì)師教你提升色彩感覺(jué)!





 

 

預(yù)約申請(qǐng)免費(fèi)試聽(tīng)課

填寫(xiě)下面表單即可預(yù)約申請(qǐng)免費(fèi)試聽(tīng)!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費(fèi)! 怕學(xué)不會(huì)?助教全程陪讀,隨時(shí)解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動(dòng)者教育科技有限公司版權(quán)所有
備案號(hào):京ICP備12034770號(hào)

?2007-2022/ www.mwtacok.cn 北京漫動(dòng)者數(shù)字科技有限公司 備案號(hào): 京ICP備12034770號(hào) 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號(hào)

網(wǎng)站地圖