第五章基础动画讲述.pptx

信管系 孟东霞 第五章 基础动画 主要内容 帧； 逐帧动画； 练习1：数字倒计时、人物行走、蝴蝶飞舞； 形状补间动画； 练习2：摇曳的烛光； 传统补间动画； 传统补间动画中运动路径的添加； 练习3：春天来了； 自定义缓入缓出动画； 练习4：由远及近的弹跳小球 1 帧的基本概念 帧是动画中最小单位的单幅影像画面，相当于电影胶片上的一个镜头。一帧就是一副静止的画面，连续的帧就形成动画。外在特征是时间轴上的一个小方格，根据性质的不同，分为“关键帧”和“普通帧”。 关键帧：定义动画的变化，有空白关键帧和实关键帧； 普通帧：显示为普通的单元格，有空白的和有内容的两种； 播放头：指示当前显示在舞台上的帧，移动其位置，可以定位当前帧。 1 帧的基本操作 选择帧：单帧、连续多帧(shift)、不连续的多帧(ctrl)、选择所有帧 翻转帧：将动画播放顺序颠倒 移动播放头：通过时间轴标尺定位和移动播放头 添加帧：插入帧（F5，延续前面的画面、延长动画的变化时间）、插入关键帧（F6）和空白关键帧（F7） 移动和复制帧：先选中要操作的帧 删除帧：将关键帧变为普通帧、删除任意类型的帧 2 逐帧动画 逐帧动画是一种常见的动画形式，其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的画面，使其连续播放而成动画。 绘制要点：①添加若干个连续的关键帧；②在关键帧上创建不同的，但有一定关联的画面。 例如：书写文字的动画、数字的变化、行走的人物、舞动翅膀的小鸟、蜜蜂和蝴蝶、飞奔的骏马等动画。 2 练习1：数字倒计时 在图层1上，使用椭圆工具绘制倒计时的背景； 在图层2上，首先在第1个关键帧上输入数字5，然后连续插入5个关键帧，按照顺序将文字修改为4、3、2、1和start！，调整每个关键帧上的字符位置和大小； 在最后的关键帧上添加脚本函数stop():选中最后一个关键帧，单击鼠标右键，在弹出的快捷菜单上选择“动作”命令，在弹出的对话框中使用英文输入“stop()”； 调整帧频，若要保持每秒钟出现一个数字的频率，应将时间轴下方的帧频改为1fps； 测试并导出影片。 2 练习2：行走的人物 新建文档，将行走的动作图片导入到库； 在第一帧上，将“走路1.jpg”拖动到舞台上； 选择第二帧插入关键帧，选中第二帧上的人物图像，在“属性”面板上单击“交换”按钮，打开“交换位图”对话框，选择“走路2.jpg”位图，单击确定进行交换。 按照类似方法，从第三帧一直到十二帧为止； 通过在关键帧之间插入普通帧，降低行走速度。 2 逐帧动画——绘图纸功能 绘画纸是一个帮助定位和编辑动画的辅助功能，这个功能对制作逐帧动画特别有用。通常情况下，Flash 在舞台中一次只能显示动画序列的单个帧。使用绘画纸功能后，你就可以在舞台中一次查看两个或多个帧。 使用绘图纸功能后，当前帧中的画面用全彩色显示，其他帧的画面以半透明显示，这时可以借助其他帧的画面对当前帧的编辑起到辅助作用。 【绘图纸外观】按钮：在时间帧的上方，出现绘图纸外观标记。拉动外观标记的两端，可以扩大或缩小显示范围。 【绘图纸外观轮廓】按钮：按下此按钮后，场景中显示各帧内容的轮廓线，填充色消失，特别适合观察对象轮廓，另外可以节省系统资源，加快显示过程。 【编辑多个帧】按钮：按下后可以显示全部帧内容，并且可以进行“多帧同时编辑”。例如：整体移动全部帧的位置。 2 逐帧动画——绘图纸功能 【修改绘图纸标记】按钮：按下后，弹出菜单，菜单中有以下选项：Ⅰ、【总是显示标记】选项：会在时间轴标题中显示绘图纸外观标记，无论绘图纸外观是否打开。Ⅱ、【锚定绘图纸】选项：会将绘图纸外观标记锁定在它们在时间轴标题中的当前位置。通常情况下，绘图纸外观范围是和当前帧的指针以及绘图纸外观标记相关的。通过锚定绘图纸外观标记，可以防止它们随当前帧的指针移动。Ⅲ、【绘图纸 2】选项；会在当前帧的两边显示两个帧。Ⅳ、【绘图纸 5】选项；会在当前帧的两边显示五个帧。Ⅴ、【绘制全部】选项；会在当前帧的两边显示全部帧。 2 逐帧动画——绘图纸功能 2 练习3：飞舞的蝴蝶/蜻蜓 新建三个图层，每个图层上分别使用线条工具和颜料桶工具绘制蝴蝶（蜻蜓）的躯干、左边翅膀和右边翅膀。 新建若干个关键帧，在每个关键帧上使用变形面板和任意变形工具调整躯干的位置和翅膀的形状，注意绘图纸功能的使用。 通过在中间插入普通帧的方法调整动画播放的速度。 播放并且测试动画。 3 形状补间动画 创建类似于形变的动画效果，使一个形状逐渐变成另一个形状。例如：形状变化、头发飘动、烛光闪动等。 基本制作方法：在一个关键帧上绘制一个形状，然后在另一个关键帧上更改该形状（位置、大小、颜色变化）或者绘制另一个形状。定义形状补间动画后，Flash自动补上中间的形状渐变过