5.2放大镜（课件）-《Flash动画设计与制作（第二版）》同步教学（劳动版）

任务 3 任务 1 春暖花开 任务 2 放大镜 心为你动 项目五 遮罩动画制作 任务 4 飞流直下 遮罩动画是 Flash 中重要的动画类型，很多动画特效都是通过遮罩来完成的。遮罩动画和引导层动画一样，最少需要两个图层，透过遮罩层上对象的形状来显示被遮罩层中的内容。遮罩动画可以实现水波、卷轴、百叶窗、放大镜等效果。 任务 2　放大镜 1. 熟悉遮罩动画中可以使用的动画类型。 2. 掌握遮罩层运动的遮罩动画的制作方法和技巧，能制作简单的遮罩动画。 本任务是一个遮罩动画实例，遮罩层中的镜片在舞台上移动，透过镜片的形状观看被遮罩层中放大后的文字，效果如图所示。通过本任务的学习，进一步理解遮罩层和被遮罩层的概念、遮罩动画的原理，熟悉遮罩动画中的动画类型，熟练掌握遮罩动画的制作方法和技巧。 放大镜效果图 1. 创建影片文档 新建一个Flash文档，设置舞台大小为400像 素×700 像素，背景为白色。 2. 创建“背景”图层 （1）将图层 1 重命名为“背景”，将素材库中名为“放大镜 .jpg”的图片导入舞台中。 （2）选择文本工具 ，在“属性”面板中设置字体为黑体，字体大小为 50，字体颜色为 #990099，粗体，字体间距为 10，改变文本方向为垂直，在舞台的左侧输入“注意坐姿保护视力”，效果如图所示。 （3）在第 50 帧处插入帧，使“背景”图层延续到 50 帧。 输入文字 3. 创建“视力表”图层 （1）新建图层，重命名为“视力表”，选择文本工具 ，设置字体为 Arial，字体大小为 50，字体颜色为黑色，粗体，在舞台的上方输入大写字母“E”，让其作为视力表中的第一行字母。 （2）制作视力表的第二行字母，重新设置字体大小为 40，保持其他选项不变，输入大写字母“E”，在“变形”面板中设置旋转角度为 -90.0 度，按【Enter】键确认。复制此文字，在“变形”面板中设置旋转角度为 180.0 度，按【Enter】键，调整字母的位置，效果如图所示。 输入视力表中的字母 （3）仿照步骤（2）的方法分别制作视力表的第三行字母和第四行字母。其中，第三行字母的字体大小为 30，第四行字母的字体大小为 20。视力表效果如图所示。 （4）在第 50 帧处插入帧，使“视力表”图层延续到 50 帧。 视力表 4. 创建“大视力表”图层 （1）新建图层，重命名为“大视力表”。选择文本工具 ，设置字体为 Arial，字体大小为 150，字体颜色为黑色，粗体，输入大写字母“E”。使字母“E”与“视力表”图层中的第一行字母“E”相对应，效果如图所示。 大小字母对照 （2）仿照步骤 3 中（2）（3）的方法，制作“大视力表”图层中的其余字母。其中，第二行字母的字体大小为 130，第三行字母的字体大小为 100，第四行字母的字体大小为 80。调整字母的位置，大视力表效果如图所示。 （3）在第 50 帧处插入帧，使“大视力表”图层延续到50 帧。 大视力表 5. 绘制“卡通放大镜”元件 （1）新建“卡通放大镜”图形元件，在图层 1 中绘制放大镜的手柄。选择矩形工具 ，设置笔触颜色为无，填充色为 #993300，绘制矩形，调整矩形形状如图所示。 绘制手柄 （2）新建图层 2，绘制放大镜的镜头。选择椭圆工具 ，设置笔触颜色为 #000000，笔触高度为 5，填充类型为放射状，两个颜色滑块从左到右分别为 #FFFFFF 和 #78C9FE，绘制一个宽和高均为 150 的正圆，“属性”面板如图所示。调整镜头的位置，组合成卡通放大镜，效果如图所示。 在“属性”面板中设置对象的大小 　卡通放大镜 6. 将卡通放大镜拖进舞台 返回到场景中，在“视力表”图层的上方新建图层，重命名为“放大镜”。将“库”面板中的“卡通放大镜”元件拖动到舞台中摆放好，效果如图所示。 　场景中的卡通放大镜  7. 制作镜片运动效果 （1）在“大视力表”图层的上方新建图层，重命名为“镜片”。选择椭圆工具 ，设置笔触颜色为无，填充颜色为 #0000FF，绘制一个比“卡通放大镜”元件中镜头略小的正圆，效果如图所示。 绘制镜片 （2）分别在“镜片”图层的第 10 帧、第 20 帧、第 25 帧、第 35 帧、第 40 帧和第50 帧插入关键帧，调整好每一个关键帧中镜片的位置，效果如图所示。 镜片在各个关键帧中的位置 （3）在“镜片”图层的每两个关键帧之间创建形状补间动画。 （4）选中“镜片”图层，单击鼠标右键，从快捷菜单中选择“遮罩层”选项，“时间轴”面板效果如图所示。 遮罩动画的“时间轴”面板 操作演示 8. 制作放大镜运动效果 （1）分别在“放大镜”图层的第 10 帧、第 20 帧、第 25 帧、第 35 帧、第 40 帧和第 50 帧插入关键帧，调整每一个关键帧中放大