5.3心为你动（课件）-《Flash动画设计与制作（第二版）》同步教学（劳动版）

任务 3 任务 1 春暖花开 任务 2 放大镜 心为你动 项目五 遮罩动画制作 任务 4 飞流直下 遮罩动画是 Flash 中重要的动画类型，很多动画特效都是通过遮罩来完成的。遮罩动画和引导层动画一样，最少需要两个图层，透过遮罩层上对象的形状来显示被遮罩层中的内容。遮罩动画可以实现水波、卷轴、百叶窗、放大镜等效果。 任务 3　心为你动 1. 进一步熟悉遮罩动画的基本原理。 2. 掌握遮罩层和被遮罩层同时运动的遮罩动画的制作方法和技巧，能熟练制作遮罩动画。 任务 3　运动的足球 本任务制作一个基本的遮罩动画，动画中给两个反向旋转的线条组合制作遮罩，形成闪动的效果，如图所示。通过本任务的学习，进一步理解遮罩动画的基本原理，熟练掌握遮罩动画的制作方法和技巧。 心为你动效果图 任务 3　运动的足球 遮罩动画一般有以下三种基本形式。 （1）遮罩层是静止的，被遮罩层在运动。 （2）遮罩层在运动，被遮罩层是静止的。 （3）遮罩层和被遮罩层都在运动。 任务 3　运动的足球 1. 创建影片文档 新建一个 Flash 文档，设置舞台大小为 550 像素 ×400 像素，背景为黑色（#000000）。 任务 3　运动的足球 2. 绘制“线条”元件 （1）新建“线条”图形元件，选择矩形工具 ，设置笔触颜色为无，填充颜色为红色（#FF0000），在舞台中绘制一条水平直线。使用选择工具 选中直线，在“属性”面板中修改大小：宽为 300，高为 4，再修改位置：X为 -20，Y为 -20，如图所示。 设置直线属性  任务 3　运动的足球 （2）使用任意变形工具 选中直线，将直线中心点移到元件编辑区中心点的十字型标记上，如图所示。 移动直线中心点 任务 3　运动的足球 （3）打开“变形”面板，设置旋转角度为 10.0 度，单击“复制并应用变形”按钮 35 次，复制出如图所示的线条组合。 线条组合 任务 3　运动的足球 3. 制作遮罩效果 （1）新建“遮罩”影片剪辑元件，选择图层 1 的第 1 帧，从“库”面板中将“线条”元件拖动到元件编辑区。打开“对齐”面板，使用“水平中齐”“垂直中齐”按钮将元件调整到元件编辑区中央。 （2）在第 30 帧插入关键帧。选择图层 1 的第 1 帧，在“属性”面板中设置补间类型为动画，旋转为顺时针1 次。 任务 3　运动的足球 （3）新建图层 2，选择第 1 帧，从“库”面板中再次将“线条”元件拖动到元件编辑区，并放置在元件编辑区的中央，使两个图层中的图形完全重合，然后执行【修改】→【变形】→【水平翻转】命令，效果如图所示。 图层 2 中的线条组合 任务 3　运动的足球 （4）在第 30 帧插入关键帧。选择图层 2 的第 1 帧，在“属性”面板中设置补间类型为动画，旋转为逆时针 1 次。 （5）选择图层 2，单击鼠标右键，从快捷菜单中选择“遮罩层”选项，遮罩效果制作完毕，如图所示。 遮罩效果 任务 3　运动的足球 4. 制作“心动”影片剪辑元件 （1）新建图形元件“心”，绘制如图所示心形。 绘制心形 任务 3　运动的足球 （2）新建“心 动” 影片剪辑元件， 从“库” 面板中将“心”元件拖动到元件编辑区中心，在第 10 帧和第 13 帧处分别插入关键帧。选中第 10 帧的心形，执行【修改】→【变形】→【缩放和旋转】命令，在“缩放和旋转”对话框中设置“缩放”值为 130%，单击“确定”按钮，使心形放大。选中第 13 帧的心形，在“缩放和旋转”对话框中设置“缩放”值为 160%，放大心形。选择第 10 帧，将第 10 帧的内容复制到第 15 帧中。选择第 1 帧，将第 1 帧的内容复制到第 25 帧中。 任务 3　运动的足球 （3）在“时间轴”面板中单击图层 1，图层 1 中的所有帧被选中，在“属性”面板中设置补间类型为动画，“心动”影片剪辑元件制作完毕，“时间轴”面板如图所示。 “心动”影片剪辑元件的“时间轴”面板 任务 3　运动的足球 5. 将元件拖进舞台 （1）返回场景中，将图层 1 重命名为“遮罩”，从“库”面板中将“遮罩”元件拖动到舞台中央。 （2）新建图层 2，重命名为“心动”，从“库”面板中将“心动”元件拖动到舞台中央。 任务 3　运动的足球 6. 输入文字 新建图层 3，重命名为“文字”，设置字体大小为 40，字体为华文琥珀，颜色为红色（#FF0000），在舞台底部输入“心为你动”。至此，“心为你动”遮罩动画制作完毕，效果如图所示。 心为你动最终效果图 任务 3　运动的足球 7. 测试保存 执行【控制】→【测试影片】命令，观察动画效果。如果满意，执行【文件】→【保存】命令，将文件保存为“心为你动 .fla”。 任务 3　运动的足球 $$