教學內容：Blue Gradient button 製作

0. 範例圖片：

1. 首先開啟一個 150 x 50，背景為白色的新文件，利用圓角矩形工具畫出一個 100 x 30，矩形圓度為 30 的圓角矩形， 填色及畫筆設定值如下圖：

2. 建議你可以將顯示比例放大為 200%，看得比較清楚喔。 現在將填色類別改為 "線性"，按一下填色的色塊，在漸層顏色設定視窗內先新增 4 個顏色指標， 在各顏色指標中分別填入顏色，由左至右分別為：#004878，#84C0EB，#98D2FD，#93CBFD，#020B2B，#97CBF8， 現在你應該可以看到如下圖的效果。

3. 好了，現在我們需要 5 個一樣的圖形，來組合出這個範例的按鈕，現在我們選取這個圓角矩形， 連續按 4 次 CTRL + SHIFT + D，現在你可以看到右邊的圖層視窗中有 5 個圖層了，現在我們來更改一下圖層名稱， 以免等會兒搞混了，由下至上分別更改為 layer1 ~ layer5。

4. 選取 layer5 圖層，在工具列中選取 傾斜工具，將矩形下方往內縮，變成如下圖那樣。

5. 選取 layer4 圖層，將屬性面板上的填色選項改為 "實心"，色彩填入 #333333，材質選擇 "水平線 3"， 材質總量改為 "100"，並勾選 "透明"，現在按鈕變成如下圖那樣。

6. 選取 layer3 圖層，在屬性面板上將寬度改為 108，高度改為 26， 將 layer3 圖層的圓角矩形移動成如下圖那樣。

7. 選取 layer2 圖層，在屬性面板上將寬度改為 114，高度改為 20， 將 layer2 圖層的圓角矩形移動成如下圖那樣。

8. 到此，按鈕的形狀已大致完成了，我們再來幫他加點陰影效果吧。 選取 layer1 圖層，在屬性面板上點選 "效果：" 旁的 "+" 號按鈕，然後選取：陰影和光暈 -> 陰影，設定值如下： 選取 layer2 圖層，在屬性面板上點選 "效果：" 旁的 "+" 號按鈕，然後選取：陰影和光暈 -> 陰影，設定值如下： 現在你的按鈕應該如下圖那樣。

9. 再來加上文字就完成了，選取工具列的文字工具，輸入你的文字， 再來為文字加入陰影效果， 完成圖如下：

教學內容來源：翻譯至 http://www.caughtinthefire.com/bbutton1.php