教學內容:AquaButton 製作

0. 範例圖片:


1. 開啟一個 120 x 80,背景為白色的新文件,
利用矩形工具畫出一個 120 x80 的矩形當作背景,填色設定如下:


2. 利用圓角矩形工具畫出 100 x 60,矩形圓度 50 的按鈕外框,



將填色類別改為線性,按一下填色的色塊,按下圖之設定值修改:


3. 新增效果:陰影和光暈 -> 內側陰影,



新增效果:陰影和光暈 -> 陰影,


4. 點選 "按鈕" 圖層,按一下 CTRL + C 複製圖層,再按一下 CTRL + V 貼上圖層,並將複製的圖層名稱改為"亮部"。


5. 點選 "亮部" 的圖層,先將填色類別改為實心,顏色填入 #FFFFFF,取消內側陰影和陰影的效果,
按一下 CTRL + SHIFT + T ( 數值變形 ),設定值如下:



點選工具列中的選取細部工具,按下 CTRL + SHIFT + G 解散群組,然後將矩形下面的 4 個節點選取,



再來利用鍵盤上方向鍵的 "↑",調整成如下圖的樣子:



再來將填色類別改為線性,按一下填色的色塊,按下圖之設定值修改:



完成後看起來應該是像這樣:


6. 利用文字工具輸入文字,可將文字圖層移到 "亮部" 和 "按鈕" 圖層之間,



輸入文字後,可加入陰影效果加強文字的立體感,



完成圖:


教學內容來源:翻譯至 http://www.solardreamstudios.com/tutorials/fw/mx_aqua/