互动式按键1

学习永无止境

您好，御风工作室精心收集网上的一些教案并结合本站的建站经验，制作了这个网上教材，

网上教材|佳做欣赏|资源宝库 |||||[返回]

互動式按鈕 ( 1 )

完成作品 ( 1.44 KB )

1. 首先按主選單「插入」之「建立符號」選單 , 建立一個新的符號元件.

2. 給予這個符號一個名稱 , 並點選為「按鈕」性質.

3. 點選右邊工具列中的「鉛筆」, 選擇「橢圓形」並設定線條粗細.

4. 在編輯畫面中 , 畫一個簡單的形狀.

5. 接著點選右邊工具列中的「油漆桶」, 填入漂亮的漸層顏色 , 可以調自己喜歡的顏色喔 !

6. 填入顏色至剛剛畫的橢圓形區域裡.

7. 這樣就完成按鈕原始的外型 , 不過沒啥特別 , 所以接下來就來製作互動式的按鈕 , 在「滑過」的影格處 , 也就是 Over , 按滑鼠右鍵 , 選擇「插入關鍵畫面」選項 , 複製前一個影格畫面 ( 一般 ) , 這樣就不用辛苦的再畫一次啦 !

8. 來點特別的 , 填上不同的顏色 , 方法可參考前面第 5 步驟 ! 這個畫面就是滑鼠「靠近」按鈕時會產生的變化.

9. 同樣的 , 在「按下」的影格處 , 也就是 Down , 按滑鼠右鍵 , 選擇「插入關鍵畫面」選項 , 複製前一個影格畫面 ( 滑過 , 其實 Over 和 Down 都可以同時複製「一般」影格畫面 , 因為我們只是改變裡面的顏色 , 沒有改變形狀等 )

10. 填上不同的顏色 , 方法可參考前面第 5 步驟 ! 這個畫面就是滑鼠「按下」按鈕時會產生的變化.

11. 按鈕圖層下新增一個圖層 , 在「鉛筆」圖示的下方小方塊 , 按滑鼠右鍵 , 選擇「插入圖層」, 此圖層是加上文字用的.

12. 可以為圖層來命名 , 快速在圖層的名稱處 , 滑鼠按兩下 , 即可更改.

13. 接下來就是加上文字 , 點選右邊工具列中的「文字」, 設定好字型、字體大小屬性等等.

14. 在適當的位置加上文字 , 可以用滑鼠移動文字調整位置.

15. 文字輸入完成的畫面.

16. 同樣的 , 我也想在「滑過 Over」、「按下 Down」的影格畫面加上文字 , 可是文字不一樣怎麼辦 ? 方法很簡單 , 只要插入空白畫面即可啦 ! 滑鼠移至「滑過」影格處 , 按住滑鼠左鍵拉至「按下」影格處 , 即可放開 , 就選擇這兩個影格了 ! 再按滑鼠右鍵 , 選擇「插入空白關鍵畫面」.