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

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

效果圖：

第一步，打開PS

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

第二步，塑造背景

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

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

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

第三步，繪制玻璃瓶子

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

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

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

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

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

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

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

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

（4）完成如圖所示。

（5）同樣的畫法，把剩余的高光和反光都畫出來。如下圖

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

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

第四步，繪制瓶子里的水

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

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

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

4.給水加上氣泡。為了讓之前繪制的水更加生動(dòng)，畫面更豐富，我們給它加點(diǎn)氣泡。

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

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

（3）復(fù)制多個(gè)剛才畫好的氣泡，改變一下大小，錯(cuò)落有致的擺放。注意：放大縮小之后，羽化會有些變化，要適當(dāng)調(diào)整一下剛才繪制氣泡高光的羽化。效果如下圖。

第五步，做投影

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

1.給玻璃瓶加投影。

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

（2）繪制一個(gè)圓角矩形圖層順序放在所有形狀的下面，背景的上面，位置在畫好的玻璃瓶的左下側(cè)，因?yàn)楦吖庠谟疑蟼?cè)，可知光源在右上側(cè)，所以投影就在左下側(cè)。加羽化和圖層蒙版，用畫筆擦一下，使其跟背景融入的自然一點(diǎn)。效果如下圖

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

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

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

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

把平時(shí)玩手機(jī)的時(shí)間用來學(xué)習(xí)PS，相信大家的技術(shù)都會越來越好。