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

作者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)位置的。]









,                                           9、新建一個(gè)[圖層8]，畫2個(gè)小圓，然后虛化，如圖，調(diào)整模式為柔光。



10、新建一個(gè)[圖層9]，畫一個(gè)圖形如圖。



,                                           11、對(duì)[圖層9]外發(fā)光、漸變疊加，圖層樣式如圖。[為了效果先隱藏圖層9]





12、再復(fù)制[圖層9]得到圖形，填充白色為[圖層10]，按ctrl鼠標(biāo)點(diǎn)該圖層，得到選區(qū)，縮小選取1個(gè)象素，按delete刪除，得到一個(gè)外框線[圖層10]，用橡皮擦修其外框線[圖層10]，如圖效果。



,                                            13、顯示隱藏的圖層9。

14、畫一個(gè)圓點(diǎn)虛化如圖，調(diào)整模式為顏色減淡。