第第8 8章章 图层动画图层动画课堂演示讲授时间：2课时8.2 遮罩层动画 ü遮罩动画的原理，理解遮罩层与被遮罩层的关系ü遮罩层动画的制作方法主要内容： 【展示任务】第第8 8章章 图层动画图层动画 【知识讲解】 一、遮罩层与被遮罩层一、遮罩层与被遮罩层 遮罩层是Flash为实现特定动画效果创设的特殊图层，这类图层的图标样式和传统图层有明显区别，相同的图形在特殊图层中赋予不同的特性 Flash CS5中，遮罩层前面有 图标表示，与之相链接的被遮罩层前面用 图标表示遮罩层中有动画对象存在的地方都会产生一个孔，使与其链接的被遮罩层相应区域中的对象显示出来；而没有动画的地方会产生一个罩子，遮住链接层相应区域中的对象可以将它看作是一般层的反转，其中有对象存在的位置为透明，空白区域为不透明遮罩层只能对与之相链接的层起作用如下图所示： 第第8 8章章 图层动画图层动画 【知识讲解】 二、二、制作遮罩层制作遮罩层的的方法方法 方法1．鼠标右键单击“图层2”的层名，在打开的快捷菜单中选择【遮罩层】命令，将“图层2”变成遮罩层，下方的“图层1”自动变成被遮罩层，如下图所示。
第第8 8章章 图层动画图层动画 第第8 8章章 图层动画图层动画【知识讲解】 方法2．选择某个图层，选择【修改】/【时间轴】/【图层属性】命令，打开【图层属性】对话框，点选【遮罩层】或【被遮罩层】选项，如下图所示 【实例讲解】 任务任务1 1：：制作“电影博物馆”第第8 8章章 图层动画图层动画① 新建一个Flash文档导入配套资源文件“光影百年.jpg” ② 增加“图层2”，在舞台上方输入“经典影视回顾”在【属性】 面板中设置字体为“隶书”，字体大小为“74”，颜色为“棕 黄色”③ 增加“图层3”，用鼠标右键单击“图层2”的第1帧，从快捷菜 单中选择【复制帧】命令，然后用鼠标右键单击“图层3”的第 1帧，从快捷菜单中选择【粘贴帧】命令④ 将“图层3”中文字颜色改为浅黄色增加“图层4”，设置渐 变色⑤ 绘制一个笔触颜色为无色的长方形，然后调整出适当的光束图 形⑥ 将光束对象转换为图形元件“遮罩”，调整“遮罩”元件实例 的旋转中心调整光束位置，然后将其旋转如下图所示： 【实例讲解】 第第8 8章章 图层动画图层动画 【实例讲解】 第第8 8章章 图层动画图层动画⑦ 选择“图层1”、“图层2”和“图层3”的第24帧，插入帧。
选择“图层4”的第1帧，创建补间动画⑧ 在第24帧，用变形工具旋转“图层4”中的遮罩元件，使其位 于扫过文字后的位置⑨ 将“图层4”设为遮罩层，“图层3”设为被遮罩层⑩ 测试影片 【完成任务】 第第8 8章章 图层动画图层动画任务1：完成“电影博物馆” 【课堂小结】 1．遮罩动画的原理及遮罩层和被遮罩导层的关系 2．遮罩层动画的特效和制作第第8 8章章 图层动画图层动画 【作业】 打开配套资源中的“划变.fla”文件，对相关元件进行修改，最终形成十字交叉划变效果，动画效果如下所示第第8 8章章 图层动画图层动画 第第8 8章章 图层动画图层动画 。