第3章 创建时间轴动画.ppt

3.9 动画编辑器 读者已经学习了如何用引导层引导蝴蝶沿着特定路径飞行，本案例将借助动画编辑器制作蝴蝶上下翻飞的动画效果。 步骤详解 ①在Flash CS4中打开资源光盘中的“本书范例\第3章\原始素材\3.9 动画编辑器\蝴蝶.fla”文档，准备进行动画制作。 ②在库面板中可以看到有一个命名为“butterfly”的图形元件。按Ctrl+F8键新建元件，命名为“fly”，类型为“影片剪辑”。 ③将库中元件“butterfly”拖到影片剪辑FLY编辑场景中，形成一个实例。这时候的蝴蝶比较大，选择“任意变形工具”将其缩放到合适的位置。 步骤详解 ④在时间轴的第80帧处按F6键插入关键帧，然后将鼠标放在第1~80帧中间的任意位置右击，在弹出的快捷菜单中选择“创建补间动画”，这时时间轴中第1~80帧处的颜色变为浅蓝色。 ⑤选择“窗口”|“动画编辑器”命令打开“动画编辑器”面板。如教材中图3-87所示，动画编辑器可以精确地调整动画的属性值。该面板有5个栏目，分别是“基本动画”、“转换”、“色彩效果”、“滤镜”、“缓动”。在“基本动画”栏目中可设置x、y和旋转z的属性值。在面板的右边是该属性的曲线，可以调整这个曲线来更改对象的x属性。 步骤详解 ⑥在动画编辑器中，有两个方向相反的小三角形，它可以用来跳转到另一个关键帧，中间的棱形可添加和删除关键帧。将鼠标移到第5帧处，单击中间的棱形，添加关键帧。添加关键帧后X、Y的图表中增加了两个黑色的圆点。 ⑦用选择工具单击选择蝴蝶并向下拖动，松开鼠标之后看到动画编辑器中X、Y图表形成了向上倾斜的直线。此时X、Y的具体的值分别为：364.9像素和494像素。为了蝴蝶出现旋转的效果，在这里设置旋转Z的值为6.3o。 步骤详解 ⑧用同样的方法，单击黄色菱形图标，分别在10，15，20，25，30，35，40，45，50，55，60，65，70，75处添加关键帧。并分别设置其X、Y旋转Z的值。 ⑨选择“文件”|“另存为”命令保存文档，并按Ctrl+Enter键查看此动画的效果，可以看到蝴蝶飞行的效果完成了。 技术点睛 动画编辑器是Flash CS4新增的功能面板，可以精确地调整动画的属性值。这里有5 个栏目，可分别调整相应在的动画属性 添加、移除和关键帧导航: 在关键帧一栏中，有两个方向相反的小三角形，它可以用来跳转到另一个关键帧，中间的棱形可添加和删除关键帧。 基本动画：x、y、z属性控制了缓动动画的位置，叫做空间属性。 缓动：可以为相应属性设置缓动效果 。 色彩栏和滤镜栏：用法跟缓动一样，通过单击“+”来添加相应效果，并设置其属性值 。 3.10 3D转换动画 3D转换功能是Flash CS4中又一新增的功能。可以通过3D旋转和移动工具为原本2D的动画元件添加具有空间感的补间动画，沿X、Y、Z轴任意旋转和移动对象能够产生极具透视效果的动画。 步骤详解 ①启动Flash CS4，选择“创建新项目”的“Flash文件（ActionScript 3.0）”选项，创建一个新文档。 ②使用文字工具在画布上写上“Flash”，将字体改为“华文彩云”，大小改为70个像素，字母间距为38。 ③按F8将其转换为影片剪辑元件，命名为“Flash”，类型为“影片剪辑”。 ④在时间轴上第20帧处按F5键插入帧，在第1~20帧中间的任意处单击右键，在弹出的快捷菜单中选择“创建补间动画”命令 。 步骤详解 ⑤鼠标单击第1帧，然后使用3D旋转工具 ，设置其属性。 步骤详解 ⑥在第10、20帧处，同样使用3D旋转工具和3D移动工具设置其属性及其效果。 ⑦选择“文件”|“另存为”命令保存文档，并按Ctrl+Enter键查看此动画的效果。 技术点睛 1.“3D旋转工具”只作用于影片剪辑元件，选择“3D旋转工具”后，三维轴向旋转颜色分别为R、G、B，即分别对应对象的X、Y、Z轴上的旋转空间。在各个空间轴上可以对对象进行任意的旋转。单击“3D旋转工具”按钮，在对象的中央会出现一个类似瞄准镜的小图形，十字的外围是两个圈，并且呈现不同的颜色，当鼠标移动到红色的中心垂直线时，鼠标右下角会出现一个“X”，表示此为X轴。当鼠标移动到绿色水平线时，鼠标右下角会出现一个“Y”。当鼠标移动到蓝色圆圈时，鼠标右下角会出现一个“Z”。 技术点睛 2.“3D平移工具”同“3D旋转工具”一样，只对影片剪辑元件有效。选择“3D平移工具”后，在对象上将会出现带有颜色的3个轴向坐标，即X、Y、Z轴。沿着每个轴向可以对对象在三维空间的位置进行控制和移动，同时借助于属性面板的设置，可以更好地控制对象的三维轴向。 3.11 小结 基本类型动画的小结 逐帧动画：是Flash CS4动画最基本的形式，是通过更改每一个连续帧在编辑舞