第一单元第五课 Flash 遮罩层动画教学PPT课件

图12
（8）文字已选中，点右键在弹出的快捷菜单中，选 择“转换成元件”，如图13所示。
图13
（9）选中该层的第40帧，按F5插入帧。防止误操
作，将文字层上锁。如图14所示。
注：第40帧
左键单击此处，
插入关键帧
锁定图层
图14
(10)选中背景图层第20帧插入关键帧。如图15所示。
第20帧插 入关键帧
左键单击此处， 选中整个图层
图18
（13）在时间轴上的黑色部分任意地方单击，在弹出 的快捷菜单中，选择“创建补间动画”，如图19所示。
图19
创建补间动画后的时间轴，在时间轴上出现两个 方向向右的箭头。如图20所示。
两个方向向 右的黑箭头
图20
(14)选中文字图层，文字部分为蓝色。点右键，在 弹出的快捷菜单中，选择设为“遮罩层”. 如图21 所示。
属性”对话框,设置动画规格为550*400,背景任意,其 它默认.如图1和图2所示：
设置文档属性及背景色
点击向下的黑 色三角形，打 开颜色面板
更改此处宽与高的 数值，可改变文档 的大小。一般我们 都用默认值。
选择 颜色
图1
图2
2.编辑场景 (1)进入场景编辑窗口,点击“插入图层”图标 ,添加一
个图层,共两个图层.自下而上分别命名为“背景”和“文 字”.如图3、图4和图5所示。
❖ 遮罩没有固定的模式样式，其变化多端，微妙无 穷 。暂且将其划为“静态遮罩”、“动态遮罩”和 “变形遮罩”。
实例讲解
静态遮罩
静态遮罩：主要指的是遮罩的位置,大小和形状均不 发生变化,其动感主要是被遮罩的变化.
(一)背景文字
1.启动FLASH8软件 确立文档属性 选择“修改-文档”命令,打开“文档
文字层被选 中，为蓝色
图21
设置成“遮罩层”后的时间轴及场景图
文字层是遮罩层，
像。
背景层是 被遮罩层
图22
（15）单击“控制”，选择“测试场景”。如 图23。
图23
测试场景效果，如图24所示。
图24
考思考
应用遮罩时的技巧
1，遮罩层的基本原理：能够透过该图层中的对象看到“被遮罩层” 中的对象及其属性（包括它们的变形效果），但是遮罩层中的对象 中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。 我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。 2，要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。 可以用“AS”动作语句建立遮罩，但这种情况下只能有一个“被遮 罩层”，并且不能设置_alpha属性。 不能用一个遮罩层遮蔽另一个 遮罩层， 遮罩可以应用在gif动画上。 3，在制作过程中，遮罩层会挡住下层的元件，影响视线，无法编辑， 可以按下遮罩层时间轴面板的”显示图层轮廓”按钮，使遮罩层只 显示边框形状，可以拖动边框调整遮罩图形的外形和位置，在被遮 罩层中不能放置动态文本。
提问与解答环节
Questions And Answers
谢谢聆听
·学习就是为了达到一定目的而努力去干, 是为一个目标去 战胜各种困难的过程,这个过程会充满压力、痛苦和挫折
Learning Is To Achieve A Certain Goal And Work Hard, Is A Process To Overcome Various Difficulties For A Goal
（3）导入背景图片, 利用“任意变形工具”，调整好图 片 的大小及位置，恰好能覆盖背景层。如图7和图8所示：
选中图片，用任 意变形工具，进 行图片的大小及 位置的调整
图7
已导入舞台且处于被选中状态的图片
注：图片上的 八个黑色小方 块，表示图片 处在选中状态。
图8
（4）选中该图片，右键单击，在弹出的快捷菜单中，选 择“转换为图形元件”。如图9所示。
图15
（11）选中背景层的第1帧，将图片左边缘和“欢”字左 边对齐,在第40帧插入关键帧，将图片右边缘和“临”
字右边对齐. 如图16与17所示。
图片的右边 与文字的左 边对齐
图片的 左边与 文字的 右边对 齐
图16
图17
（12）调整好图片位置后，再选中背景层，前面部分为蓝色， 时间轴上的帧部分为黑色。如图18所示
增加了一 个“图层 2”的时
间轴
左键双击“图 层1”处，选 中后待光标进 入到方框后， 再输入文字
移动指针到 “插入图层”
图标处
图3
图4
图5
(2)点击背景图层第1帧,选择“文件-导入-导入舞台” 的命令，准备导入一张准备好的背景图片。如图6所 示：
背景层的第1 帧已被选中
导入一张 准备好的 图片
图6
选择文本工 具，准备输 入文字
左键单击向下 的黑色箭头， 选择字体
图11
左键单击向下的黑色 三角形，打开颜色面 板，颜色自选
（7）选中文字，用“任意变形工具” ，将其拉大并
调整其位置，让它居于背景图片的正中间. 如图12所 示。
选中任意 变形工具
调整好大小与 位置的文字
文字上出现八 个黑色小方框 一，表示文字 已选中
Flash 遮罩层动画教学
教学目的
❖ 明确遮罩的定义 ❖ 理解遮罩的类型 ❖ 掌握遮罩动画的基本制作技巧 ❖ 遮罩层使用技巧
遮罩的定义及分类
❖ 所谓遮罩，顾名思义就是遮住和罩住下一图层。一 般说来，上层（把下层遮住的）为遮罩层，下层 （被其遮住的图层）为被遮罩层。遮罩罩到那里， 罩的什么形状，如何变化，那么被遮罩层就显示到 那里，显示什么形状，显示如何变化。也就是说， 遮罩罩住的恰恰是被遮罩所显示的。
注：图片 上的八个 小黑方框， 表示图片 处于被选 中状态
图9
（5）在背景层的第40帧单击左键选中该帧，按F5键，插入 帧。在第40帧插入帧后的时间轴图像。如图10所示。
时间轴上灰色部分的帧，
是延长帧，也叫过渡帧。
是关键帧的延续。
第
40
帧
插
入
帧
Hale Waihona Puke 图10(6)点击文字图层第1帧,选择“文本工具” ,在舞台上输入规 格为96,字体为任意,颜色任意的“欢迎光临”四个字。如图 11所示。