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

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

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

先看看效果圖

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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