Photoshop制作逼真的毛玻璃質感圖標

2021-03-13 10:57:59 來源/作者: 未知 / 吉邦 己有:242人學習過

本教程主要使用Photoshop制作逼真的毛玻璃質感圖標,UI設計行業(yè)總是有一些趨勢,每一年都可能會流行某種風格,這不毛玻璃質感的圖標最近火得一塌糊涂,今天我們就一起來學習制作方法。

先看看效果圖

Photoshop制作逼真的毛玻璃質感圖標

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

Photoshop制作逼真的毛玻璃質感圖標

Step2 Ctrl+X剪切,然后打開PS新建畫布,尺寸自擬,Ctrl+V,粘貼為“形狀圖層”

Photoshop制作逼真的毛玻璃質感圖標

并復制一份,調整角度和大小,最終效果如下:

Photoshop制作逼真的毛玻璃質感圖標

Step3 設置相應的顏色,半仙哥雖非基佬,但對宿命紫情有獨鐘,故本例也不例外,效果如下:

Photoshop制作逼真的毛玻璃質感圖標

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

Photoshop制作逼真的毛玻璃質感圖標

對圓形設置高斯模糊,適當調整大小和位置,最終效果如下:

Photoshop制作逼真的毛玻璃質感圖標

Photoshop制作逼真的毛玻璃質感圖標

為了更完美的質感,可對圓形添加蒙版,用黑色畫筆擦拭,最終效果如下:

Photoshop制作逼真的毛玻璃質感圖標

另外可對上層形狀添加投影,已期達到更完美質感。Step5 分別用圓角矩形和鋼筆工具,繪制圖標上的表情,以達到更好的效果,如下:

Photoshop制作逼真的毛玻璃質感圖標