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