圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)(4)

來(lái)源:站酷 作者:周群芳 學(xué)習(xí):7627人次

本篇教程通過(guò)PS制作一個(gè)透明的雪景圖標(biāo),此類圖標(biāo)相信同學(xué)們之前有見過(guò),不知道還記不得早年間的塞班系統(tǒng),可以更改主題時(shí),經(jīng)常會(huì)有這類風(fēng)格的圖標(biāo),我們會(huì)先畫一個(gè)白色的矩形,然后一步步做出一個(gè)雪景圖標(biāo),具體如何操作同學(xué)們一起來(lái)學(xué)習(xí)一下吧。

效果圖:

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

操作步驟:

首先,新建一個(gè)1000*1000px 的畫布,把背景素材放進(jìn)去。

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

素材的雪地不適合我們這次的效果,所以需要自己畫一個(gè)雪地。

先畫一個(gè)白色的矩形,與畫布底對(duì)齊。

但是正常的雪地邊緣不會(huì)是一條直線,應(yīng)該有點(diǎn)細(xì)微的弧度,

所以先用直接選擇工具(快捷鍵A)選擇矩形的路徑,然后添加兩個(gè)錨點(diǎn),稍微拉一點(diǎn)弧度出來(lái)。

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn
m.tgudhdp.cn

這一步也可以直接用鋼筆勾。

然后給剛剛勾的形狀添加圖層樣式。

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

背景算是做好了,然后開始擼圖標(biāo)。

先新建一個(gè)512*512,圓角為90px的圓角矩形,與畫布水平、垂直居中。

然后將雪人素材拖進(jìn)去,按住ALT點(diǎn)擊雪人圖層和圓角矩形圖層中間,創(chuàng)建剪切蒙版

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

然后給圓角矩形添加一個(gè)內(nèi)發(fā)光

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

但是圖標(biāo)的底部不應(yīng)該是這樣的光,所以我們需要把內(nèi)發(fā)光分離出來(lái),然后用蒙版擦掉多余的效果。

回到圖層面板,在“內(nèi)發(fā)光”上點(diǎn)右鍵,選擇“創(chuàng)建圖層”

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

內(nèi)發(fā)光效果就分離成了一個(gè)單獨(dú)的圖層,然后創(chuàng)建蒙版,把底下的內(nèi)發(fā)光擦掉。

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

接著回到圓角矩形,繼續(xù)添加圖層樣式

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

差不多已經(jīng)有晶瑩剔透的感覺了,接下來(lái)做圖案。

放一個(gè)自己喜歡的圖案,給這個(gè)圖案做圖層樣式。

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

圖案疊加的時(shí)候,如果圖案里面沒有合適的紋理,可以點(diǎn)擊右邊的齒輪,然后選擇“巖石圖案”,追加圖案。

然后應(yīng)該是這個(gè)樣子:

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

接著做些小動(dòng)作,給這個(gè)圖案加強(qiáng)效果~

添加一個(gè)蒙版,然后用多邊形套索工具做一個(gè)切口的選區(qū),填充黑色。

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

重復(fù)步驟,多做幾個(gè)切口,然后得到這個(gè)樣子。

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

雖然效果是做好了,但是這個(gè)圖案感覺有點(diǎn)別扭,還需要加一個(gè)投影。

CTRL+J復(fù)制一個(gè)這個(gè)加了特效的圖層,移動(dòng)到原圖層的下方。清除拷貝圖層的圖層樣式,添加一個(gè)投影。

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

整體的效果已經(jīng)有了,但是還是有點(diǎn)死。給右上角來(lái)個(gè)高光試試。

畫一個(gè)白色的圓,稍微大一點(diǎn);給一點(diǎn)高斯模糊,模糊半徑別太;再把透明度調(diào)低。

然后用同樣的辦法再做一個(gè),這次的圓要小一點(diǎn),模糊度低一點(diǎn),透明度高一點(diǎn)。

如果效果不好可以再加一層。然后得到這個(gè)樣子:

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

接下來(lái)做雪地上的投影。

把所有和圖標(biāo)有關(guān)的圖層(除了背景素材和雪地圖層以外的圖層)一起建個(gè)組,

CTRL+ALT+E蓋印該組,得到一個(gè)合并后的圖層,CTRL+T垂直翻轉(zhuǎn),移動(dòng)到合適的位置。

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

加一個(gè)蒙版,拉一下黑白漸變,移動(dòng)圖層順序。

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

然后用剛才做高光的辦法,做一下陰影。

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

本來(lái)到這里應(yīng)該就可以結(jié)束了,但是我發(fā)現(xiàn)背景的色調(diào)和圖標(biāo)有些不搭,CTRL+M調(diào)一調(diào)曲線。

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

完成:

圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)_m.tgudhdp.cn

教程用的還是圖層樣式,制作圖片時(shí)運(yùn)用好圖層樣式可以打遍無(wú)敵手的感覺啊,同學(xué)們做過(guò)的圖標(biāo)相信也有很多,正可謂熟能生巧,多練習(xí)才會(huì)使自己技術(shù)有所升華。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
包裝材料生產(chǎn)廠家2018-07-14 08:35
加油
人生百味2018-07-14 03:14
想仔細(xì)了解一下
人生百味2018-07-14 03:14
想仔細(xì)了解一下
人生百味2018-07-14 03:14
想仔細(xì)了解一下
倔強(qiáng)一路向北2018-07-14 02:15
樓主在逗我嗎
倔強(qiáng)一路向北2018-07-14 02:15
樓主在逗我嗎
倔強(qiáng)一路向北2018-07-14 02:15
樓主在逗我嗎
童心墓影2018-07-14 04:22
贊贊
童心墓影2018-07-14 04:22
贊贊
童心墓影2018-07-14 04:22
贊贊
瘋子無(wú)心2018-07-14 04:16
打卡
瘋子無(wú)心2018-07-14 04:16
打卡
瘋子無(wú)心2018-07-14 04:16
打卡
曲水流觴2412018-07-14 04:15
大神
曲水流觴2412018-07-14 04:15
大神

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

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