《逐帧动画PPT课件.ppt》由会员分享，可在线阅读，更多相关《逐帧动画PPT课件.ppt（44页珍藏版）》请在三一文库上搜索。
1、第3章逐帧动画,教师：杨萌 QQ：229781818 Email：xian_, 3.1 逐帧动画的基本概念, 3.2 帧的标识和编辑, 3.3 逐帧动画实例,本章内容,第3章 逐帧动画,常用的快捷键,第3章 逐帧动画,了解逐帧动画的基本概念、特点、适用领域等概念。,3.1 逐帧动画的基本概念,3 逐帧动画,定义：将动画中的每一帧都设置为关键帧，在每一个关键帧中创建不同的内容，就成为逐帧动画。逐帧动画是指动画的每一帧的内容都是由一幅绘制的图象组成。 原理：将对象的运动过程分解成多个静态图形，再将这些连续的静态图形置于连续的关键帧中，就构成了逐帧动画。,什么是逐帧动画,3.1 逐帧动画的基本概念,
2、缺点 是太耗费时间和精力，而且最终生成的动画文件偏大。 优点 即能最大限度地控制动画的变化细节。 适用领域 适用于表现细腻、复杂的动画效果。通过更改每一帧中的舞台内容而获得动画效果，它最适合于每一帧中的图像都在更改而不是仅仅简单地在舞台中移动的复杂动画。,逐帧动画的特点,3.1 逐帧动画的基本概念,学习帧的基本标识，并掌握帧的各种操作方法。,3.2 帧的标识和编辑,3 逐帧动画,【空白关键帧】 用空心圆表示，代表这个帧中没有内容，在空白关键帧中加入对象即可变为关键帧。,各种帧在时间轴上的标识,新打开文件时的空白关键帧,3.2 帧的标识和编辑,【普通帧】 显示为一个单元格，普通帧中的内容永远和离
3、它最近的关键帧中的内容保持一致。,各种帧在时间轴上的标识,延续第一帧内容的普通帧,3.2 帧的标识和编辑,【传统补间帧】 用底色为浅蓝色的箭头符号表示，代表这个区域存在运动补间动画。,各种帧在时间轴上的标识,运动补间帧,3.2 帧的标识和编辑,【形状补间帧】 用底色为浅绿色的箭头符号表示，代表这个区域存在形状补间动画。,各种帧在时间轴上的标识,形状补间帧,3.2 帧的标识和编辑,【未完成或中断的渐变】 如果补间动画出现错误，则本应出现的箭头符号显示为虚线。,各种帧在时间轴上的标识,未完成或中断的渐变,3.2 帧的标识和编辑,【一般空白帧】 代表空白区域中没有任何内容。,各种帧在时间轴上的标识,
4、空白帧,3.2 帧的标识和编辑,【添加了动作语句的帧】 如果在某一关键帧上有一个小字母a，表示在这一帧中分配了动作Action，当动画播放到这一帧时将执行相应的动作,各种帧在时间轴上的标识,添加了动作语句的帧,3.2 帧的标识和编辑,【课堂实例】给动画添加动作,【添加了标签后的帧】 如果在关键帧的小黑点上有一个小红旗，表明该关键帧包含标签，如下图所示，将帧命名为圆,各种帧在时间轴上的标识,添加了标签后的帧,3.2 帧的标识和编辑,【设置了注释后的帧】 如果在标签名字前加“/”，表示为该帧加注释，如果在标签名字前加 ，表示为该帧加锚记，在时间轴上的效果如下图所示,各种帧在时间轴上的标识,设置了注
5、释后的帧,3.2 帧的标识和编辑,3.2 帧的标识和编辑,选取帧,选取单个帧，单击时间轴上的某一帧，即可以选取它 选取连续帧 单击开始帧，按住Shift键选取结束帧 或拖拽鼠标 选取不连续帧 按住Ctrl键，单击选取多个不连续的帧,【同一图层】,选取连续帧，单击开始帧，按住Shift键选取结束帧 选取不连续帧 按住Ctrl键，单击选取多个不连续的帧,【不同图层】,3.2 帧的标识和编辑,创建关键帧,创建关键帧是设计制作Flash动画的一项最基本操作。 【方法】 用鼠标在时间线处选中所要创建关键帧的位置，然后单击菜单栏中的“插入”“时间轴”“关键帧” 用鼠标在时间线处选中所要创建关键帧的位置后，
6、使用快捷键(F6) 用鼠标选中所要创建关键帧的位置，单击鼠标右键，在快捷菜单中选择“插入关键帧” 用鼠标选中所要创建关键帧的位置，单击鼠标右键，在快捷菜单中选择“转换为关键帧”,在时间轴面板中选中需要复制的帧，然后选择“编辑”“时间轴”“复制帧”命令 在时间轴面板中选中需要复制的帧，单击鼠标右键，在弹出的右键菜单中选择“复制帧”命令 按快捷键,帧的复制,【方法】,3.2 帧的标识和编辑,在时间轴面板中选中要进行粘贴的帧的位置，然后选择“编辑”“时间轴”“粘贴帧”命令 在时间轴面板中选中要进行粘贴的帧的位置，然后选择“编辑”“时间轴”“粘贴帧”命令 按快捷键,帧的粘贴,【方法】,3.2 帧的标识
7、和编辑,移动帧和帧的内容,【步骤】,选中需要移动的帧 用鼠标拖放到时间轴的任意位置，这个位置可以是同层的也可以是其他层的 松开鼠标，即完成帧的移动 该操作相当于帧的剪切和粘贴,3.2 帧的标识和编辑,删除帧,【步骤】,在时间轴面板中选中一个或多个帧 选择下面的方法之一： “编辑”“时间轴”“删除帧”命令 鼠标右击，在弹出的快捷菜单中选择“删除帧” 按快捷键,3.2 帧的标识和编辑,插入帧,3.2 帧的标识和编辑,【方法】,在时间轴面板中选择要插入帧的单元格 选择“插入”“时间轴” “帧”命令，或者按快捷键F5，即可在选中的单元格中新增加一帧,翻转帧,3.2 帧的标识和编辑,Flash中帧的翻转
8、就是将选择的一段连续帧的序列进行头尾翻转 【步骤】,在时间轴面板中选择要进行翻转的各帧 选择下面的方法之一： 选择“修改”“时间轴” “翻转帧”命令 鼠标右击，在弹出的快捷菜单中选择“翻转帧”命令,帧频率：也就是动画的播放速度，以每秒播放的帧的多少计算,设置帧频率的步骤： 可以选择“修改”“文档”命令 然后在弹出的“文档属性”对话框中的“帧频”输入框中，输入设定的频率，如图所示，默认值为12,修改帧频率,3.2 帧的标识和编辑,设置帧频率,绘图纸工具（洋葱皮工具）,3.2 帧的标识和编辑,通常情况下，在flash动画制作过程中，舞台中一次只能显示或编辑一个关键帧中的对象，如果需要显示多个关键帧
9、或同时编辑多个关键帧中的对象，就需要使用绘图纸工具（洋葱皮工具）。,绘图纸工具,绘图纸外观工具,绘图纸外观效果,绘图纸外观轮廓显示,绘图纸标记修改,3.2 帧的标识和编辑,绘图纸工具（洋葱皮工具）,绘图纸工具（洋葱皮工具）,3.2 帧的标识和编辑,1.在舞台上同时查看多个帧,单击时间轴面板下方的【绘图纸外观】 按钮，显示两个绘图纸外观之间的所有帧，当前帧为实体显 示，其它帧为半透明显示 单击时间轴面板下方的【绘图纸外观轮廓】 按钮，当前帧以实体显示，其它帧以轮廓线显示,绘图纸工具（洋葱皮工具）,3.2 帧的标识和编辑,2.控制绘图纸外观的显示,单击时间轴面板下方的【编辑多个帧】 按钮，显示两个
10、绘图纸外观之间的所有关键帧的实体,绘图纸工具（洋葱皮工具）,3.2 帧的标识和编辑,3.更改绘图纸外观标识的显示范围和属性,单击时间轴面板下方的【修改绘图纸标记】 按钮，修改外观标记的显示范围与属性 始终显示标记：始终显示绘图纸外观的起止标记 锚记绘图纸：锁定绘图纸外的起止标记的位置 绘图纸2：在当前帧的两侧显示2帧 绘图纸5：在当前帧的两侧显示5帧 所有绘图纸：在当前帧的两侧显示所有帧,使用绘图纸外观工具可以移动整个动画，方法如下： 将所有图层解锁，而不移动某一层的对象，可将其隐藏或锁定 单击绘图纸外观工具中的“编辑多个帧”按钮 单击绘图纸外观工具的“修改绘图纸标记”“绘制全部”命令 选择“
11、编辑”“全部选择”命令，选中所有图层及对象 使用鼠标拖动整个动画到新的位置,绘图纸工具实例移动整个动画,3.2 帧的标识和编辑,并通过实例的讲解，熟练掌握逐帧动画的制作方法和技巧。,3.3 逐帧动画实例,3 逐帧动画,任务概述 外部导入方式是创建逐帧动画最为常用的方法。 本实例首先导入动画文件，并对其进行修改，完成最终动画效果,外部导入的方式创建逐帧动画,3.3 逐帧动画实例,Gif图像,Flash动画,1.新建文件并修改文档属性 新建空白文档 修改文档属性：宽高均为150像素，背景为白色，帧频为10 2.导入gif 单击【文件】|【导入】|【导入到舞台】,外部导入的方式创建逐帧动画,3.3
12、逐帧动画实例,任务概述 通过【工具】面板中各种绘图工具与各种帧的操作的结合使用绘制一个“生长的小花”的逐帧动画实例。,第 1 帧 第 4 帧 第 7 帧 第 9 帧,生长的小花,3.3 逐帧动画实例,生长的小花,3.3 逐帧动画实例,1 绘制“花盆” 修改图层1的名称为“花盆” 使用黑色的刷子工具绘制花盆轮廓 使用颜料桶工具填充花盆颜色为#cd9933 在第4帧处插入帧（F5）,第 1 4帧,生长的小花,3.3 逐帧动画实例,2 绘制“叶子” 新建“叶子”图层 在第1帧，使用“刷子工具”（颜色#3a5836）绘制一个小芽 在第2帧处插入关键帧（F6），使用“选择工具”修改枝条为合适的大小和高度
13、 在第3帧处插入关键帧，在用“刷子工具”绘制更高的枝条和叶子 在第4帧处插入帧（F5）,第 1 帧,第 2 帧,第 3、4 帧,生长的小花,3.3 逐帧动画实例,3 绘制“花朵” 新建“花朵”图层 在第3帧，使用“刷子工具”（颜色#ff0000）绘制一个花苞 在第4帧处插入空白关键帧（F7），使用使用“刷子工具”（颜色#ff0000）绘制盛开的花瓣，使用#ffff00绘制花心,第 4 帧,第 5 帧,任务概述 原动画出现频率太快，文字、图片效果只有淡入没有淡出。通过使用基本的帧操作来丰富动画效果。,蝴蝶广告,3.3 逐帧动画实例,原动画,修改后的动画,蝴蝶广告,1.修改文字的帧数 在“文字”图
14、层第10帧处，按2次F5，插入2个普通帧 依次选择每个字的关键帧，按2次F5，插入2个普通帧 选择“文字”图层第10到24帧，复制帧，在第35帧处粘贴帧，再选中35到49帧，翻转帧,3.3 逐帧动画实例,蝴蝶广告,2.修改背景的帧数 选中在“背景”图层第1帧到第10帧（按住shift键），复制帧 在“背景”图层第47帧处，粘贴帧 选中第47到56帧进行翻转帧操作 在60帧处，向上拖拽同时选中“文字”层，插入帧（F5）,3.3 逐帧动画实例,提示：通过复制帧并对其进行翻转帧操作，可以制作淡入淡出动画效果,卡通走路动画,任务概述 创建动画背景，导入外部gif图像，借助绘图纸工具，移动导入的整个动画
15、到合适的位置,3.3 逐帧动画实例,原gif图像,修改后的动画,卡通走路动画,3.3 逐帧动画实例,1 新建文档 尺寸：300*200像素 背景颜色：白色（#ffffff） 帧频：30 2 创建背景 修改图层1名为“背景” 单击【文件】|【导入】|【导入到舞台】，选背景图片，并调整位置和大小与舞台相等,卡通走路动画,3.3 逐帧动画实例,3 导入gif图像，并移动到合适位置 新建图层，命名为“卡通” 单击【文件】|【导入】|【导入到舞台】，选gif图片 单击时间轴面板下方的【修改绘图纸标记】按钮，选“所以绘图纸选项” 单击【编辑多帧】按钮，显示所有关键帧内容 锁定“背景”图层 点击【编辑】|【全选】 使用【选择工具】移动到合适位置 在背景层第36帧处插入帧（F5）,