Flash动画设计实例演示文件修改版.ppt

第8章 Flash 动画设计实例 案例8.1　制作风吹文字 案例8.2　随着鼠标移动出现光环的按钮 案例8.3　活动的百叶窗 案例8.4　群星跟随鼠标 案例8.5　展开合拢的画卷 案例8.1　制作风吹文字 练习目的 练习要求 操作步骤 案例小结 练习目的 加深对文本工具运用的掌握和理解 掌握将文字分散到图层的方法 掌握对每个字制作变形运动的补间动画的方法 掌握不同层的动画开始帧不同以形成风吹效果的制作技巧 练习要求 1．加深对文本工具运用的掌握和理解。 2．掌握将文字分散到图层的方法。 3．掌握对每个字制作变形运动的补间动画的方法。 4．掌握不同层的动画开始帧不同以形成风吹效果的制作技巧。 操作步骤 第一步：新建一个Flash 文档，设置背景颜色值为黑色（#000000）。 第二步：按【Ctrl+F8】组合键，新建影片剪辑元件，名称为“风吹文字”。 第三步：将输入的文字分散到图层 第四步：对每个字制作变形运动的补间动画 第五步：不同层的动画开始帧不同以形成风吹效果 第六步：按【Ctrl+Enter】组合键测试动画 第三步：将输入的文字分散到图层 （1）单击工具栏上的文字工具按钮，在属性面板中设置字体为“隶书”，字号为40，颜色为#FF0000。然后在编辑区中输入文字“风吹过的感觉”。 （2）因为每个字都要单独做动画，因此必须把每个字单独做成一个图形元件，然后分别放在不同的层上。单击工具栏上的箭头工具按钮，选中文字。按【Ctrl+B】组合键将文字分离成单个字。如图8-2所示。 第三步：将输入的文字分散到图层 （3）选择【修改】→【时间轴】→【分散到图层】菜单命令，分别将几个字单独放到不同的层上，并且把图层的名字以相应的文字命名，如图8-3所示。 （4）分别选择每个图层的文字，按【F8】键将其转换成图形元件，仍然以相应的文字命名。然后删除“图层1”。 图8-2 将输入文字分离成单个字 图8-3 分散到图层的文字 第四步：对每个字制作变形运动的补间动画 （1）在“风”图层的第20帧按【F6】键插入一个关键帧，在“风”字上单击鼠标右键，在弹出的菜单中选“任意变形”命令，然后用鼠标按住左边中心的控制柄并向右拖动使它在横向压缩直到文字翻转，如图8-4所示。 （2）在属性面板的颜色中设置“Alpha”值为0%。然后把这个字移动到这一行文字上方的中间。 （3）选择第1帧，在属性面板中选择补间：动作，简易：-100。这样这个字在第1到20帧之间会由左下向右上方加速运动，在运动的过程中形状不断压缩直到翻转，字的颜色也逐渐消失，好象被风吹走一样。 图8-4 压缩并翻转的文字 第五步：不同层的动画开始帧不 同以形成风吹效果 　　对其他层的操作与“风”层操作相同，但由于需要风吹的效果，使每个层的动画开始帧不同。 （1）在“吹”层的第3帧和第23帧按【F6】键插入一个关键帧。选择第23帧，将“吹”字做水平翻转和压缩，并设置“Alpha”值为0%，将“吹”字移动到和“风”一样的位置。设置第3帧为动作补间。这样，“吹”字将比“风”字晚3帧运动。 （2）用同样的方法，设置其它的几个层，使每一图层都比上一图层晚5帧运动，而文字的终止位置基本相同。 （3）在每一层的第50帧处按【F5】键，使动画的终止时间相同。最终完成的时间轴如图8-5所示。 图8-5 完成的时间轴 案例小结 通过本案例，我们知道要制作风吹字类似的文字动画，由于每个字的动画效果不一样，所示需要将每个字单独做成一个元件，并且放在不同的层上。 案例8.2　随着鼠标移动出现光环的按钮 练习目的 练习要求 操作步骤 案例小结 练习目的 掌握制作光环按钮的方法 掌握制作圆形按钮的方法 掌握制作光环效果的方法 练习要求 1．制作圆形按钮 2．制作光环效果 操作步骤 第一步：制作正圆 第二步：制作光环按钮 第三步：制作圆形按钮 第四步：两个按钮对齐，制作光环效果 第五步：按【Ctrl+Enter】组合键进行测试，可看到当鼠标移到圆形按钮上时，圆形按钮变为紫红色，单击按钮不放开鼠标左键，圆形按钮变为绿色。当鼠标移到圆形按钮之外，圆形按钮变为黄色，并随着鼠标的移动，有一圈大小不同的白色光环随鼠标移动。 第一步：制作正圆 （1）新建一个Flash 文档，在“属性”面板中设置尺寸为300*200像素，背景为“蓝色”。 （2）单击工具栏上的椭圆工具按钮，单击工具栏上的笔触下拉列表，将笔触颜色设置为白色；单击工具栏上的下拉列表，将填充色设置为黄色。在按住【Shift】键的同时，利用按钮在舞台上绘制一个黄色的正圆。如图8-7所示。 图8-7 黄色正圆 第二步：制作光环按钮 （1）单击工具栏上的箭头工具按钮，将圆形边线选中，单击鼠标右键，在弹出的快捷菜单中选择“剪