Flash MX 2004动画设计与制作 教学课件 作者 秦琴 郭红彬 第8章 Flash 动画设计实例.ppt

《Flash MX 2004动画设计与制作 教学课件 作者 秦琴 郭红彬 第8章 Flash 动画设计实例.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第8章Flash动画设计实例案例8.1制作风吹文字案例8.2随着鼠标移动出现光环的按钮案例8.3活动的百叶窗案例8.4群星跟随鼠标案例8.5展开合拢的画卷案例8.6制作情景影片案例8.1制作风吹文字返回练习目的练习要求操作步骤案例小结练习目的加深对文本工具运用的掌握和理解掌握将文字分散到图层的方法掌握对每个字制作变形运动的补间动画的方法掌握不同层的动画开始帧不同以形成风吹效果的制作技巧返回练习要求1．加深对文本工具运用的掌握和理解。2．掌握将文字分散到图层的方法。3．掌握对每个字制作变形运动的补间动画的方法。4．掌握不同层的动画开

2、始帧不同以形成风吹效果的制作技巧。返回操作步骤第一步：新建一个Flash文档，设置背景颜色值为黑色（#000000）。第二步：按【Ctrl+F8】组合键，新建影片剪辑元件，名称为“风吹文字”。第三步：将输入的文字分散到图层第四步：对每个字制作变形运动的补间动画第五步：不同层的动画开始帧不同以形成风吹效果第六步：按【Ctrl+Enter】组合键测试动画返回第三步：将输入的文字分散到图层（1）单击工具栏上的文字工具按钮，在属性面板中设置字体为“隶书”，字号为40，颜色为#FF0000。然后在编辑区中输入文字“风吹过的感觉”。（2）因为

3、每个字都要单独做动画，因此必须把每个字单独做成一个图形元件，然后分别放在不同的层上。单击工具栏上的箭头工具按钮，选中文字。按【Ctrl+B】组合键将文字分离成单个字。如图8-2所示。返回第三步：将输入的文字分散到图层（3）选择【修改】→【时间轴】→【分散到图层】菜单命令，分别将几个字单独放到不同的层上，并且把图层的名字以相应的文字命名，如图8-3所示。（4）分别选择每个图层的文字，按【F8】键将其转换成图形元件，仍然以相应的文字命名。然后删除“图层1”。返回图8-2将输入文字分离成单个字返回图8-3分散到图层的文字返回第四步：对每

4、个字制作变形运动的补间动画（1）在“风”图层的第20帧按【F6】键插入一个关键帧，在“风”字上单击鼠标右键，在弹出的菜单中选“任意变形”命令，然后用鼠标按住左边中心的控制柄并向右拖动使它在横向压缩直到文字翻转，如图8-4所示。（2）在属性面板的颜色中设置“Alpha”值为0%。然后把这个字移动到这一行文字上方的中间。（3）选择第1帧，在属性面板中选择补间：动作，简易：-100。这样这个字在第1到20帧之间会由左下向右上方加速运动，在运动的过程中形状不断压缩直到翻转，字的颜色也逐渐消失，好象被风吹走一样。返回图8-4压缩并翻转的文字

5、返回第五步：不同层的动画开始帧不同以形成风吹效果对其他层的操作与“风”层操作相同，但由于需要风吹的效果，使每个层的动画开始帧不同。（1）在“吹”层的第3帧和第23帧按【F6】键插入一个关键帧。选择第23帧，将“吹”字做水平翻转和压缩，并设置“Alpha”值为0%，将“吹”字移动到和“风”一样的位置。设置第3帧为动作补间。这样，“吹”字将比“风”字晚3帧运动。（2）用同样的方法，设置其它的几个层，使每一图层都比上一图层晚5帧运动，而文字的终止位置基本相同。（3）在每一层的第50帧处按【F5】键，使动画的终止时间相同。最终完成的时间

6、轴如图8-5所示。返回图8-5完成的时间轴返回案例小结通过本案例，我们知道要制作风吹字类似的文字动画，由于每个字的动画效果不一样，所示需要将每个字单独做成一个元件，并且放在不同的层上。返回案例8.2随着鼠标移动出现光环的按钮返回练习目的练习要求操作步骤案例小结练习目的掌握制作光环按钮的方法掌握制作圆形按钮的方法掌握制作光环效果的方法返回练习要求1．制作圆形按钮2．制作光环效果返回操作步骤第一步：制作正圆第二步：制作光环按钮第三步：制作圆形按钮第四步：两个按钮对齐，制作光环效果第五步：按【Ctrl+Enter】组合键进行测试，可看到

7、当鼠标移到圆形按钮上时，圆形按钮变为紫红色，单击按钮不放开鼠标左键，圆形按钮变为绿色。当鼠标移到圆形按钮之外，圆形按钮变为黄色，并随着鼠标的移动，有一圈大小不同的白色光环随鼠标移动。返回第一步：制作正圆（1）新建一个Flash文档，在“属性”面板中设置尺寸为300*200像素，背景为“蓝色”。（2）单击工具栏上的椭圆工具按钮，单击工具栏上的笔触下拉列表，将笔触颜色设置为白色；单击工具栏上的下拉列表，将填充色设置为黄色。在按住【Shift】键的同时，利用按钮在舞台上绘制一个黄色的正圆。如图8-7所示。返回图8-7黄色正圆返回第二步：

8、制作光环按钮（1）单击工具栏上的箭头工具按钮，将圆形边线选中，单击鼠标右键，在弹出的快捷菜单中选择“剪切”，将图形边线添至剪贴板中。（2）选择【插入】→【新建元件】菜单命令，创建一个名叫“光圈”的按钮元件，如图8-8所示。单击“确定”按钮，进入按钮