您的位置:寻梦网首页编程乐园Flashflash教程
Flash 教程

入门篇:如何制作互动式按钮(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」的影格画面加上文字,可是文字不一样怎么办?方法很简单,只要插入空白画面即可啦!鼠标移至「滑过」影格处,按住鼠标左键拉至「按下」影格处,即可放开,就选择这两个影格了!再按鼠标右键,选择「插入空白关键画面」。


17. 将时间轴移到按钮的「滑过 影格处,这样所编辑的动作才是「滑过」影格的画面,不然,很容易更改到其他的画面。


18. 文字输入完成的画面。


19. 同样的,将时间轴移到铵钮的「按下 影格处,这样所编辑的动作才是「按下」影格的画面。


20. 文字输入完成的画面。


21. 完成符号编辑后,右边有一排符号标签,按右边符号标签列的 标签回到主画面。


22. 这时就可以应用刚刚建立好的符号啦!按主菜单「视窗」的「图库」选项。


23. 出现一个图库的小窗口,里面会列出您动画中所建立和使用到的符号,鼠标按住左键拖曳符号至主画面中


24. 虚线方块就是该符号啦!


25. 放开后,符号就跑出来啦!


26. 想不想先预览成果呢?沒问题,按主菜单中的「控制」的「启动按钮功能」,就可以试试按钮的动作了!


27. 互动式铵钮。

按钮「一般」画面 按钮「滑过」画面 按钮「按下」画面

28. 完工啦!可以输出作品啦!


29. 此篇为「基础篇」,让您知道「按钮」的互动观念,接下来的「按钮」教学,将越来越「进阶」。不会很难,只要脑筋转地过来,会感觉「按钮」很有趣且好用!只要是互动式动画,一般都会使用到「按钮」,所以要用心的学喔.....


上一节 下一节