UI大牛教你浪漫小插畫

大家好，我是小智！今天分享一個簡約不簡單的小插畫：陪你去看流星雨。

那么我們就直接開始制作這個插畫，我用的是PS哦，AI 也可以。

PART1：

首先是展示效果圖

PART2：

1.首先新建畫布600*800px,然后畫個矩形做底色，填充顏色如下：

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

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

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

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

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

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

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

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

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

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

PART3：

總結(jié):

1.這個插畫需要拆開每部處理，看起來稍顯復(fù)雜，但是做著并不是很難；

2.鋼筆工具的使用

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

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

原圖作者：EoY_chan
相關(guān)文章--《出色的UI設(shè)計師教你提升色彩感覺！》