04含封面简单的逐帧动画(1)
逐帧动画-课件
Flash平面动画设计
Page 13
谢谢指导
Flash平面动画设计
知识回顾 Knowledge Review
祝您成功
Flash平面动画设计
……
第一帧
第二帧 第三帧
这些都是 帧
Flash平面动画设计
Page 5
关键帧
定义动画变化环节的帧
仔细看，每一 帧都是变化的 ……
第一帧第Βιβλιοθήκη 帧 第三帧Flash平面动画设计
Page 6
关键帧
在时间轴上，每一个小方格就是一帧。帧又分为
普通帧、关键帧、空白关键帧。逐帧动画的每一帧都是 关键帧。只有关键帧是可以编辑的。在时间轴上显示为 黑色的圆点。快捷键为：F6
第2课 新春快乐
Page 2
动画基本原理
动画就是由一幅幅画面按照先后顺序播 放出来的，由于人眼具有视觉暂留特性， 因此，这些连续的画面按照一定的速度播 放出来，在我们的头脑中就形成了活动的 画面。
Flash平面动画设计
Page 3
逐帧动画
……
Flash平面动画设计
Page 4
帧
动画中的一个静态画面，动画是由许许多多的帧组成。
（设计效果如下图所示）。
Flash平面动画设计
想一想
怎样才能让倒计时的速度慢下来呢？
Page 10
Flash平面动画设计
Page 11
在创作大比拼中，表现优秀，并评为：
设计大师
特发此状，以资鼓励。
Flash平面动画设计
Page 12
归纳小结
逐帧动画原理
这节课你收获了什么 帧、关键帧、帧频
制作简单的逐帧动画
况下，flash的帧频是12帧/秒，也就是1秒钟播放 flash中12帧的影片内容。 3、太慢会使动画看起来断断续续，太快又使人无法看 清动画的细节 。
第二节逐帧动画
第三章动画基础第二节逐帧动画从本节起，我们将逐渐给大家介绍Flash MX 2004中的五种常见的动画形式：逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导线动画。
本节着重介绍逐帧动画（Frame By Frame），这是一种常见的动画形式，它的原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放而成动画。
由于逐帧动画的帧序列内容不一样，不仅增加制作负担而且最终输出的文件量也很大，但它的优势也很明显：因为它相似与电影播放模式，很适合于表演很细腻的动画，如3D效果、人物或动物急剧转身等等效果。
1．逐帧动画的概念和在时间帧上的表现形式在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧地画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。
逐帧动画在时间帧上表现为连续出现的关键帧，如图3-2-1所示。
图 3-2-1 逐帧动画2．创建逐帧动画的几种方法（1）用导入的静态图片建立逐帧动画用jpg、png等格式的静态图片连续导入到Flash中，就会建立一段逐帧动画（参考实例：奔跑的豹子）。
（2）绘制矢量逐帧动画用鼠标或压感笔在场景中一帧帧的画出帧内容（参考实例：旋转的立方体）。
（3）文字逐帧动画用文字作帧中的元件，实现文字跳跃、旋转等特效。
（4）指令逐帧动画在时间帧面板上，逐帧写入动作脚本语句来完成元件的变化。
（5）导入序列图像可以导入gif序列图像、swf动画文件或者利用第3方软件（如swish、swift 3D等）产生的动画序列。
3．绘图纸功能（1）绘画纸的功能绘画纸是一个帮助定位和编辑动画的辅助功能，这个功能对制作逐帧动画特别有用。
通常情况下，Flash 在舞台中一次只能显示动画序列的单个帧。
使用绘画纸功能后，你就可以在舞台中一次查看两个或多个帧了。
如图3-2-2所示，这是使用绘画纸功能后的场景，可以看出，当前帧中内容用全彩色显示，其它帧内容以半透明显示，它使我们看起来好像所有帧内容是画在一张半透明的绘图纸上，这些内容相互层叠在一起。
《逐帧动画》ppt课件
四、认识Flash界面 在桌面上用鼠标左键双击
在创建新项目中选择——Flash文档
工
时间轴
具
箱
舞台
属性面板
1. 帧的概念：构成动画的每一个画面叫做一个帧。
在时间轴上，每一个小方格就是一帧。帧又分为普通帧、关键 帧、空白关键帧。逐帧动画的每一帧都是关键帧。只有关键帧是可 以编辑的。在时间轴上显示为黑色的圆点。
认识逐帧动画
明湖中学 杨 丽
观看动画片说出动画的制作类型
一、动画的基本原理
动画就是通过连续播放一系列画面，给视觉造成图像连 续变化的感觉，达到理想的动画效果。它的基本原理与电 影、电视是一样，都是利用了视觉原理。动画不是“会动 的画”，而是“画出来的运动”。
二、常用的动画制作软件
1、二维动画制作软件： Ulead GIF AnimatorGIF是一种动画制作软件 Flash是一种集动画创作与应用程序开发于一身的软件， 制作的动画具有点小精悍的特点。
课堂实操: 制作“倒计时效果”动画
制作在一个红色圆角矩形背景下显示“5、4、3、…1、GO！”的 倒计时动画效果（设计效果如下图所示实操步骤以及使用的工具 选择工具
1、打开Flash软件，新建一个Flash文档。
2、点击舞台，在属性面板中把舞台大小设置为200*160像 素。背景颜色修改为红色。
2. 帧的分类：空白帧、关键帧和空白关键帧
空白关键帧 关键帧 空白帧 播放头 普通帧
帧频率
3. 帧的操作：包括添加帧 、删除帧 、 清除关键帧 、选择所有帧 、复制帧 、 粘贴帧 、移动帧 和翻转帧
下面我们来观看几个比较有代表性的，利用逐帧动画制作的小动画
行走的土豆人
第1帧
第2帧
第二课制作简单的逐帧动画
课题：制作简单地逐帧动画年级：初二课时：第课时课型：新授教材分析与设计思路：本节课地教学内容是“动画制作”——《制作简单地逐帧动画》，着重介绍逐帧动画，这是一种常见地动画手法，它地原理将一个动画地连续动作分解成一个一个图片，把每一个图片用关键帧描绘出来，将这些关键帧连续播放，形成动画效果.掌握本节内容可以做出许多生动有趣地动画.因此，学生会在本版块地学习过程中，产生非常高地学习热情.为今后地学习打下坚实地基础.资料个人收集整理，勿做商业用途学生分析：、学生对动画制作有浓厚地兴趣，但能坚持学下去地并不多，主要原因是找不到规律性地东西，越学就越感到困难.资料个人收集整理，勿做商业用途、有关地书籍很多，作者根据初二学生地认知特点选择较简单、有趣地例子，在动画制作过程中渗透地基本知识与基本技能，为学生今后自学打下良好地基础.资料个人收集整理，勿做商业用途教学目标：、知识与能力：掌握制作逐帧动画地方法和图层地应用.、过程与方法：能综合运用所学知识制作一幅主题鲜明、具有动画效果地作品.、情感态度与价值观：体会创作地乐趣，进一步培养制作动画地兴趣；培养学生创新能力与探究问题地能力；培养创造性思维能力.教学重点：制作逐帧动画教学难点：、关键帧、图层在动画制作中地运用教学方法：、演示教学法：通过在多媒体教室，实际操作演示用制作动画地过程，活跃课堂气氛，激发学生学习情趣.资料个人收集整理，勿做商业用途、任务驱动式：该方法主要是通过设计一些学习目标，让学生自己上机去实现，让他们在亲身实践中体会、提高，在同学之间地互相学习和交流、甚至争论中提高学习兴趣，开阔思路.既培养了学生地动手实践能力，又加强了学生地实践探究、交流合作解决问题地能力.资料个人收集整理，勿做商业用途、案例教学法：选取地案例取材于学生在课堂中出现地问题动画，用于训练学生解决实际问题地能力.教学过程：一、提问导入：同学们，我们上节课学习了哪些知识大家还记得吗？生：启动、退出程序，认识工作界面，简单地绘画.老师说过绘画是为制作出精美地动画打基础地，现在你准备好了吗？生：准备好了.从今天这节课开始我们就开始涉足制作动画.首先请大家欣赏几个简单地动画（见课件）.资料个人收集整理，勿做商业用途动画一般分为五种常见地动画形式：逐帧动画、形状补间动画、动作补间动画、引导层动画、遮罩层动画.资料个人收集整理，勿做商业用途演示到这里，老师问问大家：你们想学做闪客吗？生：想好，下面我们就从简单地常见地逐帧动画来开始吧.首先了解什么是逐帧动画.二、讲授新课逐帧动画：是一种常见地动画形式，是在时间轴地每个关键帧上逐帧绘制不同地内容，使其连续播放而成地动画.例如：小鸟飞、秒表、数字地变化、飞舞地蜜蜂、眨眼地星星、飞奔地骏马、林中漫步等资料个人收集整理，勿做商业用途我们来具体看一下秒表和数字地变化这两个逐帧动画地实例.好，下面我们就一起探究一下它们到底是怎样制作出来地呢，进入第二课地学习《制作简单地逐帧动画》.首先明确本课地学习目标：、理解场景、图层、帧地概念；、学习从外部导入矢量和位图文件；、学会制作简单地逐帧动画；、学习图层地基本操作.资料个人收集整理，勿做商业用途在学习制作动画之前，先来了解一下几个重要地概念：、场景：是舞台剧中地用语，当舞台地布景发生变化时就称更换了场景.动画播放地顺序是按场景地顺序进行地，但如果需要，播放顺序也可以改变.资料个人收集整理，勿做商业用途、图层：简称层，位于时间轴地左侧，用来放置动画地内容，一层可以放很多帧.层就像透明地画纸，画了图画地地方就不再透明了.层地叠放次序是可以调整地，最底下地层，它地内容显示在下面，而位于上面地层地内容显示在上面.资料个人收集整理，勿做商业用途、帧与关键帧：帧指一个画面.动画是由许多帧组成地，就如同电影是由一格格带画面地胶皮组成地一样.当帧按照一定地速度连续播放，就形成了动画效果.帧又分为普通帧、关键帧和空白关键帧，其中最重要地是关键帧，是控制动作轨迹特征和动态幅度地关键；而空白关键帧就是没有内容地关键帧，一旦在该帧上创建了图像，空白关键帧就变成了关键帧.关键帧和空白关键帧之外地帧是普通帧，普通帧在时间轴上能显示图形，但不能对图形进行编辑操作.资料个人收集整理，勿做商业用途说了半天概念，有同学可能感到又枯燥又无味并不能真正地理解，我们通过具体实例来体会一下：制作一个“小鸟飞”逐帧动画.老师首先给大家演示一下，一会有三个问题等着大家，一定要仔细观察.资料个人收集整理，勿做商业用途具体步骤如下：、新建并设置文档新建一个文档，在属性面板中设置文档属性，可以调整舞台尺寸、背景颜色、帧频等.系统默认舞台大小为*像素.单击属性面板上地大小按钮，打开文档属性对话框，可以输入标题和描述，给动画添加注释.资料个人收集整理，勿做商业用途、导入矢量图形文件在时间轴区域，单击“插入图层”按钮，添加一个新层，双击图层名称，将“图层”和“图层”分别命名为“背景层”和“逐帧动画层”，然后在“资料个人收集整理，勿做商业用途逐帧动画层”，然后在“逐帧动画层”上单击以选中该层.开始导入一组矢量图形文件序列，该组文件中有个图形，使用“文件”“导入” “导入到舞台”菜单命令，选中要导入地序列文件地第一个文件，这里是“”，会自动导入该序列地其他文件并分配到个关键帧.资料个人收集整理，勿做商业用途单击“背景层”上地第一帧，使用“导入到舞台”菜单命令导入一张位图图片.单击“背景层”名称右侧地小方框，以轮廓方式显示背景图片，使用任意变形工具和选择工具在舞台上缩放和移动背景图片直到满意，再次单击那个小方框.单击“背景层”地第帧，按键，将背景画面延续到第帧.资料个人收集整理，勿做商业用途按下键预览动画，一只鸟儿正在背景画面上展翅飞翔，逐帧动画初步完成.三、任务驱动下面请同学们自己尝试着做一个“小鸟飞”地逐帧动画.（附加任务：尝试在鸟儿地旁边逐帧绘制自己地图画，让你地作品充满个性.）四、探索时间、怎样调整鸟儿地位置和大小?单击”背景层”名称右边地小点,锁住并以轮廓方式显示背景层,这样可以显示出舞台并锁住背景图像以免误操作(隐藏”背景层”也可以).单击“逐帧动画层”地第帧，选中鸟儿，使用任意变形工具进行缩放；使用选择工具移动鸟儿地位置.然后逐次选择其他帧上地鸟儿进行修改.资料个人收集整理，勿做商业用途、怎样修改鸟儿地颜色和线条?先选中鸟儿，使用多次分离图形，然后使用地各种工具对鸟儿地轮廓线条和填充颜色进行修改，并依次修改其它帧上地鸟儿.资料个人收集整理，勿做商业用途、你是否觉得咱们地动画播得太快了,如何设置播放速度呢?原来默认地播放速度是帧秒，也就是说我们制作地帧动画在不到秒钟地时间就播放完了.事实上对这个动画来说，要求每秒钟只播放帧.如何设置播放速度呢？方法如下：资料个人收集整理，勿做商业用途在舞台空白地地方点击鼠标右键，从弹出地菜单中选择“影片属性（）…”，打开影片属性对话框.图中帧频表示每秒针动画所播放地帧数（），默认为帧秒，最大帧频为，最小为.设置帧频可以调节播放速度.资料个人收集整理，勿做商业用途五、作品展示师生互评六、知识点小结、新建并设置文档、导入矢量图形文件、插入图层及图层地命名、插入关键帧、利用“任意变形工具”调整图片大小和“选择工具”移动图片、插入帧（）地应用七、举一反三、你能试着做一个“数字地变化”地逐帧动画吗？相信自己你可以地，加油哦！、利用导入静态图片制作骏马飞奔地逐帧动画，尝试一下，景色很壮观哦！、利用逐帧动画制作林中散步地女孩，快来做吧，好浪漫哦！任选其一，进行练习.八、结束语俗语说：千里之行，始于足下.逐帧动画是动画制作中最基础地一个部分.经过本课地学习，你也能够制作出简单地动画.有一点要记住，要想制作出漂亮地动画，一定要有细心和耐心，现在，我们，已经迈出了成为“闪客”高手地第一步，希望同学们在以后地学习中不断积累，制作出更加丰富多彩地动画，获得“闪客”高手这一桂冠.资料个人收集整理，勿做商业用途。
逐帧动画课件
动画的基本类型
• （1）逐帧动画 • （2）运动渐变动画
今天的内容就是
逐帧动画
• 什么是逐帧动画？
• 这就是逐帧动画！
• 逐帧动画是由许多单个的关键帧组合而成的， 适合制作一个动画在每个帧上都有关键性变 化的情况。 要创建逐帧动画，需要将每个帧都定义为关
键帧，然后给每个帧创建不同的图像。
图层区
时间轴
工 具 栏
舞台
属性窗口
时间轴与帧
• 时间轴是以时间为基础的线性表，让使用者 以时间的进行为基础，一步步地安排每个动 作。在时间轴中可处理帧和关键帧，将它们 按照对象在帧中出现的顺序进行排列。
图层layer
元件 动画
元 件
• 元件是可反复取出使用的图形、按钮或一 段小动画，元件中的小动画可独立于主动 画进行播放。它是由多个独立的元素合并 而成的，因此缩小了文件的存储空间。ห้องสมุดไป่ตู้
逐帧动画公开课 完整版课件PPT
Flash的操作界面
•菜单栏 •工具箱 •时间轴与图层 •舞台（stage），也称工作区 •属性面板 •浮动面板
菜 单 栏
工 具 箱
时间轴与图层
工 浮动面板
作 区
属性面板
பைடு நூலகம்帧动画
• 逐帧动画是指在时间帧上逐帧绘制帧内容。具有非常大的灵活性。 很适合于表演很细腻的动画。
• 将动画中的每个动作都创建一个画面，当这些画面以一定的速度 显示时就可以形成动画，这种方式称为逐帧动画。
Flash 基础
——逐帧动画
动画的原理
动画是由若干静态画面，快速交替 显示而成，因人的眼睛会产生视觉 暂留，对上一个画面的感知还未消 失，下一张画面又出现，就会有动 的感觉。
找不同
走路动画
初识Flash
• Flash是目前最流行的二维动 画技术
• Flash的启动 • 一种是逐帧动画，另一种是渐
分组练习
• 分组设计完成一个逐帧动画
可尝试调整“帧频”改变动画的播放速度 （在时间轴下方的以fps为单位的数值 ）
逐帧动画PPT课件
如果在标签名字前加“//”，表示为该帧加注释，如果在 标签名字前加 ，表示为该帧加锚记，在时间轴上的效果 如下图所示
设置了注释后的帧
1.15
Flash动画设计与制作
3.2 帧的标识和编辑
选取帧
【同一图层】
• 选取单个帧，单击时间轴上的某一帧，即可以选取它 • 选取连续帧 单击开始帧，按住Shift键选取结束帧
• 使用颜料桶工具填充花盆颜 色为#cd9933
• 在第4帧处插入帧（F5）
第 1 — 4帧
1.35
Flash动画设计与制作
3.3 逐帧动画实例
生长的小花
2 绘制“叶子”
• 新建“叶子”图层 • 在第1帧，使用“刷子工具”
（ 颜 色 #3a5836 ） 绘 制 一 个 小芽
• 在第2帧处插入关键帧（F6）， 使用“选择工具”修改枝条 为合适的大小和高度
未完成或中断的渐变
1.11
Flash动画设计与制作
3.2 帧的标识和编辑
各种帧在时间轴上的标识
【一般空白帧】
代表空白区域中没有任何内容。
空白帧
1.12
Flash动画设计与制作
3.2 帧的标识和编辑
各种帧在时间轴上的标识
【添加了动作语句的帧】
如果在某一关键帧上有一个小字母a，表示在这一帧中分 配了动作Action，当动画播放到这一帧时将执行相应的动作
第3章 逐帧动画
本章内容
3.1 逐帧动画的基本概念 3.2 帧的标识和编辑 3.3 逐帧动画实例
1.1
Flash动画设计与制作
第3章 逐帧动画
常用的快捷键
F5 F6 F7 Ctrl+Alt+C Ctrl+Alt+V Shift+F5 Shift+F6
逐帧动画(一)
Flash动画的原理和电影胶片一样,包括许多独立的画面,每一个画面称为一帧,每一帧中的画面都与前一帧略有不同。
在播放F1ash动画时,这些帧中的画面被连续的在屏幕上显示出来,通过人眼观察就象是连续流畅的动画。
如果每一帧都由制作者亲自绘制,当然这样制作出来的作品就会很精细,能很忠实地反应制作者的意愿,达到最好的动画效果。
逐帧动画是Flash动画技法的根本。
逐帧动画是指舞台上每一帧的内容都发生变化,它会将所有的动画过程以更多的关键帧来展现。
例如,一个20个影帧的动画,若以逐帧动画的方式来制作,则必须产生20个关键帧,每一个关键帧中都要绘制所需要的画面。
需要指出的是,创建逐帧动画非常消耗创作者大量的时间和精力,并且逐帧动画产生的文件体积往往非常大。
因此,在实际的工作中,通常只是在某些对变化过程要求极为严格,无法通过别的方式来实现的片段,才会通过逐帧动画的方式来制作。
而在一般的动画中,只需要合理使用关键帧,定义了动画的始未状态,设置好动画类型及有关参数,Flash就会根据这些关键帧的内容根据一定的规则计算出整个动画的过程,并在动画播放时显示出来。
逐帧动画的制作原理很简单,就是在每一个关键帧中绘制出所有画面。
在逐帧动画的首帧后,为了继续创建后续帧中的动画对象,可以按下面的方法操作：插入普通帧后,可以使前面关键帧中的画面延续一定的时间;插入关键帧后,可以在新创建的帧中改变原来的动画对象;插入空白关键帧后,可以继续绘制下一幅动画对象,或是从外部文件中继续导入新的动画对象。
1.动画的基本概念我们知道，电影是由一格一格的胶片按照先后顺序播放出来的，由于人眼有0.1秒视觉停留，这一格一格的胶片按照一定速度播放出来，看起来就“动”了。
动画制作采用的也是这一原理。
将许多图片按照一定的顺序排列起来，然后按照一定的速率将图片按排列顺序逐张显示出来就形成了动画。
电影是以每秒播放24张图片的速率放映的。
FLASH中默认的速率是每秒播放12张。
第10课 逐帧动画 课件
逐帧动画的原理是什么？ 什么是关键帧？ 怎样制作逐帧动画？
动画原理
• 一帧一帧地显示每一帧中的内容，让其连续播放 就形成了动画效果
什么是帧？
一幅/一张
一帧
帧：组成flash动画的基本单位。
逐帧动画
逐帧动画：其原理是在“连续的关键帧”中 分解动画动作，使其连续播放而形成动画。
帧
• 关键帧：内容有关键性变化，其内容可修改 • 普通帧：放在关键帧之后，其内容一般不做修改
，延长播放时间
任务一：制作吃西瓜动画
1）打开桌面上“吃西瓜半成品.fla”源文件； 2）插入关键帧，绘制西瓜被一口一口吃掉的动画效果。 3）保存并测试“吃西瓜”动画。
提示：参考书本58—59页。 创作吃西瓜动画时，各个关键帧的内容 可以改变，关键帧的数量也可以自行设 定，只要两个相邻关键帧的内容连续合 理即可。
任务二： 倒计时
本节小结
• 逐帧动画的原理及其制作方法
关键帧
空白关键帧
普通帧
逐帧动画课件[1]
![逐帧动画课件[1]](https://img.taocdn.com/s3/m/03ec83a8c850ad02df80412a.png)
制作思路：
制作一连串关键帧后，将这些画面连续播放就 会形成逐帧动画。
步骤1：设置舞台大小和播放速度
逐帧动画
步骤2：插入关键帧， 步骤3：插入多个关键帧， 步骤4：保存文件
作业：
1、利用图片素材制作“行走的马” 2、制作走动的鸡宝宝
• 归纳与评价：
以小组为单位，归纳逐帧动画的优势和不足 评价作品
ቤተ መጻሕፍቲ ባይዱ
逐帧动画
本节重点：
1、如何启动flash8 2 什么是关键帧？ 3 什么是逐帧动画？
4 怎样才能制作好一个逐帧动画？
关键帧的概念知道吗？
关键帧就是帧内包含有决定动画 内容、动画动态幅度和动画动作 轨迹特征的画面。 关键帧在时间轴上的标记为黑色实心圆点
空白关键帧
普通帧
什么是逐帧动画
• 将一个动画的连续动作分解成一张张的图 片，把每一张图片用关键帧描绘出来， Flash将这些关键帧连续播放，形成动画效 果。掌握本节内容可以做出许多生动有趣 的动画。因此，同学们在本节的学习过程 中，会产生非常高的学习热情，为今后的 学习打下坚实的基础。
制作逐帧动画作品PPT课件.ppt
2、帧、关键帧、空白关键帧的区别
关键帧能显示数字或者图像或者发生变化
帧可以延续关键帧上对象的时间，不发生任何改变。 空白关键帧使关键帧对象消失，画面一片空白。
11
F6 记是一个实心黑点 .
逐帧动画就是每一个关键帧上放置一个不同的对
象
6
？ 如何让关键帧对象延续时间？
插入普通帧让关键帧对象延续。标志是一个空长方形。
F5
7
？ 如果让动画关键帧内容消失？
插入空白关键帧，前面关键
F7 帧内容将消失.标志是空心圆圈。
8
课外研究
? 说说制作思维
9
10
任务四：教学小结
第2课制作逐帧动画作品
1
2.1Biblioteka 的种类帧是构成 Flash 动画最基本的单位，帧分为普通帧、 关键帧和空白关键帧三种类型，而对帧的所有操作都 是在“时间轴”面板中进行的 。
关键帧
普通帧
空白关键帧
时间轴面板
3
2 创建帧
1．创建关键帧
关键帧是定义动画变化的帧，要制作动画，必须创建关 键帧。
在时间轴上单击选中要创建关键帧的帧，然后鼠标右键 >“插入关键帧”选项，或按快捷键【F6】，即可在选中 的帧上插入关键帧 。
插入关键帧
4
2．创建空白关键帧
插入空白关键帧
选中帧后，鼠标右 键>“插入空白关键帧” 或按快捷键【F7】，
即可插入空白关键 帧。
3．普通帧是延长关键帧的时间
选中要创建普通帧 的帧，鼠标>“插入 帧”右键或者按快 捷键【F5】即可插 入一个普通帧。
插入普通帧
逐帧动画实例1
课题：Flash逐帧动画学习目标：1．学习Flash逐帧动画的制作实例，并掌握Flash动画的保存、播放及发布。
2．欣赏Flash的相关作品，使学生喜欢Flash动画课程。
重难点：1．刷子、线条等简单工具的使用。
2．Flash动画的保存、播放及发布。
达标过程：1．观看一个Flash实例《逐帧名字.swf》2．导入新课：在上一节学习Flash的课堂上，我们制作了升旗动画和字符变形动画，这一节课我们再来学习一个逐帧动画。
我们知道过去的电影是用胶带播放的，播放的特点是一个一个的画面连续放映，也可以认为就是逐帧动画。
下面我们通过实例的制作来了解逐帧动画。
3．讲授新课：任务一：《写姓名》1．先观看动画效果。
2．操作步骤：⑴．打开Flashcs3软件；⑵．新建一个文档，设置文档大小为550*400，背景色为绿色。
⑶．单击刷子工具，设置填充色为红色。
⑷．单击第1帧，在舞台上写上自己姓名的第一个笔画。
⑸．单击第2帧，按F6键，在舞台上写上自己姓名的第二个笔画。
⑹．单击第3帧，按F6键，在舞台上写上自己姓名的第三个笔画。
⑺．单击第4帧，按F6键，在舞台上写上自己姓名的第四个笔画。
依次类推，分别在接下来的每一帧上写上自己姓名的剩余笔画，直到完成为止。
⑻．单击黑色箭头工具，设置帧频为3。
⑼．保存文件名为31.fla，执行“控制”菜单中的“测试影片”命令，观看动画效果。
任务二：《眨眼睛》1．先观看动画效果。
2．操作步骤：⑴．打开Flashcs3软件；⑵．新建一个文档，设置文档大小为550*400。
⑶．单击线条工具。
在舞台上画上一个横线，并用黑色箭头工具拖曳出眼睛的下半部分。
⑷．使用线条工具和黑色箭头工具画出眼睛的上半部分，然后执行“修改”菜单中的“组合”命令。
⑸．单击椭圆工具，设置填充色为黑色，在旁边绘制眼球，然后用单击刷子工具，将填充色设置为白色，在眼球上点击一下，然后中将眼球组合。
移动到眼睛图形中。
⑹．单击第2帧，按F6键插入关键帧；单击第3帧，按F6键插入关键帧。
第一节-逐帧动画-课件
• 帧——就是影像动画中最小单位的单幅 影像画面，相当于电影胶片上的每一格镜 头。 一帧就是一副静止的画面，连续的帧 就形成动画，如电视图象等。
活动1 逐帧动画
• 关键帧——任何动画要表现运动或变化， 至少前后要给出两个不同的关键状态，而 中间状态的变化和衔接电脑可以自动完成， 在Flash中，表示关键状态的帧叫做关键帧。
创建逐帧动画的几种方法
（1）用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入Flash中，就会
建立一段逐帧动画。
（2）绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧帧的画出帧内容。
（3）文字逐帧动画 用文字作帧中的元件，实现文字跳跃、旋转等特效。
（4）导入序列图像
标题栏
菜单栏
逐帧动画欣赏
逐帧动画欣赏
逐帧动画欣赏
逐帧动画欣赏
什么是逐帧动画
定义：将动画中的每一帧都设置为关键帧， 在每一个关键帧中创建不同的内容，就成 为逐帧动画。逐帧动画是指动画的每一帧 的内容都是由一幅绘制的图象组成。 原理：将对象的运动过程分解成多个静态 图形，再将这些连续的静态图形置于连续 的关键帧中，就构成了逐帧动画。
浮动面板
工具条
图层区
帧格
时间轴
工具选项框
舞台 活动面板
属性面板
认识Flash 8界面
菜 单 栏
认识Flash 8界面
标 准 工 具 栏
认识Flash 8界面
控 制 器
认识Flash 8界面
图 层 管 理 区
认识Flash 8界面
时 间 轴
认识Flash 8界面
舞 台
认识Flash 8界面
《逐帧动画》ppt课件
帧的显示形式及操作
1. 帧的概念：构成动画的每一个画面叫做一个帧。 2. 帧的分类：空白帧、关键帧和空白关键帧 3. 帧的操作：包括添加帧 、删除帧 、清除关键帧 、 选择所有帧 、复制帧 、粘贴帧 、移动帧 和翻转帧
制作“倒计时效果”动画
制作在一个红色圆角矩形背景下显示“5、4、3、„1、GO！”的 倒计时动画效果（设计效果如下图所示）。
动画基本原理
动画就是通过连续播放一系列画面，给视觉造成连续 变化的图画，它的基本原理与电影、电视一样，都是视觉 原理。动画不是“会动的画”，而是“画出来的运动”。
逐帧动画基本原理
逐帧动画，也叫【帧帧动画】，是最常见的动画形式 最适合于图像在每一帧中都在变化而不是在舞台上移动的 复杂动画。 逐帧动画原理是在【连续的关键帧】中分解动画动作 也就是要创建每一帧的内容，才能连续播放而形成动画。 逐帧动画的帧序列内容不一样，不仅增加制作负担，而且 最终输出的文件量也很大。但它的优势也很明显，因为它 与电影播放模式相似，适合于表演很细腻的动画，通常在 网络上看到的行走、头发的飘动等动画，很多都是使来自逐 帧动画实现的。图4-2
制作“花逐渐成长的过程”动画
制作花盆中的花儿逐渐成长，并生成一朵花的动画效果（设 计效果如下图所示）。
实训1： 制作“火柴人行走动画”动画，如图所示。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2019年全市小学信息技术教师综合素质竞赛教学设计
姓名：袁冬长
工作单位：于都县第六小学
竞赛学段科目：小学信息技术甲组
指导老师：吴庚燊
2019年05月
《简单的逐帧动画》教学设计
一、教学背景
1.内容分析
本节课内容选自江西科学技术出版社六年级上册第一单元Flash CS3动画制作初步的第2课时简单的逐帧动画。
本节课，是在学生学会了启动Flash软件，并了解Flash窗口的组成的基础上，学习逐帧动画，了解逐帧动画的制作过程；通过完成如何让“蝴蝶”图片“动起来”任务，让学生体会并思考从问题入手到完成逐帧动画的过程，从而训练学生逻辑思维，为以后Flash的学习打下基础。
2.学生分析
本课是授课对像是六年级学生，已经学习并掌握：
①鼠标键盘的基本操作方法。
②学生已经了解并掌握了软件窗口有基本的标题栏、菜单栏、工具栏等组成部分，也学会了保存动画和导出动画的操作方法。
学生对于动画都很感兴趣，但对图形文字等对象使它们动起来没有概念且很难理解。
因此在课堂上将采用PPT课件、动手演示、小组交流讨论等方法，帮助学生降低学习难度，调动学生的学习兴趣。
二、教学目标:
知识与技能：
1.了解逐帧动画的原理。
2.掌握制作“逐帧动画”的方法。
3.理解帧、关键帧、空白关键帧和普通帧的含义，学会使用“任意变形工具”对图片进行缩放。
过程与方法：通过学生自主探究、小组合作体验在flash中制作逐帧动画的过程，培养学生学生动手实践的能力、创新能力。
情感态度与价值观：通过动画作品的制作与评价，培养学生的审美能力，激发学生的探究欲望和创新精神，让学生体验制作动画的乐趣，体验成功的喜悦，增强自信心。
三、教学重点:
1.掌握导入已有图片，使用任意变形工具，制作“逐帧动画”的方法。
2.能对时间轴上的帧进行选定，插入等简单操作。
3.学会对动画进行有效的调试。
四、教学难点:
1. 理解帧、关键帧在动画中的作用；
2. 能利用Flash软件制作一个简单的逐帧动画。
五、教学准备：
硬件：多媒体计算机房。
软件：Flash CS3、网络教室软件。
六、教学过程：
三：巩固新知（10分钟）
师：孩子们，刚才我们用一张静态的蝴
蝶图片，把它做成了“会飞的蝴蝶”动画，
如果老师给你其它静态的图片，你能用刚才
学的知识把它做成逐帧动画吗？
师：现在我们也来当当小小动漫设计师，
待会请同学们任选其中一个任务完成，看看
谁的任务完成的又快又好。
老师将为他颁发
动漫设计师奖牌，准备好了吗？开始行动吧！
拓展一：在桌面上找到“星星”图片，
制作“闪亮之星”动画。
拓展二：在桌面上找到“金箍棒”图片，
制作“会动的金箍棒”动画。
反馈：分享学生作品，进行互动交流。
学生根据提供的
素材完成动画的
创作。
欣赏同学的作品，
在欣赏作品的同
时增加创新。
适当的练习是巩
固所学知识的重
要环节，学生在老
师的引导和评价
下，创造出一个个
有创意的动画。
四：归纳总结（3分钟）
师：这节课你学得开心吗？
师：看下这两个动画，你认为哪个用我
们今天学的逐帧动画能完成？
师：那我们课后自己去做一个这样的动
画，好吗？倒计时就是我们下节课要学的简
单的形状补间动画。
学生回答问题既是对所学知识
的回顾和整理，也
为下节课的教学
埋下伏笔。
板书设计：。