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

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

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

效果圖:

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

第一步,打開PS

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

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

第二步,塑造背景

有的同學(xué)這時會問了,平常我們不都是最后才做背景嗎?因為這次我們的主體物是一整個玻璃瓶子,非常通透,大部分要靠透過背景的光線和投影來塑造,因此我們先把背景搞定。

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

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

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

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

第三步,繪制玻璃瓶子

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

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

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

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

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

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

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

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

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

2)在這里給畫好的高光加一點羽化;

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

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

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

(4)完成如圖所示。

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

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

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

4.是不是覺得還少點東西?高光和反光都有了,是不是還缺少一些暗的地方?繪制一個物體,有暗有亮,明暗清晰,才會更真實。那我們跟畫高光一樣的方法,切出暗部來,只不過填充的是一個較暗的顏色,畫法步驟都和前面畫高光是一樣的。做好如下圖。

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

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

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
User_QwABgSdigO2019-02-12 05:36
真棒
迷你小朋友-630502018-06-13 01:15
太棒了
無語2018-02-11 03:12
照著教程做的,初學(xué),感覺做的四不像
狐狐網(wǎng)友2018-01-09 11:49
我的作業(yè):
瀟湘之君2017-11-30 10:17
學(xué)習(xí)。。。。。哈哈
鎀鈊2017-11-30 05:54
照著教程做的,初學(xué),感覺做的四不像
在河?xùn)|河西2017-11-30 01:10
請大家多多指教
骨子里的喜歡2017-11-30 08:31
收藏了,謝謝老師
歡樂豆_傷痕2017-11-30 03:36
小時侯家里窮,我和哥哥一起上學(xué)。后來一同考上了名牌大學(xué),哥哥為了我毅然放棄上大學(xué)的機(jī)會。我暗暗發(fā)誓,一定要好好學(xué)習(xí),將來畢業(yè)前程似錦,然后報答哥哥報答家人。十年之后,我發(fā)現(xiàn)我想多了!我成了一名屌絲!哥哥在家養(yǎng)豬成了土豪!
歡樂豆_傷痕2017-11-30 03:36
小時侯家里窮,我和哥哥一起上學(xué)。后來一同考上了名牌大學(xué),哥哥為了我毅然放棄上大學(xué)的機(jī)會。我暗暗發(fā)誓,一定要好好學(xué)習(xí),將來畢業(yè)前程似錦,然后報答哥哥報答家人。十年之后,我發(fā)現(xiàn)我想多了!我成了一名屌絲!哥哥在家養(yǎng)豬成了土豪!
歡樂豆_傷痕2017-11-30 03:36
小時侯家里窮,我和哥哥一起上學(xué)。后來一同考上了名牌大學(xué),哥哥為了我毅然放棄上大學(xué)的機(jī)會。我暗暗發(fā)誓,一定要好好學(xué)習(xí),將來畢業(yè)前程似錦,然后報答哥哥報答家人。十年之后,我發(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)友求助,請回答!