最終效果

1、先建立一個(gè)1136* 640的畫(huà)布。

2、在這個(gè)畫(huà)布上，用橢圓工具勾繪出一個(gè)圓形，作為按鈕側(cè)面，命名圖層為“按鈕-下”。

3、建立一個(gè)新圖層，畫(huà)一個(gè)同樣大小的同心圓，再選中底邊錨點(diǎn)，向上拖到錨點(diǎn)位置如圖，作為按鈕正面，命名圖層為“按鈕-上”。

4、編輯“按鈕-上”，繪制開(kāi)關(guān)按鈕正面的形狀和質(zhì)感，圖層樣式如下圖。

5、接著我們編輯“按鈕-上”，繪制開(kāi)關(guān)按鈕側(cè)下方的形狀和質(zhì)感，圖層樣式如下。

6、接著我們畫(huà)用來(lái)按鈕按鈕的凹槽位。同樣的方法我們畫(huà)一個(gè)稍大一些的同心圓，圖層名“凹槽”，然后添加下圖所示的樣式。

7、至此，我們已經(jīng)完成了70%了，需要再加上陰影。陰影層，我使用了一個(gè)稍微“瘦”一些的橢圓形狀，這樣形成的陰影看起來(lái)更加真實(shí)。

8、最后我們?cè)俅蛏螼FF，ON的字樣，再增加一點(diǎn)泛紅光的效果，完成最終效果。