photoshop制作開關(guān)按鈕

作者uthin　  出處:中國教程網(wǎng)

原圖：


新建一個(gè)800*700px的photoshop文檔，然后填充背景色為黑色

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







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



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









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





5、新建一個(gè)[圖層5]，畫個(gè)同心正圓，填充黑色。



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

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





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