电子商务网页设计（第二版）课件：使用Animate制作网页中的动画.ppt

（14）单击遮罩层的黑色矩形，右键在弹出的菜单中选择“创建补间动画”，单击遮罩层最后一帧，将黑色矩形拖动到文字的下方，如图8-37所示。3任务实施图8—37添加补间动画（15）在遮罩层上右键，在弹出的菜单中选择“遮罩层”，如图8-38所示。这样黑色矩形经过的地方，下方白色的文字就能显示出来，就像文字发光一样。3任务实施图8—38添加补间动画（16）在遮罩层上右键，在弹出的菜单中选择“遮罩层”，如图8-39所示。这样黑色矩形经过的地方，下方白色的文字就能显示出来，就像文字发光一样。3任务实施图8—39设置遮罩（17）单击舞台左上方“←”，返回“场景1”，将库中的“遮罩文字”拖到舞台上，按“Ctrl+Enter”测试动画，如图8-40所示。3任务实施图8—40测试动画（18）单击菜单栏的“文件”→“保存”,在保存对话框中输入文件名为简单动画，类型为Animate文档（*.fla），完成操作。小思考为什么本任务中的发光文字效果不在舞台中制作，而是在影片剪辑库元件中完成？这样制作有什么好处？

?3任务实施Contents目录任务三使用Animate2020制作节日活动动画任务分析12任务实施第二节按钮制作第二节制作按钮本任务是在Animate下制作红包雨动画效果，这在很多网址、APP上都有抢红包活动，点击红包抢优惠，在Animate中按钮主要是负责鼠标的各种事件处理，本任务为制作和测试方便真的红包就只有一个按钮。任务分析1（1）运行Animate2020,执行“文件”→“打开”菜单命令,在弹出的“打开”对话框中,选择上次任务文件简单动画.fla。（2）执行“文件”→“导入”→“导入到库”菜单命令,在“导入”对话框中,打开图片文件“红包.jpg”、“背景云1.jpg”、“背景云2.jpg”，在库面板中我们就看到了导入的三个jpg内容。

?2任务实施相关知识25.库面板库面板用于存放和组织可重复使用的Animate动画元件,包括在Animate中绘制的图形对象和导入的声音、位图等文件,如图8—10所示。图8—10库面板相关知识26.元件与实例在戏剧中经常可看见一个戏剧演员要出场多次,甚至在一幕戏中出场多次。为此Animate设置了“库”,将这样的对象放置其中,形成称为“元件”的对象,在需要元件对象上场时,只需用鼠标将该元件拖到舞台中即可。(1)执行“文件”→“新建”菜单命令或按快捷键Ctrl+N,在弹出的“新建文档”对话框中,选择预设中的“标准”选项,然后单击“创建”按钮,如图8—11所示。3任务实施图8—11新建文件对话框（2）创建一个Animate文档并进入工作界面后，执行“修改”→“文档”菜单命令，在“尺寸”编辑框中设置文档的宽度和高度均为400像素，然后单击“背景颜色”右侧的色块，在弹出的“拾色器”面板中单击黄色，其他选项保持默认设置不变，单击“确定”按钮，如图8—12所示。3任务实施图8—12修改文档属性（3）按住工具箱中的“矩形”工具不放，在展开的工具列表中单击选择“椭圆”工具，按住Shift键的同时，按住鼠标左键并拖动，绘制出一个红色的正圆形，如图8—13所示。3任务实施图8—13绘制小球(4)单击时间轴面板的“插入关键帧”，再将图形向下移动，单击绘图纸外观以观察移动的情况，如图8-14所示。3任务实施图8—14插入关键帧(5)重复上面的步骤，直到圆形到舞台底部，如图8-15所示。3任务实施图8—15插入普通帧(6)将第8帧的图形使用“任意变形工具”变扁点，第7帧的图形变长点,如图8—16所示。这样操作的目的使动画的效果更加柔和些。3任务实施图8—16任意变形工具使用（7）在帧右键在弹出的菜单中选择“选择所有帧”，如图8-17所示，再右键在弹出的菜单中选择“复制帧”，右键在弹出的菜单中选择“翻转帧”，再选择第一帧，右键在弹出的菜单中选择“粘贴帧”，这样我们的动画就有一个完整的下降与回弹的过程，如图8-18所示。3任务实施图8-17右键菜单项内容图8-18完成后图形(8)单击“时间轴”面板的“播放”按钮预览动画效果。也可以再单击“循环”按钮，并设循环范围，使动画循环放映，如图8-19所示。3任务实施图8—19循环范围(9)单击菜单栏“文件”“保存”，在弹出的对话框中输入文件名为“弹跳的小球”，保存类型为Animate文档（*.fla），如图8-20所示