設(shè)計(jì)透明玻璃效果網(wǎng)站主頁(yè)圖片的PS教程

2020-09-20 10:02:05 來(lái)源/作者: 互聯(lián)網(wǎng) / 欣博 己有:527人學(xué)習(xí)過(guò)

玻璃網(wǎng)頁(yè)其實(shí)跟玻璃的制作一樣。重點(diǎn)是把邊緣及中間的高光渲染出來(lái),比較規(guī)則的圖形直接用圖層樣式做出初步的質(zhì)感,再增手工增加一些高光等即可。其它部分可以按自己需要添加。最終效果

PS制作透明玻璃效果的網(wǎng)站主頁(yè)圖片

 

一、新建一個(gè)800 * 600像素的文件,背景顏色任意。打開(kāi)模板素材,拖進(jìn)來(lái),效果如下圖。

PS制作透明玻璃效果的網(wǎng)站主頁(yè)圖片  

 

二、給木紋圖層添加圖層樣式,選擇內(nèi)陰影,參數(shù)及效果如下圖。

PS制作透明玻璃效果的網(wǎng)站主頁(yè)圖片 

PS制作透明玻璃效果的網(wǎng)站主頁(yè)圖片

 

三、選擇“圓角矩形工具”,半徑設(shè)置為5像素。

PS制作透明玻璃效果的網(wǎng)站主頁(yè)圖片

 

四、在畫(huà)布中心位置拉出下圖所示的圓角矩形。

PS制作透明玻璃效果的網(wǎng)站主頁(yè)圖片

 

五、給圓角矩形設(shè)置圖層樣式,分別設(shè)置混合選項(xiàng)、內(nèi)陰影、漸變疊加,參數(shù)及效果如下圖。

PS制作透明玻璃效果的網(wǎng)站主頁(yè)圖片 

PS制作透明玻璃效果的網(wǎng)站主頁(yè)圖片 

PS制作透明玻璃效果的網(wǎng)站主頁(yè)圖片 

PS制作透明玻璃效果的網(wǎng)站主頁(yè)圖片

 

六、把當(dāng)前圖層復(fù)制一層,按Ctrl + T 稍微縮小一點(diǎn),比原圖形少兩個(gè)像素左右。

PS制作透明玻璃效果的網(wǎng)站主頁(yè)圖片

 

七、先清除當(dāng)前圖層樣式后再設(shè)置新的樣式,參數(shù)及效果如下圖。

PS制作透明玻璃效果的網(wǎng)站主頁(yè)圖片 

PS制作透明玻璃效果的網(wǎng)站主頁(yè)圖片