首页 理论教育FlashCS6中文版标准实例教程：路径动画制作方法

FlashCS6中文版标准实例教程：路径动画制作方法

2023-10-30 理论教育 版权反馈
【摘要】：最后将运动层和引导层连接起来，就可以使对象沿指定的路径运动。下面通过一个实例来介绍运动引导动画的制作方法。选择“文件”/“导入”/“导入到舞台”命令，导入一幅GIF动画，并调整位置。单击引导层的第1帧，使用铅笔工具在舞台上绘制一条曲线，该曲线将作为运动动画的轨迹。图5-20 移动butterfly实例的中心图5-21 蝴蝶在第15帧的状态

Flash还可以使对象沿用户描绘的任意曲线移动，此时需要在运动层上添加一个运动引导层，该引导层中仅仅包含一条任意形状、长度的路径。最后将运动层和引导层连接起来，就可以使对象沿指定的路径运动。

下面通过一个实例来介绍运动引导动画的制作方法。具体操作步骤如下：

978-7-111-40639-6-Chapter05-92.jpg新建一个Flash文档。

978-7-111-40639-6-Chapter05-93.jpg选择“修改”/“文档”命令，将舞台工作区设置为宽900px，高为260px。

978-7-111-40639-6-Chapter05-94.jpg选择“插入”/“新建元件”命令，新建一个名为butterfly的图形元件。

978-7-111-40639-6-Chapter05-95.jpg选择“文件”/“导入”/“导入到舞台”命令，导入一幅GIF动画，并调整位置。

978-7-111-40639-6-Chapter05-96.jpg单击元件编辑窗口左上角的978-7-111-40639-6-Chapter05-97.jpg按钮，返回到场景编辑舞台。

978-7-111-40639-6-Chapter05-98.jpg选择“窗口”/“库”命令，调出库面板，将butterfly实例拖曳到舞台中。

978-7-111-40639-6-Chapter05-99.jpg选中第30帧，单击鼠标右键，在弹出的快捷菜单中选择“插入关键帧”命令。在第1帧至第30帧间任意一帧上单击鼠标右键，在弹出的快捷菜单中选择“创建传统补间”命令，创建butterfly实例的传统补间动画。

978-7-111-40639-6-Chapter05-100.jpg在图层1上单击鼠标右键，从弹出的快捷菜单中选择“添加传统运动引导层”命令，添加一个运动引导层。(www.chuimin.cn)

978-7-111-40639-6-Chapter05-101.jpg单击引导层的第1帧，使用铅笔工具在舞台上绘制一条曲线，该曲线将作为运动动画的轨迹。选中第30帧，按F5键插入帧。

978-7-111-40639-6-Chapter05-102.jpg单击运动层的第1帧，将butterfly实例拖曳到曲线的一端，并使butterfly实例的中心与曲线的一端对齐，如图5-20所示。

978-7-111-40639-6-Chapter05-103.jpg单击选择时间轴窗口运动层的第30帧，将butterfly实例拖曳到曲线的另一端，并使butterfly实例的中心与曲线的另一端对齐。

操作完成后，可以观察位移动画的效果：蝴蝶从曲线的起点开始向曲线的终点进行移动，并且保持匀速运动。选择时间轴第15帧，可以看到蝴蝶在舞台上的位置如图5-21所示。用户可以单击运动引导层上面的“显示/隐藏所有图层”图标按钮，来控制移动路径的显示/隐藏。

978-7-111-40639-6-Chapter05-104.jpg

图5-20 移动butterfly实例的中心

978-7-111-40639-6-Chapter05-105.jpg

图5-21 蝴蝶在第15帧的状态

有关Flash CS6中文版标准实例教程的文章

  • FlashCS6中文版标准实例教程：形状补间 FlashCS6中文版标准实例教程：形状补间

    形状补间动画则不同，它处理的对象只能是矢量图形，群组对象和元件都不能直接进行形变动画。在第40帧右击鼠标，从弹出的快捷菜单中选择“插入关键帧”命令，此时，在第20帧到第40帧之间创建了形状补间动画。图5-17 形状补间动画示例用鼠标单击第20帧，在该帧的位置按F6添加关键帧。......

    2023-10-30

    详细阅读
  • FlashCS6中文版标准实例教程-逐帧动画 FlashCS6中文版标准实例教程-逐帧动画

    逐帧动画是一种最基本的动画制作方法，它往往需要很多关键帧，在制作时，需要对每一帧动画的内容进行具体的绘制。下面以一个实例来说明制作逐帧动画的方法。在时间轴上选择第29帧，利用橡皮擦工具进一步反向擦除一部分笔画，如图5-8所示。剩下的3帧不进行擦除。通过该实例，相信读者已经了解使用FlashCS6制作逐帧动画的方法。其实利用逐帧动画的制作方法还可以制作出很多特殊效果的动画。......

    2023-10-30

    详细阅读
  • FlashCS6中文版标准实例教程：使用动画 FlashCS6中文版标准实例教程：使用动画

    图5-44 动画编辑器面板动画编辑器使用每个属性的二维图形表示已补间的属性值。该虚线显示缓动对属性值的影响。在动画编辑器中，通过添加属性关键帧并使用标准贝赛尔控件处理曲线，可以精确控制补间的每条属性曲线的形状。新添加的项将会立即出现在动画编辑器中。......

    2023-10-30

    详细阅读
  • FlashCS6中文版标准实例教程|使用骨骼 FlashCS6中文版标准实例教程|使用骨骼

    在绘图工具箱中选择骨骼工具，并单击要成为骨架的根部或头部的元件实例。在拖动时将显示骨骼。它显示为一个圆围绕骨骼头部。若要移动IK形状内骨骼任一端的位置，可以使用“部分选取工具”拖动骨骼的一端。骨骼将随变形点移动。旋转度数相对于父级骨骼而言。选中“启用”选项之后，在骨骼连接的顶部将显示一个指示旋转自由度的弧形。如果对骨骼同时启用了x平移和y平移，则对该骨骼禁用旋转时定位它更为容易。......

    2023-10-30

    详细阅读
  • FlashCS6中文版标准实例教程：模拟星空 FlashCS6中文版标准实例教程：模拟星空

    我们通过模拟星空这个实例，向大家讲述前面讲到的几种比较重要的函数，给大家加深印象，让读者尽快掌握它们。按Ctrl＋F8创建一个名为star的影片剪辑。单击渐变栏右边的颜色游标，然后在R，G，B和Alpha文本框中输入0，0，0，100％，填充效果如图8-2所示。图8-1 模拟星空图8-2 填充效果分别单击第2帧和第3帧，然后分别按下F6，插入两个关键帧。选中舞台上的star实例，在属性面板的实例名称文本框中输入“star”。......

    2023-10-30

    详细阅读
  • FlashCS6中文版标准实例教程：传统补间 FlashCS6中文版标准实例教程：传统补间

    创建了传统补间动画后，选择关键帧，并选择“窗口”/“属性”命令，会打开对应的属性设置面板。该面板中有关传统补间属性设置的意义及功能如下：●“缓动”：设置对象在动画过程中的变化速度。下面通过一个实例来介绍传统补间动画的制作方法。这是因为传统补间只对元件、群组和文本框有效，因此在创建运动动画后，FlashCS6自动将其他类型的内容转变为元件，并以“补间＋数字”形式命名元件。......

    2023-10-30

    详细阅读
  • FlashCS6中文版标准实例教程：创建对手 FlashCS6中文版标准实例教程：创建对手

    既然是射击游戏，没有对手还叫什么游戏，接下来就要创建“对手”。将使用duplicateMovieClip来创建多个对手飞船。写一段代码来设置对手飞船的随机初始位置和速度。this._x=600;把对手飞船的X坐标设置为600。this._y=random+100;把对手的Y坐标设置成一个在100～2099之间的随机数。enemySpeed=random＋1；设置一个为enemySpeed在1～4范围内的随机数，这是对手飞船每一帧移动的像素数。这样做，唯一的目的是为了使飞船的移动更加真实。这个变量是任何一个时间点舞台上的对手飞船的个数。......

    2023-10-30

    详细阅读
  • FlashCS6中文版标准实例教程：补间动画 FlashCS6中文版标准实例教程：补间动画

    在补间动画中，只有指定的属性关键帧的值存储在FLA文件和发布的SWF文件中。在深入了解补间动画的创建方式之前，读者很有必要先掌握补间动画中的几个术语：补间范围、补间对象和属性关键帧。在每个补间范围中，只能对舞台上的一个对象进行动画处理。“属性关键帧”则是指在补间动画中定义了属性值的特定时间或帧。此时，时间轴上的补间范围中就会自动出现一个黑色菱形标识，表示属性关键帧。......

    2023-10-30

    详细阅读