《Flash动画简明教程》-第5章.ppt

1、1，2007-1-8，1，第5章，制作特效，2，学习目标：1。熟悉组件阿尔法透明度的设置操作(示例)；2.掌握混色机的操作；3.掌握坐标的运算；4.掌握各层的操作。5.1文本的余像效果5.2动态弹跳球5.3魔法花仙子5.4爆炸性文本，2007年1月8日、4日和5.1日文本的余像效果。制作步骤：这个例子产生了余像效果。这是一种常见的技巧，主要是在不同的层上复制相同的对象，只是延迟了对象的出现时间和透明度。这可以使对象看起来更加丰富和动态。5.1.1输入文本1。创建一个动画来创建一个新的Flash文档，打开“文档属性”对话框，将文档属性设置为“大小为400280，背景颜色为黑色”，如图5-1-1所

2、示。图5-1“文档属性”面板，2007-1-8，5，2。进入工具箱中的【文本输入】工具，在属性面板中将文本属性设置为“梨树，48，黄色”；然后输入文本“我是歌手”，如图5-2所示。图5-2文本输入，2007-1-8，6，3。使用选择工具()将文本转换成组件，选择输入文本，按F8，弹出“转换成组件”对话框，输入名称为“测试”，输入行为为“图形”，如图所示，然后将组件移动到舞台中央。图5-3“转换为符号”对话框，2007-1-8，7，5.1.2设置运动效果1。设置旋转运动效果，选择第20帧，按F6插入关键帧，如图5-4所示。图5-4第20帧中的关键帧，2007-1-8，8，选择第1帧，并在属性面板

3、中将该帧的属性设置为“补间：动作”；旋转：顺时针旋转一次。”如图5-5所示。设置完成后，您可以点击回车观看效果。图5-5设置旋转运动补间，2007-1-8，9，2，复制图层中的帧，点击鼠标左键“图层1”可以选择图层中的所有帧，如图5-6所示。用鼠标右键单击任何选定的框架，并从弹出的快捷菜单中选择“复制框架”命令。图5-6，所选帧，2007-1-8，10，选择【时间线】下的【插入图层】按钮()，并添加一个【图层2】；右键单击该层的第二个框架，从弹出菜单中选择粘贴框架，如图5-7所示。图5-7，复制的框架，2007-1-8-11，点击“层1”右侧的第一个点，隐藏“层1”，防止两层中的元素相互重叠，

4、影响编辑；此时，舞台上只显示“第二层”的效果，如图5-8所示。图5-8隐藏层1，2007-1-8，12，在第二帧的“层2”中选择文本元素“test”，并将窗口底部“graph property panel”中图形的“color”设置为“Alpha，40%”，如图5-9所示。图5-9第2层第2帧的文本效果，2007-1-8-13，选择第2层第21帧，用同样的方法设置该帧图形的透明度为40%。选择22帧，拖动鼠标选择22帧后的所有“灰色”帧，右键单击选中的帧，在弹出菜单中选择“删除帧”，删除多余的帧，如图5-10所示。图5-10框架操作，2007-1-8，14，3。添加层以复制第2层中的帧，创建新

5、的第3层和第4层，在第3层和第4层的第3帧和第4帧粘贴帧，并删除冗余帧，如图5-11所示。4.取消隐藏图层，取消图层1、图层2和图层3的隐藏效果。图5-11层效果，2007-1-8，15，5.1.3测试动画选择组合键Ctrl+EnTER测试动画，可以看到余像效果已经存在，但是动画结尾的停留时间太短，所以我们可以通过增加动画帧的总数来改善这种情况。5.1.4完美动画选择“第1层”的第30帧，按F5将帧数增加到30，并对其余层执行相同操作。再次测试这部电影，你可以看到令人满意的结果。5.1.5在动画选择菜单中保存“文件保存”命令，并将其保存在flash目录中。文件名为“文本的余像效果”。2007-

6、1-8，16，“文本的余像效果”摘要：在此示例中，制作了余像效果。在这个例子中，我们应该首先掌握把它转换成组件的方法；当然，您也可以直接创建一个组件，这具有相同的效果。其次，经常使用对帧和层的操作。另外，在本例中，您可以通过按下组合键Ctrl+Enter和Enter来观看动画效果，以后您还会遇到其他情况。返回，2007年1月8日，17日，5月2日，制作步骤：在这种情况下，各种工具被用来制作组件，主要是钢笔，填充，任意变形，椭圆和其他工具；“电影剪辑”和“坐标”的知识也被应用。5.2.1制造组件“球”1。创建动画以创建新的Flash文档，打开“文档属性”对话框，并将文档的属性设置为“大小为500

7、400，背景颜色为白色”。2.创建组件“模式”选择“插入”菜单下的“创建新组件”命令，然后在“名称”中输入“模式”，“行为”为“图形”，点击“确定”按钮进入组件编辑模式。2007-1-8，18，按组合键Ctrl打开“库”面板。在工具箱中选择“笔”()，在属性面板中将“笔画”设置为“无色”()，将“填充”设置为“浅蓝色”()，绘制刀片，如图5-14所示。选择树叶，复制粘贴，改变填充颜色，适当变形，最后组合成一个新的图形，如图5-15所示。图5-14刀片，图5-15组合图形，点击场景1，退出编辑组件的“图案”，并返回舞台。2007-1-8，19，3。创建组件“彩球”选择“插入”菜单下的“创建新组件

8、”，然后在“名称”中输入“彩球”，“行为”为“图形”，点击“确定”按钮进入组件编辑模式。在工具箱中选择椭圆工具()，在属性面板中将笔画设置为“棕色”，填充为“无色”()，然后按住Shift键在编辑区画一个圆，将“笔画高度”改为“5”，如图5-17所示。2007-1-8，20，将组件“图案”从库中拖动到刚刚画出的圆上，并适当调整圆的大小，使其刚好包裹“图案”形成一个彩色球，并用“浅粉色”填充空白，如图5-18所示。图5-17圆形图5-18彩球，点击场景1()，退出编辑组件“彩球”，返回舞台。2007-1-8，21，4，创建组件“球”选择“插入”菜单下的“创建新组件”命令，然后在“名称”中输入“球

9、”，“行为”为“影片剪辑”，点击“确定”按钮进入组件编辑模式。将组件“颜色球”从库拖到第一帧的编辑区域，如图5-20所示。图5-20，第1帧，2007-1-8，22，在第5帧插入一个关键帧，保持该帧的组件处于选中状态，点击工具栏上的任意变形工具()将“颜色球”旋转一定角度，如图5-21所示。最后，在两个关键帧之间创建一个补间动画。图5-21在第5帧，单击场景1，退出编辑组件“球”,并返回舞台。2007-1-8，23，5.2.2制造弹跳球1。当球移动时设置每个位置，并将组件“球”从“库”面板拖动到编辑区域，以确保组件处于选定状态；输入【x】坐标：【159】、【y】坐标：【31】、【宽度】:【10

10、2.8】、【高度】:【68】，按【回车】确认，如图5-22所示。图5-22:球在框架1中的位置。分别在第14、18、22和30帧插入关键帧。在2007年1月8日和24日，将组件的位置设置在第14帧，选择第14帧，然后选择组件，并在“属性”面板中输入x坐标：“159”，图5-24:球在第14帧中的位置，2007年1月8日和25日。设置组件在第18帧中的位置，选择第18帧中的组件，输入x坐标：“149”、y坐标：“205”和宽度如图5-25所示：球在第18帧中的位置，2007年1月8日，设置组件在第22帧中的位置，选择第22帧，然后选择组件，输入x坐标：“159”、y坐标：“195”、宽度如图5-

11、26所示，组件的位置将组件的位置设置在第30帧，选择第30帧，然后选择组件，并输入x坐标：“159”、y坐标：“31”和宽度，如下所示：图5-27球在第30帧中的位置，2007-1-8，28，2。 设置运动效果，在每两个关键帧之间建立一个运动梯度，其中第1帧和第14帧之间的“简单”设置为“-100”，第22帧和第30帧之间的“简单”设置为“100”，如图5-28关键帧之间的运动效果设置，2007-1-8，29，5.2.3测试动画，选择组合键Ctrl回车测试动画。5.2.4在动画选择菜单中保存“文件保存”命令，并将其保存在flash目录中。文件名为“动态反弹球”。2007-1-8，30，“动态反

12、弹球”概要：这个例子产生了一个动态反弹球的效果，而这个例子产生的关键在于生产各种组件；球接触地面时的弹性变化主要通过改变坐标来实现。Return，2007-1-8，31，5.3幻花仙子，制作步骤：本示例使用大量材料，这些材料可以从外部导入到闪存库中并成为组件。从而扩展了组件库。这个例子还设计了很多动作变化，每个人都可以自由地玩。5.3.1制作“花仙子”1。创建新的动画，创建新的Flash文档，打开“文档属性”对话框，将文档的属性设置为“大小为500400”，背景颜色保持不变。2.制作“花仙子”选择“插入”菜单下的“新建组件”命令，然后在“名称”中输入“花仙子”，点击“确定”按钮进入组件编辑模式

13、。2007-1-8-32，选择“文件”、“导入”和“导入到库”以导入材料和花仙子. gif。运行组合键Ctrl打开“库”面板，您可以看到四个项目已添加到库中。我们选择“花仙子”。GIF复制作为名称和电影剪辑作为类型，并把它们拖到舞台上，如图5-32所示。图5-32 库面板，2007-1-8-33，选择工具箱中的文本输入工具()，在属性面板中设置斜体，20，玫红(#FF33CC)，并输入文本幻花仙子，如图5-33所示。图5-33输入文本，2007-1-8，34，点击时间线左上角的按钮()，可以返回场景1；按组合键Ctrl，打开库面板，选择名称为“花仙子”的组件，输入“图形”，将其拖到场景1，如图

14、5-34所示。图5-34场景1中的组件“花仙子”，2007-1-8，35，5.3.2设置动作效果1。设置渐变动画的关键帧插入：选择第15帧，按F6键插入关键帧；也为第35帧插入一个关键帧。第一帧的操作：选择第一帧，将实例“花仙子”移动到舞台的左边缘；将实例的颜色设置为“亮度”，并将属性面板中的值调整为“70”，如图5-35所示。图5-35第1帧的操作，第15帧2007年1月8日的操作：调整第15帧中实例的位置和大小；选择第15帧，然后选择一个示例，按Ctrl I打开“信息”面板，设置x坐标：“264”、y坐标：“50”，按回车确认，如图5-36所示。然后按快捷键Ctrl+T打开“变形”面板，将

15、宽度设置为原来的4%，按回车键确认，如图5-37所示。图5-36，第15帧的操作1，图5-37，第15帧的操作2，2007-1-8，37，选择第1帧，并在“属性”面板中将“补间”设置为“动作”并将“简单”设置为“-100 ”,表示示例移动已加速。选择第15帧，并在“属性”面板中将“补间”设置为“动作”，将“简单”设置为“100”，这意味着实例运动为减速，“旋转”为“顺时针”，2007-1-8，38，2。添加模糊余像效果。按下Ctrl回车键测试动画后，发现动画用鼠标点击第1层选择该层中的所有帧。用鼠标右键单击任何选定的框架，并从弹出菜单中选择“复制框架”。单击图层名称下的“添加图层”以添加新图层

16、“图层2”，右键单击该图层中的第三个框架，并从弹出菜单中选择“粘贴框架”。2007-1-8，39，还增加了“第3层”、“第4层”和“第5层”，分别在第3层的第6帧、第4层的第9帧和第5层的第12帧粘贴到剪贴板上，如图5-40所示。图5-40添加模糊余像效果后的动画，2007-1-8，40，5.3.3添加背景1，导入图片，添加“第6层”，移动到底部，用鼠标左键点击第1层到第5层，可以设置为锁定状态，如图5-41所示。图5-41图层的锁定状态，2007-1-8，41，选择文件，导入并导入到库中，导入“素材”和“花束”的图片。JPG”，并将它们拖到舞台上，如图5-42所示。图5-42舞台上的图片“花束”，2007-1-8，42，2。调整图片，选择图片，按F8键，并将其转换为一个名为“背景”的组件。在属性面板中将“背景”的颜色设置为“阿尔法”，并将值调整为“87%”。2007-1-8，43，5.3.4。选择组合键Ctrl+Enter来测试动画。可以看到，图标从舞台左侧逐渐滚动到舞台中央，在移动过程中，随着残影效果的出现，速度变慢并旋转。然而，最后