用photoshop制作一個3D質(zhì)感按鈕(6)

來源: 作者: 學習:961人次


作者:nicon  來源 :Enet硅谷動力  

以前我們制作3D按鈕往往需要借助3DMAX,和其他3D軟件。對于不熟悉此類軟件朋友要想制作3D按鈕往往成了一個難題。但是沒關(guān)系只要你略懂PHOTOSHOP,就能夠做出一個不遜于3D軟件的質(zhì)感不錯的水晶按鈕,在今天的教程中你將學會用PS來創(chuàng)建一個漂亮的3D質(zhì)感按鈕,這種方法還使用于制作網(wǎng)站LOGO,UI等等……
先看一下最終效果:


下面我們開始制作

1.首先,在PS中建立一個500×500像素大小的新文件,這個大小通常比較適合創(chuàng)建按鈕。下面將你的背景層的顏色填充為#e0e0e0。






2.現(xiàn)在建立一個新圖層,加入任何一個所喜歡的形狀,這里我暫且用自定形狀工具中的形狀來做個實例。形狀的顏色我用#be1947,并將該層至于最頂層。


3.下面,用透視變換工具(編輯-變換-透視)將形狀向右邊拉伸一些。然后,在用變換工具(編輯-自由變換)將形狀向左旋轉(zhuǎn)大約15度。






4.現(xiàn)在,我們來制作形狀的立體效果。首先選中形狀圖層并按住SHIFT和ALT鍵盤,然后用右手同時按下下方向鍵和右方向鍵按圖層就被自動復制了一層。再重復以上步驟,當達到了一定的厚度即可停止。然后將除最頂層以外的所有的圖層合并,F(xiàn)在在最頂層上按住CTRL鍵點擊該圖層載入其選區(qū)用#a00330顏色代碼進行填充。并雙擊此圖層重命名為“bottom”。


5.接下來,復制最頂層并把得到的復制層移動到3D形狀層和最頂層之間,然后同時按下下,右2個方向鍵2次。移動完以后雙擊此圖層加入漸變疊加圖層樣式如下所示:






6.在最頂層建立一個新圖層,命名為“top highlights”。然后按住CTRL點擊載入上層形狀層的選區(qū),用畫筆工具,設(shè)置一個較軟的畫筆,大小約為200像素。在“top highlights”上加入高光如下所示:


7.同上面步驟一樣,在3D形狀層上建立一個新圖層,在用畫筆來創(chuàng)建3D形狀層上的高光。然后將2個創(chuàng)建按出來的高光圖層的不透明度設(shè)置為60-70之間,如圖所示:






8.繼續(xù)在最頂上再建立一個新圖層,命名為“shine”。然后用橢圓選框工具建立一個橢圓選區(qū)并用白色填充如下所示:


9.選擇原始形狀層,按CTRL點擊此層載入其選擇區(qū)然后執(zhí)行選擇-修改-收縮,設(shè)置數(shù)值為3像素。然后在執(zhí)行選擇-反選-刪除命令,結(jié)果如下所示:






10.現(xiàn)在仍然選中“shine”層,用橡皮工具將橡皮的畫筆筆觸設(shè)置的軟一些。擦出“shine”層邊緣的一些部分,如下所示:


11.雙擊“shine”層設(shè)置圖層樣式,如下所示:






12.下面加入最后的一個步驟,改變原始形狀層和3D層的顏色,分別雙擊以上2個圖層加入漸變疊加圖層樣式。


最終完成!你可以吧這個方法用在許多不同形狀的物體上,來為它們制作亮麗的光線和效果。


學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
亓齊2008-05-08 08:42
不錯哦 好厲害哦 加油 支持你 <饞嘴>
pyhuguichun2008-05-04 07:44
哇哇 美女好厲害 吖 做我?guī)煾?5555 MY Q8170017

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

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