1、第4章 基础动画,本章主要内容：帧的概念以及帧操作逐帧动画补间动画补间形状,4.1 帧 4.1.1 帧的基本概念 4.1.2 帧操作,4.1.1 帧的基本概念,1关键帧：,实关键帧,空白关键帧,2普通帧,3帧名称和帧注释,帧名称用于标识时间轴中的关键帧;帧注释用于制作者为自己或他人提供相关提示。,4播放头,4.1.2 帧操作,1选择帧,在同时选择连续的多个帧时，还可以先单击起点帧，按住Shift键再单击需要选取的连续帧的最后一帧。另外，按住Ctrl键单击时间轴上的帧，可以选取多个不连续的帧。,2翻转帧：,是指将整个动画从后往前播放，即原来的第一帧变成最后一帧，原来的最后一帧变成第一帧。,4.1
2、.2 帧操作,3移动播放头,4添加帧,创建关键帧和普通帧是在动画制作过程中频繁进行的操作，因此一般使用快捷键进行操作。插入普通帧的快捷键是F5键，插入关键帧的快捷键是F6键，插入空白关键帧的快捷键是F7键。,5移动和复制帧,6删除帧,4.2 逐帧动画 4.2.1 逐帧动画的制作方法 4.2.2 绘图纸功能 4.2.3 上机指导人物行走动画,4.2.1 矩形工具组,逐帧动画是最传统的动画方式，它是通过细微差别的连续帧画面，来完成动画作品。相当于在一本书的连续若干页的页脚都画上图形，快速的翻动书页，就会出现连续的动画一样。,实例 “火柴小人”制作：,逐帧动画的制作方法包括两个要点，一是添加若干个连
3、续的关键帧；二是在关键帧中创建不同的、但有一定关联的画面。,4.2.2 绘图纸功能,绘图纸是一个帮助定位和编辑动画的辅助功能，这个功能对制作逐帧动画特别有用。通常情况下，Flash 在舞台中一次只能显示动画序列的单个帧。使用绘图纸功能后，就可以在舞台中一次查看两个或多个帧了。,“绘图纸外观”按钮,“绘图纸外观轮廓”按钮,“编辑多个帧”按钮,“修改绘图纸标记”按钮,绘图纸就像洋葱皮那样是一层套一层的显示方式，在编辑动画时能够一次性看到多个帧的画面。要注意的是绘图纸功能不能使用在已经被锁定的图层上，若要在该图层使用绘图纸功能，应该首先解除对图层的锁定。,4.2.3 上机指导人物行走动画,1导入12
4、张人物行走动作图像到“库”。,2将 “走路1.jpg”拖放到舞台中央。,3用交换位图的方法将各帧上的卡通人物图像更换为需要的人物行走动作图像 。,实例讲解,4每个关键帧后面插入4个普通帧。,范例效果,4.3 补间动画 4.3.1 补间动画的制作方法 4.3.2 补间动画的参数设置 4.3.3 补间动画的应用分析 4.3.4 上机指导网络广告,4.3.1 补间动画的制作方法,补间动画基本制作方法：在一个关键帧上创建一个对象，然后在另一个关键帧改变这个对象的大小、位置、颜色、透明度、旋转、倾斜、滤镜等属性。,1、使用文本工具 输入飞机符号。,实例 “飞机飞行 ”动画制作：,2、在第35帧上插入一个
5、关键帧 ，并改变飞机位置。,3、创造补间动画 。,4.3.2 补间动画的参数设置,1“缩放”复选框,2“缓动”选项,3“旋转”选项,4“调整到路径”复选框,5“同步”复选框,6“对齐”复选框,4.3.3 补间动画的应用分析,1形状在补间动画的应用,形状不能直接作为补间动画的“演员”。,2缩放动画效果,3颜色变化效果,4旋转动画效果,5淡入淡出效果,6逐渐模糊的动画效果,通过具体操作进一步加深理解。,4.3.4 上机指导网络广告,补间动画是Flash动画类型中最基础的一种动画类型，它是很多动画作品的基石，用途十分广泛。下面利用补间动画制作一个网络广告动画范例。这个动画主要使用的就是补间动画技术，
6、它由若干个补间动画效果连接和叠加而成。,1新建文档和制作动画背景,2制作气球,3制作动画中的其他“演员”,4制作第一段动画,5制作第二段动画,实例讲解,4.4 补间形状 4.4.1 补间形状的制作方法 4.4.2 补间形状的参数设置 4.4.3 添加形状提示 4.4.4 上机指导摇曳的烛光,4.4.1 补间形状的制作方法,补间形状的基本制作方法是，在一个关键帧上绘制一个形状，然后在另一个关键帧更改该形状或绘制另一个形状。接着在这两个关键帧之间定义补间形状，Flash就会自动补上中间的形状渐变过程。,实例五边形变成五角星的动画制作：,1、绘制一个无边框红色填充的五边形。,2、在第20帧绘制一个无
7、边框红色填充的五角星。,3、定义补间形状 。,4、将第20帧上的五角星的填充颜色更改为黄色。,4.4.2 补间形状的参数设置,定义了补间形状后，在“属性”面板中可以进一步设置相应的参数，以使得动画效果更丰富。,1“缓动”选项,2“混合”选项,“角形”只适合于具有锐化转角和直线的混合形状。如果选择的形状没有角，Flash会自动按照“分布式”进行动画定义。,4.4.3 添加形状提示,要控制更加复杂或特殊的形状变化，可以使用形状提示。形状提示会标识起始形状和结束形状中的相对应的点。,实例数字转换的动画制作：,1、在舞台输入数字1，并将其分离成形状。,2、在舞台输入数字2，并将其分离成形状。,3、定义补间形状 。,4、“修改”|“形状”|“添加形状提示”命令2次。,5、调整第1帧和第20帧处的形状提示。,在Flash中形状提示点的编号从az一共有26个。在使用形状提示时，并不是提示点越多效果越好。有时候过多的提示点反而会使补间形状动画异常。在添加提示点时，应首先预览动画效果，只在动画不太自然的位置添加提示点。,4.4.4 上机指导摇曳的烛光,本小节利用补间形状制作一个动画范例摇曳的烛光。夜晚，烛光在欢快地燃烧和跳动，泛着美丽的光晕，十分漂亮。,范例效果,1制作蜡烛杆,2用形状补间制作蜡烛火焰效果,3用形状补间制作光晕效果,实例讲解,
