ps玻璃網(wǎng)頁(yè)教程(5)
玻璃網(wǎng)頁(yè)其實(shí)跟玻璃的制作一樣。重點(diǎn)是把邊緣及中間的高光渲染出來(lái),比較規(guī)則的圖形直接用圖層樣式做出初步的質(zhì)感,再增手工增加一些高光等即可。其它部分可以按自己需要添加。
最終效果
1、新建一個(gè)800* 600像素的文件,背景顏色任意。打開(kāi)模板素材,拖進(jìn)來(lái),效果如下圖。
2、給木紋圖層添加圖層樣式,選擇內(nèi)陰影,參數(shù)及效果如下圖。
3、選擇“圓角矩形工具”,半徑設(shè)置為5像素。
4、在畫(huà)布中心位置拉出下圖所示的圓角矩形。
5、給圓角矩形設(shè)置圖層樣式,分別設(shè)置混合選項(xiàng)、內(nèi)陰影、漸變疊加,參數(shù)及效果如下圖。
6、把當(dāng)前圖層復(fù)制一層,按Ctrl+ T 稍微縮小一點(diǎn),比原圖形少兩個(gè)像素左右。
7、先清除當(dāng)前圖層樣式后再設(shè)置新的樣式,參數(shù)及效果如下圖。
8、調(diào)出當(dāng)前圖層選區(qū),新建一個(gè)圖層填充黑色,執(zhí)行:濾鏡> 雜色 > 添加雜色,參數(shù)設(shè)置如下圖。
9、把混合模式改為“柔光”,不透明度改為:10%,效果如下圖。
10、用矩形選框工具拉出下圖所示的矩形選區(qū)。
11、新建一個(gè)圖層填充黑色,取消選區(qū)后執(zhí)行:濾鏡> 模糊 > 高斯模糊,數(shù)值為2,確定后把圖層不透明度改為:20%,效果如下圖。
12、選擇橢圓工具拉出下圖所示的四個(gè)小圓。
13、給小圓添加圖層樣式,分別設(shè)置:斜面和浮雕、描邊、漸變疊加、投影,參數(shù)及效果如下圖。
14、用鋼筆勾出下圖所示的選區(qū)。
15、填充白色后再添加下圖所示的圖層樣式。
16、新建一個(gè)圖層,用橢圓選框工具拉出下圖所示的選區(qū)。
17、填充白色,取消選區(qū)后適當(dāng)高斯模糊1個(gè)像素。再添加下圖所示的圖層樣式。
18、添加圖層蒙版,用黑白漸變把底部的過(guò)渡拉出來(lái)。
19、再用圓角矩形工具拉出下圖所示的幾個(gè)圓角矩形。
20、再設(shè)置圖層樣式,分別設(shè)置混合選項(xiàng)、描邊、內(nèi)陰影,參數(shù)及效果如下圖。
21、導(dǎo)入照片,并添加文字,效果如下圖。
22、新建一個(gè)圖層,用矩形選框工具在底部的框中拉一個(gè)矩形選區(qū)任意填色后添加下圖所示的圖層樣式,參數(shù)及效果如下圖。
最終效果:
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- banner教程,用ps制作960*90的廣告圖片
- Photoshop制作網(wǎng)站導(dǎo)航圖
- 用ps制作豎列導(dǎo)航
- 陰影效果,教你制作各類陰影教程
- Photoshop制作網(wǎng)頁(yè)搜索條
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條