Photoshop制作逼真的毛玻璃質(zhì)感圖標(biāo)

本教程主要使用Photoshop制作逼真的毛玻璃質(zhì)感圖標(biāo)，UI設(shè)計(jì)行業(yè)總是有一些趨勢(shì)，每一年都可能會(huì)流行某種風(fēng)格，這不毛玻璃質(zhì)感的圖標(biāo)最近火得一塌糊涂，今天我們就一起來(lái)學(xué)習(xí)制作方法。

先看看效果圖

接下來(lái)半仙哥會(huì)將重要的步驟，一一羅列下，當(dāng)然，你看視頻教程，足矣!Step1 打開(kāi)AI創(chuàng)建畫(huà)布，尺寸自擬，先用橢圓、多邊形工具繪制如下的形狀：

Step2 Ctrl+X剪切，然后打開(kāi)PS新建畫(huà)布，尺寸自擬，Ctrl+V，粘貼為“形狀圖層”

并復(fù)制一份，調(diào)整角度和大小，最終效果如下：

Step3 設(shè)置相應(yīng)的顏色，半仙哥雖非基佬，但對(duì)宿命紫情有獨(dú)鐘，故本例也不例外，效果如下：

Step4 選擇上層形狀，繪制正圓，位置、大小及顏色，如下圖所示：

對(duì)圓形設(shè)置高斯模糊，適當(dāng)調(diào)整大小和位置，最終效果如下：

為了更完美的質(zhì)感，可對(duì)圓形添加蒙版，用黑色畫(huà)筆擦拭，最終效果如下：

另外可對(duì)上層形狀添加投影，已期達(dá)到更完美質(zhì)感。Step5 分別用圓角矩形和鋼筆工具，繪制圖標(biāo)上的表情，以達(dá)到更好的效果，如下：