photoshop打造漂亮的數(shù)碼金屬水晶按鈕教程
發(fā)布時(shí)間:2008-11-27 00:07:35 作者:佚名
我要評(píng)論

本教程介紹金屬按鈕的制作方法。制作的時(shí)候需要注意好圖層的位置及光的渲染。尤其要突出金屬的光澤,裝飾部分使用濾鏡效果完成。整體感覺(jué)非常的精致。
最終效果
1、建立一新文檔,用深灰色填充背景層。在文檔的水平居中位置用橢圓工具建立一正圓選區(qū)并用白色填充選區(qū)再將
本教程介紹金屬按鈕的制作方法。制作的時(shí)候需要注意好圖層的位置及光的渲染。尤其要突出金屬的光澤,裝飾部分使用濾鏡效果完成。整體感覺(jué)非常的精致。
最終效果
1、建立一新文檔,用深灰色填充背景層。在文檔的水平居中位置用橢圓工具建立一正圓選區(qū)并用白色填充選區(qū)再將其重命名為 B CircLe。
#p# 2、復(fù)制該圖層并用自由變換工具將復(fù)制層圖中的略微小一些。然后按住CTRL+點(diǎn)擊該復(fù)制層載入其選區(qū)。下面選擇 B CircLe并執(zhí)行圖層-圖層蒙版-隱藏選區(qū)。
3、重復(fù)第1.2步驟用橢圓選框工具另外建立2個(gè)圖層將2個(gè)圖層的顏色分別設(shè)置成為綠色和紅色。將這個(gè)2個(gè)圖層分別重命名為M CircLe和S CircLe。
4、選中B CircLe雙擊該圖層加入漸變疊加圖層樣式。
#p# 再加入斜面與浮雕圖層樣式。
5、復(fù)制B CircLe層然后改變之前的圖層樣式。將之前附加的漸變疊加和斜面與浮雕圖層樣式去除加入內(nèi)陰影圖層樣式。(注意將填充不透明度也設(shè)置為0)。
#p# 6、選擇M CircLe層加入漸變疊加和描邊圖層樣式。
7、選擇S CircLe層加入顏色疊加和描邊圖層樣式。
#p# 8、建立一個(gè)名為Metels圖層組的文件夾,將以上4個(gè)圖層放置于該圖層組中。
9、建立一新圖層為Screen,再在文檔中心位置用橢圓選框工具建立一正圓選區(qū)用白色填充。雙擊該圖層加入漸變疊加圖層樣式。
#p# 10、建立一新圖層,將前景色和背景色設(shè)置為白色和黑色。然后執(zhí)行濾鏡-渲染-云彩。設(shè)置圖層混合模式為疊加?,F(xiàn)在按CTRL+點(diǎn)擊Screen層載入其選區(qū),再回到云彩圖層上來(lái)執(zhí)行圖層-圖層蒙版-顯示選區(qū)。
11、復(fù)制云彩層,將復(fù)制層命名為Twirl并將圖層混合模式設(shè)置為顏色減淡。執(zhí)行圖層-圖層蒙版-應(yīng)用。之后再次按住CTRL+點(diǎn)擊Screen層載入其選區(qū),然后執(zhí)行濾鏡-扭曲-旋轉(zhuǎn)扭曲。
#p# 12、執(zhí)行濾鏡以后不要區(qū)需要選擇區(qū),再接著執(zhí)行濾鏡-液化并選擇褶皺工具。進(jìn)一步加大扭曲度。
13、接著用橡皮擦工具載入Twirl層中的一些標(biāo)注出來(lái)的位置。
14、建立一新圖層并命名為S stars,用黑色填充后設(shè)置圖層混合模式為顏色減淡。再執(zhí)行濾鏡-像素化-銅板雕刻。
#p# 15、執(zhí)行濾鏡-模糊-徑向模糊,設(shè)置如下。下面再次按住CTRL+點(diǎn)擊Screen層載入其選區(qū),然后回到云彩層上執(zhí)行圖層-圖層蒙版-顯示選區(qū)。
16、下面我們來(lái)制作一些星星。建立一新圖層并用黑色填充再重命名為B Stars,設(shè)置圖層混合模式為顏色減淡。之后選擇畫筆工具對(duì)其做一下設(shè)置在圖中編輯出如下所示的星星。
#p#
17、重復(fù)第14步的方法用縮放模糊做出大一些的星星,但是這次數(shù)量設(shè)置為50就可以了。
18、復(fù)制Screen層并改變其圖層樣式,選擇漸變疊加圖層樣式設(shè)置漸變色為白色到白色,但是透明度設(shè)置為100%-0%?,F(xiàn)在選擇橢圓選框工具建立建立一橢圓選區(qū),然后執(zhí)行圖層-圖層蒙版-顯示選區(qū),調(diào)整好漸變疊加圖層的位置并改變圖層不透明度為40%。
19、再用第1.2步的方法在邊框上做出一些小圓。
#p# 再給它加入顏色疊加和描邊圖層樣式。
20、在把做好的“小圓”復(fù)制幾個(gè)按比例放置于按鈕上的合適位置,最終效果如下。
最終效果

1、建立一新文檔,用深灰色填充背景層。在文檔的水平居中位置用橢圓工具建立一正圓選區(qū)并用白色填充選區(qū)再將其重命名為 B CircLe。


3、重復(fù)第1.2步驟用橢圓選框工具另外建立2個(gè)圖層將2個(gè)圖層的顏色分別設(shè)置成為綠色和紅色。將這個(gè)2個(gè)圖層分別重命名為M CircLe和S CircLe。

4、選中B CircLe雙擊該圖層加入漸變疊加圖層樣式。


5、復(fù)制B CircLe層然后改變之前的圖層樣式。將之前附加的漸變疊加和斜面與浮雕圖層樣式去除加入內(nèi)陰影圖層樣式。(注意將填充不透明度也設(shè)置為0)。



7、選擇S CircLe層加入顏色疊加和描邊圖層樣式。



9、建立一新圖層為Screen,再在文檔中心位置用橢圓選框工具建立一正圓選區(qū)用白色填充。雙擊該圖層加入漸變疊加圖層樣式。


11、復(fù)制云彩層,將復(fù)制層命名為Twirl并將圖層混合模式設(shè)置為顏色減淡。執(zhí)行圖層-圖層蒙版-應(yīng)用。之后再次按住CTRL+點(diǎn)擊Screen層載入其選區(qū),然后執(zhí)行濾鏡-扭曲-旋轉(zhuǎn)扭曲。


13、接著用橡皮擦工具載入Twirl層中的一些標(biāo)注出來(lái)的位置。

14、建立一新圖層并命名為S stars,用黑色填充后設(shè)置圖層混合模式為顏色減淡。再執(zhí)行濾鏡-像素化-銅板雕刻。


16、下面我們來(lái)制作一些星星。建立一新圖層并用黑色填充再重命名為B Stars,設(shè)置圖層混合模式為顏色減淡。之后選擇畫筆工具對(duì)其做一下設(shè)置在圖中編輯出如下所示的星星。


17、重復(fù)第14步的方法用縮放模糊做出大一些的星星,但是這次數(shù)量設(shè)置為50就可以了。

18、復(fù)制Screen層并改變其圖層樣式,選擇漸變疊加圖層樣式設(shè)置漸變色為白色到白色,但是透明度設(shè)置為100%-0%?,F(xiàn)在選擇橢圓選框工具建立建立一橢圓選區(qū),然后執(zhí)行圖層-圖層蒙版-顯示選區(qū),調(diào)整好漸變疊加圖層的位置并改變圖層不透明度為40%。

19、再用第1.2步的方法在邊框上做出一些小圓。


20、在把做好的“小圓”復(fù)制幾個(gè)按比例放置于按鈕上的合適位置,最終效果如下。

相關(guān)文章
- 今天的教程是教給大家做一個(gè)非常有圣誕氛圍的圣誕快樂(lè)按鈕,充滿濃濃的圣誕節(jié)日氣息,小伙伴們還不快快打開PS一起來(lái)學(xué)習(xí)2021-06-16
ps2021怎么做漂亮的漸變按鈕? ps按鈕樣式的設(shè)計(jì)方法
ps2021怎么做漂亮的漸變按鈕?ps中想要設(shè)計(jì)一款領(lǐng)券的按鈕,如果添加漸變色會(huì)更加顯眼,該怎么設(shè)計(jì)漸變色按鈕呢?下面我們就來(lái)看看ps按鈕樣式的設(shè)計(jì)方法,詳細(xì)請(qǐng)看下文介紹2021-05-27如何設(shè)計(jì)藍(lán)色金屬按鈕?用PS設(shè)計(jì)藍(lán)色科技金屬質(zhì)感按鈕教程
很多人人物游戲按鈕只能用AI才能設(shè)計(jì),其實(shí)不然,一些按鈕不只可以用AI設(shè)計(jì),PS照樣可以,今天我們就教大家制作一個(gè)藍(lán)色科技金屬質(zhì)感的“play”按鈕,一起來(lái)學(xué)習(xí)吧2021-05-18ps怎么設(shè)計(jì)配色干凈扁平化按鈕? ps按鈕矢量圖的設(shè)計(jì)方法
ps怎么設(shè)計(jì)配色干凈扁平化按鈕?很多時(shí)候我們會(huì)看到各種按鈕,想要設(shè)計(jì)一款顏色干凈清爽的扁平化按鈕,該怎么操作呢?下面我們就來(lái)看看ps按鈕矢量圖的設(shè)計(jì)方法,需要的朋友2021-04-08- 怎么用PS制作按鈕形狀效果?下面這邊文章主要為大家講述了用PS制作按鈕形狀效果的教程,感興趣的小伙伴來(lái)學(xué)習(xí)吧2020-12-15
ps怎么設(shè)計(jì)圓形的不銹鋼金屬按鈕圖標(biāo)?
ps怎么設(shè)計(jì)圓形的不銹鋼金屬按鈕圖標(biāo)?ps中想要設(shè)計(jì)一款圓形的按鈕,該怎么設(shè)計(jì)這個(gè)按鈕矢量圖呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2019-06-30- PS怎么設(shè)計(jì)可愛的按鈕?ps中想要設(shè)計(jì)一款可愛的按鈕,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看ps設(shè)計(jì)按鈕的教程,需要的朋友可以參考下2018-10-30
ps怎么設(shè)計(jì)逼真的玻璃質(zhì)感按鈕?
ps怎么設(shè)計(jì)逼真的玻璃質(zhì)感按鈕?ps中想要設(shè)計(jì)一款漂亮的玻璃按鈕,該怎么設(shè)計(jì)逼真透明的玻璃按鈕呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-09-23ps怎么設(shè)計(jì)創(chuàng)意的圓形按鈕?
ps怎么設(shè)計(jì)創(chuàng)意的圓形按鈕?ps中想要設(shè)計(jì)按鈕,該怎么設(shè)計(jì)創(chuàng)意的按鈕圖標(biāo)呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-08-09- PS怎么設(shè)計(jì)左右輪播圖的按鈕?網(wǎng)頁(yè)中經(jīng)常能見到多張圖片輪播的效果,會(huì)有左右按鈕,該怎么設(shè)計(jì)這個(gè)按鈕呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-08-09