课程总览
在本课程中，朋友们将学习到以下内容：
基本动画的制作（包括透明度、大小、旋转的变化）
多层元件的嵌套使用
利用时间轴特效来提高工作效率
自定义缓入/ 缓出曲线的使用
使用修饰工具对图像局部调整
制作幻灯片转场效果的通用方法和技巧
Flash8 本身的幻灯片模式已提供了一些简单的转场效果，但手工制作的转场动画更加灵活多变、更利于细节修改和重复使用。本教程主要讲解了Flash8 转场效果的通用制作方法。转场效果的应用非常广泛, 常出现在幻灯片和网络广告的页面切换中。
在本文中，重点学习使用多层元件的嵌套来制作出较复杂的动画遮罩，通过一种方法的深入剖析达到能举一反三的效果。另外教程注重Flash 最新特性的引入，以及会介绍一些能够提高工作效率的小技巧。
该转场效果所呈现的效果为，当前画面破碎为一列列的小块矩形，如水波涟沥般依次划过画面后随之呈现出另一张画面。
第1讲 制作淡入动画
所谓转场效果，简单来说就是从一个场景（或画面）切换到另一场景（或画面）时，两者重叠期间用来过渡的动画效果。我们最常见的转场效果一般出现在后期剪辑过的婚庆录像片，或者开会时演讲者使用的PPT 幻灯片中，比如马赛克、百叶窗、淡入/ 淡出等等。
1. 执行菜单“文件> 导入> 导入到库”导入两张荷花的图片到库中。两张位图的大小已在Photoshop 中处理为550X400px 的尺寸，这也是Flash 默认舞台的大小。
2. 按下Ctrl+L 调出“库”面板，将图片“荷花1”拖入舞台。调出“属性”面板，将其X、Y 轴的坐标均设为“0”，也就是说该图片与舞台大小、位置相同，如图1-1-1 所示。
图1-1-1
3. 选择图片“荷花1”，按下F8 键将其转换为元件。名称为“荷花01”，类型为“图形”，如图1-1-2 所示。
图1-1-2
4. 将当前层同样命名为“荷花1”，在第20 帧按下F6 插入一个关键帧。选择第1 帧，调出“属性”面板，在颜色下拉列表中选择Alpha，将其值设为“0%”，如图1-1-3 所示。
图1-1-3
5. 打在第1 帧到第19 帧中的任意一帧上单击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”。在第50 帧按下F5 插入一个普通帧用来延续画面停留的时间，如图1-1-4 所示。
图1-1-4
举一反三：
尝试用类似的方法制作出淡出效果的动画。
第2讲 多级元件嵌套
使用多级元件嵌套的结构可以制作出变化更加丰富的动画，另一方面修改起来也相当灵活，各元素的可控性和可复用性也加强了。
1. 新建名为“荷花2”的层，在该层第20 帧按下F6 插入一个关键帧。按下Ctrl+L 把库中的“荷花2”图片拖入，在“属性”面板设其X、Y 坐标均为“0”。再新建名为“荷花2 遮罩”层，在第20 帧按下F6 插入一个关键帧，如图1-2-1 所示。
图1-2-1
2. 在“荷花2 遮罩”层第20 帧绘制一个任意颜色的矩形，调出“属性”面板，宽和高均设为“50”，X、Y 坐标均设为“0”，如图1-2-2 所示。
图1-2-2
3. 选择该正方形，开始进行元件的嵌套，分解步骤如下：
第一次按下F8 键将其转换为元件，命名为“方1”，类型为“图形”。
第二次按下F8 键转换为元件，命名为“方2”，类型为“影片剪辑”，该元件将包含动画。
第三次按下F8 键转换为元件，命名为“方3”，类型为“影片剪辑”，该元件将包含动画。
4. 打开“库”面板，双击进入“方2”影片剪辑。第10 帧按下F6 插入关键帧，在第50 帧按下F5插入普通帧。在第1 帧至第9 帧的任意一帧单击鼠标右键选择“创建补间动画”，如图1-2-3 所示。这里我们暂时不进行任何内容的变化，保持该元件的原始形状，以便于后面的操作。
图1-2-3
5. 在“库”面板中双击“方3”影片剪辑，在第50 帧按下F5 键插入一个普通帧。该元件中要保持足够的帧长度以便于其嵌套的动画能够完整播放，一般来说长度至少要和内嵌动画的长度相等，如图1-1-4 所示。
图1-1-4
举一反三：
思考哪些动画通过多层嵌套结构实现起来更加方便和科学。
第3讲 制作遮罩动画主体
下面开始制作用于遮罩的动画（“方3”影片剪辑中的动画），使用刚才创建的正方形辅满整个屏幕，然后使这些正方形一排一排的出现。因为手工将50X50 的正方形铺满屏幕相当繁琐，并且也不见得非常精通，因此我们要借用时间轴特效的辅助。
1. 当前位于“方3”影片剪辑中，选中“方2”影片剪辑。执行菜单“插入> 时间轴特效> 帮助>复制到网格”，该命令以指定的行数乘以列数产生对象整齐排列的多个复本。
2. “方2”的长宽均为50px，舞台的长宽为550X400px，那么50X11=550、50X8=400，正好辅满整个舞台。
3. 在“复制到网格”对话框，设网格尺寸行数为“8”，列数为“11”。网格间距行列均为“0”，这样可使对象和对象之间没有空隙，单击右上角的“更新预览”能够看到效果，如图1-3-1 所示。
图1-3-1
4. 完成后的平辅对象被打包为一个整体，无法直接使用，如图1-3-2-A 所示。选择该对象，按下Ctrl+B 分离，可以看到已整齐排列好的8 行11 列的正方形，如图1-3-2-B 所示。
图1-3-2-A
图1-3-2-B
5. 接下来我们把这些正方形成列分散于多个图层，以便制作动画。使用选择工具圈选除左侧第1 列之外的其它列，按下Ctrl+X 剪切掉。插入一个新图层，执行菜单“编辑> 粘贴到当前位置”，见图1-3-3-A 和图1-3-3-B 所示。
图1-3-3-A
图1-3-3-B
6. 方法同上，使用选择工具再圈选除左侧前两列之外的其它列，按下Ctrl+X 剪切掉。插入一个新图层，执行菜单“编辑> 粘贴到当前位置”，见图1-3-4-A 和图1-3-4-B 所示。
图1-3-4-A
图1-3-4-B
7. 后边的方法相同，只是每次剪切时往后错一列，依此类推，直到最后一列被分散到新的图层，如图1-3-4 所示。
图1-3-5
8. 保持最底层的帧不变，从“图层2”开始，拖曳第1 帧不松手放至第3 帧。然后拖曳“图层3”第1 帧至第5 帧，如图1-3-6-A 所示。每次多移两帧，依此类推，效果如图1-3-6-B 所示。
图1-3-6-A
图1-3-6-B
举一反三：
尝试使用时间轴特效来辅助重复图形的设计。
第4讲 完成遮罩动画
遮罩的整体结构设计完成之后，我们完成之前“方2”影片剪辑中遗留的动画。该动画的设计是非常自由的，理论上您可以任意变化对象的大小、角度、旋转等参数，或者配合Flash8 新增的自定义缓入/ 缓出功能来强调动画的“弹性”，所以这里的动画设置只供参考。
1. 按下Ctrl+L 调出“库”面板，双击其中的“方2”影片剪辑进入其编辑环境。选择第1 帧，按下Ctrl+T 调出“变形”面板，选中“约束”复选项，输入宽高为原来的“1%”，如图1-4-1 所示。
图1-4-1
2. 选择1-9 帧的任意一帧，调出“属性”面板，选择旋转为“顺时针”，如图1-4-2 所示。
3. 在旋转列表之上有一处可设置“缓动”值。在Flash8 之前的版本被称为“简易”，用来控制对象运动的加速度和减速度。在该设置右侧有一个“编辑”按钮，用来编辑缓入/ 缓出曲线，是Flash8 新增的优秀特性之一，适当的调整曲线，可为动画加入缓冲和弹性效果。
图1-4-2
4. 单击“编辑”按钮进入“自定义缓入/ 缓出”对话框。这里显示了网格和曲线，网格用来定位横轴、纵轴的坐标，中间的线段说明对象是匀速运动的。横轴显示的数字是指当前补间的包含的帧，比如该动画为10 帧。纵轴显示的百分比是指补间播放完成了多少, 左下角为起点，右上角为终点，如图1-4-3-A 所示。向右下角拖动曲线，可实现动画的加速效果。该例向左上角拖动曲线，实现动画的减速效果，对象运动会越来越慢，如图1-4-3-B 所示。
图1-4-3-A
图1-4-3-B
5. 在曲线上单击可添加锚点，锚点可以添加多个。这些锚点能够移动，用户可以将其拉到相应的坐标上。两侧的控制手柄也可以任意变换角度、可拉伸、可收缩。通过锚点的添加和曲线的高低起伏，能够控制对象在运动过程中不同时段的速度，使运动过程富有弹性和节奏感，如图1-4-4 所示。至此用来作为遮罩的动画已制作完成。
图1-4-4
6. 回到“场景1”，在“荷花2 遮罩”层单击鼠标右键，从快捷菜单中选择“遮罩层”，如图1-4-5所示。
图1-4-5
7. 完成后的动画如图1-4-6 所示，执行“文件> 保存”存储文档。
图1-4-6
8. 单按照此方法，我们还可以导入多个图片，创建更多的转场效果。需要注意的是转场效果的位置是在两张图片重合的区间，因此当完成多个转场的制作后，整个时间轴应呈现出如图1-4-7 所示的梯型布局。
图1-4-7
9. 按下Ctrl+Enter 测试动画，可以看到我们所制作的转场效果。
图1-4-8
举一反三：
调整“自定义缓入/ 缓出”曲线，在测试中观察不同曲线影响下动画的运动过程。
课程总结与回顾
回顾学习要点
1. 使用多级元件嵌套结构来控制动画的优势在于？
2. 如何将长宽均为50px 的矩形铺满默认尺寸的Flash 舞台？
3. 设置“自定义缓入/ 缓出”时，锚点的添加和曲线的高低起伏会影响到动画的哪些方面？
学习要点参考
1. 使用多级元件嵌套的结构可以制作出变化更加丰富的动画，另一方面修改起来也相当灵活，各元素的可控性和可复用性也加强了。
2. 执行菜单“插入> 时间轴特效> 帮助> 复制到网格”，该命令以指定的行数乘以列数产生对象整齐排列的多个复本。在“复制到网格”对话框，设网格尺寸行数为“8”，列数为“11”，网格间距行列均为“0”。
3. 能够控制对象在运动过程中不同时段的速度，使运动过程富有弹性和节奏感。
操作题
文中提到该转场效果非常容易修改和重复使用。图1-4-9-A 是修改“方1”形状后的转场效果。图1-4-9-B 是修改了“方3”结构后产生的百叶窗转场效果。要求学员制作出这两个效果，可供参考的知识点包括多级元件的嵌套、时间轴特效的使用和自定义缓入/ 缓出等。
图1-4-9-A
图1-4-9-B
编辑/吉祥如意988 资料/ps123
