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

2020-04-01 00:00:00 來(lái)源/作者: PS自學(xué)網(wǎng) / 喆杞 己有:984人學(xué)習(xí)過(guò)

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

學(xué)習(xí)如何PS制作精質(zhì)的格子紋理圖標(biāo)

 

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

學(xué)習(xí)如何PS制作精質(zhì)的格子紋理圖標(biāo)

 

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

學(xué)習(xí)如何PS制作精質(zhì)的格子紋理圖標(biāo) 

學(xué)習(xí)如何PS制作精質(zhì)的格子紋理圖標(biāo) 

學(xué)習(xí)如何PS制作精質(zhì)的格子紋理圖標(biāo) 

學(xué)習(xí)如何PS制作精質(zhì)的格子紋理圖標(biāo)

 

三、新建一層,用白色大號(hào)柔邊畫筆在畫布中心點(diǎn)擊出白色亮光。

學(xué)習(xí)如何PS制作精質(zhì)的格子紋理圖標(biāo)

 

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

學(xué)習(xí)如何PS制作精質(zhì)的格子紋理圖標(biāo)

 

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

學(xué)習(xí)如何PS制作精質(zhì)的格子紋理圖標(biāo)

 

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

學(xué)習(xí)如何PS制作精質(zhì)的格子紋理圖標(biāo)

 

七、在圓角矩形上方隨意繪制一個(gè)比其尺寸大一些的形狀,因?yàn)槲覀兒竺鏁?huì)將其轉(zhuǎn)換為剪貼蒙版,因此形狀可隨意繪制。

學(xué)習(xí)如何PS制作精質(zhì)的格子紋理圖標(biāo)

 

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

學(xué)習(xí)如何PS制作精質(zhì)的格子紋理圖標(biāo)

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