逐帧动画知识点
逐帧动画
动画的制作原理： 视觉暂留-----就是说人的眼睛看到一幅画或一个物体后， 其影像在24分之1秒内不会消失。 动画是利用人的视觉暂留原理，把很多张连 续绘制的图片，按一定速度播放，就看到了 动态的效果了。
逐 帧 动 画
逐个出现的文字
帧的概念：
Flash动画是按一定速度播放一幅幅连续的画 面而产生的，其中每一幅画面称为一帧，帧是组成 Flash动画的基本单位。
帧的分类
空白关键帧
帧
关键帧
普通帧
空白关键帧： 以空心圆表示，该帧在舞台中没有任何内容。
关键帧：
以实心的小黑点表示，该帧在舞台中有内容。 在动画播放过程中，呈现关键性动作或关键性内容变化 的帧。
普通帧：
在时间轴上为灰色填充的小方格，该帧舞台中的对象只能 显示不能编辑。
一般处在关键帧的后面，其作用是延长关键帧Байду номын сангаас画的播 放时间。
逐帧动画
返回
9/7/2014
• 1.帧的概念
Flash动画是由一幅一幅连续播放的画 面产生的，其中每一幅画面称作一个帧。 帧是组成Flash动画的基本单位。
• 2.帧的分类：空白关键帧 关键帧 普通帧
9/7/2014
空白关键帧
• 没有任何内容
• 时间轴中以一个空 心圆表示 • 快捷键：F7
9/7/2014
9/7/2014
9/7/2014
• 在时间轴上显示为 灰色填充的小方格 • 快捷键：F5
9/7/2014
9/7/2014
9/7/2014
9/7/2014
逐帧动画知识介绍
• 创建逐帧动画的典型方法主要有以下几种： • 从外部导入素材生成逐帧动画，如导入逐帧动画，如实现文字跳跃或旋 • 转等特效动画。 • 绘制矢量逐帧动画。应用各种设计工具在场景中绘制矢 • 量逐帧动画
9/7/2014
9/7/2014
9/7/2014
9/7/2014
关键帧
• 关键性动作或关键 性内容变化的帧
• 时间轴中以一个实 心圆表示。 • 快捷键：F6
9/7/2014
9/7/2014
9/7/2014
9/7/2014
9/7/2014
9/7/2014
9/7/2014
普通帧
• 延长关键帧动画的 播放时间。
第10课
逐帧动画
9/7/2014
学习任务
• 1、逐帧动画的原理 • 2、认识帧 • 3、 逐帧动画知识介绍
9/7/2014
将多张静止的、有着微小的差别的图片 迭加起来，连续播放，就形成了动画。
9/7/2014
• 原理：
在“连续的关键帧”中分解动画，也 就是在时间轴的每个帧上都有关键性变化 的动画。播放动画时，Flash就会一帧一 帧地显示每一帧中的内容，让其连续播放 就形成了动画效果。
逐帧动画
绘制特点：
每一个关键帧绘制的对象都是同一个。 对象都在同一个坐标上
• 创建逐帧动画的几种方法 • （1）用导入的静态图片建立逐帧动画 • 用jpg、png等格式的静态图片连续导入Flash中， 就会建立一段逐帧动画。 • （2）绘制矢量逐帧动画 • 用鼠标或压感笔在场景中一帧帧的画出帧内容。 • （3）文字逐帧动画 • 用文字作帧中的元件，实现文字跳跃、旋转等 特效。 • （4）导入序列图像于是一帧一帧的画， 所以逐帧动画具有非常大的灵活性，几乎可以表现 任何想表现的内容。 由于逐帧动画的帧序列内容不一样，不仅增加制 作负担而且最终输出的文件量也很大，但它的优 势也很明显：因为它相似与电影播放模式，很适 合于表演很细腻的动画，如3D效果、人物或动 物急剧转身等等效果。
图表情形象从左往右依次为：皮揣子猫、炮炮兵、兔斯基、悠嘻猴、 Hello菜菜、阿狸、洋葱头、绿豆蛙。
网络表情创作者大致可分三类——个人、工作室、公司。这些创作者的背景 完全不同，有在职白领，也有学生，多数人都是兼职。 不少创作者之所以青睐创作网络表情是看中了它的强大的传播力，这种作品 的传播充分地满足了这些“表情”创作者的成就感。在卡米文化公司进行网络 调查中显示，超过1/3的受调查者通过朋友互发QQ表情认识炮炮兵;仅在QQ上， 炮炮兵的下载量就已接近5亿次。网络表情的传播力由此可见一斑。 单个表情价格几元到几千元不等，“红”表情品牌价值已达2亿元
第7章逐帧动画制作(学习笔记)
第7章逐帧动画制作1、什么是逐帧动画？顾名思义，逐是逐个，帧是关键帧，所谓的逐帧动画指的就是每一帧都是关键帧，对于有的动画我们需要一个一个关键帧去制作中间不需要插入过渡帧从而形成一种特殊效果。
在制作逐帧动画时，由于不需要创建补间（即过渡帧），所以对象的类型可以为任意类型。
（包括：散件、元件、文字、组合的对象等）。
2、滴管工具为了使多个物体填充颜色或边框色相同，可以使用滴管工具来进行吸取，吸取的时候可以吸取填充色也可以吸取边框色。
按shift键：表示同时吸取填充色和边框色。
3、翻转帧：将所选择的动画反向播放。
4、对于一些序列图片：（根据名称判断），当导入到舞台后将按照片名称顺序自动创建关键帧，从而行成动画效果。
在默认的情况下，我们所编辑的图片指的是当前帧的图片，所谓当前帧指的就是磁头停留的帧；编辑多个帧：可以同时对多个帧进行编辑，这里的帧既包括关键帧，又包括过度帧等。
编辑多个帧按钮：时间轴上会出现范围，调节范围，即一起调节所有帧。
5、显示标尺：CTRL+SHIFT+ALT+R6、选择多个帧按F6,可以快速插入关键帧。
7、变换点和注册点：变换点所指的就是对物体进行一系列变换操作时所参照的点。
变换操作包括：移动、旋转、缩放、倾斜等。
（例如：绘制一个散件，选择任意变形工具后中间的可移动的白点即为变换点。
）注册点：指定物体位置时所参照的点。
散件：注册点在左上角（例如：绘制散件后，修改两个坐标为（0，0），此时与（0，0）对齐的点为散件的左上角）。
元件：注册点可以任意改变（对于元件注册点有无数个，可通过双击更改，即十字位置为注册点位置）。
散件转换成元件：可以选择注册点。
直接绘制元件（CTRL+F8）:不能直接选择注册点转换成元件后可看见注册点。
8、套锁工具：可以选择物体的一部分。
7-1实例（流动方块）操作步骤：1）更改舞台颜色和舞台大小。
2）选择矩形工具绘制正方形。
修改填充色和边框色。
3）选中正方形，按ALT键和SHIFT键进行复制，一共16个。
逐帧动画
帧的概念
4. 普通帧（F5键） • 关键帧后面的普通帧将继承关键帧的内容。 例如：动画背景的制作，就是将一个含有背 景图案的关键帧的内容沿用到后面的帧上。 • 普通帧的主要作用，就是使其前面关键帧的 内容静止不动，将关键帧的内容沿用到新帧 上。
请同学们在老师的带领下对帧的操作进行进一步的熟悉，并 跟随以下要求进行操作训练。
1、新建一个Flash文档，然后在舞台上输入“Flash帧操作”几个字 ，并设置文字颜色为“暗红色”,如图4-6所示。
2、选中默认“图层1”的第10帧，按键盘上的F5快捷键插入帧，如图 4-7所示。然后拖动时间轴ห้องสมุดไป่ตู้制柄观看舞台上文字的变化
1、制作背景。 （1）新建一个Flash文档，设置文档【尺寸】为“550px×250px” ，【帧频】为“6fps”，其他属性使用默认参数 。 （2）将默认的“图层1”重命名为“背景”层，执行【文件】/【导 入】/【导入到舞台】菜单命令，将教学资源 背景JPG”的图像文件 导入到舞台中，并相对舞台居中对齐，如图4-13所示 。
图4-5 逐帧动画原理
创建逐帧动画的典型方法主要有以下3种。 从外部导入素材生成逐帧动画，如导入静态的图片、序列图像 和GIF动态图片等。 使用数字或者文字制作逐帧动画，如实现文字跳跃或旋转等特 效动画。 绘制矢量逐帧动画，利用各种制作工具在场景中绘制连续变化 的矢量图形，从而形成逐帧动画
4.2.1 范例解析（一）──对操作帧的练习
图4-8 插入关键帧
flash 教程_逐帧动画
位和编辑逐帧动画，可以使用绘图纸外观在舞台上一次查看两个或更多的 帧。播放头下面的帧用全彩色显示，但是其余的帧是暗淡的，看起来就好 像每个帧是画在一张半透明的绘图纸上，而且这些绘图纸相互层叠在一起， 无法编辑暗淡的帧。在时间轴面板中，绘图纸外观的主要选项如图所示。
编辑帧
选择帧 创建帧 复制/移动帧 删除帧
在动画中创建普通帧可延长动画的播放时 间。创建普通帧的方法有以下几种。 按快捷键【F5】键。 在要插入帧Байду номын сангаас位置单击鼠标右键，在弹出的 快捷菜单中选择“插入帧”命令。 在时间轴上用鼠标左右拖动关键帧也可插入 普通帧。
复制/移动帧
在制作Flash时常常需要制作几个完全相同 的帧，这时不必一帧一帧地制作，只需要制作 一帧，然后将该帧复制几份即可，其具体操作 如下。 （ 1 ）选中要复制的帧，然后单击鼠标右键， 在弹出的快捷菜单中选择“复制帧”命令。 （ 2 ）在目标帧上单击鼠标右键，在弹出的 快捷菜单中选择“粘贴帧”命令即可将复制的 帧及其内容复制到目标帧上。
Flash基本动画
逐帧动画 补间动画
动作（画）补间 形状补间
课堂讲解
帧的概念 帧的类型 编辑帧
帧的概念
Flash 的主要功能是制作动画， 动画实际是由多个帧组成的，播放动 画就是依次显示每一帧中的内容。 Flash MX 2004 中，组成动画的每一 个画面就是一个帧。也可以把帧看作 是 Flash 动画中在最短时间单位里出 现的画面。帧越多，动画需要播放的 画面也越多，播放时间就越长。
移动帧的方法有两种。 选中要移动的帧，按下鼠标左键拖到需要放 置的地方即可，如图7-8所示。 选中要移动的帧，单击鼠标右键，在弹出的 快捷菜单中选择“剪切帧”命令，然后在目 标位置单击鼠标右键，在弹出的快捷菜单中 选择“粘贴帧”命令。
第二讲--逐帧动画
9
2、层的作用和特点
①使用图层有利于对舞台上各对象进行整理。 ②每个图层上都可以包含任意数量的对象。 每个图层都可以放对象，可以对图层上的对象单独处 理而不影响其他图层中的对象 。 ③最先创建的图层在最下面，该图层上的对象又有其自 身的堆叠顺序。改变图层的位置时，本层所有对象都 会随着图层位置的改变而改变，但图层内部对象的堆 叠顺序不会变。 ④使用图层可以将动画中的静态元素和动态元素分隔开 ，大大减小整个动画文件的大小。
逐帧动画案例：抖动动画 闪烁动画
14
任务四、时间轴特效动画
1 、时间轴特效(Timeline Effects)：
使用Flash包含的预置时间轴特效可以通过执行最少的 步骤来创建复杂的动画。
时间轴特效可以应用于文本、图形、位图和按钮元件 等对象。 2、应用时间轴特效 插入—时间轴特效 修改—时间轴特效—删除特效和编辑特效
2应用时间轴特效修改时间轴特效删除特效和编辑特效163时间轴特效的类型变形转换变形转换帮助分散式直接复制复制到网格效果分离展开投影模糊17本讲主要学习了层帧时间线的有关动画制作的基本概念掌握逐帧动画的制作和时间轴的特效的应用
网页三剑客
主讲:王智娟
第二讲
逐帧动画
教学目标
通过本讲的学习,使大家掌握Flash中动画制作的基 础知识（帧、层、时间轴),并会制作逐帧动画和利 用时间轴特效制作动画
注意：
①帧标签命名，要避免用长名，因标签名会同动画
一起输出，从而占据了输出文件的空间；
② 帧 注解不会同动画一起输出，可以输入任意长度
的字符串。
8
任务二、层的概念及基本操作
1、层的概念 在Flash中，用层来组织和安排动画每帧的内容， 将运动对象与静态对象隔离开来，以免对象之间 互相影响。 实际操作中把形状不同或类型不同的对象分别放 在不同的层上，最终把所有层上的对象组合形成 一幅完美的作品。
逐帧动画知识点
逐帧动画一、什么是图层？图层就象是含有文字或图形等元素的胶片，一张张按顺序叠放在一起，组合起来形成页面的最终效果。
打个比方说，在一张张透明的玻璃纸上作画，透过上面的玻璃纸可以看见下面纸上的内容，但是无论在上一层上如何涂画都不会影响到下面的玻璃纸，上面一层会遮挡住下面的图像。
最后将玻璃纸叠加起来，通过移动各层玻璃纸的相对位置或者添加更多的玻璃纸即可改变最后的合成效果。
举个例子说明：比如我们在纸上画一个人脸，先画脸庞，再画眼睛和鼻子，然后是嘴巴。
画完以后发现眼睛的位置歪了一些。
那么只能把眼睛擦除掉重新画过，并且还要对脸庞作一些相应的修补。
这当然很不方便。
在设计的过程中也是这样，很少有一次成型的作品，常常是经历若干次修改以后才得到比较满意的效果。
那么想象一下，如果我们不是直接画在纸上，而是先在纸上铺一层透明的塑料薄膜，把脸庞画在这张透明薄膜上。
画完后再铺一层薄膜画上眼睛。
再铺一张画鼻子。
如下图，将脸庞、鼻子、眼睛分为三个透明薄膜层，最后组成的效果。
这样完成之后的成品，和先前那幅在视觉效果上是一致的。
虽然视觉效果一致，但分层绘制的作品具有很强的可修改性，如果觉得眼睛的位置不对，可以单独移动眼睛所在的那层薄膜以达到修改的效果。
甚至可以把这张薄膜丢弃重新再画眼睛。
而其余的脸庞鼻子等部分不受影响，因为他们被画在不同层的薄膜上。
这种方式，极大地提高了后期修改的便利度。
最大可能地避免重复劳动。
因此，将图像分层制作是明智的。
二、什么是帧？关键帧、空白关键帧?（1）帧是影像学中最小单位的单幅影像画面，相当于电影胶片上的每一格镜头，一帧就是一副静止的画面，连续的帧就形成动画。
（2）空白关键帧：空白关键帧是没有任何对象存在的帧，主要用于在画面与画面之间形成间隔，它在时间轴上是以空心圆的形式显示，用户可以在其上绘制图形，一旦在空白关键帧中创建了内容，空白关键帧就会自动转变为关键帧，按F7快捷键可创建空白关键帧。
（3）关键帧：相当于二维动画中的原画。
逐帧动画知识点
3月4日逐帧动画知识点：一、基本概念1、帧：构成动画的一系列画面2、关键帧：用于定义动画变化的帧3、空白关键帧：帧上没有任何对象注意：空表关键帧用空心圆表示，关键帧用实心圆表示4、帧频（FPS）：每秒钟播放的帧数5、图层：与PS类似，每个图层包含不同内容，对某个图层内容操作不影响其他图层二、基本操作1、舞台属性的设置，包括大小、背景颜色、帧频屏幕右边的“属性”选项卡中2、插入关键帧的方法●选择帧鼠标右击，选择“插入关键帧”●插入菜单——时间轴——关键帧●快捷键F63、插入空白关键帧的方法●选择帧鼠标右击，选择“插入空白关键帧”●插入菜单——时间轴——空白关键帧●快捷键F74、图层的基本操作1）新建：●插入菜单——时间轴——图层●选择任意图层右击——插入图层2）删除：选择任意图层右击——删除图层三、任务1、跳跃的豹子1)创建flash文档：文件——新建——常规中flash文件(ActionScript2.0)2)调整舞台大小、背景颜色、帧频：屏幕右边属性中单击编辑按钮大小改为300*200像素，背景颜色和帧频随意。
3)导入素材：文件——导入到库——选中所有的图片（ctrl+a）——单击打开按钮。
4)利用素材制作逐帧动画：选中屏幕右边的“库”选项卡，按着鼠标左键不动，把“位图1”拖动舞台中。
调整图像在舞台中的位置：单击窗口菜单—对齐命令，选择“水平中齐”和“垂直对齐”。
或者修改菜单—对齐——水平居中和垂直居中同样的方法把剩余的七张图片，放在第2帧到第8帧上舞台中相同的位置。
5)测试影片：保存文件（Ctrl+s）；再按Ctrl+Enter测试影片2、运动的机器人1）创建flash文档：文件——新建——常规中flash文件(ActionScript2.0)2）调整舞台大小、背景颜色、帧频。
帧频设为1。
3）绘制机器人：单击屏幕右边工具栏上的矩形工具，在舞台上绘制头部、躯干、上肢、下肢。
可以利用复制（ctrl+c）粘贴（ctrl+v）完成另一个上肢、下肢。
简单的逐帧动画
（2）使用数字或者文字制 作逐帧动画，如实现文字 跳跃或旋转等特效动画。 （3）绘制矢量逐帧动画， 利用各种制作工具在场景 中绘制连续变化的矢量图 形，从而形成逐帧动画
5、范例讲解
例：简单的逐帧动画的制作——闪烁的边
框动画
2.1.1逐帧动画的原理
逐帧动画的原理是逐一 创建出每一帧上的动画内 容，然后顺序播放各动画 帧上的内容，从而实现连 续的动画效果，如图4-5所
图4-5
3.帧
3.1、帧：是Flash的基本单位。 帧：就相当于我们平时讲的 “镜头”，每个镜头都有一幅 静止的图，一帧相当于一幅静 止的图。
3.2、帧的类型 （1）普通帧：动画中的物体没有特 殊变化的“镜头”，仅仅为了延长 出现时间的帧。 （2）关键帧：有特定动画变化的镜 头。 （3）空白关键帧：如果关键帧上什 么都没有，那叫空白关键帧。
4.2创建逐帧动画的典型
方法主要有以下3种。 （1）从外部导入素材生成 逐帧动画，如导入静态的 图片、序列图像和GIF动 态图片等。
Flash基本的动画
1、动画原理
人体的视觉器官，在看到的物体消失之 后，仍可暂时保留视觉的印象。 视觉印象在人的眼中大约可保持0.1秒之 久， 如果两个视觉印象之间的时间间隔不 超过0.1秒，两个视觉印象融合在一起，就 形成视觉残（暂）留印象。 动画：正是利用人眼的视觉暂留特性来 制作的。
2、Flash动画的基本类
动画入门1-逐帧动画
时间轴
时间轴上的帧
• 动作补间是由一个以黑点开头，中间帧是 一个淡蓝色的背景的补间段表示的 动作补间可以有属性关键帧，属性关键帧 在补间段上是一个小小的菱形表示的,这些 蓝色的帧通常被叫做“补间帧”
时间轴上的帧
• 图形补间使用的帧比较好认，开头是一个黑色的点， 中间帧上是一个黑色的箭头，有着淡绿色的背景
单独的关键帧是用一个黑色的点表示的。 一个单独关键帧后面淡灰色背景的帧直到 结束的空心矩形帧的所有帧段包含和单独 关键帧一样无任何更改的内容。一个关键 帧包含未做任何修改的内容和横跨大量的 帧。这些灰色的帧经常被叫做“静态帧”。
时间轴上的帧
• 如果帧上有一个小小的a字母代这这个帧的 脚本面板上有帧脚本
一系列有亮灰色背景色的关键帧表明这是 一个逐帧动画。 一个空心圆代表一个空白（或者空）关键 帧，白色帧代表无内容的帧。
帧频
2 逐帧动画
第二节 逐帧动画
三、本节活动：
制作夜空下莹火虫飞舞的动画，见课本要求。
四、演示并指导上机。
五、作业：课后思考题。
逐帧动画：是一种常见的动画形式，是在时间
轴的每个关键帧上逐帧绘制不同的内容，使其 连续播放而成的动画。
帧与关键帧：帧指一个画面。Flash动画是由许多帧
组成的，当帧按照一定的速度连续播放，就形成了动画 效果。(帧又分为普通帧、关键帧和空白关键帧)，其中 最重要的是关键帧，是控制动画产生关键动
作的画面。普通帧在时间轴上能显示图形， 但不能对图形进行编辑操作。
第二节 逐 帧 动 画
王Hale Waihona Puke 艳一、回顾第一节内容
同学们，我们上节课学习了哪些知识大家还 记得吗？ 认识flash工作界面，工具箱，图层、时间轴、 舞台。 从今天这节课开始我们就开始涉足制作flash 动画。
二、Flash动画一般分为五种常见的动画形式：逐帧动画、形状补间动
画、动作补间动画、引导层动画、遮罩层动画。
逐帧动画
● 动画补件 在一个关键帧上放置一个对象，在同一图层的另 一个关键帧上改变该对象的大小、位置、角度、 透明度、颜色等，Flash根据二者之间的差值自动 生成的动画被称为动画补件动画。 ● 形状补件 形状补件动画是指一个形状变成另一个形状动画 效果，例如鸡蛋变小鸡、小猫变老虎等等。
逐帧动画的优缺点
Байду номын сангаас
逐帧动画的优点是动作细腻、流畅，适合制作人 物或动物行走、跑步等动画；缺点是每个帧上的 内容都需要用户绘制或设置，制作比较麻烦，而 且最终输出的文件容量很大。 注意：制作逐帧动画时，用户可以一帧帧地绘制 动画需要的画面；也可以将自己或别人绘制好的 jpg、png序列格式的静态图片到屠刀Flash中的不 同帧中，形成逐帧动画；还可以导入GIF序列图像 或SWF动画文件，Flash会自动添加关键帧并形成 逐帧动画。
知识点
第一节：（倒计时、解数学、解字） 逐帧动画
第二节：（天鹅飞翔、走路动画）
第三节：动画补件（小汽车启动） 补间动画 第四节：形状补间（鸡蛋变小鸡）
学习目标
1.了解最基本的两种动画类型。 2.掌握逐帧动画的原理及制作方法。
制作Flash动画时，通过对同一图层上的帧进行设 置，可生成逐帧动画和补件动画两种最基本的动 画类型。 ● 逐帧动画 在连续的关键帧中绘制或编辑同一对象的不同形 态（或不同的对象）所形成的动画。 ● 补件动画 在制作好前后两个关键帧上的内容后，有Flash自 动生成中间各帧，似的画面从一个关键帧逐渐变 到另一个关键帧所形成的画面。
逐帧动画
4.1 逐帧动画原理
逐帧动画的原理比较简单，但是要 制作出优秀的逐帧动画对制作者的动 画技能要求较高。本节从逐帧原理入 手再配合一个较简单的逐帧动画来向 同学们讲述如何制作逐帧动画 .
三、逐帧动画的原理。 逐帧动画的原理是逐一创建出每一帧上的动画内容，然后顺序 播放各动画帧上的内容，从而实现连续的动画效果，如图4-5所示。
逐帧动画
帧的概念
• Flash把动画分解成帧，在舞台中直接绘制的 图形，或导入的图像，均可形成单独的帧， 再把各个单独的帧图像画面连在一起，合成 动画。 • 帧代表着时刻，不同的帧即不同的时刻，画 面随着时间的推移逐个出现，就成了动画。
帧的概念
• 制作动画有两种方式：一种是逐帧动画，另一种是 渐变动画。
帧的概念
2. 关键帧（F6键） ： • 关键帧用实心圆点标记，表示其中含有组件或图形， 是具有关键内容的帧。 • 如果在某一关键帧的后面某帧再按F6键，则前面的 内容得以保留，此时可修改两个关键帧中某一个上面 的内容，如移动位置，改变大小，加工等，由此便可 设置动画。 • 关键帧的数目越多，文件容量就越大。 • 单独的关键帧为一黑色圆点，后面 为灰色表明其后各帧的内容与其一致，没有变化。
图4-18 第2帧添加“一 图4-19 第3帧添加“马 ” ”
图4-20 第4帧添加“平 ”
图4-21 第5帧添加“川 ”
（5）保存测试影片，一马平川的动画效果制作完成 。
4.1.4
课堂绘图工具，在不同的帧上绘制红旗在空中不同的 状态，从而制作如图4-22所示的动态效果。
图4-11 粘贴帧
请根据【知识点讲解】栏目讲解的帧知识和此处进行的操 作和观察，思考帧、关键帧、空白关键帧的意义和用法 。
4.2.1 范例解析（一）──对操作帧的练习
逐帧动画
小结与提高
一、动画原理
二、逐帧动画
课后作业
制作动画效果如下：
创建逐帧动画的几种方法
（1）用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入Flash中，就会建立 一段逐帧动画。 （2）绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧帧的画出帧内容。 （3）文字逐帧动画 用文字作帧中的元件，实现文字跳跃、旋转等特效。 （4）导入序列图像
此帧的特点是中间的 圆点是空心的，代表 此帧上没有内容。
此帧的特点是中心方块， 代表关键帧上的对象在 舞台上的持续时间。
三、案例:等待的精灵
阳光明媚的林间小路上，一个可爱的精灵 正在焦急的等待。
设计思路
1.事先准备好的素材导入到库中
文件→导入→导入到库
设计思路
2.从库中将图片拖入到场景舞台中
设计思路
逐帧动画
淮南市职业教育中心 胡莹
一、动画的基本原理
，由于人眼具有视觉暂留的特性，因此这些连续 的画面按照一定的速度播放出来，在我们的头脑中就 形成了活动的画面。
动画是由一幅幅画面按照先后顺序播放出来的
我国最早的动画
《大闹天宫》是中 国动画史上的丰碑。 1960年初，影片进入 绘制阶段，当时没有 电脑制作，所有的动 画设计全凭画笔，50 分钟的上集和70分钟 的下集原画数量超过7 万张，仅绘制就用了 近两年的时间。
请同学们使用绘图工具，在不同的帧上绘制红旗在空中不同的状态，从而制作 如图所示的动态效果。
逐帧动画的优缺点
优点：逐帧动画对刻画人物或动物的动作很到位，因此在 表现角色的走、跑和跳等一些很精细的动作时，都是用逐 帧动画来完成的。
缺点：逐帧动画需要一帧一帧地绘制，工作量比较大。通 常逐帧动画被用在制作传统的2D动画中。
逐帧动画的学习
逐帧动画的学习
1．逐帧动画的概念和在时间帧上的表现形式
在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。
2．创建逐帧动画的几种方法
（1）用导入的静态图片建立逐帧动画
用jpg、png等格式的静态图片连续导入Flash中，就会建立一段逐帧动画。
（2）绘制矢量逐帧动画
用鼠标或压感笔在场景中一帧帧的画出帧内容。
（3）文字逐帧动画
用文字作帧中的元件，实现文字跳跃、旋转等特效。
（4）导入序列图像
可以导入gif序列图像、swf动画文件或者利用第3方软件（如swish、swift 3D等）产生的动画序列。
由于逐帧动画的帧序列内容不一样，不仅增加制作负担而且最终输出的文件量也很大，但它的优势也很明显：因为它相似与电影播放模式，很适合于表演很细腻的动画，如3D效果、人物或动物急剧转身等等效果。
4.逐帧动画
吴绍林
主 要 内 容
一．动画的分类与区别 二．逐帧动画的概念与特点 三．逐帧动画相关知识概念 四．逐帧动画实例
教学目标
1. 了解动画的分类与区别 2. 了解各种帧的关系 3. 掌握逐帧动画的概念
重点与难点
• 【重点】逐帧动画的概念与特点
• 【难点】逐帧动画相关知识概念
一、动画的分类与区别
1.逐帧动画 • 在“连续的关键帧”中分解动画动作，也 就是在时间轴的每帧上逐帧绘制不同的内 容，使其连续播放而成动画。
例如：人物或动物急剧转身、 头发及衣服的飘动、走 路、说话以及精致的3D效果等等
• 2.逐帧动画的特点：
– 逐帧动画花费时间长 – 逐帧动画具有非常大的灵活性 – 逐帧动画可以保存每个完整的帧值 – 逐帧动画体积较大
关键桢
空白桢
普通桢
３．不同帧的转换
ቤተ መጻሕፍቲ ባይዱ
（１）关键帧与与空白帧的转换
（２）普通帧与关键桢、空白帧
四、逐帧动画实例
• 课本45页写字效果
课堂小结
• 动画的分类与区别 • 逐帧动画的概念与特点 • 逐帧动画相关知识概念
课后作业
1. 动画可以分为哪几类？ 2. 什么是逐帧动画，有什么特点？ 3. 什么是帧，有那三种帧，各种帧之间怎么 转换？
三、逐帧动画相关的概念
• 1.什么是帧？
就是影像动画中最小单位的单幅影像画面，相 当于电影胶片上的每一格镜头。 一帧就是一副静止 的画面，连续的帧就形成动画，如电视图象等。 电影：24帧/秒 电视：25帧/秒 Flash:12/秒
2.三种不同的帧 关键桢：是指在动画中内容更改所在的帧， 也就是真正存在图形的帧和存在脚本动作的 帧。【Ｆ6，并输入动画内容】 空白帧：也是关键帧，但帧中没有内容。是 画下一个动作的白纸。 【Ｆ６，并删除动画 内容】 普通帧：不起关键作用，用来继续显示左边 离它最近一个帧的内容。 【Ｆ５】
逐帧动画
（一）、逐帧动画逐帧动画是用连续关键帧的方式组织画面而表现出来的动画，是Flash动画中最基本的动画形式，主要用于表现细微的动作变化，如旗帜飘动、青草摆动、动物行为等动作，如图5-26所示。
逐帧动画的原理非常简单，但制作过程却非常复杂，它需要一帧一帧地编辑画面，同时还要考虑画面之间的变化，保证动画效果的自然流畅。
在逐帧动画中，每一帧的编辑对象可以是图形、图片、文字等，对于图形的编辑，就要求设计人员有一定的美工基础。
下面利用逐帧动画原理来制作“倒计时”动画和“交通灯”动画。
图5-26 跳远动作逐帧分解项目实训一：“倒计时”动画以5秒倒时为例，从5开始，每隔1秒进行倒数，直到0为止。
通过制作“倒计时”动画了解逐帧动画的基本原理。
1．打开Flash程序，新建Flash文档（Ctrl+N），默认文件设置，确定。
在“图层1”上双击，重命名为“倒数”。
2．利用“椭圆”工具，在舞台正中画大圆。
利用“文本”工具在画上输入数字“5”，调整文本的属性如“大小”、“颜色”，适当调整数字与圆的位置。
3．在“倒数”图层的时间轴第二帧上单击右键，“插入关键帧”（F6）五次。
4．单击第二帧，利用“选择”工具双击舞台中的数字“5”，并改为数字“4”。
利用同样的方法，第三帧对应数字“3”，第四帧对应数字“2”，依此类推，完成所有数字的修改。
5．调整时间轴帧频率为1fps，表示1秒钟播放一帧画面，完成倒计时动画。
保存Flash文档，执行【控制】→【测试影片】→【测试】（Ctrl+Enter）进行影片测试。
在帧频率为24fps下，通过在关键帧上“插入帧”的方法，把每个关键帧延长到24帧可以达到预计的动画效果。
项目实训二：“交通灯”动画“交通灯”有红、黄、绿三颗指示灯，红绿灯各停顿1秒钟，黄灯闪三下后变换红绿灯。
通过制作“交通灯”动画了解逐帧动画的制作过程，了解动画制作的思路，掌握逐帧动画的操作技巧。
1．打开Flash程序，新建Flash文档（Ctrl+N），默认文件设置，确定。
Flash——逐帧动画
延长帧 ：此帧的特点是中心方块，代表关键帧上的对象 在舞台上的持续时间。插入延长帧可以按【F5】键。
A
6
一、逐帧动画的基本概念
当需要对时间轴上的帧 的属性进行修改时，在 此帧上单击鼠标右键， 在弹出的的快捷菜单中 可以对此帧进行调节。
A
7
一、逐帧动画的基本概念
逐帧动画的优缺点： 优点：逐帧动画对刻画人物或动物的动作很到位，因此在 表现角色的走、跑和跳等一些很精细的动作时，都是用逐 帧动画来完成的。
Flash——逐帧动画
A
1
内容
一、逐帧动画的基本概念 二、逐帧动画的基本操作方法
A
2
A
3
A
4
一、逐帧动画的基本概念
动画中，最基本的时间单位就是帧。 帧是时间轴上记录动作的小格。
制作动画时，没有帧的存在，也就没有动画的存在 关键帧是Flash动画中的主导
A
5
一、逐帧动画的基本概念
Flash中最常用的帧主要有关键帧、空白帧和延长帧。其 中，关键帧是Flash中最重要的组成部分
缺点：逐帧动画需要一帧一帧地绘制，工作量比较大。通 常逐帧动画被用在制作传统的2D动画中。
A
8
二、逐帧动画的基本操作方法
1：打开Flash软件，选择【文件】→ 【新建】命令，创建一 个Flash文档
2：在“工具”面板中选择“文本工具”，在舞台上中输入 文字“教科1109”
3：按【Ctrl+B】组合键，将输入好的文字进行第一次打散。 接着再次按【Ctrl+B】组合键，将其进行第二次打散，最终将 静态文本变为可编辑的状态。
空白帧 ：此帧的3种特帧点的是关中系间：的圆点是空心的，代表此帧 上没有内容。插入在空空白白关帧键上帧绘可制以了按物【象F就7】变键成。了
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
逐帧动画
一、什么是图层？
图层就象是含有文字或图形等元素的胶片，一张张按顺序叠放在一起，组合起来形成页面的最终效果。
打个比方说，在一张张透明的玻璃纸上作画，透过上面的玻璃纸可以看见下面纸上的内容，但是无论在上一层上如何涂画都不会影响到下面的玻璃纸，上面一层会遮挡住下面的图像。
最后将玻璃纸叠加起来，通过移动各层玻璃纸的相对位置或者添加更多的玻璃纸即可改变最后的合成效果。
举个例子说明：比如我们在纸上画一个人脸，先画脸庞，再画眼睛和鼻子，然后是嘴巴。
画完以后发现眼睛的位置歪了一些。
那么只能把眼睛擦除掉重新画过，并且还要对脸庞作一些相应的修补。
这当然很不方便。
在设计的过程中也是这样，很少有一次成型的作品，常常是经历若干次修改以后才得到比较满意的效果。
那么想象一下，如果我们不是直接画在纸上，而是先在纸上铺一层透明的塑料薄膜，把脸庞画在这张透明薄膜上。
画完后再铺一层薄膜画上眼睛。
再铺一张画鼻子。
如下图，将脸庞、鼻子、眼睛分为三个透明薄膜层，最后组成的效果。
这样完成之后的成品，和先前那幅在视觉效果上是一致的。
虽然视觉效果一致，但分层绘制的作品具有很强的可修改性，如果觉得眼睛的位置不对，可以单独移动眼睛所在的那层薄膜以达到修改的效果。
甚至可以把这张薄膜丢弃重新再画眼睛。
而其余的脸庞鼻子等部分不受影响，因为他们被画在不同层的薄膜上。
这种方式，极大地提高了后期修改的便利度。
最大可能地避免重复劳动。
因此，将图像分层制作是明智的。
二、什么是帧？关键帧、空白关键帧?
（1）帧是影像学中最小单位的单幅影像画面，相当于电影胶片上的每一格镜头，一帧就是一副静止的画面，连续的帧就形成动画。
（2）空白关键帧：空白关键帧是没有任何对象存在的帧，主要用于在画面与画面之间形成间隔，它在时间轴上是以空心圆的形式显示，用户可以在其上绘制图形，一旦在空白关键帧中创建了内容，空白关键帧就会自动转变为关键帧，按F7快捷键可创建空白关键帧。
（3）关键帧：相当于二维动画中的原画。
指角色或者物体运动或变化中的关键动作所处的那一帧。
关键帧的用途又分为：普通关键帧（用于处理图形图像和动画）；动作脚本关键帧（用于存放动作脚本，关键帧可以通过动作脚本控制flash影片和其中的影片剪辑）；
三、什么是影片剪辑？
影片剪辑是包含在flash影片中的影片片段，有自己的时间轴和属性。
具有交互性，是用途最广、功能最多的部分。
可以包含交互控制、声音以及其他影片剪辑的实例，也可以将其放置在按钮元件的时间轴中制件动画按钮。
四、什么是逐帧动画
逐帧动画是一种常见的动画形式（Frame By Frame），其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。
逐帧动画早在1907年被一个无名技师发明，一时这种奇妙的方法在早期影片中大出风头，当时这种技术不被了解，后来被法国高蒙公司的艾米尔.科尔
发现了这个秘诀后拍摄了很多动画片,其中有，《小浮士德》是一部逐帧木偶动画，堪称逐帧动画的早期杰作，后来随着逐帧动画的日益完善，出现了一系列经典作品。