photoshop制作開關(guān)按鈕
來源:未知
作者:福特少普ps
學(xué)習(xí):19760人次
作者uthin 出處:中國教程網(wǎng)
原圖:

新建一個800*700px的photoshop文檔,然后填充背景色為黑色

1、畫一個正圓充黑色[圖層1],外發(fā)光、漸變疊加,圖層樣式如圖。



, 2、復(fù)制兩個正圓[圖層2、圖層3],填充白色,先隱藏上面的白色正圓[圖層3],將起下面的白色正圓[圖層2]縮小1-2個象素,調(diào)整透明度為8%。


3、顯示剛隱藏的正圓[圖層3],用矩形選框工具畫個方形,調(diào)整角度,羽化20,按delete刪除,調(diào)整透明度為15%。




, 4、復(fù)制黑色正圓[圖層1]填充白色為[圖層4],置為頂層,按ctrl鼠標(biāo)點(diǎn)該圖層,得到選區(qū),將選取縮小1-2個象素,按delete刪除,得到一個圓形邊框線[圖層4]。用橡皮擦修改圓形邊框線[圖層4],如圖效果。[在這里是為了更直觀,才把改圖層移動到旁邊,實(shí)際中圓線[圖層4],是不需要移動位置的。]



5、新建一個[圖層5],畫個同心正圓,填充黑色。

, 6、復(fù)制圓形邊框線[圖層4],置為頂層,縮小如圖。

7、復(fù)制[圖層5]得到一個同心正圓,填充白色為[圖層6],置為頂層,添加蒙板,利用漸變做出如圖,調(diào)整透明度,這里為60%。


, 8、再復(fù)制[圖層5]得到一個同心正圓,填充白色為[圖層7],按ctrl鼠標(biāo)點(diǎn)該圖層,得到選區(qū),移動選取到適合位置,按delete刪除,得到一個月牙[圖層7],用橡皮擦修改月牙[圖層7],如圖效果。[在這里是為了更直觀,才把改圖層移動到旁邊,實(shí)際中月牙(圖層7)是不需要移動位置的。]



原圖:

新建一個800*700px的photoshop文檔,然后填充背景色為黑色

1、畫一個正圓充黑色[圖層1],外發(fā)光、漸變疊加,圖層樣式如圖。



, 2、復(fù)制兩個正圓[圖層2、圖層3],填充白色,先隱藏上面的白色正圓[圖層3],將起下面的白色正圓[圖層2]縮小1-2個象素,調(diào)整透明度為8%。


3、顯示剛隱藏的正圓[圖層3],用矩形選框工具畫個方形,調(diào)整角度,羽化20,按delete刪除,調(diào)整透明度為15%。




, 4、復(fù)制黑色正圓[圖層1]填充白色為[圖層4],置為頂層,按ctrl鼠標(biāo)點(diǎn)該圖層,得到選區(qū),將選取縮小1-2個象素,按delete刪除,得到一個圓形邊框線[圖層4]。用橡皮擦修改圓形邊框線[圖層4],如圖效果。[在這里是為了更直觀,才把改圖層移動到旁邊,實(shí)際中圓線[圖層4],是不需要移動位置的。]



5、新建一個[圖層5],畫個同心正圓,填充黑色。

, 6、復(fù)制圓形邊框線[圖層4],置為頂層,縮小如圖。

7、復(fù)制[圖層5]得到一個同心正圓,填充白色為[圖層6],置為頂層,添加蒙板,利用漸變做出如圖,調(diào)整透明度,這里為60%。


, 8、再復(fù)制[圖層5]得到一個同心正圓,填充白色為[圖層7],按ctrl鼠標(biāo)點(diǎn)該圖層,得到選區(qū),移動選取到適合位置,按delete刪除,得到一個月牙[圖層7],用橡皮擦修改月牙[圖層7],如圖效果。[在這里是為了更直觀,才把改圖層移動到旁邊,實(shí)際中月牙(圖層7)是不需要移動位置的。]



- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 開關(guān)按鈕
- 福特少普ps
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計,在ps中制作一款可愛的獼猴桃圖標(biāo)
- 圖標(biāo)制作,用PS制作個性的的網(wǎng)頁圖標(biāo)
- 圖標(biāo)設(shè)計,用PS的圖層樣式制作逼真的玉石圖標(biāo)
- 四分環(huán),如何用PS設(shè)計曲線四分環(huán)視頻教程詳解
- 圖標(biāo)設(shè)計,用PS制作一款簡單的按鈕圖標(biāo)
- 圖標(biāo)設(shè)計,通過PS設(shè)計制作一款逼真的玉石圖案
- 圖標(biāo)制作,通過PS制作彌撒圖標(biāo)
- 圖標(biāo)設(shè)計,通過PS制作設(shè)計質(zhì)感水晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制卡哇伊的卡通兔子圖標(biāo)
- 圖標(biāo)制作,用PS設(shè)計制作一款心形APP軟件圖標(biāo)
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!