淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作?

本教程非常詳細的介紹3D按鈕的製作方法。重點在3D效果及光感的製作,有很多教程介紹過類似的方法。不過製作的時候還是要注意好高光及暗調的搭配,能更好的體現按鈕的質感。 最終效果

工具/原料

電腦

ps軟件

方法/步驟

1、效果圖片

淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作

2、開始前老樣子先在PS裡新建一個文件,設置如下圖。

淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作

3、使用圓角矩形工具,這裡顏色你可以隨意,因為你可以在頂部設置圓角矩形的顏色。

淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作

4、在頂部設置它的參數與顏色為紅色。

淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作

5、如下圖顏色為#D32424 的圓角矩形制作完成。

淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作

6、將前面的圓角矩形圖層複製一次,在複製出的圖層上按鼠標右鍵,選擇柵格化圖層,這樣將形狀圖形轉化為像素圖形。同樣將另一個圖層進行柵格化處理(柵格化後的圖層就是我們常說的像素圖)。

淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作

7、將上面的圓角矩形命名為"上層" ,下面的圖層命名為"下層" ,這裡我們為了製作出3D按鈕的立體質感效果,將會用底部的圖層來做陰影,上面的圖層保持不變,所以選中底部圖層,按ctrl+u設置"色相/飽和度"參數如下。將兩個圖層的位置進行調整,下面的圖層向下移動10像素(按shift+下鍵),完成後的效果如下:

淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作

8、現在我們為3D按鈕上面的圖層進行視覺上的修飾,先按住ctrl點選上面的圖層,使其整個處於選中狀態,隨後按“選擇>修改>收縮”,設置縮小1px。

淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作

9、然後我們用工具欄的加深工具,設置參數如下。

淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作

10、在選中的圖層上進行塗抹。

淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作

淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作

11、隨後我們為上面的圖層添加如下圖設置的圖層樣式。

淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作

12、為下面的圖層加上

淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作

淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作

13、現在開始製作3D立體效果常見的光感效果,首先使用如下設置的筆刷。

淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作

14、確定你的PS裡的前景色與背景色分別為白色與黑色,然後使用鋼筆工具,確保你選用的是路徑,如下圖。

淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作

15、新建立圖層,按照下圖方法用鋼筆工具繪製兩個點。

淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作

16、再在鋼筆路徑上按鼠標右鍵選擇"描邊路徑",隨後選擇畫筆並勾選模擬壓力。

淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作

17、隨後再次在路徑上按鼠標右鍵,選擇"刪除路徑",完成後將會看到如下圖的光感線條效果。

淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作

18、再來為按鈕設置一些細節光感效果,選中" 減淡工具",設置如下,使用高光參數。

淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作

19、隨後在按鈕的上部圖層上點大約兩次,記住不要點的次數過多,點的太多會看上去十分難看。

淘寶裝修文字處理之用PS製作3D文字收藏按鈕製作

相關問題答案