三种补间动画
三种补间动画
创建动画：——三种补间动画学案（第一课时）何文才【设计思路】Flash动画是一种常见的多媒体表现形式，主要包括逐帧动画和补间动画。
第一单元主要学习了前者，而后者则是Flash动画设计中非常重要的表现手段。
这个单元设计用五个课时，第一课时主要让学生先了解补间动画的三种不同形式，并尝试创建三个不同形式的补间动画，在任务中进行说明。
通过这三个范例的制作，学生能够很好地区分三种补间动画在时间轴上的表现形式以及动画效果，为后面的分块学习打好基础。
第二课时主要让学生掌握丰富的传统补间动画制作，包括移动、大小、不透明度、颜色等变化。
第三课时主要让学生掌握Flash CS4中新增的旋转、3D旋转动画补间动画，并尝试综合运用补间动画的多种形式，进一步掌握传统补间动画和动画补间动画的制作技巧。
第四课时的内容是影片剪辑元件的制作与应用，需要学生理解影片剪辑能够使时间轴更简洁清晰，并且可以重复调用到舞台的不同位置。
第五课时主要让学生掌握文本以及图形变化的形状补间动画，即中英文转换动画和方圆转换动画。
通过这五个课时的学习，学生能够基本掌握三种补间动画的制作方法，为下一单元的综合作品制作打下良好的基础。
【知识回顾】回顾第一单元所学，结合前几节课的任务，回答以下问题：1.Flash文件的两种保存格式是：( )、（）。
2.3.元件的几种类型：（）、（）、（）；【课前预习】课前认真预习课本第二单元，回答以下问题：1.在Flash cs4中，补间动画包括：（）、（）、（）；2.传统补间动画的动画效果有：（）（）（）（）；3.逐帧动画中的舞台对象_____元件。
A.必须是B.一定不是C.不一定是4.动画补间动画中的对象_____元件。
A.必须是B.一定不是C.不一定是5.形状补间动画中的对象_____元件。
A.必须是B.一定不是C.不一定是【学习目标】1.理解三种补间动画的特点；2.了解制作三种补间动画的一般步骤；3.学会区别三种补间动画的不同效果。
补间动画及其制作方法
补间动画及其制作法补间动画分为动作补间动画和和形状补间动画。
下面分别进行讲解。
一、动作补间动画1、什么是动作补间动画动作补间动画，也叫运动动画。
就是在一个关键帧上放置一个元件，然后在另一个关键帧上改变这个元件的大小、颜色、位置、透明度等，Flash 根据二者之间的帧的值创建的动画被称为动作补间动画。
动作补间动画（运动动画）只对单一的对象有效，如果想让多个对象同时运动，必须将它们放在不同的层上，分别制作运动动画。
2、创建动作补间动画的法A、在时间轴面板上动画开始播放的地创建或选择一个关键帧并设置一个元件，一帧中只能放一个项目（对象）。
B、在动画要结束的地创建或选择一个关键帧并设置该元件的属性。
C、再单击开始帧，在【属性】面板上单击【补间】旁边的下拉列表，在弹出的菜单中选择【动作】，或单击右键，在弹出的菜单中选择【创建补间动画】，就建立了“动作补间动画3、小结A、构成动作补间动画的元素可以是元件（包括影片剪辑、图形元件、按钮）、文本、位图、矢量组合等等，但不能是形状，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。
运用动作补间动画，你可以设置元件的大小、位置、颜色、透明度、旋转等种种属性，充分利用动作补间动画这些特性，可以制作出理想的动画效果。
B、用鼠标单击补间动画属性面板中【简易】右边的按钮，弹出拉动滑杆，拖动上面的滑块，可设置参数值，当然也可以直接在文本框中输入具体的数值，设置完后，补间动作动画效果会以下面的设置作出相应的变化。
在-1到-100 的负值之间，动画运动的速度从慢到快，朝运动结束的向加速补间。
在1 到100 的正值之间，动画运动的速度从快到慢，朝运动结束的向减慢补间。
如果在默认情况下，补间帧之间的变化速率是不变的。
二、形状补间动画1、什么是形状补间动画形状补间动画就是在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。
补间动画
其他属性--选中元件，在此元件动画”
实例属性面板中改属性
作业布置
1. 补间形状动画、传统补间动画、补 间动画的区别？
2. 预习3D补间动画。
思考
想一想这个动画和我们之前做的动画有 什么不同？
小球抛落
知识与技能
3.5 补间动画
学习目标
• 了解补间动画的基本功能 • 熟练掌握创建补间动画基本方法
知识与技能
补间动方法：补间动画。
它的特点是不需要插入尾关键帧就 能够对元件创建补间动画，可以对每一 帧中的对象进行大小、位置、颜色、透 明度、旋转等属性的编辑。
知识与技能
创建补间动画
• 在时间轴上显示：淡蓝色背景
• 补间动画的对象类型有： ➢ 元件 ➢ 文本
• 如果帧中的对象不属于这些类型，会 提示用户将其转换为元件（影片剪 辑），然后创建一个补间动画。
方法与步骤
补间动画的基本操作
①在舞台选择要补间的一个对象。
②选择“插入”→“补间动画”命令。
③移动对象的位置，而对象的移动轨迹可以运用 舞台上的贝塞尔曲线进行调节，如下图所示。
明度、旋转等属性的变化
总结
补间形状动画、传统补间动画、补间动画的区别
区别
补间形状动画
传统补间动画
补间动画
时间轴 淡绿色背景
淡紫色背景
淡蓝色背景
对象 矢 件 散，量、即图按转形钮化（、为如文矢果字量使，图用则形图必）形先元打元 按钮件等（）可或为先影转片化剪为辑元、件图形元件、元件、文本
矢量图形由一种形状逐渐变 为另一种形状的动画。实现元件由一个位置到另一个位置的变化。实现
图片淡入淡出案例
[ 实例说明 ]本实例先确定起始帧的位置，
补间动画
补间动画逐帧动画可以实现一些精致的动画，但如果所有的课件都采用这种动画类型，那就无从谈制作效率了。
要实现简单的位移效果，可以利用补间动画来实现动画模拟效果。
补间动画，就是指只要做好了起点关键帧和终点关键帧的图像，FLASH就会自动补上中间的动画过程。
FLASH可以创建两种类型的补间动画：动作补间动画和形状补间动画。
补间是补足区间的简称，是指只要做好起点关键帧和终点关键帧的图形，FLASH就会自动补上中间的动画过程。
因此，要构成动作补间动画，同一个图层上至少要有两个不同位置的关键帧。
运用动作补间动画，可以通过改变元件实例的大小、位置、颜色、透明度和旋转等种种属性，做出精彩的效果。
注意：补间动画适用的对象必须是元件、文字、位图或组对象，而不能是形状。
如果是形状，则应先将形状转换为“元件”或“群组对象”。
补间动画的参数设置：1、缩放在制作补间动画时，若在终点关键帧上更改了动画对象的大小，而且选择了“缩放”这个选项，就可以将大小变化的动画效果补出来。
如果没有选择，大小变化的动画效果就补不出来。
默认情况下，“缩放”选项自动被选择。
2、缓动●设置数值在[-1，-100]中，动画运动的速度从慢到快，朝运动结束的方向加速补间。
●设置数值在[1，100]中，动画运动的速度从快到慢，朝运动结束的方向减速补间。
●默认情况下，补间帧之间的变化速率不变。
3、旋转●选择“无”：禁止元件旋转；●选择“自动”：使元件在需要最小动作的方向上旋转对象一次；●选择“顺时针”或“逆时针”：输入数字，可使元件在运动时顺时针或逆时针旋转相应的圈数。
动画补间动画（一）——置换反应的微观现象操作过程：1、布局场景：插入4个图层，分别命名为：背景、标题、氢原子、氧原子、氢原子、铜原子。
绘制或导入课件所需的图形元件：铜原子、氧原子、氢原子等。
（已在库中，随时可以拖放到舞台中。
）2、在“铜原子”图层，将“铜原子”图形元件拖放到舞台的左边。
选择该图层的第5帧，右击，选择“插入关键帧”；再分别选择第20、35、50帧，按F6插入关键帧。
动作补间动画详解课件
包括缩放、旋转、倾斜和透明度等，这些属性可以在关键帧 中设置，并在过渡帧中进行平滑的过渡。属性的变化可以产 生丰富的动画效果。
03
动作补间动画的创建与编辑
创建动作补间动画
确定动画主题和目标
在开始创建动作补间动画之前，需要 明确动画的主题和目标，以便更好地 规划和设计动画内容。
设置时间轴
在时间轴中设置每个关键帧之间的时 间间隔，以便软件根据时间间隔自动 生成中间帧。
多媒体制作
在多媒体作品中加入动作 补间动画，可以增强视觉 效果，提高作品的表现力 。
02
动作补间动画的原理
关键帧与过渡帧
关键帧
定义动画中的起始和结束状态，是动 画中最重要的帧。关键帧中的内容决 定了动画的整体效果。
过渡帧
连接关键帧之间的帧，用于平滑地过 渡动画效果。过渡帧的内容根据关键 帧的内容和补间类型进行计算。
补间动画
通过改变对象的关键属性，如位 置、大小、旋转等，在起始关键 帧和结束关键帧之间自动生成中 间帧，实现平滑过渡。
动作补间动画的特点 之间创建补间，软件会自动计算 并生成中间帧，实现平滑的动画
效果。
可控性高
可以通过调整补间的属性、运动轨 迹等参数，实现精细控制动画效果 。
成小球弹跳的中间帧。
实例二：旗帜飘扬动画
总结词
旗帜飘扬动画通过模拟旗帜在风中摆动的动作，展现出动态的美感。通过设置旗帜的形 态、摆动幅度和频率等参数，实现逼真的飘扬效果。
详细描述
首先确定旗帜飘扬的中心点，然后在关键帧中设置旗帜在不同状态下的形态，如静止、 摆动和飘扬等。通过调整摆动幅度和频率等参数，使旗帜在风中呈现出自然的飘动效果
动画更加自然流畅。
调整运动曲线
动作补间动画详解ppt课件
动作补间动画的概念
（2）构成动作补间动画的元素 构成动作补间动画的元素是元件，包括影片剪辑、图
形元件、按钮等等，除了元件,其他元素包括文本都不 能创建补间动画,其他的位图、文本等等都必须要转换 成元件才行，只有把形状“组合”或者转换成“元件” 后才可以做“动作补间动画”。
3
动作补间动画的概念
（3）动作补间动画在时间帧面板上的表现 动作补间动画建立后，时间帧面板的背景色变为
动作补间动画详解
动作补间动画也是Flash中非常重要的表现手段 之一，与“形状补间动画”不同的是，动作补间动画 的对象必需是“元件”或动作补间动画的概念 在Flash的时间帧面板上，在一个时间点（关键帧）
放置一个元件，然后在另一个时间点（关键帧）改变这 个元件的大小、颜色、位置、透明度等等，Flash 根据 二者之间的帧的值创建的动画被称为动作变形动画。
形状，如果使用图形元 影片剪辑、图形元件、
件、按钮、文字，则必先打 按钮
散再变形。
实现二个形状之间的变 实现一个元件的大小、
化，或一个形状的大小、位 位置、颜色、透明等的变化。
置、颜色等的变化。
5
动作补间动画的概念
5）创建动作补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个
关键帧并设置一个元件，一帧中只能放一个项目，在动 画要结束的地方创建或选择一个关键帧并设置该元件的 属性，再单击开始帧，在【属性面板】上单击【补间】 旁边的“小三角”，在弹出的菜单中选择【动作】，或 单击右键，在弹出的菜单中选择【新建补间动画】，就 建立了“动作补间动画”。
淡紫色，在起始帧和结束帧之间有一个长长的箭头。
4
动作补间动画的概念
（4）形状补间动画和动作补间动画的区别 形状补间动画和动作补间动画都属于补间动画。前后都
动作补间动画知识点总结
动作补间动画知识点总结动作补间动画是一种流行的动画制作技术，它可以让画面中的元素在不同位置，大小和角度之间流畅地过渡。
这种技术常用于电影，电视节目，广告和网站等。
本文将介绍有关动作补间动画的知识点，包括其工作原理，制作流程，常用工具和应用场景等。
一，动作补间动画的工作原理动作补间动画是通过在关键帧之间插入中间帧来模拟物体的运动。
关键帧是指动画中的重要帧，它们定义了物体的位置，大小和角度等属性。
而中间帧则是根据关键帧的信息自动生成的，用来平滑地过渡物体的运动。
动作补间动画的工作原理可以用以下步骤来说明：1.首先，动画师需要确定物体的起始位置和结束位置，以及在这两个位置之间的运动路径。
2.然后，动画师在起始位置和结束位置之间插入若干关键帧，每个关键帧定义了物体在某一时刻的属性，比如位置，大小和角度等。
3.接下来，动画制作软件会根据这些关键帧的信息自动生成中间帧，使得物体在运动过程中能够平滑地过渡。
4.最后，动画师可以对中间帧进行微调，以确保物体的运动看起来自然和流畅。
总的来说，动作补间动画的工作原理就是通过在关键帧之间插入中间帧来模拟物体的运动，从而实现运动的流畅过渡。
二，动作补间动画的制作流程动作补间动画的制作流程包括以下几个步骤：1.确定动画的目标首先，动画师需要确定动画的目标，比如是制作一个人物的行走动作，还是制作一个物体的旋转动画等。
这个步骤非常重要，因为它决定了接下来的制作方向。
2.绘制关键帧一旦确定了动画的目标，动画师就可以开始绘制关键帧了。
关键帧可以用传统的动画绘制工具比如铅笔和纸，也可以用数字绘图软件比如Adobe Photoshop和Procreate等。
3.插入中间帧绘制好关键帧后，动画师需要使用动画制作软件比如Adobe Animate和Toon Boom等，来插入中间帧。
这些软件会根据关键帧的信息自动生成中间帧，使得物体在运动过程中能够平滑地过渡。
4.微调中间帧最后，动画师可以对中间帧进行微调，以确保物体的运动看起来自然和流畅。
Flash的补间动画的种类简介
Flash的补间动画的种类简介补间动画补间动画是整个Flash动画设计的核心，也是Flash 动画的最大优点，它有动画补间和形状补间两种形式；用户学习Flash 动画设计，最主要的就是学习“补间动画”设计；在应用影片剪辑原件和图形元件创作动画时，有一些细微的差别，你应该完整把握这些细微的差别，下面是flash的5种不见动画：1.Flash动作补间动画动作补间动画是Flash中非常重要的动画表现形式之一，在Flash 中制作动作补间动画的对象必须是“元件”或“组成”对象。
基本概念：在一个关键帧上放置一个元件，然后在另一个关键帧上改变该元件的大小、颜色、位置、透明度等，Flash根据两者之间帧的值自动所创建的动画，被称为动作补间动画。
2.Flash形状补间动画所谓的形状补间动画，实际上是由一种对象变换成另一个对象，而该过程只需要用户提供两个分别包含变形前和变形后对象的关键帧，中间过程将由Flash自动完成。
基本概念：在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，Flash根据两者之间帧的值或形状来创建的动画称为“形状补间动画”。
形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画之间，使用的元素多为鼠标或压感笔绘制出的形状。
小提示：在创作形状补间动画的过程中，如果使用的元素是图形元件、按扭、文字，则必须先将其“打散”，然后才能创建形状补间动画。
3.Flash逐帧动画逐帧动画是一种常见的动画形式，它的原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放形成动画。
基本概念：在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧地画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。
在Flash中将JPG、PNG等格式的静态图片连续导入到Flash中，就会建立一段逐帧动画。
也可以用鼠标或压感笔在场景中一帧帧地画出帧内容，还可以用文字作为帧中的元件，实现文字跳跃、旋转等特效。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
创建动画：——三种补间动画学案（第一课时）
何文才
【设计思路】
Flash动画是一种常见的多媒体表现形式，主要包括逐帧动画和补间动画。
第一单元主要学习了前者，而后者则是Flash动画设计中非常重要的表现手段。
这个单元设计用五个课时，第一课时主要让学生先了解补间动画的三种不同形式，并尝试创建三个不同形式的补间动画，在任务中进行说明。
通过这三个范例的制作，学生能够很好地区分三种补间动画在时间轴上的表现形式以及动画效果，为后面的分块学习打好基础。
第二课时主要让学生掌握丰富的传统补间动画制作，包括移动、大小、不透明度、颜色等变化。
第三课时主要让学生掌握Flash CS4中新增的旋转、3D旋转动画补间动画，并尝试综合运用补间动画的多种形式，进一步掌握传统补间动画和动画补间动画的制作技巧。
第四课时的内容是影片剪辑元件的制作与应用，需要学生理解影片剪辑能够使时间轴更简洁清晰，并且可以重复调用到舞台的不同位置。
第五课时主要让学生掌握文本以及图形变化的形状补间动画，即中英文转换动画和方圆转换动画。
通过这五个课时的学习，学生能够基本掌握三种补间动画的制作方法，为下一单元的综合作品制作打下良好的基础。
【知识回顾】
回顾第一单元所学，结合前几节课的任务，回答以下问题：
1.Flash文件的两种保存格式是：( )、（）。
2.
3.
元件的几种类型：（）、（）、（）；
【课前预习】
课前认真预习课本第二单元，回答以下问题：
1.在Flash cs4中，补间动画包括：（）、（）、（）；
2.传统补间动画的动画效果有：（）（）（）（）；
3.逐帧动画中的舞台对象_____元件。
A.必须是
B.一定不是
C.不一定是
4.动画补间动画中的对象_____元件。
A.必须是
B.一定不是
C.不一定是
5.形状补间动画中的对象_____元件。
A.必须是
B.一定不是
C.不一定是
【学习目标】
1.理解三种补间动画的特点；
2.了解制作三种补间动画的一般步骤；
3.学会区别三种补间动画的不同效果。
【知识链接】
到了Flash cs3之后，因为加入了一些3D的功能，结果在补间上传统的两种补间就没办法实现3D的旋转，所以之后的创建补间动画也就不再是以前版本上的那个意义了，所以为了区别就把以往的那种创建补间动画改为传统补间动画。
这样就出现了三种创建补间的形式：
1、创建补间动画（可以完成传统补间动画的效果，外加3d补间动画）
2、创建补间形状（用于变形动画）
3、创建传统补间动画（位置、旋转、大小、透明度变化）
下图是这三种补间在时间轴上的表现形式：
【上机探究】
任务：参考操作说明，尝试制作三种形式的补间动画并进行对比
传统补间：大圆变小并向右移动的动画
动画补间：方形3D旋转的动画
形状补间：一个圆变成方形的动画
【操作说明】
一、制作传统补间动画（移动、大小）：
1、在时间轴第一帧绘制一个图形，按F8键将其转化为图形元件；
2、鼠标单击第15帧按下F6键插入一个关键帧，将此帧的图形移动并放大。
3、选择第一帧点右键，在右键菜单里选择创建传统补间动画，则完成传统补间动画的制作，这里实现的是一个大圆变小并向右移动的动画。
二、制作动画补间动画：
1、在时间轴第一帧绘制一个正方形，然后按F8键将其转为影片剪辑（这里要做3D旋转，而3d旋转只对影片剪辑有效）。
2、在第15帧处按F5键插入帧（这里注意一定要是插入帧而不是插入关键帧）
3、选择第一帧点右键选择创建补间动画，之后选择第15帧（注意是只选择第15帧而不是1－15帧）点右键－插入关键帧－旋转。
如下图所示（可以做其它动画我这里以旋转动画为例）；
4、选择工具栏上的旋转工具，给第一帧或第15帧做一个角度旋转，此时动画完成。
如下图所示
三、制作形状补间动画：
1、在时间轴第一帧绘制一个图形如圆形。
2、在时间轴第15帧按F7键插入一个空白关键帧，然后在这一帧绘制一个正方形。
3、选择第一帧点右键，选择创建补间形状，则完成补间形状动画制作。
这里实现的是一个圆变成方形的动画。
具体如图：
【注意】
在Flash中，补间形状（形状(变形)动画）只能针对矢量图形进行，也就是说，进行变形动画的首、尾关键帧上的图形应该都是矢量图形。
矢量图形的特征是：在图形对象被选定时，对象上面会出现白色均匀的小点。
利用工具箱中的直线、椭圆、矩形、刷子、铅笔等工具绘制的图形，都是矢量图形。
在Flash中，传统补间（动画补间）只能针对非矢量图形进行，也就是说，进行运动动画的首、尾关键帧上的图形都不能是矢量图形，它们可以是组合图形、文字对象、元件的实例、被转换为“元件”的外界导入图片等。
非矢量图形的特征是：在图形对象被选定时，对象四周会出现蓝色或灰色的外框。
利用工具箱中的文字工具建立的文字对象就不是矢量图形，将矢量图形组合起来后，可得到组合图形，将库中的元件拖曳到舞台上，可得到该元件的实例。