ps設(shè)計(jì)橙色RSS玻璃圖標(biāo)(4)

來源:站酷 作者:大眼仔旭 學(xué)習(xí):5234人次

呵呵,有一些時(shí)間沒有好好寫過PS教程了,不過也沒有忘記繼續(xù)學(xué)習(xí)PS哦,堅(jiān)持才能成功,親,想學(xué)好PS,不動(dòng)手是不行滴。

這篇教程是在國(guó)外網(wǎng)站上看的,效果圖是挺漂亮的,簡(jiǎn)單的把教程翻譯了一下,喜歡的可以參考下別人的做圖思路。我們可以拿來參考,分析,這樣會(huì)對(duì)我們做圖有幫助的。

最終效果:

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

1.新建文檔,可以根據(jù)自己的需要設(shè)定。

2.設(shè)置前景色為橙色(#e2832f),在工具箱中找到矢量圓角矩形工具,設(shè)置半徑值為40px,按住Shift鍵繪制個(gè)帶有圓角的正方形。

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

3.按CTRL+T對(duì)圓角正方形進(jìn)行變形調(diào)整,使其產(chǎn)生立體效果,如圖。

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

4.為其添加徑向漸變,前景色為:#fac042 ,背景色為:#d75927 。新建空白圖層,再使用鋼筆工具勾出高光路徑,如圖。

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

5.按CTRL+回車鍵,將路徑轉(zhuǎn)換成選區(qū),并為其拉出由橙色到淺橙的漸變,并更改其不透明度,效果如圖。

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

6.我們用同樣的方法去制作其它部分,并按CTRL+T進(jìn)行調(diào)整,效果如圖。

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

7.繼續(xù)向下進(jìn)行調(diào)整,這樣看起來更加的有立體感,如圖。

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

 

8.調(diào)整好后,為其添加圖層樣式,參數(shù)如圖,效果如圖。

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

9.新建空白圖層,注意圖層順序,使用漸變工具結(jié)合畫筆工具,為其增加高光效果,如圖。

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

10.用同樣的方法繼續(xù)制傾斜的正方形,并為其添加漸變樣式,效果如圖。

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

11.繼續(xù)調(diào)整其高光,中間調(diào),陰影效果,如圖。

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

 

12.繼續(xù)使用漸變工具對(duì)其進(jìn)行高光區(qū)域進(jìn)行加強(qiáng)調(diào)整,如圖。

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

13.調(diào)出圖層選區(qū),新建空白圖層,使用漸變工具,設(shè)置顏色由透明到橙色(#c35c18),由中心向右上角拉出,效果如圖。

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

14.注意四個(gè)角的高光加強(qiáng),如圖。

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

15.新建空白圖層,使用鋼筆工具繪制選區(qū),選擇漸變工具,設(shè)置顏色由透明到白色,拉出漸變,并調(diào)整其不透明度,效果如圖。

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

16.繼續(xù)用同樣的方法去制作,設(shè)置圖層混合模式的強(qiáng)光和降低其填充至25%左右。

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

17.使用鋼筆工具結(jié)合矢量工具中的一些圖形,來制作RSS符號(hào),并按CTRL+T對(duì)其進(jìn)行調(diào)整,如圖。

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

18.為RSS符號(hào)添加圖層樣式,效果如圖。

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

 

19.為RSS符號(hào)繼續(xù)添加陰影效果,這樣看起來更加的立體,如圖。

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

20.調(diào)整其陰影不透明度,修飾細(xì)節(jié),完成最終效果。

Photoshop制作漂亮的3D橙色玻璃RSS圖標(biāo),PS教程,16xx8.com教程網(wǎng)

 

學(xué)習(xí) · 提示

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

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

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