搜索
时间轴、帧与逐帧动画第3章本讲目标Flash中动画类型逐帧动画认识时间轴及其操作帧的操作洋葱皮的设置任务一、Flash中动画类型•动画类型：–逐帧动画–形状补间动画–动画补间动画–引导动画–遮罩动画–脚本动画第3讲FLASH简单动画制作1.1逐帧动画1.2运动补间动画1.3形状补间动画定义：将动画中的每一帧都设置为关键帧，在每一个关键帧中创建不同的内容，就成为逐帧动画。逐帧动画是指动画的每一帧的内容都是由一幅绘制的图象组成。原理：将对象的运动过程分解成多个静态图形，再将这些连续的静态图形置于连续的关键帧中，就构成了逐帧动画。什么是逐帧动画3.1逐帧动画的基本概念逐帧动画的概念在时间帧上逐帧绘制内容称为逐帧动画，表现为一帧一个画面，帧为关键帧。缺点:是太耗费时间和精力，而且最终生成的动画文件偏大。优点:即能最大限度地控制动画的变化细节。适用领域:适用于表现细腻、复杂的动画效果。通过更改每一帧中的舞台内容而获得动画效果，它最适合于每一帧中的图像都在更改而不是仅仅简单地在舞台中移动的复杂动画。逐帧动画的特点3.1逐帧动画的基本概念（1）用导入的静态图片建立逐帧动画用jpg、png等格式的静态图片连续导入Flash中，就会建立一段逐帧动画。（2）绘制矢量逐帧动画（3）文字逐帧动画（4）导入序列图像可以导入gif序列图像、swf动画文件或者利用第3方软件（如swish、swift3D等）产生的动画序列。创建逐帧动画的几种方法–方法1：逐帧编辑图片或文字制作逐帧动画–步骤：1、新建文件，然后保存2、动画设计3、测试影片•.fla：flash的源文件，保留动画的制作方法。（需Flash软件才可打开）•.swf：它依赖于flash的播放器打开的，文件比较小，适合在互联网上传播。（需Flash播放器或其它播放软件打开）创建逐帧动画任务二、认识时间轴1、播放头；2、时间轴设置3、洋葱皮任务三、时间轴操作任务四、帧的操作1、关键帧与空白关键帧2、普通帧3、插入帧与删除帧4、选择帧与移动帧5、复制粘贴帧6、帧转换5.1帧的基本操作时间轴面板关键帧普通帧播放头空白关键帧帧是构成Flash动画最基本的单位，帧分为普通帧、关键帧和空白关键帧三种类型，而对帧的所有操作都是在“时间轴”面板中进行的。一、帧的种类关键帧（KeyFrame）：关键帧是指动画制作时的关键画面，用于定义动画中关键的变化，在时间轴上用黑色实心的小黑点表示。Flash可以按照给定的动作方式，自动创建两个关键帧之间的变化过程，这使动画的制作变得十分简单。例如，在制作一个动作时，可以将一个开始动作状态和一个结束动作状态分别用关键帧表示，然后在Flash中设置动作方式，就可以制作出一个连续动作的动画。按【F6】键可以插入一个关键帧。空白关键帧（BlankKeyFrame）：空白关键帧指没有任何内容的关键帧，在编辑区中看不到任何的动画元素。Flash中没有任何记号表示空白关键帧。如果空白关键帧因为被加入内容而变为非空，空白关键帧就变成了关键帧，在时间轴的表示上也会出现实心的小黑点。二、创建帧插入关键帧1.在时间轴上单击选中要创建关键帧的帧（可同时选中多个帧），然后选择“插入”“时间轴”“关键帧”菜单，或按快捷键【F6】，即可在选中的帧上插入关键帧插入空白关键帧插入普通帧2.选中帧后，选择“插入”“时间轴”“空白关键帧”菜单或按快捷键【F7】，即可插入空白关键帧3.选中要创建普通帧的帧，然后按快捷键【F5】即可插入一个普通帧三、编辑帧在“文档属性”属性对话框设置帧频1.双击时间轴状态栏上的“帧频率”按钮，打开“文档属性”属性对话框，在“帧频”编辑框中输入适当的帧频在“属性”面板中设置帧频2.使用“选择工具”在舞台空白处单击后，在“属性”面板的“帧频”编辑框中直接输入帧频1.设置帧频2.选择帧的显示状态选择帧的显示状态1.单击时间轴面板右上角的“帧的视图”按钮，在打开的菜单中选择相应选项“标准”显示“预览”显示“关联预览”显示3.选择帧选择单个帧选择多个不连续的帧1.在某帧上单击鼠标左键即可选中该帧，被选帧会以反黑显示2.按住【Ctrl】键，然后单击要选择的帧,可选择不连续的多个帧选择多个连续的帧选择图层上的所有帧3.在按住【Shift】键的同时单击开始与结束帧，可选择连续的多个帧4.要选择某个图层上的所有帧，只需单击该图层即可，要选择多个图层上的所有帧，只需按住【Shift】键，然后单击要选择帧的图层即可4.移动和复制帧通过拖动移动帧在选中帧后按住鼠标左键并拖动，松开鼠标后即可将所选帧移动到目标位置。另一种移动帧的方法是，选择要移动的帧后，右击被选帧，在弹出的快捷菜单中选择“剪切帧”菜单，然后右击要移动的目标帧位置，在弹出的快捷菜单中选择“粘贴帧”菜单。复制帧在要复制的帧上右击鼠标，从弹出的快捷菜单中选择“复制帧”菜单，然后选中要粘贴帧的目标帧，在帧上右击鼠标，从弹出的快捷菜单中选择“粘贴帧”菜单，即可将源帧复制到目标位置。通过拖动复制帧另一种复制帧的方法是，选择要复制的帧后，在按住【Alt】键的同时拖动所选帧，松开鼠标后，即可将选中的帧复制到目标位置。5.删除帧删除帧选中要删除的帧，然后在选中的帧上右击鼠标，在弹出的快捷菜单中选择“删除帧”菜单，即可将所选帧删除。6.清除帧清除帧如果在弹出的快捷菜单中选择“清除帧”菜单，可将所选帧在舞台上的内容清除但不删除所选帧。选择“翻转帧”菜单选中要翻转的帧，然后在被选中的帧上右击鼠标，在弹出的快捷菜单中选择“翻转帧”菜单，即可翻转所选帧7.翻转帧四、绘图纸功能绘图纸外观效果调整显示范围通常情况下，在舞台中一次只能显示单个帧上的内容，使用绘画纸功能后，便可以在舞台中一次查看两个或多个帧上的内容。1.单击“绘图纸外观”按钮后，当前关键帧中的内容用实色显示，其他帧中的内容以半透明显示2.拖动时间帧上方“绘图纸外观标记”的两端，可以调整显示范围绘图纸外观轮廓效果编辑多个关键帧中的内容3.单击“绘图纸外观轮廓”按钮，此时将显示各帧内容的轮廓线，填充色消失4.单击“编辑多个帧”按钮后，可以通过拖动“绘图纸外观标记”选择要编辑的多个关键帧，然后同时编辑这些关键帧中的内容5.单击“改绘图纸标记”按钮后，在弹出的菜单中可设置“绘图纸外观标记”的相关选项修改绘图纸标记•1帧的类型–普通帧：普通帧与其前面关键帧的内容相同，主要用于延长动画的播放时间。普通帧用连续的灰色填充表示，用一个空白的矩形框表示结束。–关键帧：主要用于定义动画关键的变化，关键帧中有一个静止的画面。用一个黑色小圆圈表示。–空白关键帧：空白关键帧中没有内容，主要用于在画面与画面之间形成间隔。用空心的小圆圈表示。若在空白关键帧中创建了内容，空白关键帧就会变为关键帧。空白关键帧关键帧普通帧任务四、帧的操作2帧的操作•插入延续帧（普通帧）【F5】•复制前一关键帧【F6】（插入关键帧）•复制帧Alt•插入空白关键帧【F7】•删除延续帧（普通帧）【Shift】+【F5】•删除关键帧【Shift】+【F6】•移动帧-方法：选中要移动的帧，拖至目位置。•配合Shift键和Ctrl辅助选择帧•Ctrl+Alt+A－－选择所有帧任务四、帧的操作使用帧–3.3.1帧的类型图3-11空白关键帧、关键帧与相同帧图3-12动作补间帧图3-13补间形状帧图3-14不完整的补间帧图3-15声音帧与动作帧图3-16设置帧标签图3-17标签帧–3.3.2对帧的操作•1．插入帧或关键帧图3-18帧操作快捷菜单•2．选择帧或关键帧图3-19选择同一列上的多个帧•3．删除和修改帧或关键帧图3-20移动帧•4．帧操作小结•从以上叙述可以看出，对帧进行操作最简便的方式是利用鼠标右键快捷菜单。对于习惯于使用键盘的用户来说，还可以使用键盘快捷键来提高操作速度。使用洋葱皮•通常情况下，Flash舞台一次只显示动画序列中的一个帧。为了帮助用户定位和编辑逐帧动画，用户可以使用洋葱皮功能在舞台中同时查看两个或多个帧。洋葱皮使时间轴中的帧像隔着一层透明绘图纸一样重叠显示，播放头下面的帧正常显示，表示可以编辑，而其余帧是暗淡显示，只是作为对比用。修改动画播放速度•如果要修改动画的播放速度，通常有两种方法，一是修改动画的帧频，另一种是延长单个关键帧的播放时间。•所谓帧频是指动画播放的速率，计量单位是fps，即每秒多少帧，默认值是12fps。图3-27“文档属性”对话框图3-28修改动画播放速度的时间轴实例——跳动的球•此实例实现第1章提到的橡皮球的弹起和落下的效果，以展示Flash逐帧动画如何应用“慢入慢出”、“弧形动作”和“挤压和伸展”等动画的基本原理。•此实例的效果如图3-29所示（用洋葱皮方式显示），制作步骤如下。图3-29橡皮球弹起和下落效果•（1）在Flash中创建3个图层，分别命名为“背景”、“球”和“临时”。其中“背景”层放置“地面”，在第12帧上插入一帧，使内容延续到第12帧；“球”层放置“球”（将“球”组合以方便操作）；“临时”层放置绘制的两条曲线（用线条工具绘制直线，然后用选择工具拖拽变形，注意为避免单调，两条线不要完全对称），以表示“球”运动的弧形轨迹，同样也使内容延续到第12帧，如图3-30所示。图3-30初始画面•（2）在“球”层的第2帧单击右键，选择“插入关键帧”命令，此时第一帧中的内容自动被复制到此帧。单击“绘图纸外观”按钮打开洋葱皮显示，调整第2帧中“球”的位置（注意使其变形点位于“临时”层的曲线上），使其与第1帧稍微有些偏移，表示“球”开始运动，如图3-31所示。操作过程中为避免修改了“临时”层和“背景”层，可将它们锁定。图3-31制作第2帧•（3）在“球”层第3帧插入关键帧，调整“球”的位置，并使用任意变形工具将其调整为椭圆，以产生由于重力而导致的球的变形，如图3-32所示。图3-32制作第3帧•（4）继续制作第4、5、6帧，注意在对“球”的变形过程中，使其“体积”保持不变，如图3-33所示。图3-33继续制作第4、5、6帧•（5）在第7帧中插入关键帧，保持其内容不变，产生“球”落地后稍微停顿的效果。•（6）使用“复制帧”和“粘贴帧”的方式将第5帧中的内容复制到第8帧，然后执行“修改”菜单“变形”子菜单的“垂直翻转”命令。如果必要，用任意变形工具调整其形状。用选择工具调整其位置，使其变形点位于右边曲线上。•（7）用同样的方法制作后面的关键帧，直到完成动画，此时的舞台和时间轴如图3-34所示。图3-34动画基本完成时的舞台和时间轴•（8）将“临时”层删除，按“Ctrl+Enter”键测试动画。–案例：完成“倒计时”。–方法2：导入外部素材生成逐帧动画。对于一些序列图片（根据名称判断），当导入到舞台后将按照名称顺序自动创建关键帧，从而行成动画效果。案例：制作“人物走路”案例综合实训——制作走路动画走路动画首先打开素材文档，调整人物各部位的位置和角度，制作一个走路的姿势，然后在所有图层当前帧的后面，插入一个关键帧，按照人物走路的运动规律制作第2个走路姿势，接下来用相同的方法制作其他8个走路姿势，具体操作请参考书中内容。本讲小结•本讲主要学习Flash中帧的创建、编辑方法和逐帧动画的制作方法。上机作业1、练习时间轴与帧的操作！2、根据课件文件夹中所给素材及结果，完成相应的案例。3、设计一幅人物头像表情（至少4种）的逐帧动画。