《Flash动画设计与制作第六章动画制作基础知识和基本》由会员分享,可在线阅读,更多相关《Flash动画设计与制作第六章动画制作基础知识和基本(32页珍藏版)》请在金锄头文库上搜索。
1、 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/Flash动画设计与制作动画设计与制作第六章:动画制作基础知识和基本操作第六章:动画制作基础知识和基本操作第六章:动画制作基础知识和基本操作第六章:动画制作基础知识和基本操作合肥工业大学计算机信息学院合肥工业大学计算机信息学院合肥工业大学计算机信息学院合肥工业大学计算机信息学院石石石石 雷雷雷雷1 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作一、时间轴及其显示设置一、时间
2、轴及其显示设置二、帧的分类、选择及其操作二、帧的分类、选择及其操作三、逐帧动画三、逐帧动画四、形状渐变四、形状渐变五五、运动渐变运动渐变六、编辑动画六、编辑动画2 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作一、时间轴及其显示设置一、时间轴及其显示设置二、帧的分类、选择及其操作二、帧的分类、选择及其操作三、逐帧动画三、逐帧动画四、形状渐变四、形状渐变五五、运动渐变运动渐变六、编辑动画六、编辑动画3 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚
3、棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作时间轴及其显示时间轴及其显示时间轴及其显示时间轴及其显示 时间轴是组织动画的地方,它的主要任务是显示和控制帧,如下时间轴是组织动画的地方,它的主要任务是显示和控制帧,如下图所示。在影片播放时,时间轴上的图所示。在影片播放时,时间轴上的“播放头播放头”将按照一定的帧速率将按照一定的帧速率沿时间线运动,沿时间线运动,“播放头播放头”经过那帧,影片就显示那帧中的内容。在经过那帧,影片就显示那帧中的内容。在编辑影片的过程中也是如此,场景中仅显示编辑影片的过程中也是如此,场景
4、中仅显示“播放头播放头”所在帧中的对所在帧中的对象。象。 用户可以根据需要更改帧在时间轴中的显示方式,单击时间轴右用户可以根据需要更改帧在时间轴中的显示方式,单击时间轴右上角的上角的“帧视图帧视图”选项按钮,弹出选项按钮,弹出“帧视图帧视图”选项菜单。选项菜单。帧视图帧视图播放头播放头4 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作一、时间轴及其显示设置一、时间轴及其显示设置二、帧的分类、选择及其操作二、帧的分类、选择及其操作三、逐帧动画三、逐帧动画四、
5、形状渐变四、形状渐变五五、运动渐变运动渐变六、编辑动画六、编辑动画5 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作帧的分类选择及其操作帧的分类选择及其操作帧的分类选择及其操作帧的分类选择及其操作 帧是决定物体运动的核心,是构成一部影片的基础,它决定影片帧是决定物体运动的核心,是构成一部影片的基础,它决定影片中的对象何时出现以及对象的运动方式。中的对象何时出现以及对象的运动方式。帧的分类帧的分类 在在FlashFlash中,通过时间轴的显示,就可以识别出各
6、种不同类型的帧中,通过时间轴的显示,就可以识别出各种不同类型的帧以及当前影片中帧存在问题,各种帧的显示状态如下图所示。以及当前影片中帧存在问题,各种帧的显示状态如下图所示。 6813542710911126 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作帧的分类选择及其操作帧的分类选择及其操作帧的分类选择及其操作帧的分类选择及其操作 1 1关键帧。以实心圆表示,代表这个帧中含有对象。关键帧。以实心圆表示,代表这个帧中含有对象。2 2普通帧。普通帧中的对象永
7、远和离它最近的关键帧中的对象保持一致。普通帧。普通帧中的对象永远和离它最近的关键帧中的对象保持一致。3 3空白关键帧。以空心圆表示,代表这个关键帧中没有任何对象,在空空白关键帧。以空心圆表示,代表这个关键帧中没有任何对象,在空白关键帧中加入对象即可变成关键帧。白关键帧中加入对象即可变成关键帧。4 4一般空白帧。代表空白区域中没有任何对象。一般空白帧。代表空白区域中没有任何对象。5 5运动渐变帧。以底色为浅蓝色的箭头符号表示,代表这个区域存在运运动渐变帧。以底色为浅蓝色的箭头符号表示,代表这个区域存在运动补间动画。动补间动画。6 6形状渐变帧。以底色为浅绿色的箭头符号表示,代表这个区域存在形形状
8、渐变帧。以底色为浅绿色的箭头符号表示,代表这个区域存在形状补间动画。状补间动画。6813542710911127 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作帧的分类选择及其操作帧的分类选择及其操作帧的分类选择及其操作帧的分类选择及其操作 7 7错误渐变帧。以虚线表示,代表这个区域存在错误的补间动画。错误渐变帧。以虚线表示,代表这个区域存在错误的补间动画。8 8加入帧标签的帧,标签类型为名称。加入帧标签的帧,标签类型为名称。9 9加入帧标签的帧,标签类型
9、为注释。加入帧标签的帧,标签类型为注释。1010加入帧标签的帧,标签类型为锚记。加入帧标签的帧,标签类型为锚记。1111加入音乐的帧。加入音乐的帧。1212加入脚本语言的帧。加入脚本语言的帧。6813542710911128 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作帧的分类选择及其操作帧的分类选择及其操作帧的分类选择及其操作帧的分类选择及其操作帧的选择帧的选择 为了查看和修改帧中的对象,需要选中一个或多个帧,具体操作为了查看和修改帧中的对象,需要选中
10、一个或多个帧,具体操作方法如下:方法如下:(1 1)要选择时间轴上的任意一个帧,只需单击该帧即可。)要选择时间轴上的任意一个帧,只需单击该帧即可。(2 2)要选择时间轴上的所有帧,执行)要选择时间轴上的所有帧,执行“编辑编辑”“时间轴时间轴”“选择所选择所有帧有帧”命令或按命令或按Ctrl+Alt+ACtrl+Alt+A快捷键。快捷键。(3 3)要同时选择多个连续的帧,需要通过单击确定选择范围的起点,然)要同时选择多个连续的帧,需要通过单击确定选择范围的起点,然后按住后按住ShiftShift键,在选择范围的终点单击即可。键,在选择范围的终点单击即可。 (4 4)要同时选择多个非连续的帧,只需
11、在按住)要同时选择多个非连续的帧,只需在按住CtrlCtrl键的同时单击所需的键的同时单击所需的各帧即可。各帧即可。 9 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作帧的分类选择及其操作帧的分类选择及其操作帧的分类选择及其操作帧的分类选择及其操作帧的操作帧的操作 制作影片时需要创建不同种类的帧,具体操作方法如下:制作影片时需要创建不同种类的帧,具体操作方法如下: (1 1)插入关键帧与空白关键帧)插入关键帧与空白关键帧 关键帧包括关键帧与空白关键帧两种。
12、在空白关键帧中添加对象,关键帧包括关键帧与空白关键帧两种。在空白关键帧中添加对象,空白关键帧就转换为关键帧。空白关键帧就转换为关键帧。 插入关键帧时,选中时间线上的某帧后,执行插入关键帧时,选中时间线上的某帧后,执行“插入插入”“时间时间轴轴”“关键帧关键帧”命令、直接按命令、直接按F6F6快捷键、右击某帧,在弹出的快捷快捷键、右击某帧,在弹出的快捷菜单中选择菜单中选择“插入关键帧插入关键帧”选项,均可在所选地方插入关键帧。选项,均可在所选地方插入关键帧。 插入空白关键帧时,选中时间线上的某帧后,执行插入空白关键帧时,选中时间线上的某帧后,执行“插入插入”“时间轴时间轴”“空白关键帧空白关键帧
13、”命令、直接按命令、直接按F7F7快捷键、右击某帧,在弹快捷键、右击某帧,在弹出的快捷菜单中选择出的快捷菜单中选择“插入空白关键帧插入空白关键帧”选项,即可在所选地方插入选项,即可在所选地方插入空白关键帧。空白关键帧。 10 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作帧的分类选择及其操作帧的分类选择及其操作帧的分类选择及其操作帧的分类选择及其操作帧的操作帧的操作(2 2)插入帧)插入帧 帧包括普通帧与一般空白帧两种。在制作影片时,经常需要保持帧包括普通
14、帧与一般空白帧两种。在制作影片时,经常需要保持某一个画面不动,例如影片背景,这就需要背景图像所在的关键帧在某一个画面不动,例如影片背景,这就需要背景图像所在的关键帧在一定的时间范围内保持不变,普通帧就是用于扩展帧范围的帧一定的时间范围内保持不变,普通帧就是用于扩展帧范围的帧 。 插入帧时,首先要在关键帧中设置好对象,接着在关键帧后面选插入帧时,首先要在关键帧中设置好对象,接着在关键帧后面选中扩展范围结束的那一帧,执行中扩展范围结束的那一帧,执行“插入插入”“时间轴时间轴”“帧帧”命令、命令、直接按直接按F5F5快捷键、右击那一帧,在弹出的快捷菜单中选择快捷键、右击那一帧,在弹出的快捷菜单中选择
15、“插入帧插入帧”选项,即可在所选地方插入帧,使前面关键帧中的内容到这帧保持不选项,即可在所选地方插入帧,使前面关键帧中的内容到这帧保持不变。变。11 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作一、时间轴及其显示设置一、时间轴及其显示设置二、帧的分类、选择及其操作二、帧的分类、选择及其操作三、逐帧动画三、逐帧动画四、形状渐变四、形状渐变五五、运动渐变运动渐变六、编辑动画六、编辑动画12 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:
16、/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作逐帧动画逐帧动画逐帧动画逐帧动画 逐帧动画的制作方法与传统的动画相似,由于其中的每一帧都是逐帧动画的制作方法与传统的动画相似,由于其中的每一帧都是关键帧,所以生成的影片相对较大,仅适用于制作较为精细复杂的小关键帧,所以生成的影片相对较大,仅适用于制作较为精细复杂的小动画。动画。原理原理 将对象的运动过程分解成多个静态图形,如下图所示,再将这些将对象的运动过程分解成多个静态图形,如下图所示,再将这些连续的静态图形置于连续的关键帧中,就构成了逐帧动画。连续的静态图形置于连续的关键帧
17、中,就构成了逐帧动画。 13 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作逐帧动画逐帧动画逐帧动画逐帧动画洋葱皮工具的应用洋葱皮工具的应用 FlashFlash的场景中,只能显示当前帧中的内容。有时为了给对象定的场景中,只能显示当前帧中的内容。有时为了给对象定位,需要同时查看多个帧中的内容,利用洋葱皮工具,就可以做到这位,需要同时查看多个帧中的内容,利用洋葱皮工具,就可以做到这一点。一点。 洋葱皮工具主要用于辅助图形调整其位置,例如在两个动作之间洋葱皮工
18、具主要用于辅助图形调整其位置,例如在两个动作之间确定中间的动作,使物体动作更加流畅,这也是制作传统动画片时用确定中间的动作,使物体动作更加流畅,这也是制作传统动画片时用到的原理,特别适用于制作自行绘制的逐帧动画。到的原理,特别适用于制作自行绘制的逐帧动画。 洋葱皮工具共包括四个按钮,从左到右分别为洋葱皮工具共包括四个按钮,从左到右分别为“绘图纸外观绘图纸外观”、“绘图纸外观轮廓绘图纸外观轮廓”、“编辑多个帧编辑多个帧”和和“修改绘图纸标记修改绘图纸标记”按钮,按钮,这些按钮的具体的操作方法如下所述:这些按钮的具体的操作方法如下所述:(1 1)绘图纸外观)绘图纸外观 单击洋葱皮工具中的单击洋葱皮
19、工具中的“绘图纸外观绘图纸外观”按钮,此时帧刻度上自动显按钮,此时帧刻度上自动显示定义绘图纸范围的标记,位于标记之间帧中的对象均以透明颜色的示定义绘图纸范围的标记,位于标记之间帧中的对象均以透明颜色的表现形式显示在场景中。此时可以通过单击时间轴上的帧,选中其中表现形式显示在场景中。此时可以通过单击时间轴上的帧,选中其中的对象再对其进行编辑。的对象再对其进行编辑。14 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作逐帧动画逐帧动画逐帧动画逐帧动画(2 2)绘
20、图纸外观轮廓)绘图纸外观轮廓 单击洋葱皮工具中的单击洋葱皮工具中的“绘图纸外观轮廓绘图纸外观轮廓”按钮,各帧的动作分解按钮,各帧的动作分解以轮廓线的形式表现。使用洋葱皮工具处理较为复杂的对象时,会影以轮廓线的形式表现。使用洋葱皮工具处理较为复杂的对象时,会影响影片处理速度,而以轮廓线的形式显示多帧,可以加快影片处理速响影片处理速度,而以轮廓线的形式显示多帧,可以加快影片处理速度。度。 (3 3)编辑多个帧)编辑多个帧 使用洋葱皮工具虽然可以同时看到多个帧,但只能对所选帧中的使用洋葱皮工具虽然可以同时看到多个帧,但只能对所选帧中的对象进行编辑。要想同时编辑多个帧中的对象,需要单击对象进行编辑。要
21、想同时编辑多个帧中的对象,需要单击“编辑多个编辑多个帧帧”按钮,此时绘图纸标记范围内包含的关键帧中的对象均是正常的按钮,此时绘图纸标记范围内包含的关键帧中的对象均是正常的形式显示,表示可以同时对其进行编辑。形式显示,表示可以同时对其进行编辑。 (4 4)修改绘图纸标记)修改绘图纸标记 单击单击“修改绘图纸标记修改绘图纸标记”按钮,在弹出的快捷菜单中可以设置绘按钮,在弹出的快捷菜单中可以设置绘图纸标记的显示状态与显示范围。图纸标记的显示状态与显示范围。15 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制
22、作基础知识和基本操作动画制作基础知识和基本操作逐帧动画逐帧动画逐帧动画逐帧动画翻转帧动画翻转帧动画 翻转帧就是将选定一组帧按照相反的顺序排列在时间轴中,类似翻转帧就是将选定一组帧按照相反的顺序排列在时间轴中,类似于电影中后退播放时的样子。于电影中后退播放时的样子。 使用时选中一组帧(其中至少要包含两个关键帧),执行使用时选中一组帧(其中至少要包含两个关键帧),执行“修改修改”“时间轴时间轴”“翻转帧翻转帧”命令或者右击备选帧,在弹出的快捷菜命令或者右击备选帧,在弹出的快捷菜单中选择单中选择“翻转帧翻转帧”选项即可。选项即可。16 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚htt
23、p:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作一、时间轴及其显示设置一、时间轴及其显示设置二、帧的分类、选择及其操作二、帧的分类、选择及其操作三、逐帧动画三、逐帧动画四、形状渐变四、形状渐变五五、运动渐变运动渐变六、编辑动画六、编辑动画17 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作形状渐变形状渐变形状渐变形状渐变 在在FlashFlash中制作动画通常会采用补间的方式,补间是
24、指在动画的起中制作动画通常会采用补间的方式,补间是指在动画的起始帧和终止帧之间,始帧和终止帧之间,FlashFlash自动生成的过渡画面。补间的方式有两种,自动生成的过渡画面。补间的方式有两种,分别为形状渐变与运动状渐变。本节中将首先介绍形状渐变动画。分别为形状渐变与运动状渐变。本节中将首先介绍形状渐变动画。原理与创建条件原理与创建条件 形状渐变动画就是指对象在两个关键帧之间形状发生变化的动画。形状渐变动画就是指对象在两个关键帧之间形状发生变化的动画。例如圆形变成方形的动画效果,如下图所示。例如圆形变成方形的动画效果,如下图所示。 正确的形状渐变动画在时间轴中以浅绿色背景的单箭头符号表示,正确
25、的形状渐变动画在时间轴中以浅绿色背景的单箭头符号表示,错误的形状渐变动画以浅绿色背景的虚线表示。错误的形状渐变动画以浅绿色背景的虚线表示。18 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作形状渐变形状渐变形状渐变形状渐变 导致形状渐变动画失败有两种可能:第一种为起始帧或终止帧中导致形状渐变动画失败有两种可能:第一种为起始帧或终止帧中没有图形对象;第二种为起始帧或终止帧中包含元件实例。要正确使没有图形对象;第二种为起始帧或终止帧中包含元件实例。要正确使用形
26、状渐变必须满足以下创作条件:用形状渐变必须满足以下创作条件: 形状渐变只能作用于形状。形状渐变只能作用于形状。要对组合、实例、位图或文本对象应用形要对组合、实例、位图或文本对象应用形状渐变,必须先将这些对象打散置形状。状渐变,必须先将这些对象打散置形状。形状间的渐变只能在同一图层。形状间的渐变只能在同一图层。通常一对一的形状过渡可以产生最佳通常一对一的形状过渡可以产生最佳的渐变效果,当然也可以在同图层中的多个对象间创建形状渐变。的渐变效果,当然也可以在同图层中的多个对象间创建形状渐变。 创建形状渐变动画创建形状渐变动画 正确创建形状渐变时,首先需定义两个关键帧正确创建形状渐变时,首先需定义两个
27、关键帧起始帧与终止起始帧与终止帧,并分别在其中绘制好图形。接着就可以在两个关键帧之间创建形帧,并分别在其中绘制好图形。接着就可以在两个关键帧之间创建形状渐变动画了。而动画中过渡的部分,也就是补间,则是由状渐变动画了。而动画中过渡的部分,也就是补间,则是由FlashFlash自行自行计算得来的。计算得来的。 形状渐变的属性面板如下图所示,下面就对其中的各种选项逐一形状渐变的属性面板如下图所示,下面就对其中的各种选项逐一进行说明:进行说明:19 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基
28、本操作动画制作基础知识和基本操作形状渐变形状渐变形状渐变形状渐变 补间:补间:用于设置或取消对象之间的运动类型,在弹出的列表中共有三用于设置或取消对象之间的运动类型,在弹出的列表中共有三个选项可供选择,分别为无、运动和形状。个选项可供选择,分别为无、运动和形状。 简易:简易:用于调节对象运动的速度,是速度变化与时间之间的比率。通用于调节对象运动的速度,是速度变化与时间之间的比率。通过输入数值或拖动滑动杆进行设置,数值范围在过输入数值或拖动滑动杆进行设置,数值范围在-100-100到到100100之间,默认之间,默认情况下,简易值为情况下,简易值为0 0。 混合:混合:用于调节对象变化过程中的形
29、状平滑度用于调节对象变化过程中的形状平滑度。20 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作形状渐变形状渐变形状渐变形状渐变 添加形状提示添加形状提示 形状提示是辅助图形变形的一种提示。在变形的初始图形上指定形状提示是辅助图形变形的一种提示。在变形的初始图形上指定一些变形的关键点,接着在变形的结束图形上将刚刚指定的关键点置一些变形的关键点,接着在变形的结束图形上将刚刚指定的关键点置于适当的位置,这样,图形在进行形状渐变的过程中,就会参考定义于适当的位置
30、,这样,图形在进行形状渐变的过程中,就会参考定义的关键点之间的联系计算出过渡效果的部分。的关键点之间的联系计算出过渡效果的部分。 21 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作一、时间轴及其显示设置一、时间轴及其显示设置二、帧的分类、选择及其操作二、帧的分类、选择及其操作三、逐帧动画三、逐帧动画四、形状渐变四、形状渐变五五、运动渐变运动渐变六、编辑动画六、编辑动画22 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/
31、动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作运动渐变运动渐变运动渐变运动渐变 运动渐变是最常用的一种渐变方式。它的主要功能是计算元件实运动渐变是最常用的一种渐变方式。它的主要功能是计算元件实例从一个地方到另一个地方,实例位置之间的过渡部分。除此以外,例从一个地方到另一个地方,实例位置之间的过渡部分。除此以外,运动渐变还可以在元件实例的大小和颜色方面创建过渡动画,在实例运动渐变还可以在元件实例的大小和颜色方面创建过渡动画,在实例运动的过程中,可以根据需要使实例旋转。运动的过程中,可以根据需要使实例旋转。原理与创建条件原理与创建条件 运动
32、渐变动画是补间动画的一种。通过为对象创建运动渐变,可运动渐变动画是补间动画的一种。通过为对象创建运动渐变,可以改变对象的位置、大小、旋转或倾斜,做出物体运动的各种效果。以改变对象的位置、大小、旋转或倾斜,做出物体运动的各种效果。通过设置实例的颜色属性,还可以制作出丰富的渐变效果,例如实例通过设置实例的颜色属性,还可以制作出丰富的渐变效果,例如实例的淡入淡出效果。的淡入淡出效果。 正确的运动渐变动画在时间轴中以浅蓝色背景的单箭头符号表示。正确的运动渐变动画在时间轴中以浅蓝色背景的单箭头符号表示。错误的形状渐变动画以浅蓝色背景的虚线表示。错误的形状渐变动画以浅蓝色背景的虚线表示。 导致运动渐变动画
33、失败的原因有很多,但主要是由于以下几种原导致运动渐变动画失败的原因有很多,但主要是由于以下几种原因:第一种为缺少起始帧或终止帧;第二种为起始帧或终止帧包含多因:第一种为缺少起始帧或终止帧;第二种为起始帧或终止帧包含多个的对象;第三种为起始帧或终止帧中包含的对象不是元件实例。要个的对象;第三种为起始帧或终止帧中包含的对象不是元件实例。要正确使用运动渐变必须满足以下创作条件:正确使用运动渐变必须满足以下创作条件: 23 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基
34、本操作运动渐变运动渐变运动渐变运动渐变1.1.运动渐变只能作用于元件实例。要对形状、组合、位图或文本对象应运动渐变只能作用于元件实例。要对形状、组合、位图或文本对象应用运动渐变,必须先将这些对象转换为元件。其中在为组合、位图或用运动渐变,必须先将这些对象转换为元件。其中在为组合、位图或文本对象创建运动渐变的时候,文本对象创建运动渐变的时候,FlashFlash会自动将其转换为元件,并按会自动将其转换为元件,并按“补间补间1 1”、“补间补间2 2”、“补间补间3 3”的顺序依次为元件命名。的顺序依次为元件命名。2.2.运动渐变中的元件只能是一对一渐变,多对一或一对多均会导致渐变运动渐变中的元件
35、只能是一对一渐变,多对一或一对多均会导致渐变失败。失败。3.3.运动渐变中的元件只能在同一图层。运动渐变中的元件只能在同一图层。运动渐变的类型运动渐变的类型 运动渐变动画共有四种类型,其中包括位置的移动、大小的变化、运动渐变动画共有四种类型,其中包括位置的移动、大小的变化、旋转和颜色的变化。这些渐变类型均可以互相搭配使用,理解这些渐旋转和颜色的变化。这些渐变类型均可以互相搭配使用,理解这些渐变类型,可以制作出丰富的动画效果。各种类型的基本效果如下变类型,可以制作出丰富的动画效果。各种类型的基本效果如下: : 位置的移动,如图位置的移动,如图1 1所示;大小的变化,如图所示;大小的变化,如图2
36、2所示;旋转,如图所示;旋转,如图3 3所示;颜色的变化,如图所示;颜色的变化,如图4 4所示。所示。图1图3 图2图424 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作运动渐变运动渐变运动渐变运动渐变创建运动渐变动画创建运动渐变动画 创建运动渐变时,首先需定义一个关键帧,在其中调整好元件的创建运动渐变时,首先需定义一个关键帧,在其中调整好元件的位置与属性,作为运动渐变的起始帧。接着在同一图层中建立另一个位置与属性,作为运动渐变的起始帧。接着在同一图层中
37、建立另一个关键帧,调整好元件的位置与属性,作为运动渐变的终止帧。这样就关键帧,调整好元件的位置与属性,作为运动渐变的终止帧。这样就可以在两个关键帧之间创建运动渐变动画了。两个关键帧之间的距离可以在两个关键帧之间创建运动渐变动画了。两个关键帧之间的距离为元件的运动的范围,是动画的过渡部分,也就是补间。为元件的运动的范围,是动画的过渡部分,也就是补间。 运动渐变的属性面板如下图所示,其中的补间和简易值的设置与运动渐变的属性面板如下图所示,其中的补间和简易值的设置与形状渐变中的设置没有区别,下面就对其他的各种选项逐一进行说明:形状渐变中的设置没有区别,下面就对其他的各种选项逐一进行说明: 25 傻傻
38、傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作运动渐变运动渐变运动渐变运动渐变创建运动渐变动画创建运动渐变动画 缩放:缩放:用于决定元件实例运动过程中,是否使元件实例的尺寸发生变用于决定元件实例运动过程中,是否使元件实例的尺寸发生变化。在制作有尺寸变化的动画效果时使用。化。在制作有尺寸变化的动画效果时使用。 旋转:旋转:用于设置元件实例的旋转角度,单击用于设置元件实例的旋转角度,单击“旋转旋转”后面的文本框,后面的文本框,在弹出的列表中共有三个选项可供选择,分
39、别为无、自动、顺时针和在弹出的列表中共有三个选项可供选择,分别为无、自动、顺时针和逆时针。逆时针。 调整到路径:调整到路径:在路径动画中,使元件实例沿引导线运动。在路径动画中,使元件实例沿引导线运动。 同步:同步:用于设置元件实例的同步性。用于设置元件实例的同步性。 对齐:对齐:使元件实例自动吸附于引导线上。使元件实例自动吸附于引导线上。26 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作一、时间轴及其显示设置一、时间轴及其显示设置二、帧的分类、选择及其操
40、作二、帧的分类、选择及其操作三、逐帧动画三、逐帧动画四、形状渐变四、形状渐变五五、运动渐变运动渐变六、编辑动画六、编辑动画27 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作编辑动画编辑动画编辑动画编辑动画 动画制作完毕后,需要不断的修改。创建的帧也可以重新对其进动画制作完毕后,需要不断的修改。创建的帧也可以重新对其进行编辑,帧包含影片中的全部对象,控制对象的各种运动,所以编辑行编辑,帧包含影片中的全部对象,控制对象的各种运动,所以编辑帧就是编辑影片本身。
41、帧就是编辑影片本身。 在在FlashFlash中,可以将所有的帧分成两大类中,可以将所有的帧分成两大类关键帧和过渡帧。关关键帧和过渡帧。关键帧中包括实心的关键帧与空心的空白关键帧。过渡帧中包括普通帧、键帧中包括实心的关键帧与空心的空白关键帧。过渡帧中包括普通帧、一般空白帧、运动渐变帧和形状渐变帧。一般空白帧、运动渐变帧和形状渐变帧。 可以对关键帧进行移动、复制或删除的编辑。值得注意的是,由可以对关键帧进行移动、复制或删除的编辑。值得注意的是,由于每个关键帧中均包含对象,所以对关键帧的编辑会影响影片中的对于每个关键帧中均包含对象,所以对关键帧的编辑会影响影片中的对象。而过渡帧中没有对象,所以不能
42、被编辑,但可以根据需要增减过象。而过渡帧中没有对象,所以不能被编辑,但可以根据需要增减过渡帧的数量,从而达到改变过渡动画长度的目的。另外,还可以将过渡帧的数量,从而达到改变过渡动画长度的目的。另外,还可以将过渡帧转换为关键帧进行编辑。渡帧转换为关键帧进行编辑。 28 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作编辑动画编辑动画编辑动画编辑动画 编辑这两种帧的具体操作方法如下:编辑这两种帧的具体操作方法如下:1. 1. 插入与删除过渡帧插入与删除过渡帧 插
43、入过渡帧:单击图层中需要插入过渡帧的地方,将其选中。执插入过渡帧:单击图层中需要插入过渡帧的地方,将其选中。执行行“插入插入”“时间轴时间轴”“帧帧”命令或直接按命令或直接按F5F5快捷键。快捷键。 删除过渡帧:单击图层中需要删除过渡帧的地方,将其选中。执删除过渡帧:单击图层中需要删除过渡帧的地方,将其选中。执行行“编辑编辑”“时间轴时间轴”“删除帧删除帧”命令或直接按命令或直接按Shift+F5Shift+F5快捷键。快捷键。 如果单击选中图层中的过渡帧,执行上述命令,则仅改变所选图如果单击选中图层中的过渡帧,执行上述命令,则仅改变所选图层中过渡帧的长度。层中过渡帧的长度。 如果单击时间轴上
44、的帧号部分,执行上述命令,则改变所有图层如果单击时间轴上的帧号部分,执行上述命令,则改变所有图层的帧长度。的帧长度。29 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作编辑动画编辑动画编辑动画编辑动画2. 2. 转换过渡帧为关键帧:转换过渡帧为关键帧:选中要转换的过渡帧,执行选中要转换的过渡帧,执行“插入插入”“时间时间轴轴”“关键帧关键帧”命令或直接按命令或直接按F6F6快捷键。快捷键。3. 3. 同时转换多个过渡帧为关键帧:同时转换多个过渡帧为关键帧:
45、选中要转换的多个过渡帧,在这些帧选中要转换的多个过渡帧,在这些帧上右击,在弹出的快捷菜单中选择上右击,在弹出的快捷菜单中选择“转换为关键帧转换为关键帧”选项。选项。4. 4. 移动关键帧:移动关键帧:通过单击选中关键帧,接着在时间轴中对其进行拖拽,通过单击选中关键帧,接着在时间轴中对其进行拖拽,即可改变关键帧的位置。即可改变关键帧的位置。5. 5. 删除关键帧:删除关键帧:选中要删除的关键帧,执行选中要删除的关键帧,执行“修改修改”“时间轴时间轴”“清除关键帧清除关键帧”命令或直接按命令或直接按Shift+F6Shift+F6快捷键。快捷键。6. 6. 清除帧:清除帧:选中要清除的帧,执行选中
46、要清除的帧,执行“编辑编辑”“时间轴时间轴”“清除帧清除帧”命令或者按命令或者按Ctrl+BackspaceCtrl+Backspace快捷键。清除帧与删除帧不同,删除帧是快捷键。清除帧与删除帧不同,删除帧是将所选的帧完全删除,而清除帧仅删除所选帧中的对象,保留帧本身。将所选的帧完全删除,而清除帧仅删除所选帧中的对象,保留帧本身。也就是说,应用了清除帧命令的帧内部会没有任何对象,所以所选帧也就是说,应用了清除帧命令的帧内部会没有任何对象,所以所选帧将变成空白关键帧。将变成空白关键帧。 7. 7. 复制帧:复制帧:选中要复制的帧,在按住选中要复制的帧,在按住AltAlt键的同时,将它拖拽到时间轴
47、中键的同时,将它拖拽到时间轴中待复制的位置上释放鼠标。待复制的位置上释放鼠标。30 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作编辑动画编辑动画编辑动画编辑动画8. 8. 粘贴帧:粘贴帧:选中要粘贴的关键帧,执行选中要粘贴的关键帧,执行“编辑编辑”“时间轴时间轴”“复制复制帧帧”命令。接着在时间轴中确定要粘贴关键帧的位置,执行命令。接着在时间轴中确定要粘贴关键帧的位置,执行“编辑编辑”“时间轴时间轴”“粘贴帧粘贴帧”命令,在时间轴中粘贴关键帧。粘贴帧命令
48、,在时间轴中粘贴关键帧。粘贴帧与复制帧不同。复制的帧将代替原来该位与复制帧不同。复制的帧将代替原来该位置中的帧,而粘贴的帧是插置中的帧,而粘贴的帧是插入到目标位置中所选帧的前方。所以粘贴帧的结果是插入,复制帧的入到目标位置中所选帧的前方。所以粘贴帧的结果是插入,复制帧的结果是替换。利用粘贴帧命令,可以在不同的影片之间复制帧。结果是替换。利用粘贴帧命令,可以在不同的影片之间复制帧。9. 9. 复制并粘贴多个帧:复制并粘贴多个帧:选中要复制的帧,执行选中要复制的帧,执行“编辑编辑”“时间轴时间轴”“复制帧复制帧”命令。新建文档,确定粘贴关键帧的位置。执行命令。新建文档,确定粘贴关键帧的位置。执行“
49、编编辑辑”“时间轴时间轴”“粘贴帧粘贴帧”命令,在时间轴中粘贴关键帧。此时命令,在时间轴中粘贴关键帧。此时不仅将图层中的帧复制过来,甚至图层的名字也被一同复制。不仅将图层中的帧复制过来,甚至图层的名字也被一同复制。10. 10. 选定并移动多个帧:选定并移动多个帧:选中要移动的多个帧,接着在时间轴中拖拽,释选中要移动的多个帧,接着在时间轴中拖拽,释放鼠标即可移动多个帧。放鼠标即可移动多个帧。11. 11. 结合结合CtrlCtrl键添加或删除帧:键添加或删除帧:按下按下CtrlCtrl键后,向右拖拽末端的帧,可以键后,向右拖拽末端的帧,可以添加过渡帧至拖拽区域;如向左拖拽末端的帧,可以添加删除帧至拖添加过渡帧至拖拽区域;如向左拖拽末端的帧,可以添加删除帧至拖拽区域。拽区域。 如果不按任何键,直接拖拽末端的帧,释放鼠标后,会在释如果不按任何键,直接拖拽末端的帧,释放鼠标后,会在释放的帧中自动插入一个关键帧。放的帧中自动插入一个关键帧。31 傻傻傻傻 子子子子 石石石石 电电电电 脑脑脑脑 棚棚棚棚http:/http:/动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作动画制作基础知识和基本操作综合实例综合实例综合实例综合实例镜面效果镜面效果32