| 教學內容: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/ |