| 第4讲 完成遮罩动画 |
[align=left]遮罩的整体结构设计完成之后,我们完成之前“方2”影片剪辑中遗留的动画。该动画的设计是非常自由的,理论上您可以任意变化对象的大小、角度、旋转等参数,或者配合Flash8 新增的自定义缓入/ 缓出功能来强调动画的“弹性”,所以这里的动画设置只供参考。 [/align][align=left] [/align][align=left]1. 按下Ctrl+L 调出“库”面板,双击其中的“方2”影片剪辑进入其编辑环境。选择第1 帧,按下Ctrl+T 调出“变形”面板,选中“约束”复选项,输入宽高为原来的“1%”,如图1-4-1 [/align]所示。 [align=left] [/align][align=left] [/align][align=left]图1-4-1 [/align][align=left] [/align][align=left]2. 选择1-9 帧的任意一帧,调出“属性”面板,选择旋转为“顺时针”,如图1-4-2 [/align]所示。 [align=left] [/align][align=left]3. 在旋转列表之上有一处可设置“缓动”值。在Flash8 之前的版本被称为“简易”,用来控制对象运动的加速度和减速度。在该设置右侧有一个“编辑”按钮,用来编辑缓入/ 缓出曲线,是Flash8 新增的优秀特性之一,适当的调整曲线,可为动画加入缓冲和弹性效果。 [/align][align=left] [/align][align=left] [/align][align=left]图1-4-2 [/align][align=left] [/align][align=left]4. 单击“编辑”按钮进入“自定义缓入/ 缓出”对话框。这里显示了网格和曲线,网格用来定位横轴、纵轴的坐标,中间的线段说明对象是匀速运动的。横轴显示的数字是指当前补间的包含的帧,比如该动画为10 帧。纵轴显示的百分比是指补间播放完成了多少, 左下角为起点,右上角为终点,如图1-4-3-A 所示。向右下角拖动曲线,可实现动画的加速效果。该例向左上角拖动曲线,实现动画的减速效果,对象运动会越来越慢,如图1-4-3-B 所示。 [/align][align=left] [/align][align=left] [/align][align=left]图1-4-3-A [/align][align=left][/size] [/align][align=left] [/align][align=left]图1-4-3-B [/align][align=left] [/align][align=left]5. 在曲线上单击可添加锚点,锚点可以添加多个。这些锚点能够移动,用户可以将其拉到相应的坐标上。两侧的控制手柄也可以任意变换角度、可拉伸、可收缩。通过锚点的添加和曲线的高低起伏,能够控制对象在运动过程中不同时段的速度,使运动过程富有弹性和节奏感,如图1-4-4 [/align]所示。至此用来作为遮罩的动画已制作完成。 [align=left] [/align][align=left] [/align][align=left]图1-4-4 [/align][align=left] [/align][align=left]6. 回到“场景1”,在“荷花2 遮罩”层单击鼠标右键,从快捷菜单中选择“遮罩层”,如图1-4-5所示。 [/align][align=left] [/align][align=left] [/align][align=left]图1-4-5 [/align][align=left] [/align][align=left]7. 完成后的动画如图1-4-6 [/align]所示,执行“文件> 保存”存储文档。 [align=left] [/align][align=left] [/align][align=left]图1-4-6 [/align][align=left] [/align][align=left]8. 单按照此方法,我们还可以导入多个图片,创建更多的转场效果。需要注意的是转场效果的位置是在两张图片重合的区间,因此当完成多个转场的制作后,整个时间轴应呈现出如图1-4-7 [/align]所示的梯型布局。 [align=left] [/align][align=left] [/align][align=left]图1-4-7 [/align][align=left] [/align][align=left]9. 按下Ctrl+Enter 测试动画,可以看到我们所制作的转场效果。 [/align][align=left] [/align][align=left] [/align][align=left] [/align][align=left] [/align][align=left]图1-4-8 [/align][align=left] [/align][align=left]举一反三: [/align][align=left]调整“自定义缓入/ 缓出”曲线,在测试中观察不同曲线影响下动画的运动过程。 [/align][align=left] [/align] |
| 课程总结与回顾 |
[align=left]回顾学习要点 [/align][align=left]1. 使用多级元件嵌套结构来控制动画的优势在于? [/align][align=left]2. 如何将长宽均为50px 的矩形铺满默认尺寸的Flash 舞台? [/align][align=left]3. 设置“自定义缓入/ 缓出”时,锚点的添加和曲线的高低起伏会影响到动画的哪些方面? [/align][align=left] [/align][align=left]学习要点参考 [/align][align=left]1. 使用多级元件嵌套的结构可以制作出变化更加丰富的动画,另一方面修改起来也相当灵活,各元素的可控性和可复用性也加强了。 [/align][align=left]2. 执行菜单“插入> 时间轴特效> 帮助> 复制到网格”,该命令以指定的行数乘以列数产生对象整齐排列的多个复本。在“复制到网格”对话框,设网格尺寸行数为“8”,列数为“11”,网格间距行列均为“0”。 [/align][align=left]3. 能够控制对象在运动过程中不同时段的速度,使运动过程富有弹性和节奏感。 [/align][align=left] [/align][align=left]操作题 [/align][align=left]文中提到该转场效果非常容易修改和重复使用。图1-4-9-A 是修改“方1”形状后的转场效果。图1-4-9-B 是修改了“方3”结构后产生的百叶窗转场效果。要求学员制作出这两个效果,可供参考的知识点包括多级元件的嵌套、时间轴特效的使用和自定义缓入/ 缓出等。 [/align][align=left] [/align][align=left] [/align][align=left]图1-4-9-A [/align][align=left] [/align][align=left][size=10pt] [/align][align=left]图1-4-9-B [/align] |