ps玻璃網(wǎng)頁(yè)教程(5)

來(lái)源:網(wǎng)絡(luò) 作者:國(guó)外翻譯 學(xué)習(xí):5504人次

玻璃網(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í) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!