| 導購 | 订阅 | 在线投稿
分享
 
 
 

Photoshop制作漂亮的3D卡通按鈕

來源:互聯網  2008-06-01 03:16:41  評論

先看一下最終效果:

Photoshop制作漂亮的3D卡通按鈕

下面我們開始制作

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

Photoshop制作漂亮的3D卡通按鈕

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

Photoshop制作漂亮的3D卡通按鈕

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

Photoshop制作漂亮的3D卡通按鈕

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

Photoshop制作漂亮的3D卡通按鈕

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

Photoshop制作漂亮的3D卡通按鈕

6.在最頂層建立一個新圖層,命名爲「top highlights」。然後按住CTRL點擊載入上層形狀層的選區,用畫筆工具,設置一個較軟的畫筆,大小約爲200像素。在「top highlights」上加入高光如下所示:

Photoshop制作漂亮的3D卡通按鈕

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

Photoshop制作漂亮的3D卡通按鈕

8.繼續在最頂上再建立一個新圖層,命名爲「shine」。然後用橢圓選框工具建立一個橢圓選區並用白色填充如下所示:

Photoshop制作漂亮的3D卡通按鈕

9.選擇原始形狀層,按CTRL點擊此層載入其選擇區然後執行選擇-修改-收縮,設置數值爲3像素。然後在執行選擇-反選-刪除命令,結果如下所示:

Photoshop制作漂亮的3D卡通按鈕

10.現在仍然選中「shine」層,用橡皮工具將橡皮的畫筆筆觸設置的軟一些。擦出「shine」層邊緣的一些部分,如下所示:

Photoshop制作漂亮的3D卡通按鈕

11.雙擊「shine」層設置圖層樣式,如下所示:

Photoshop制作漂亮的3D卡通按鈕

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

Photoshop制作漂亮的3D卡通按鈕

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

Photoshop制作漂亮的3D卡通按鈕

  先看一下最終效果: [url=/bbs/detail_1787738.html][img]http://image.wangchao.net.cn/it/1323415758105.jpg[/img][/url]   下面我們開始制作   1.首先,在PS中建立一個500×500像素大小的新文件,這個大小通常比較適合創建按鈕。下面將你的背景層的顔色填充爲#e0e0e0。 [url=/bbs/detail_1787738.html][img]http://image.wangchao.net.cn/it/1323415758409.jpg[/img][/url]   2.現在建立一個新圖層,加入任何一個所喜歡的形狀,這裏我暫且用自定形狀工具中的形狀來做個實例。形狀的顔色我用#be1947,並將該層至于最頂層。 [url=/bbs/detail_1787738.html][img]http://image.wangchao.net.cn/it/1323415758759.jpg[/img][/url]   3.下面,用透視變換工具(編輯-變換-透視)將形狀向右邊拉伸一些。然後,在用變換工具(編輯-自由變換)將形狀向左旋轉大約15度。 [url=/bbs/detail_1787738.html][img]http://image.wangchao.net.cn/it/1323415759163.jpg[/img][/url]   4.現在,我們來制作形狀的立體效果。首先選中形狀圖層並按住SHIFT和ALT鍵盤,然後用右手同時按下下方向鍵和右方向鍵按圖層就被自動複制了一層。再重複以上步驟,當達到了一定的厚度即可停止。然後將除最頂層以外的所有的圖層合並。現在在最頂層上按住CTRL鍵點擊該圖層載入其選區用#a00330顔色代碼進行填充。並雙擊此圖層重命名爲「bottom」。 [url=/bbs/detail_1787738.html][img]http://image.wangchao.net.cn/it/1323415759373.jpg[/img][/url]   5.接下來,複制最頂層並把得到的複制層移動到3D形狀層和最頂層之間,然後同時按下下,右2個方向鍵2次。移動完以後雙擊此圖層加入漸變疊加圖層樣式如下所示: [url=/bbs/detail_1787738.html][img]http://image.wangchao.net.cn/it/1323415759892.jpg[/img][/url]   6.在最頂層建立一個新圖層,命名爲「top highlights」。然後按住CTRL點擊載入上層形狀層的選區,用畫筆工具,設置一個較軟的畫筆,大小約爲200像素。在「top highlights」上加入高光如下所示: [url=/bbs/detail_1787738.html][img]http://image.wangchao.net.cn/it/1323415760130.jpg[/img][/url]   7.同上面步驟一樣,在3D形狀層上建立一個新圖層,在用畫筆來創建3D形狀層上的高光。然後將2個創建按出來的高光圖層的不透明度設置爲60-70之間,如圖所示: [url=/bbs/detail_1787738.html][img]http://image.wangchao.net.cn/it/1323415760369.jpg[/img][/url]   8.繼續在最頂上再建立一個新圖層,命名爲「shine」。然後用橢圓選框工具建立一個橢圓選區並用白色填充如下所示: [url=/bbs/detail_1787738.html][img]http://image.wangchao.net.cn/it/1323415760604.jpg[/img][/url]   9.選擇原始形狀層,按CTRL點擊此層載入其選擇區然後執行選擇-修改-收縮,設置數值爲3像素。然後在執行選擇-反選-刪除命令,結果如下所示: [url=/bbs/detail_1787738.html][img]http://image.wangchao.net.cn/it/1323415760854.jpg[/img][/url]   10.現在仍然選中「shine」層,用橡皮工具將橡皮的畫筆筆觸設置的軟一些。擦出「shine」層邊緣的一些部分,如下所示: [url=/bbs/detail_1787738.html][img]http://image.wangchao.net.cn/it/1323415761078.jpg[/img][/url]   11.雙擊「shine」層設置圖層樣式,如下所示: [url=/bbs/detail_1787738.html][img]http://image.wangchao.net.cn/it/1323415761692.jpg[/img][/url]   12.下面加入最後的一個步驟,改變原始形狀層和3D層的顔色,分別雙擊以上2個圖層加入漸變疊加圖層樣式。 [url=/bbs/detail_1787738.html][img]http://image.wangchao.net.cn/it/1323415762017.jpg[/img][/url]   最終完成!你可以吧這個方法用在許多不同形狀的物體上,來爲它們制作亮麗的光線和效果。 [url=/bbs/detail_1787738.html][img]http://image.wangchao.net.cn/it/1323415762353.jpg[/img][/url]
󰈣󰈤
王朝萬家燈火計劃
期待原創作者加盟
 
 
 
>>返回首頁<<
 
 
 
 
 熱帖排行
 
 
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有