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

來源: 作者: 學(xué)習:961人次


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

以前我們制作3D按鈕往往需要借助3DMAX,和其他3D軟件。對于不熟悉此類軟件朋友要想制作3D按鈕往往成了一個難題。但是沒關(guān)系只要你略懂PHOTOSHOP,就能夠做出一個不遜于3D軟件的質(zhì)感不錯的水晶按鈕,在今天的教程中你將學(xué)會用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ù)制了一層。再重復(fù)以上步驟,當達到了一定的厚度即可停止。然后將除最頂層以外的所有的圖層合并,F(xiàn)在在最頂層上按住CTRL鍵點擊該圖層載入其選區(qū)用#a00330顏色代碼進行填充。并雙擊此圖層重命名為“bottom”。


5.接下來,復(fù)制最頂層并把得到的復(fù)制層移動到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個圖層加入漸變疊加圖層樣式。


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


學(xué)習 · 提示

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

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

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