| 教學內容：AquaButton v.2 製作 |
| 0. 範例圖片： |
| 1. 首先開啟一個 1 x 5，背景為白色的新文件，我們先來製作背景圖片。 先將顯示比例設定為 1600%，然後利用矩形工具畫出一個 1 x 5 的矩形，色彩填入 #FFFFFF， 利用矩形工具畫出一個 1 x 1 的矩形，色彩填入 #CCCCCC，如下圖所示，畫好後儲存成 1x5_bg.png 備用。   |
| 2. 開始來做按鈕了，開啟一個 120 x 50，背景為白色的新文件，利用矩形工具畫出一個
120 x 50 的矩形， 色彩填入 #FFFFFF，按下材質旁邊的下拉三角形，選其他，並開啟剛剛存檔的 1x5_bg.png，材質總量改為 100%。  |
| 3. 利用圓角矩形工具畫出一個
110 x 30，矩形圓度 30 的圓角矩形，色彩填入 #EBEBEB， 筆畫色彩填入 #939393，筆尖大小為 1，筆畫類別為鉛筆 -> 1 像素柔化。   |
| 4. 接下來我們到圖層視窗中，把 "矩形" 這個名稱更改為 "按鈕"，以利識別， 改完後維持這個圖層在選取的狀態，按一下 CTRL + C 複製圖層，再按兩下 CTRL + V 貼上圖層， 並依序將名稱改為"亮部1" 及 "亮部2"，暫時將這兩個圖層旁的眼睛取消掉 ( 隱藏 )。   |
| 5. 點選按鈕的圖層，使圓角矩形處在選取的狀態，點選右下方
"效果" 旁的 "+" 按鈕， 增加一個：陰影和光暈 -> 內側陰影的效果， 設定值如下：  再增加一個：陰影和光暈 -> 陰影的效果， 設定值如下：  做好後應該是像下面的圖的樣子：  |
| 6. 將 "按鈕" 圖層隱藏，顯示 "亮部1" 及 "亮部2" 這兩個圖層，點選工具列中的細部選取工具， 將 "亮部2" 圖層裡圓角矩形的填色改為 #333333，取消筆畫的填色，矩形圓度改為 100，並將其往上移，  同時選取 "亮部1" 及 "亮部2" 這兩個圖層，  修改 -> 組合路徑 -> 交集，變成如下圖所示：  將填色改為 #FFFFFF，不透明度改為 65，  開啟 "按鈕" 圖層使之顯示，將 "亮部" 圖層往下位移 1 個像素，此時應可看到如下圖之效果了。  |
7. 使用文字工具在按鈕上打上文字吧，藉由文字圖層的顯示與隱藏，來製作不同的按鈕文字，完成圖如下： |
| 教學內容來源：翻譯至 http://www.solardreamstudios.com/tutorials/fw/mx_aqua2/ |