PS創(chuàng)建一個漂亮的3D質(zhì)感按鈕
互聯(lián)網(wǎng) 發(fā)布時間:2008-10-05 11:54:02 作者:佚名
我要評論

以前我們制作3D按鈕往往需要借助3DMAX,和其他3D軟件。對于不熟悉此類軟件朋友要想制作3D按鈕往往成了一個難題。但是沒關(guān)系只要你略懂PHOTOSHOP,就能夠做出一個不遜于3D軟件的質(zhì)感不錯的水晶按鈕,在今天的教程中你將學(xué)會用PS來創(chuàng)建一個漂亮的3D質(zhì)感按鈕,這種方法還使用于
以前我們制作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ù)以上步驟,當(dāng)達(dá)到了一定的厚度即可停止。然后將除最頂層以外的所有的圖層合并?,F(xiàn)在在最頂層上按住CTRL鍵點擊該圖層載入其選區(qū)用#a00330顏色代碼進(jìn)行填充。并雙擊此圖層重命名為“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個圖層加入漸變疊加圖層樣式。
最終完成!你可以吧這個方法用在許多不同形狀的物體上,來為它們制作亮麗的光線和效果。
先看一下最終效果:

1.首先,在PS中建立一個500×500像素大小的新文件,這個大小通常比較適合創(chuàng)建按鈕。下面將你的背景層的顏色填充為#e0e0e0。
2.現(xiàn)在建立一個新圖層,加入任何一個所喜歡的形狀,這里我暫且用自定形狀工具中的形狀來做個實例。形狀的顏色我用#be1947,并將該層至于最頂層。


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


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


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


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


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


相關(guān)文章
- 今天我們繼續(xù)來介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個工具在修圖的時候是比較常用的,下面我們就來看看基礎(chǔ)教程2024-12-23
photoshop圖層初識 ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨立的,下面我們就來看2024-12-23PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解,在使用ps的時候,我們經(jīng)常會在圖層上添加一些效果,這就是圖層樣式,該怎么應(yīng)用呢?詳細(xì)請看下文介紹2024-12-23ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時可以拿出來使用,該怎么操作呢?詳細(xì)請看下文介紹2024-09-10- PS調(diào)整字體大小是一個非?;A(chǔ)的操作,但也是非常實用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細(xì)請看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時發(fā)現(xiàn)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進(jìn)行調(diào)節(jié),具體該如何操作呢?詳細(xì)請看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來看看詳細(xì)的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過程中,發(fā)現(xiàn)只能調(diào)到288像素,該怎么操作呢?下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見了,該怎么辦呢?下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來看看ps2024安裝圖文教程2023-11-30