制作精質(zhì)格子紋理圖標的PS實例教程

2020-04-01 00:00:00 來源/作者: PS自學網(wǎng) / 喆杞 己有:984人學習過

效果圖由底紋、環(huán)形小框及文字三部分構(gòu)成,基本上用圖層樣式就可以完成。底紋部分稍微復(fù)雜一點,需要用濾鏡等來制作紋理。最終效果

學習如何PS制作精質(zhì)的格子紋理圖標

 

一、打開Photoshop,Ctrl+N新建一個文檔,文檔尺寸可自定義。

學習如何PS制作精質(zhì)的格子紋理圖標

 

二、按住Alt鍵雙擊背景圖層,使其轉(zhuǎn)換為普通圖層。然后再次雙擊,打開圖層樣式面板,為其添加顏色疊加樣式,顏色為#262523。

學習如何PS制作精質(zhì)的格子紋理圖標 

學習如何PS制作精質(zhì)的格子紋理圖標 

學習如何PS制作精質(zhì)的格子紋理圖標 

學習如何PS制作精質(zhì)的格子紋理圖標

 

三、新建一層,用白色大號柔邊畫筆在畫布中心點擊出白色亮光。

學習如何PS制作精質(zhì)的格子紋理圖標

 

四、Ctrl+T將其拉寬壓扁,如下圖所示。

學習如何PS制作精質(zhì)的格子紋理圖標

 

五、將圖層不透明度調(diào)整為10-30%,這里可以根據(jù)自己的感覺來調(diào)整。

學習如何PS制作精質(zhì)的格子紋理圖標

 

六、接下來我們創(chuàng)建icon主體。利用圓角矩形工具在畫布中心點擊,在彈出的對話框中設(shè)置數(shù)值如下。

學習如何PS制作精質(zhì)的格子紋理圖標

 

七、在圓角矩形上方隨意繪制一個比其尺寸大一些的形狀,因為我們后面會將其轉(zhuǎn)換為剪貼蒙版,因此形狀可隨意繪制。

學習如何PS制作精質(zhì)的格子紋理圖標

 

八、為創(chuàng)建的形狀添加角度漸變。

學習如何PS制作精質(zhì)的格子紋理圖標

九、然后按住Alt鍵在角度漸變與圓角矩形中間點擊鼠標左鍵,將其轉(zhuǎn)換為剪貼蒙版。然后在圖層名稱上點擊右鍵,將其轉(zhuǎn)換為智能對象。