本教程主要使用Photoshop繪制簡潔風(fēng)格的網(wǎng)頁開關(guān)按鈕教程，整體的效果非常的漂亮，方法也不是很難，喜歡的朋友讓我們一起來學(xué)習(xí)吧。

先看看效果圖

1、新建文件

2、選擇背景顏色

3、alt+delete鍵填充前景色。

4、橢圓工具新建一個正圓(橢圓1圖層)。

4.1、雙擊橢圓1圖層調(diào)節(jié)圖層樣式——顏色疊加、描邊，參數(shù)如圖。

4.2、得到橢圓1的效果。

5、再新建橢圓2，大小如圖。

5.1、雙擊圖層調(diào)節(jié)圖層樣式：顏色疊加、描邊、投影。

6、得到效果，再新建橢圓3.

6.1雙擊橢圓3圖層調(diào)節(jié)圖層樣式：顏色疊加、投影。

6.2、橢圓3圖層填充調(diào)為0.

6.3、橢圓3效果。

7、新建橢圓4圖層大小如圖。

7.1、雙擊圖層調(diào)節(jié)圖層樣式：斜面和浮雕、顏色疊加、外發(fā)光、投影。

7.2、效果。

7.3、ctrl+J復(fù)制橢圓3圖層得到橢圓4，調(diào)節(jié)如圖

8、用矩形工具新建矩形。

8.1、雙擊矩形圖層調(diào)節(jié)圖層樣式：顏色疊加、投影。

8.2、效果如圖

8.3、ctrl+T復(fù)制出4個矩形圖層，分別調(diào)整好位置如圖

9、新建小橢圓位置如圖。

9.1、雙擊圖層調(diào)節(jié)圖層樣式：顏色疊加

9.2、效果如圖

9.3、新建幾個小橢圓位置如圖。

10、選擇大橢圓所對應(yīng)的小圓圖層調(diào)整圖層樣式。

10.1、效果圖

11、打上文字然后調(diào)節(jié)圖層樣式。

最終效果