插畫(huà)制作,用PS設(shè)計(jì)具有漸變風(fēng)格的插畫(huà)圖標(biāo)

來(lái)源:ifeiwu.com 作者:飛屋睿UIdesign 學(xué)習(xí):3502人次

本篇教程通過(guò)PS設(shè)計(jì)具有漸變風(fēng)格的插畫(huà)圖標(biāo),整個(gè)圖片很簡(jiǎn)潔,教程都是用PS的圖層樣式來(lái)完成的,經(jīng)常做這類練習(xí)的同學(xué)們相信已經(jīng)很熟練了,教程可以運(yùn)用到許多后期設(shè)計(jì)當(dāng)中,簡(jiǎn)潔的制作,可以用做海報(bào)或者雜志的設(shè)計(jì),同學(xué)們可以根據(jù)來(lái)練習(xí)一下,在學(xué)習(xí)中找到樂(lè)趣,一起來(lái)看一下吧。

效果圖:

插畫(huà)制作,用PS設(shè)計(jì)具有漸變風(fēng)格的插畫(huà)圖標(biāo)_theoat.com.cn
theoat.com.cn

操作步驟:

一、草圖階段

草圖階段很重要的是確定好大致的構(gòu)圖,按照一個(gè)圓形來(lái)作為畫(huà)框是非常常見(jiàn)的圖標(biāo)的代表,當(dāng)然作為圖標(biāo)有時(shí)候可大可小。但是大家應(yīng)該可以看到,這里波浪的部分是海面,而右邊的圓是太陽(yáng),上面這些分散的點(diǎn)就是水珠。這個(gè)景象大家應(yīng)該并不陌生。

插畫(huà)制作,用PS設(shè)計(jì)具有漸變風(fēng)格的插畫(huà)圖標(biāo)_theoat.com.cn

二、拆分基礎(chǔ)形

扁平化的插畫(huà)無(wú)一不是從基礎(chǔ)形開(kāi)始,保持基礎(chǔ)形的簡(jiǎn)潔是非常重要的一步。

那我們就需要將草圖進(jìn)行拆分,其實(shí)這副插畫(huà)的基礎(chǔ)形就只有兩個(gè):圓形和波浪形。接下來(lái)我們就要考慮怎樣得到這兩個(gè)形狀,以及這兩個(gè)形狀應(yīng)該怎么組合成畫(huà)面。

三、海面的基礎(chǔ)形

STEP 01

首先,我們打開(kāi)PS新建一個(gè)文檔,我這里的文檔大小設(shè)置為 1280*720px ,然后用橢圓工具畫(huà)出一個(gè)圓,這個(gè)圓形就是其中的一個(gè)基礎(chǔ)形。

STEP 02

再利用鋼筆工具來(lái)繪制波浪形。要得到這個(gè)波浪形其實(shí)有很多方法,在AI里我們可能用的是【路徑查找器】或者【形狀生成工具】,但在PS里我們用的是【蒙板】來(lái)實(shí)現(xiàn)。先繪制出波浪的上部形狀,然后下方形狀隨意,通過(guò)給這個(gè)形狀添加圓形的蒙板,它就能呈現(xiàn)我們想要的形狀。

插畫(huà)制作,用PS設(shè)計(jì)具有漸變風(fēng)格的插畫(huà)圖標(biāo)_theoat.com.cn

STEP 03

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
游客2018-11-13 10:23
好好看啊
小螞蟻2018-11-12 07:48
贊喔
黑夜里的貓2018-11-12 08:59
點(diǎn)贊

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!