當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>按鈕圖標(biāo)>教程內(nèi)容

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

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

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

效果圖:

插畫制作,用PS設(shè)計具有漸變風(fēng)格的插畫圖標(biāo)_tgudhdp.cn
tgudhdp.cn

操作步驟:

一、草圖階段

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

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

二、拆分基礎(chǔ)形

扁平化的插畫無一不是從基礎(chǔ)形開始,保持基礎(chǔ)形的簡潔是非常重要的一步。

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

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

STEP 01

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

STEP 02

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

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

STEP 03

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

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

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

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