當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>UI設計教程>教程內(nèi)容

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

來源:站酷 作者:新像素UI教育 學習:29874人次

第四步,繪制瓶子里的水

1.用鋼筆工具大概勾一個水的形狀,然后加蒙版到原來繪制的玻璃瓶中,填充一個漸變的顏色,上暗下亮,使水的感覺更加通透,如下圖;

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

2.制作水面的效果。復制一個剛才繪制好的水,往上拉出一段距離,填充一個比剛才的水更深的顏色,來做出水面的感覺,如果覺得跟水的界限不夠明顯,可以在交接的地方用畫筆勾幾條較深的形狀羽化一下;最后,給水面加幾條不太明顯的光,就好啦。效果如下圖。

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

3.是不是覺得這瓶水太死氣沉沉啦,讓我們來給它加一點波紋,讓它活起來。水波紋就直接用鋼筆工具畫線,不用閉合,然后填充去掉加描邊,再給圖層加羽化就行,如果想要邊緣融入得更加自然,可以加個圖層蒙版,跟之前一樣,用畫筆擦就行。效果如下圖。

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

4.給水加上氣泡。為了讓之前繪制的水更加生動,畫面更豐富,我們給它加點氣泡。

(1)用橢圓工具,繪制一個正圓,把填充去掉,在圖層樣式中加內(nèi)陰影和內(nèi)發(fā)光。如下圖。

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

(2)同樣用橢圓工具,再繪制一個小一點的正圓,填充一個淺一點的顏色,放在剛才繪制的圓上面,加一點羽化,這樣小氣泡的高光就完成啦~效果如下圖所示。

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

(3)復制多個剛才畫好的氣泡,改變一下大小,錯落有致的擺放。注意:放大縮小之后,羽化會有些變化,要適當調(diào)整一下剛才繪制氣泡高光的羽化。效果如下圖。

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

第五步,做投影

現(xiàn)在玻璃瓶已經(jīng)大功告成啦,仔細看看畫面,是不是覺得有點飄,瓶子下面也不夠透亮,水既然有波紋,那按照生活常識是不是也應該有波紋的投影在背景上?

1.給玻璃瓶加投影。

(1)給之前繪制的最外層的大圓角矩形在圖層樣式中加一個投影,顏色比背景色深點,距離和大小不要太大,不透明度為50%,如下圖。

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

(2)繪制一個圓角矩形圖層順序放在所有形狀的下面,背景的上面,位置在畫好的玻璃瓶的左下側,因為高光在右上側,可知光源在右上側,所以投影就在左下側。加羽化和圖層蒙版,用畫筆擦一下,使其跟背景融入的自然一點。效果如下圖

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

2.給玻璃瓶加反光。繪制一個跟玻璃瓶同寬的較扁的矩形,填充一個較亮的顏色,給圖層加羽化,圖層順序一樣壓在玻璃瓶下面,位置放在玻璃瓶最下面與背景交接處,調(diào)整一下不透明度,制造出玻璃瓶透亮的反光,效果如下圖。

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

3.加上水波紋投影。這一步看似可有可無,但加上水波紋投在背景上的投影會使整個畫面看起來更真實,細節(jié)更飽滿。

(1)不需要再畫一次水波紋啦,只要將剛才畫好的水波紋打成組,然后復制整個組,圖層順序放在玻璃瓶下面背景的前面。

(2)給復制的水波紋組整個組調(diào)整不透明度,并加圖層蒙版,調(diào)整畫筆不透明度,擦幾下,讓效果看上去更自然,如下圖。

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

把平時玩手機的時間用來學習PS,相信大家的技術都會越來越好。

學習 · 提示

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

關注大神微博加入>>

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