photoshop 夢(mèng)幻水晶按鈕
發(fā)布時(shí)間:2008-12-02 22:15:36 作者:佚名
我要評(píng)論
最終效果圖
1.新建一個(gè)文件,圖象大小為128X128象素,顏色模式選擇RGB模式,分辨率設(shè)置為300,選擇白色背景。
圖1
圖2
2.新建圖層1,設(shè)置前景色為黑色,使用矩形工具(注意要選擇工具狀態(tài)欄上的“填充像素”)在新建的圖層上繪制一個(gè)矩形。
圖3
圖4
最終效果圖

1.新建一個(gè)文件,圖象大小為128X128象素,顏色模式選擇RGB模式,分辨率設(shè)置為300,選擇白色背景。

圖1

圖2
2.新建圖層1,設(shè)置前景色為黑色,使用矩形工具(注意要選擇工具狀態(tài)欄上的“填充像素”)在新建的圖層上繪制一個(gè)矩形。

圖3

圖4 #p# 2.新建圖層1,設(shè)置前景色為黑色,使用矩形工具(注意要選擇工具狀態(tài)欄上的“填充像素”)在新建的圖層上繪制一個(gè)矩形。
圖3
圖4
3.再新建圖層2,按鍵盤上的alt鍵點(diǎn)擊圖層面板上兩個(gè)圖層的中縫,如圖05,使其編組。
圖5 #p# 4.將前景色設(shè)置為35%的灰,如圖06,背景色為白色。
圖6
5.選擇“漸變”工具,然后在工具狀態(tài)欄上選擇“線性漸變”,如圖07,然后在圖層2上使用漸變工具,方向是自上而下,如圖07,得到效果圖08。
圖7
圖8
圖9 #p# 6.新建圖層3,再按步驟3將其與下面的圖層編組,如圖9。
圖9
7.將前景色設(shè)置為白色,選擇“漸變”工具狀態(tài)欄里的“對(duì)稱漸變”(如圖10)和“反向”(如圖11);然后選擇漸變的狀態(tài)中“前景到透明”(如圖12),單擊該圖例打開“漸變編輯器”,將其中“不透明性色標(biāo)”(如圖13)向右移動(dòng)到60%的位置。在圖層3上中心偏上的位置(方向是自下而上),拖動(dòng)漸變工具,如圖15。
圖10
圖11
圖12
圖13
圖14 #p# 8.按ctrl鍵的同時(shí)點(diǎn)擊圖層1,如圖15,得到矩形的選區(qū)后,執(zhí)行菜單“選擇”-“修改”-“收縮”,設(shè)置收縮量為3像素,如圖16。然后選擇圖層3,點(diǎn)擊圖層面板中的“添加圖層蒙板”,如圖17,18,效果如圖20。
圖15
圖16
圖17
圖18
圖19 #p# 9.選擇圖層3,如圖20,使用橢圓選框工具在偏上的位置繪制一個(gè)橢圓選區(qū),如圖21,按鍵盤上的delete鍵刪除多余部分,如圖22。
圖20
圖21
圖22 #p# 10.新建圖層4,如圖23,在該層上使用橢圓工具繪制一個(gè)橢圓(該層的目的是得到一個(gè)可保留的形狀,所以顏色無所謂)如圖24。
圖23
圖24
11.設(shè)置前景色為黑色,選擇漸變工具的“前景色到透明”,如圖25。設(shè)置為“線性”,取消“反向”,如圖26。
圖25
圖26 #p# 12.新建圖層5,使用漸變工具方向從上到下繪制,如圖27。按步驟8的方法得到圖層4的選區(qū)后,在圖層5上建立蒙板,然后隱藏圖層4得到如圖28的效果。
圖27
圖28
13.以同樣的方法在新建的圖層6上進(jìn)行處理,不同的是前景色為白色,方向是從下到上,如圖29,得到圖30的效果。
圖29
圖30 #p# 14.此時(shí)的圖層關(guān)系如圖31。
圖31
15.新建圖層7,使用橢圓工具繪制一個(gè)圓,如圖32,然后選擇圖層面板上的“樣式”,如圖33,在彈出的菜單上選擇“漸變疊加”,如圖34。
圖32
圖33
圖34 #p# 16.按圖35設(shè)置漸變顏色(您所需要的顏色到黑色漸變,嘟嘟設(shè)置的是綠色)。將漸變中的“顏色中點(diǎn)”位置移動(dòng)到40%,如圖36。
圖35
圖36 #p# 17.接著設(shè)置“投影”樣式,設(shè)置如圖37。
圖37
18.新建圖層8,使用橢圓選框工具建立橢圓選區(qū),如圖38,使用白色到透明漸變從上到下繪制,如圖39。
圖38
圖39 #p# 19.將選區(qū)移動(dòng)到下方,如圖40,使用白色到透明漸變從下到上繪制,如圖41,注意這個(gè)的位置要遠(yuǎn)于下邊界。
圖40
圖41
20.效果圖如圖42。
圖42 #p# 21..選擇55%的灰,如圖43,使用矩形工具繪制正方型,如圖44。
圖43
圖44 #p# 22.選擇“編輯”—“變換”—“旋轉(zhuǎn)”,旋轉(zhuǎn)45度,如圖45。
圖46
23.使用矩形選框工具,繪制一個(gè)正方形,按鍵盤上的delete鍵,如圖45。
圖45
24.選擇該層,如圖48,將該層的圖片混合模式更改為正片疊底,如圖49。
圖48
圖49 #p# 25.對(duì)圖層1進(jìn)行陰影處理,選擇該層后,選擇樣式,如圖50,選擇“投影”,如圖51,設(shè)置項(xiàng)目如圖52。

圖50

圖51

圖52 #p# 得到圖53效果。

圖53
26.添加其他裝飾圖片,如圖54,是在100%狀態(tài)下的圖片。

圖54

1.新建一個(gè)文件,圖象大小為128X128象素,顏色模式選擇RGB模式,分辨率設(shè)置為300,選擇白色背景。

圖1

圖2
2.新建圖層1,設(shè)置前景色為黑色,使用矩形工具(注意要選擇工具狀態(tài)欄上的“填充像素”)在新建的圖層上繪制一個(gè)矩形。

圖3

圖4 #p# 2.新建圖層1,設(shè)置前景色為黑色,使用矩形工具(注意要選擇工具狀態(tài)欄上的“填充像素”)在新建的圖層上繪制一個(gè)矩形。
圖3
圖4
3.再新建圖層2,按鍵盤上的alt鍵點(diǎn)擊圖層面板上兩個(gè)圖層的中縫,如圖05,使其編組。
圖5 #p# 4.將前景色設(shè)置為35%的灰,如圖06,背景色為白色。
圖6
5.選擇“漸變”工具,然后在工具狀態(tài)欄上選擇“線性漸變”,如圖07,然后在圖層2上使用漸變工具,方向是自上而下,如圖07,得到效果圖08。
圖7
圖8
圖9 #p# 6.新建圖層3,再按步驟3將其與下面的圖層編組,如圖9。
圖9
7.將前景色設(shè)置為白色,選擇“漸變”工具狀態(tài)欄里的“對(duì)稱漸變”(如圖10)和“反向”(如圖11);然后選擇漸變的狀態(tài)中“前景到透明”(如圖12),單擊該圖例打開“漸變編輯器”,將其中“不透明性色標(biāo)”(如圖13)向右移動(dòng)到60%的位置。在圖層3上中心偏上的位置(方向是自下而上),拖動(dòng)漸變工具,如圖15。
圖10
圖11
圖12
圖13
圖14 #p# 8.按ctrl鍵的同時(shí)點(diǎn)擊圖層1,如圖15,得到矩形的選區(qū)后,執(zhí)行菜單“選擇”-“修改”-“收縮”,設(shè)置收縮量為3像素,如圖16。然后選擇圖層3,點(diǎn)擊圖層面板中的“添加圖層蒙板”,如圖17,18,效果如圖20。
圖15
圖16
圖17
圖18
圖19 #p# 9.選擇圖層3,如圖20,使用橢圓選框工具在偏上的位置繪制一個(gè)橢圓選區(qū),如圖21,按鍵盤上的delete鍵刪除多余部分,如圖22。
圖20
圖21
圖22 #p# 10.新建圖層4,如圖23,在該層上使用橢圓工具繪制一個(gè)橢圓(該層的目的是得到一個(gè)可保留的形狀,所以顏色無所謂)如圖24。
圖23
圖24
11.設(shè)置前景色為黑色,選擇漸變工具的“前景色到透明”,如圖25。設(shè)置為“線性”,取消“反向”,如圖26。
圖25
圖26 #p# 12.新建圖層5,使用漸變工具方向從上到下繪制,如圖27。按步驟8的方法得到圖層4的選區(qū)后,在圖層5上建立蒙板,然后隱藏圖層4得到如圖28的效果。
圖27
圖28
13.以同樣的方法在新建的圖層6上進(jìn)行處理,不同的是前景色為白色,方向是從下到上,如圖29,得到圖30的效果。
圖29
圖30 #p# 14.此時(shí)的圖層關(guān)系如圖31。
圖31
15.新建圖層7,使用橢圓工具繪制一個(gè)圓,如圖32,然后選擇圖層面板上的“樣式”,如圖33,在彈出的菜單上選擇“漸變疊加”,如圖34。
圖32
圖33
圖34 #p# 16.按圖35設(shè)置漸變顏色(您所需要的顏色到黑色漸變,嘟嘟設(shè)置的是綠色)。將漸變中的“顏色中點(diǎn)”位置移動(dòng)到40%,如圖36。
圖35
圖36 #p# 17.接著設(shè)置“投影”樣式,設(shè)置如圖37。
圖37
18.新建圖層8,使用橢圓選框工具建立橢圓選區(qū),如圖38,使用白色到透明漸變從上到下繪制,如圖39。
圖38
圖39 #p# 19.將選區(qū)移動(dòng)到下方,如圖40,使用白色到透明漸變從下到上繪制,如圖41,注意這個(gè)的位置要遠(yuǎn)于下邊界。
圖40
圖41
20.效果圖如圖42。
圖42 #p# 21..選擇55%的灰,如圖43,使用矩形工具繪制正方型,如圖44。
圖43
圖44 #p# 22.選擇“編輯”—“變換”—“旋轉(zhuǎn)”,旋轉(zhuǎn)45度,如圖45。
圖46
23.使用矩形選框工具,繪制一個(gè)正方形,按鍵盤上的delete鍵,如圖45。
圖45
24.選擇該層,如圖48,將該層的圖片混合模式更改為正片疊底,如圖49。
圖48
圖49 #p# 25.對(duì)圖層1進(jìn)行陰影處理,選擇該層后,選擇樣式,如圖50,選擇“投影”,如圖51,設(shè)置項(xiàng)目如圖52。

圖50

圖51

圖52 #p# 得到圖53效果。

圖53
26.添加其他裝飾圖片,如圖54,是在100%狀態(tài)下的圖片。

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











