Flash中动画按钮的制作
Flash中动画按钮的制作
王兰
【摘 要】The interactive control of animation in Flash is mainly realized by button component.Compared with traditional static button,animation button is more vivid,more interesting and more attractive.The producing process of animation button in Flash includes the setting of basic parameters in Flash animation,the production of graph component,the production of movie clip,and the production of animation button.At last it also needs to make the test of animation button function.%在Flash中动画的交互控制主要是通过按钮元件来实现的,而动画按钮和传统的静态按钮相比更生动、更有趣、更具吸引力。Flash中动画按钮的制作过程包括设置Flash动画的基本参数、图形元件的制作、影片剪辑的制作和动画按钮的制作等。最后还要进行动画按钮功能的测试。
【期刊名称】《辽宁高职学报》
【年(卷),期】2012(014)007
【总页数】2页(P93-94)
【关键词】Flash软件;动画按钮;制作
【作 者】王兰
【作者单位】辽宁信息职业技术学院,辽宁辽阳111000
【正文语种】中 文
【中图分类】TP331
Flash是一种交互式的多媒体技术，其动画播放的控制经常采用按钮元件，因此，按钮的制作是Flash动画制作中的一个十分重要的环节。制作精巧、美观、实用的按钮能够给人以赏心悦目的感觉，能使作品的整体风格与众不同。目前，在Flash中按钮的来源主要有两个途径：一是利用Flash自带的按钮；二是用户自制的图形按钮和文字按钮。上述按钮虽然能够满足用户控制动画的基本需要，但由于它们样式往往不够美观且都属于静态按钮，缺乏动感，很难吸引操作者的注意。动画按钮的使用可大大改进这方面的不足，能使人过目不忘。下面就具体阐述一下Flash中动画按钮的制作方法。
由于按钮的时间轴中只包括四个帧，即“弹起”、“指针经过”、“按下”和“点击”，因而，按钮的制作过程实际上就是对这四帧进行具体设置的过程。对于动画按钮来说，无论在什么状态下，它需要呈现给用户的都是活泼的动画，因此，我们可创建三个影片剪辑来分别存放三个不同且相关的动画，并将这三个影片剪辑分别加入到按钮的“弹起”、“指针经过”和“按下”帧中。因为“点击”帧只是用来表示按钮响应鼠标事件的范围，且若为空，Flash默认与上一帧（“按下”帧）相同，所以对于“点击”这帧，我们就没有必要进行任何设置。
启动Flash软件，打开属性面板，设置舞台大小为550×400像素，帧频设置为12fps，保存文件到磁盘上，名称“动画按钮”。
图形元件的制作可根据个人需要而定，这里作为例子制作三个具有过渡的花朵。
1.粉花的制作
按快捷键“Ctrl+F8”新建图形元件，名称为“粉花”。利用“钢笔”工具画一个花瓣，打开“颜”面板，设置填充为粉白过渡，笔触颜为“无”，如图1所示。利用“任意变形工具”将该图形元件中心的控制点移到底部中点处；按“Ctrl+T”打开“变形”面板，将其中的“旋转”设
置为45°；单击该面板底部的“重置选区和变形”七次，形成一个花朵；按“Ctrl+K”打开“对齐面板”，将该图形设置为相对于舞台“垂直中齐”和“水平中齐”。
2.其它花朵的制作
打开库面板，选择图形元件“粉花”右击，在弹出的快捷菜单中选择“直接复制”命令，并设置名称为“橙花”。双击元件“橙花”，利用“颜”面板将其改为橙白过渡。同理制作出图形元件“紫花”。
按快捷键“Ctrl+F8”新建影片剪辑元件，名称为“粉花剪辑”。将库中的图形元件“粉花”拖动到舞台上，并将该图形设置为相对于舞台“垂直中齐”和“水平中齐”。在时间轴的30帧处按F6键插入关键帧，并在第1帧和第30帧之间创建传统补间，选择任一过渡帧，打开“属性”面板，将“旋转”设置为“顺时针”1次。同样方法创建“橙花剪辑”和“紫花剪辑”。此时的库面板如图2所示。
按快捷键“Ctrl+F8”新建按钮元件，名称为“旋转的花”。选择“弹起”帧，打开库面板，将元件“粉花剪辑”拖动到舞台上，利用“对齐”面板设置其相对于舞台“垂直中齐”和“水平中齐”。在
“指针经过”帧按F7键插入空白关键帧；将元件“橙花剪辑”拖动到舞台上，利用“对齐”面板设置其相对于舞台“垂直中齐”和“水平中齐”。同理，将元件“紫花剪辑”添加到“按下”帧处并设置对齐，如图3所示。
在主场景中，将库面板中的按钮元件“旋转的花”拖动到舞台上，利用“Ctrl+回车”进行测试，此时一朵不断旋转的粉白花朵出现在你眼前。当鼠标指针移到它上面并按下鼠标左键时，这朵不停旋转的花会分别变为橙白过渡和紫白过渡。这样，一款绚丽的动画按钮就制作完毕了。只要大家借鉴上述方法，并充分发挥想象，就能够制作出更多引人入胜的动画按钮。
【相关文献】
[1]李占平,荣艳冬.Flash CS4动画制作项目实训教程[M].北京：北京交通大学出版社,2010.
[2]傅学彦.Flash动画制作技巧[J].电脑编程技巧与维护,2010(16)：110-111.flash按钮制作
[3]杨仁毅.边用边学：Flash动画设计与制作[M].北京：人民邮电出版社,2010.
[4]杨云江.Flash CS4动画制作教程[M].北京：清华大学出版社，2010.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。