第七章  动画大师——Flash 5
第七节 特效不神秘——透明效果和遮罩效果 [9-7]
学习任务：
1.掌握导入图片的方法。
2.掌握透明效果的用法。
3.了解遮罩图层的应用。

地球的自转形成了昼夜的交替变化。
地球的公转形成了四季的交替变化。这里有一组四季的照片，漂亮吧！春夏秋冬
如果这几张照片拿在你的手里，把它们重叠起来，你将只能看到最上面的一张画面，其他的被遮挡住了。
在Flash 5 里，重叠的画面会变化出一些特殊的效果。

（图例）“春”逐渐淡出的同时，“夏”逐渐淡入 


（图例）橢圆窗口逐渐变大，“秋”逐渐被“冬”遮挡。

效果怎么样？想要实现这种特殊的动画效果，其实并不难——特效不神秘！

目标一  导入图片
操作训练营
第一步：新建文件。
第二步：单击“文件（F）”→“导入（I）”，弹出“导入”对话框，如图7-7-1所示。

图7-7-1

第三步：从文件列表中选择一个图片文件“春.jpg”，再单击“打开（O）”按钮，“春”的图片进入“库”中（还不是元件），并且它的复制品自动出现在工作区中，处于选择状态，如图7-7-2所示。

图7-7-2

第四步：单击“窗口（W）”→“面板（P）”→“排列（L）”，出现“排列”面板，如图7-7-3所示。

图7-7-3

第五步：按下“排列/分布场景”按钮。
第六步：单击“水平排列”和“中间垂直排列”按钮，使图片移动到舞台的正中央。
第七步：单击“匹配高和宽”按钮，使图片缩放到与舞台同尺寸。
第八步：单击“插入图层”按钮，插入“图层2”。为避免以后对“图层1”的误操作，把“图层1”锁定。
第九步：在“图层2”中导入另一张图片“夏”。
第十步：同样的方法，用排列面板调整图片“夏”，使它对齐舞台。
现在，“夏”位于上方图层，它把下层的“春”完全遮挡住了。

知识收藏夹
⒈使用排列面板时，按下“排列/分布场景”按钮，则所有操作都以舞台为参考；弹起“排列/分布场景”按钮，则所有操作在选择的对象之间互相参考。
⒉“排列”即对齐，从左至右依次为“左对齐”、“水平居中”、“右对齐”、“上对齐”、“垂直居中”、“下对齐”。
⒊ “匹配大小”用于缩放对象，从左至右依次为“匹配宽度”、“匹配高度”、“匹配高度和宽度”。
⒋“分布”用于超过两个对象的均匀距离排列。

目标二  从春到夏——透明效果
操作训练营
第十一步：点选图片“夏”，单击“插入（I）”→“转换成元件（C）...”，单击“确定”按钮，舞台上的图片“夏”转换成为元件的实例。
第十二步：在“图层2”的第20帧插入“关键帧”，在“图层1”的第20帧插入“帧”。
第十三步：为“图层2”的第1帧选择“移动补间动画”，时间轴如图7-7-4所示。

图7-7-4

第十四步：单击“图层2”的第1帧，使“夏”的实例处于选择状态。
第十五步：单击“窗口（W）”→“面板（P）”→“效果”，弹出“效果”面板，如图7-7-5所示。

图7-7-5       图7-7-6

第十六步：打开下拉列表，从中选择“Alpha”（透明度），如图7-7-6所示。这时面板右边出现一个数据栏，如图7-7-7所示。

图7-7-7

第十七步：将数据栏中的“100”改为“0”。舞台上的图片“夏”消失，而下层的“春”显示出来。
第十八步：播放。

第十九步：保存文件为“春夏”。

知识收藏夹
⒈只有在元件实例被选择时，效果面板才是可用的。
⒉“Alpha”的数值表示的是“不透明度”，100%为完全不透明，0%为完全透明。
⒊ 另有“亮度”和“色调”的效果，和“Alpha”的用法相似；“高级”效果是各种效果的组合。
⒋淡入淡出的特效，其实是由透明度的变化形成的。刚才“夏”在上层，它由透明逐渐变为不透明，形成了淡入的效果。下层的“春”并没有变化，只是由于逐渐被遮挡，才有了淡出的感觉。

技能检查站
如果交换“春”、“夏”的上下位置，该怎样实现同样的效果？

目标三  从秋到冬——遮罩图层的应用
第一步：新建文件。
第二步：在“图层1”导入图片“秋”，对齐舞台。
第三步：锁定“图层1”，插入“图层2”。
第四步：在“图层2”导入图片“冬”，对齐舞台。现在，“冬”位于上方图层，它把下层的“秋”完全遮挡住。
第五步：锁定“图层2”，插入“图层3”。
第六步：单击“橢圆工具”，描绘颜色选择“无色”，在舞台中随意画一个橢圆 。
第七步：用“箭头工具”点选橢圆，再将它缩放并移动使它能够把图片完全遮挡。
第八步：在“图层1”和“图层2”的第20帧都插入帧，在“图层3”的第20帧插入“关键帧”。
第九步：把“图层3”第1帧的橢圆缩到尽量小，再用“排列”面板将它居于舞台中央。
第十步：为“图层3”的第1帧选择“形状补间动画”，时间轴如图7-7-8所示。

图7-7-8

第十一步：播放，只见一个小橢圆逐渐变大，遮挡了“冬”；而“秋”始终被“冬”遮挡着，如图7-7-9所示。

图7-7-9

第十二步：鼠标右键单击“图层3”，弹出如图7-7-10所示的菜单，选择“遮蔽”。“图层3”和“图层2”的图标同时发生变化，并且自动锁定，如图7-7-11所示 。

图7-7-10   

图7-7-11

第十三步：播放，消失了的“冬”在逐渐变大的橢圆中显示了出来。这就是“遮罩效果”的应用。
第十四步：保存文件为“秋冬”。

知识收藏夹
⒈“图层3”称为“遮罩图层”，其下的“图层2”称为“被遮罩图层”。
⒉“遮罩图层”就像无形的墙壁，其中的色块则像“窗户”。“被遮罩图层”中的对象透过“窗户”显示出一部分，其他部分被遮挡了。
⒊ 线条在遮罩图层中不起作用。若遮罩图层中没有“色块”，则失去遮照效果。

技能检查站
把遮罩图层或被遮罩图层取消锁定，播放；再测试影片。想一想，遮罩效果和锁定图层有什么关系。

目标四  探照灯特效——组合效果
认真观察，想一想图7-7-12所示的动画是由哪些效果组合成的？

图7-7-12

操作训练营
第一步：新建文件。
第二步：在“图层1”导入图片“夏”，对齐舞台。
第三步：把“夏”转换成元件。
第四步：打开“效果”面板，选择“亮度”效果，把数值改为“-40%”，图片变暗。
第五步：把图片拷贝到剪贴板。
第六步：锁定“图层1”，插入“图层2”。
第七步：把图片粘贴到当前位置。
第八步：在“效果”面板中，把“亮度”效果的数值改为“40%”，图片变亮。
第九步：锁定“图层2”，插入“图层3”。
第十步：在舞台左上角画一个圆。
第十一步：在“图层1”和“图层2”的第20帧都插入“帧”，在“图层3”的第20帧插入“关键帧”。
第十二步：把“图层3”第20帧的圆移动到右下角。
第十三步：为“图层3”的第1帧选择“形状补间动画”。
第十四步：为“图层3”选择“遮蔽”属性。
第十五步：播放。
探照灯效果其实就是“亮度效果”和“遮蔽效果”的组合。

技能检查站
⒈修改“图层3”，使得探照灯能够来回扫射。

探照灯来回扫射

⒉测试影片时，引导图层和遮罩图层都是不可见的特殊图层。它们可以影响到其他图层，想一想，它们分别影响什么？

水平测试所
判断下面说法是否正确（打“√”或“×”）：
⒈为一个图层选择“遮蔽”属性后，它会自动被锁定。（       ）
⒉遮罩图层取消锁定后，将不能形成遮罩效果，测试影片也不行。（      ）
⒊ 遮罩图层中的色块颜色越亮，被遮罩图层的显示就越亮。（      ）
⒋“Alpha”是透明效果，数值越大越透明。（     ）
⒌ “Alpha”效果必须应用在元件实例上。（     ）

能力挑战场
制作一个动画，让图片在文字里移动，如图7-7-13所示 。
提示：“窗户”没有变化，变化的是“窗户”里的图片。在 遮罩图层里打上文字，在被遮罩图层里导入四季图片，排列整齐，并把它们转换成一个元件，应用“移动补间动画”即可。注意背景颜色要和图片对比鲜明。

信息大观园
在Flash 5 中实现PowerPoint 的动画效果
在PowerPoint 中，有17种预设的特殊动画效果，它们是：飞入、百叶窗、盒状、棋盘式、缓慢移入、溶解、闪烁、切入、随机线条、螺旋、收缩、展开、伸展、阶梯状、回旋、擦除、缩放，应用起来很方便。
Flash 5 虽然没有这些预设的动画效果，但完全可以利用补间动画、遮罩图层的结合来实现。其中需要用到遮罩图层的有：百叶窗、盒状、棋盘式、溶解、随机线条、收缩、展开、阶梯状、擦除 。其他的只用补间动画就可以实现。
如果你的想象力丰富，还可以创造出更新奇的动画效果来。例如本节的“从春到夏”、“从秋到冬”的效果都是PowerPoint 所没有的。因此可以说，Flash 5 的动画效果是无穷尽的。
-------------------------------------------------------------
春

夏

秋

冬