圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)

來(lái)源:站酷 作者:新像素UI教育 學(xué)習(xí):29874人次

本篇教程通過(guò)PS制作一款透明、玻璃質(zhì)感的圖標(biāo),整個(gè)教程比較簡(jiǎn)單,圖標(biāo)做出來(lái)也是萌萌噠,和以往的圖標(biāo)不同,一改往日風(fēng)格,同學(xué)們一起來(lái)做一下吧。

效果圖:

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)_tgudhdp.cn

第一步,打開(kāi)PS

好啦,好啦,大家都知道打開(kāi)ps啦,那就ctrl+n新建一個(gè)寬高為1260*900,分辨率為72,背景為白色的畫(huà)布。并把下圖拉入ps中,注意觀察此圖的玻璃質(zhì)感和顏色的運(yùn)用。(像素妹這次主要帶大家進(jìn)行形體的創(chuàng)作,因此看到這張圖片顏色不錯(cuò)就直接用啦,大家那里要是有好的圖片,也可以自行吸取顏色。)

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)_tgudhdp.cn

第二步,塑造背景

有的同學(xué)這時(shí)會(huì)問(wèn)了,平常我們不都是最后才做背景嗎?因?yàn)檫@次我們的主體物是一整個(gè)玻璃瓶子,非常通透,大部分要靠透過(guò)背景的光線和投影來(lái)塑造,因此我們先把背景搞定。

我們先確定一下光線的來(lái)源,這里像素妹想讓光從右上方打過(guò)來(lái),(大家可以隨意,不過(guò)后面的高光和投影都要跟光源相對(duì)照哦~)那么就填充一個(gè)左邊顏色深右邊顏色稍淺的漸變,如下圖。

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)_tgudhdp.cn

為了體現(xiàn)出空間距離感,我們用形狀工具中的矩形和圓羽化來(lái)拉出前后層次,并加剪貼蒙板在之前的漸變圖層上,得到下圖。背景就先告一段落了。

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)_tgudhdp.cn

第三步,繪制玻璃瓶子

我們采用一層一層疊加的方式畫(huà)玻璃瓶。

1.先畫(huà)玻璃瓶后面的部分,如下圖畫(huà)一個(gè)矩形,填充一個(gè)跟背景同一色調(diào)但明度更高,灰度更高的顏色。(不會(huì)調(diào)色的話可以使用吸管工具直接吸取圖上顏色哦)添加一個(gè)圖層蒙版,使用畫(huà)筆工具把硬度調(diào)到最低,把中間部分擦除,并調(diào)整畫(huà)筆不透明度使邊緣過(guò)渡自然。

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)_tgudhdp.cn

2.跟步驟一同樣的畫(huà)法,把玻璃瓶前面的面也畫(huà)出來(lái),同樣也是加圖層蒙版,再使用畫(huà)筆工具擦。完成如下圖。

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)_tgudhdp.cn

現(xiàn)在是不是看上去灰蒙蒙的沒(méi)有玻璃的質(zhì)感?別著急,跟著像素妹繼續(xù)往下畫(huà)。

3.把玻璃瓶的高光依次加上去。因?yàn)椴AУ牟馁|(zhì)很通透,因此高光和反光的亮度都會(huì)比較高,在這里,像素妹為了讓高光更貼合形狀,直接復(fù)制了兩個(gè)原先繪制的圓角矩形,然后用布爾運(yùn)算剪出一條貼合圓角矩形弧度的高光,為了讓高光更自然,給這個(gè)圖層加一點(diǎn)羽化,然后給這個(gè)圖層加圖層蒙版,把前景色調(diào)成黑色,調(diào)整畫(huà)筆的不透明度,用畫(huà)筆工具擦出一個(gè)自然的效果,如下圖

(1)用布爾運(yùn)算切出高光的形狀;

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)_tgudhdp.cn

2)在這里給畫(huà)好的高光加一點(diǎn)羽化;

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)_tgudhdp.cn

(3)加上圖層蒙版之后,先選中圖層蒙版,再選中畫(huà)筆工具,前景色改為黑色,畫(huà)筆硬度調(diào)到最低,更改一下畫(huà)筆不透明度,使其過(guò)渡自然。

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)_tgudhdp.cn

(4)完成如圖所示。

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)_tgudhdp.cn

(5)同樣的畫(huà)法,把剩余的高光和反光都畫(huà)出來(lái)。如下圖

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)_tgudhdp.cn

4.是不是覺(jué)得還少點(diǎn)東西?高光和反光都有了,是不是還缺少一些暗的地方?繪制一個(gè)物體,有暗有亮,明暗清晰,才會(huì)更真實(shí)。那我們跟畫(huà)高光一樣的方法,切出暗部來(lái),只不過(guò)填充的是一個(gè)較暗的顏色,畫(huà)法步驟都和前面畫(huà)高光是一樣的。做好如下圖。

圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)_tgudhdp.cn

到這里,玻璃瓶子就大功告成啦,怎么樣,畫(huà)到這里是不是成就感暴增?還有幾步就可以畫(huà)完全部啦!

學(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)論
User_QwABgSdigO2019-02-12 05:36
真棒
迷你小朋友-630502018-06-13 01:15
太棒了
無(wú)語(yǔ)2018-02-11 03:12
照著教程做的,初學(xué),感覺(jué)做的四不像
狐狐網(wǎng)友2018-01-09 11:49
我的作業(yè):
瀟湘之君2017-11-30 10:17
學(xué)習(xí)。。。。。哈哈
鎀鈊2017-11-30 05:54
照著教程做的,初學(xué),感覺(jué)做的四不像
在河?xùn)|河西2017-11-30 01:10
請(qǐng)大家多多指教
骨子里的喜歡2017-11-30 08:31
收藏了,謝謝老師
歡樂(lè)豆_傷痕2017-11-30 03:36
小時(shí)侯家里窮,我和哥哥一起上學(xué)。后來(lái)一同考上了名牌大學(xué),哥哥為了我毅然放棄上大學(xué)的機(jī)會(huì)。我暗暗發(fā)誓,一定要好好學(xué)習(xí),將來(lái)畢業(yè)前程似錦,然后報(bào)答哥哥報(bào)答家人。十年之后,我發(fā)現(xiàn)我想多了!我成了一名屌絲!哥哥在家養(yǎng)豬成了土豪!
歡樂(lè)豆_傷痕2017-11-30 03:36
小時(shí)侯家里窮,我和哥哥一起上學(xué)。后來(lái)一同考上了名牌大學(xué),哥哥為了我毅然放棄上大學(xué)的機(jī)會(huì)。我暗暗發(fā)誓,一定要好好學(xué)習(xí),將來(lái)畢業(yè)前程似錦,然后報(bào)答哥哥報(bào)答家人。十年之后,我發(fā)現(xiàn)我想多了!我成了一名屌絲!哥哥在家養(yǎng)豬成了土豪!
歡樂(lè)豆_傷痕2017-11-30 03:36
小時(shí)侯家里窮,我和哥哥一起上學(xué)。后來(lái)一同考上了名牌大學(xué),哥哥為了我毅然放棄上大學(xué)的機(jī)會(huì)。我暗暗發(fā)誓,一定要好好學(xué)習(xí),將來(lái)畢業(yè)前程似錦,然后報(bào)答哥哥報(bào)答家人。十年之后,我發(fā)現(xiàn)我想多了!我成了一名屌絲!哥哥在家養(yǎng)豬成了土豪!
伱篠2017-11-30 01:33
給力
伱篠2017-11-30 01:33
給力
伱篠2017-11-30 01:33
給力
壯志凌霄NB2017-11-30 01:32
簽到

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

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