动作补间动画方法与实例
《动作补间动画》ppt课件信息技术八上
制作游戏
在游戏开发中，动作补间 动画常用于实现角色的动 作，如行走、跳跃、攻击 等。
制作课件
在课件制作中，动作补间 动画可以用于模拟实验、 演示流程等场景，增强课 件的互动性和表现力。
02
动作补间动画制作流程
创建动画角色
角色设计
根据主题和故事情节，设 计出符合要求的动画角色， 包括角色的外观、服装、 发型等。
要点一
总结词
要点二
详细描述
动画效果不符合预期要求，或者在播放过程中出现卡顿、 延迟等现象。
这可能是由于计算机性能不足、软件兼容性问题或者动画 制作过程中的一些细节问题所导致的。解决方案是优化计 算机性能，升级软件版本，同时检查动画制作过程中的细 节问题，如文件大小、图像质量等，以获得更好的动画效 果。如果动画出现卡顿现象，可以尝试降低图像质量或者 优化动画参数，以减轻计算机负担。
导出动画
完成调整后，将动画导出为视频文件或GIF格式，以便分享和观看。
03
动作补间动画的进阶技巧
使用透明度变化制作动画
总结词
通过调整对象的透明度，可以在动画中实现渐变效果，增强视觉冲击力。
详细描述
在Flash或其他动画制作软件中，选择要应用透明度变化的图层或对象，然后在属性面板中找到“透明度”选项 ，调整透明度的百分比或选择不同的透明度效果，如渐变、淡入淡出等。在时间轴中设置关键帧，并在不同关键 帧上设置不同的透明度值，即可创建透明度变化的动作补间动画。
05
动作补间动画的案例展示
案例一：小球弹跳动画
总结词
生动形象地展示了动作补间动画的原理和效果。
详细描述
小球弹跳动画通过制作小球在初始位置和结束位置之间的运动路径，并利用动 作补间动画技术，使小球在两个关键帧之间自动生成平滑的弹跳效果。
创建动作补间动画补间动画让物体动起来 PPT
空白帧时,就会停止放映动画。
关键帧:定义动画发生变化得帧。关键帧以实心得黑 点表示。
空白关键帧:动画内容发生变化得帧,但画面就是空 白得,空白关键帧以空心播得放头圆点表示。
空白关 键帧
关键帧
空白帧
大家学习辛苦了，还是要坚持
继续保持安静
动画得三个步骤:
①设置一个起始关键帧 ②设置一个终止关键帧 ③创建补间动画
动画组成结构
动画
ቤተ መጻሕፍቲ ባይዱ
场景1
场景2 .......
图层1 图层2 .......
第1帧 第2帧 .......
帧 — 图层 — 场景 — 动画
场记板
动画得步骤:①
起始关键帧 起始位置
动画得步骤:②
终点关键帧 移到终点位置
动画得步骤:③
鼠标右键 创建补间
一件元件一个层, 互不干涉
创建补间动画--准备
创建元件
动画得步骤:①
起始关键帧 起始大小
动画得步骤:②
终点关键帧 终止大小
动画得步骤:③
鼠标右键 创建补间
创建动作补间动画补间动画让物体 动起来
动作补间动画只能对元件进行补间,如果对 非元件得对象进行动作补间动画时,先将其 转化为元件。
Flash动画
补间动画让物体动起来
之创建动作补间动画
时间轴
帧:时间轴上每一小格就表示一帧,就是动画得一个
最小时间片断。每一个帧其实也就就是一幅组成 动画得静态图象。
动作补间动画制作实例
动作补间动画制作实例——飞机的飞行
制作过程：
1.新建一个Flash文件，属性为默认。
2.导入素材文件到库，并右键单击图片山峰.jpg大小属性。
3.将图片山峰.jpg拖入到舞台，并更改文档大小属性为：651255。
4.选择图片，打开对齐面板，分别选中“对齐面板，水平中齐，垂直中齐”命令按钮，使背景图片相对于舞台中心对齐。
并将图层1命名为背景图层。
并在100帧处插入帧。
5.创建一个飞机图形元件。
6.将飞机图片拖入舞台，并用对齐面板对齐舞台。
7.返回场景，新建图层2，并命名为飞机图层。
8.将飞机图形元件拖入到飞机图层的第一帧上。
9.点选飞机图形元件，执行“修改→变形→水平翻转”。
10.将将将飞机图形元件拖至舞台外面，设置Alpha为80%。
11.在飞机图层100帧处插入关键帧，选择飞机图形元件拖至舞台右上角位置，设置Alpha为20%，大小变为原来的20%。
12.在飞机图层的两个关键帧之间任意一个地方点选，到属性面板执
行“补间→动画”。
即可为两个关键帧创建动作补间动画。
Flash基础教程(动作补间动画实例)
Flash基础教程（动作补间动画实例）飞行的飞机（1）创建影片文档1、设置影片文档属性执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash 文档】选项后，点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为650×255像素，【背景色】为白色2、创建背景图层执行【文件】|【导入】|【导入到舞台】命令，将配套光盘中名为“山峰.jpg”的图片导入到场景中（“山峰”图片位置：光盘\example\part3\***\图片\山峰.jpg）。
用【箭头工具】调整图片在舞台上的位置，使其居于舞台的中央。
如果图片大小不合适，再选择【任意变形工具】调整图片大小。
选择第100帧，按F5键，添加普通帧。
（2）创建元件1、创建飞机元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“飞机”。
这时进入新元件编辑场景，选择第一帧，执行【文件】|【导入】|【导入到舞台】命令，将配套光盘中的名为“飞机.png”图片导入到场景中（“飞机”图片位置：光盘\example\part3\***\图片\飞机.png）。
2、创建白云元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“白云”。
这时进入新元件编辑场景，选择第一帧，执行【文件】|【导入】|【导入到舞台】命令，将配套光盘中的名为“白云.png”的图片导入到场景中（“白云”图片位置：光盘\example\part3\***\图片\白云.png）。
（3）创建动画1、创建飞行效果单击时间轴右上角的【编辑场景】按钮，选择【场景1】，转换到主场景中。
新建一层，把库里名为“飞机”的元件拖到场景的左侧，执行【修改】|【变形】|【水平翻转】命令，将飞机元件实例水平翻转。
在【属性】面板上打开【颜色】旁边的小三角，设置【Alpha】值为80%。
飞机向远处飞去，应该越来越小，越来越模糊，来看看这种效果是什么做出来的吧，选中【图层2】的第100帧，按F6键，添加一个关键帧，在【属性】面板中设置飞机的大小，【W】值是飞机的宽值，为32；【H】值是飞机的高值，为18.9；【X】、【Y】则是飞机在场景中的X、Y坐标，分别是628.5,51在【属性】面板上，设置【Alpha】值为20%。
《动作补间动画》 讲义
《动作补间动画》讲义一、什么是动作补间动画动作补间动画，简单来说，就是在一个关键帧上设置对象的属性，然后在另一个关键帧上改变这些属性，软件会自动生成中间的过渡帧，从而形成流畅的动画效果。
比如说，我们有一个小球，在第一帧的时候它在屏幕的左边，然后在第十帧的时候让它跑到屏幕的右边。
这中间的帧，软件会根据我们设定的属性变化，自动计算出小球从左到右的移动过程，这就是动作补间动画。
动作补间动画可以应用于很多元素，比如图形、影片剪辑、文字等等。
它能让这些元素产生位置、大小、旋转、颜色等方面的变化。
二、动作补间动画的特点1、流畅性动作补间动画能够产生非常流畅的动画效果，因为软件会根据关键帧之间的属性差异，精确地计算出中间的过渡状态，让动画看起来自然而连贯。
2、高效性相较于逐帧动画，动作补间动画大大减少了制作的工作量。
我们不需要一帧一帧地去绘制，只需要设置关键帧和属性变化，软件就能帮我们完成大部分的工作。
3、可控制性虽然软件会自动生成中间帧，但我们依然可以对关键帧的属性进行精细的控制，从而实现我们想要的动画效果。
三、动作补间动画的制作步骤1、创建起始关键帧首先，我们要在时间轴上确定起始的位置，创建一个关键帧。
在这个关键帧上，放置我们要制作动画的对象，并设置好它的初始属性，比如位置、大小、颜色等。
2、创建结束关键帧在时间轴上选择一个稍后的位置，创建结束关键帧。
然后，改变对象的属性，使其达到我们期望的结束状态。
3、建立补间在起始关键帧和结束关键帧之间的任意位置，右键点击，选择“创建补间动画”。
这时，软件就会自动生成中间的过渡帧。
4、调整属性如果对生成的动画效果不满意，我们还可以进一步调整关键帧上对象的属性，或者在属性面板中修改补间的参数，如缓动、旋转方式等，以获得更理想的动画效果。
四、动作补间动画的应用场景1、物体的移动比如让一个汽车在道路上行驶，或者让一个气球在空中飘动。
2、形状的变化可以把一个正方形逐渐变成一个圆形，或者让一个三角形变大变小。
Flash 8 动作补间动画详解及实例
Flash 8 动作补间动画详解及实例动作补间动画也是Flash中非常重要的表现手段之一，与“形状补间动画”不同的是，动作补间动画的对象必需是“元件”或“成组对象”。
运用动作补间动画，您可以设置元件的大小、位置、颜色、透明度、旋转等种种属性，配合别的手法，您甚至能做出令人称奇的仿3D的效果来。
本实例详细讲解了动作补间动画的特点及创建方法，并分析了动作补间动画和形状补间动画的区别，我们精心设计的一个实例将带您进一步加深对动作补间动画的了解。
1．动作补间动画的概念（1）动作补间动画的概念在Flash的时间帧面板上，在一个时间点（关键帧）放置一个元件，然后在另一个时间点（关键帧）改变这个元件的大小、颜色、位置、透明度等等，Flash 根据二者之间的帧的值创建的动画被称为动作变形动画。
（2）构成动作补间动画的元素构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮等等，除了元件,其他元素包括文本都不能创建补间动画的,其他的位图、文本等等都必须要转换成元件才行，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。
（3）动作补间动画在时间帧面板上的表现动作补间动画建立后，时间帧面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长长的箭头，如图3-4-1所示。
图3-4-1 动作补间动画在时间帧上的表现（4）形状补间动画和动作补间动画的区别形状补间动画和动作补间动画都属于补间动画。
前后都各有一个起始帧和结束帧，二者之间的区别如下表所示。
区别之处动作补间动画形状补间动画在时间轴上的表淡紫色背景加长箭头淡绿色背景加长箭头现组成元素影片剪辑、图形元件、按钮形状，如果使用图形元件、按钮、文字，则必先打散再变形。
完成的作用实现一个元件的大小、位置、颜色、透明等的变化。
实现二个形状之间的变化，或一个形状的大小、位置、颜色等的变化。
5）创建动作补间动画的方法在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置一个元件，一帧中只能放一个项目，在动画要结束的地方创建或选择一个关键帧并设置该元件的属性，再单击开始帧，在【属性面板】上单击【补间】旁边的“小三角”，在弹出的菜单中选择【动作】，或单击右键，在弹出的菜单中选择【新建补间动画】，就建立了“动作补间动画”。
动作补间动画详解课件
包括缩放、旋转、倾斜和透明度等，这些属性可以在关键帧 中设置，并在过渡帧中进行平滑的过渡。属性的变化可以产 生丰富的动画效果。
03
动作补间动画的创建与编辑
创建动作补间动画
确定动画主题和目标
在开始创建动作补间动画之前，需要 明确动画的主题和目标，以便更好地 规划和设计动画内容。
设置时间轴
在时间轴中设置每个关键帧之间的时 间间隔，以便软件根据时间间隔自动 生成中间帧。
多媒体制作
在多媒体作品中加入动作 补间动画，可以增强视觉 效果，提高作品的表现力 。
02
动作补间动画的原理
关键帧与过渡帧
关键帧
定义动画中的起始和结束状态，是动 画中最重要的帧。关键帧中的内容决 定了动画的整体效果。
过渡帧
连接关键帧之间的帧，用于平滑地过 渡动画效果。过渡帧的内容根据关键 帧的内容和补间类型进行计算。
补间动画
通过改变对象的关键属性，如位 置、大小、旋转等，在起始关键 帧和结束关键帧之间自动生成中 间帧，实现平滑过渡。
动作补间动画的特点 之间创建补间，软件会自动计算 并生成中间帧，实现平滑的动画
效果。
可控性高
可以通过调整补间的属性、运动轨 迹等参数，实现精细控制动画效果 。
成小球弹跳的中间帧。
实例二：旗帜飘扬动画
总结词
旗帜飘扬动画通过模拟旗帜在风中摆动的动作，展现出动态的美感。通过设置旗帜的形 态、摆动幅度和频率等参数，实现逼真的飘扬效果。
详细描述
首先确定旗帜飘扬的中心点，然后在关键帧中设置旗帜在不同状态下的形态，如静止、 摆动和飘扬等。通过调整摆动幅度和频率等参数，使旗帜在风中呈现出自然的飘动效果
动画更加自然流畅。
调整运动曲线
补间动画及其制作方法
补间动画及其制作方法补间动画分为动作补间动画和和形状补间动画。
下面分别进行讲解。
一、动作补间动画1、什么是动作补间动画动作补间动画，也叫运动动画。
就是在一个关键帧上放置一个元件，然后在另一个关键帧上改变这个元件的大小、颜色、位置、透明度等，Flash 根据二者之间的帧的值创建的动画被称为动作补间动画。
动作补间动画（运动动画）只对单一的对象有效，如果想让多个对象同时运动，必须将它们放在不同的层上，分别制作运动动画。
2、创建动作补间动画的方法A、在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置一个元件，一帧中只能放一个项目（对象）。
B、在动画要结束的地方创建或选择一个关键帧并设置该元件的属性。
C、再单击开始帧，在【属性】面板上单击【补间】旁边的下拉列表，在弹出的菜单中选择【动作】，或单击右键，在弹出的菜单中选择【创建补间动画】，就建立了“动作补间动画3、小结A、构成动作补间动画的元素可以是元件（包括影片剪辑、图形元件、按钮）、文本、位图、矢量组合等等，但不能是形状，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。
运用动作补间动画，你可以设置元件的大小、位置、颜色、透明度、旋转等种种属性，充分利用动作补间动画这些特性，可以制作出理想的动画效果。
B、用鼠标单击补间动画属性面板中【简易】右边的按钮，弹出拉动滑杆，拖动上面的滑块，可设置参数值，当然也可以直接在文本框中输入具体的数值，设置完后，补间动作动画效果会以下面的设置作出相应的变化。
在-1到 -100 的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速补间。
在1 到 100 的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢补间。
如果在默认情况下，补间帧之间的变化速率是不变的。
二、形状补间动画1、什么是形状补间动画形状补间动画就是在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。
动作补间动画
三、总结
动作补间动画：是在两个关键帧之间，
通过改变对象的位置等属性，由程序自 动创建中间过程。
动作补间动画对象：组件、元件
二、欣赏
Flash中有哪些实现动画的方法呢？
动作补间动画
引导层动画
形状补间动画
逐帧动画 遮照层动画
动作补间动画
一、回顾
前两次课我们
选择工具
通过绘制动画 片中静态元素， 掌握了部分工 具的使用。
ห้องสมุดไป่ตู้直线工具
椭圆工具 铅笔工具 颜料桶工具
笔触颜色 填充颜色
二、新课
案例一：荷塘月色
动作补间动画：月亮位置改变
荷塘、荷叶、柳条为静态元素，作为背景
创作步骤：
1、选中第1帧，画月亮。 （笔触颜色无，填充颜色为 黄色）
2、选中第40帧，插入“关 键帧”，改变月亮的位置。
3、选中第1帧，右单击 鼠标，选中“创建补间 动画”。
案例二：卡通人物顶球
动作补间动画：球由上到下，再由下到上。 卡通人物表情变化是今后要学到的“逐帧动
创作步骤：
1、选中“球”图层的第1帧，插入“关键帧”，绘制 小球。（笔触颜色任远，填充颜色为渐变色） 2、选中第5帧，插入“关键帧”，把小球移到人物头 顶。 3、选中第10帧，插入“关键帧”，把小球移到第1帧 的位置。 4、测试影片。
《动作补间(渐变)动画》PPT课件
1
知识要点
学习将图片转化为元件的操作 学会对图片的处理，如缩放、旋转、透明度 复习“创建动作补间动画”的方法 了解动作补间动画的特点及适用范围
2
补间动画
• 两类补间动画
– 动作补间动画（Motion）：适用于群组对象(组合)、 文字、元件
• 当对象是矢量图形或为两个以上对象时，必须先转换成元件或 建群组。
– 形状补间动画（Shape）：只适用于矢量图形。
• 可以修改关键帧内对象的大小、位置、颜色、透 明度（矢量图形的颜色、透明度在 Color Mixer 面板设置，元件的颜色、透明度在属性面板设置） 形成动画。
3
动作补间动画的深入研究
• 如果一个元件仅仅是移动，我们很快会感 到枯燥……
• 增强动画效果的方法： 1、元件的缩放 2、元件的旋转 3、利用透明度（Alpha）属性，制作淡
入淡出效果
4
小结
• 当一个对象需要复杂变化时，我们可以用逐帧动画， 但如果对象发生了位置的移动、缩放、旋转、加减 速等效果，那么我们可以用动作补间动画实现。应 该注意的是：在动画的起始帧和终止帧中应为同一 个对象。
• 思考：对象如果发生形状的改变，还可以用动作补 间动画实现吗？
5
6
动作补间动画制作教案
动作补间动画制作教案章节一：动作补间动画概述教学目标：1. 了解动作补间动画的概念和作用。
2. 掌握动作补间动画的基本原理。
教学内容：1. 动作补间动画的定义。
2. 动作补间动画的应用场景。
3. 动作补间动画的基本原理。
教学活动：1. 引入动作补间动画的概念。
2. 展示动作补间动画的实例。
3. 解释动作补间动画的基本原理。
章节二：制作简单的动作补间动画教学目标：1. 掌握制作简单动作补间动画的步骤。
2. 能够运用动作补间动画制作基本动作。
教学内容：1. 制作简单动作补间动画的步骤。
2. 动作补间动画的关键帧设置。
教学活动：1. 讲解制作简单动作补间动画的步骤。
2. 演示制作简单动作补间动画的过程。
3. 学生实践制作简单动作补间动画。
章节三：复杂动作补间动画的制作教学目标：1. 掌握制作复杂动作补间动画的技巧。
2. 能够制作具有多个关键帧的动作补间动画。
教学内容：1. 制作复杂动作补间动画的步骤。
2. 多个关键帧的设置和调整。
教学活动：1. 讲解制作复杂动作补间动画的步骤。
2. 演示制作复杂动作补间动画的过程。
3. 学生实践制作复杂动作补间动画。
章节四：动作补间动画的优化教学目标：1. 了解动作补间动画的优化方法。
2. 掌握优化动作补间动画的技巧。
教学内容：1. 动作补间动画的优化方法。
2. 优化动作补间动画的技巧。
教学活动：1. 讲解动作补间动画的优化方法。
2. 演示优化动作补间动画的过程。
3. 学生实践优化动作补间动画。
章节五：动作补间动画的综合应用教学目标：1. 能够综合运用动作补间动画制作复杂的动画效果。
2. 掌握动作补间动画在实际项目中的应用。
教学内容：1. 动作补间动画的综合应用实例。
2. 动作补间动画在实际项目中的应用。
教学活动：1. 讲解动作补间动画的综合应用实例。
2. 演示动作补间动画在实际项目中的应用。
3. 学生实践运用动作补间动画制作复杂的动画效果。
章节六：动作补间动画与传统补间动画的比较教学目标：1. 理解动作补间动画和传统补间动画的区别。
动画制作技术—补间动画(现代教育技术课件)
学习目标
01 理解补间动画与传统补间动画的区别 02 掌握补间动画的制作技巧和路径编辑方法 03 运用动画预设为对象添加动画 04 运用补间动画的制作技巧制作动画作品
补间动画
补间动画：同一对象在两个关键 帧中的变化。
使用对象：元件实例和文本
补间属性：位置、旋转、颜色、 透明度、缩放和倾斜等。
制作方法：先创建补间动画，然后 插入关键帧，再对对象的属性进行 调节，或在“动画编辑器”面板中 调节。
关键帧：实心菱形，关键帧之间的 过渡没有实线箭头。
编辑补间动画的路径
1、更改某帧补间对象的位置：选择工具 2、移动整个补间动画路径：选择工具 3、修改路径形状：选择工具和部分选取工具
【实例】蝴蝶沿路径的运动02
【实训】小兔弹吉他
要求：利用已给的素材， 利用补间动画完成小兔弹吉他 中音符的运动。并学习“拆分 动画”命令的使用。
Flash动画制作之—制作动作补间动画[高级课件]
![Flash动画制作之—制作动作补间动画[高级课件]](https://img.taocdn.com/s3/m/f1b30159c1c708a1294a4466.png)
（4）选择“云层1”图层，将【库】面板中的“云层”元件拖入舞 台，放置到如图6-23所示的位置。
图6-22 放置“太阳”元件
图6-23 放置第1个云层
严选内容
1严选内容?61动作补间动画原理?62时间轴特效?53课后作业本章大纲2严选内容61动作补间动画原理611知识点讲解动作补间是flash动画应用最多的表现手法只要有动画产生的实例中就会使用动作补间其重要性不言而喻这里首先来认识其原理理
第6讲 制作动作补间动画
学习目标
掌握动作补间动画的原理和创建方法 。 掌握使用动作补间动画表现蝙蝠飞翔的效果 。 掌握时间轴特效的原理和使用方法 。 掌握使用时间轴特效制作动态影集的方法 。
（2）选择【矩形】工具，在【颜色】面板中设置【笔触颜色】为“ 无”，【填充颜色】的【类型】为“线性”，从左至右第1个色块 颜色为“白色”，第2个色块颜色为“#0099FF”，如图6-16所示 。
（3）在编辑区绘制一个宽高为“550px×400px”的矩形，并居中对 齐，然后利用【填充变形】工具调整填充方向和位置如图6-17所 示。
19
（4）分别在“天空”图层的第1帧和第70帧单击鼠标右键，在弹出 的快捷菜单中选择【创建补间动画】命令，此时【时间轴】状态 如图6-33所示 。
图6-33 【时间轴】状态
7、制作“太阳”动画。 （1）在“太阳”图层的第35帧和第120帧插入关键帧，删除第1帧中
的太阳元件。
（2）选择第35帧中的“太阳”元件，在【属性】面板中设置其【颜 色】参数如图6-34所示 。
图6-28 放置第3个高山
Flash动画制作之—制作动作补间动画-06-课件PPT
6.1.2 范例解析（一）──创建动作补间动画练习
请同学们在老师的带领下进一步学习动作补间动画的创建方 法，并按要求完成以下操作 。
1、打开教学资源中的“素材\第6讲\创建动作补间动画\创建动作补 间动画.fla”文件，如图6-5所示。
2、在“篮球”图层的第30帧处插入关键帧，然后向下移动篮球到如 图6-6所示的位置。
二、创建动作补间动画。 在存储着同一元件两种不同属性的两关键帧之间任选1帧，然后在【 属性】面板上的【补间】下拉列表中选择【动作】命令或直接在该 帧上单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】命 令，如图6-2所示就可创建动作补间动画。 如果两关键帧之中的任何一个关键帧的内容为空，将创建动作补间 动画失败，如图6-3所示 。
（3）在编辑区绘制一个宽高为“550px×400px”的矩形，并居中对 齐，然后利用【填充变形】工具调整填充方向和位置如图6-17所 示。
图6-16 填充颜色
图6-17 调整填充
3、制作太阳元件 。 （1）新建一个影片剪辑元件并命名为“太阳”，单击 按钮进入
元件内部进行编辑 。
（2）选择【椭圆】工具，在【颜色】面板中设置【笔触颜色】为“ 无”，【填充颜色】的【类型】为“放射状”，从左至右第1个 色块颜色为“白色”，第2个色块颜色为“#FFFF00”，第3个色 块颜色为“#FFFF00”且【Alpha】参数为“0%”，如图6-18所示 。
图6-9 设置缓动为“－100”
图6-10 设置缓动为“100”
7、按Ctrl+Enter快捷键测试播放影片，篮球的运动看起来具有一 定的速率变化了。
8、选中第1帧，在【属性】面板中设置【旋转】为“顺时针”，【 次】为“1”，如图6-11所示，选中第30帧，在【属性】面板中做相 同的旋转设置。
补间动画让物体动起来(共16张PPT)
播放头
空白关键帧
关键帧
空白帧
动作补间动画有哪几种变化方式？ 大小变化的动作补间 颜色变化的动作补间 位置变化的动作补间
认真阅读课本P78-83，思考以下问题： 1、根据课本提示，尝试完成大小变化、颜色变 化、位置变化的动作补间。 2、如何“测试影片”，生成swf标准动画文件？
1、选中对应图层，调整第一个关键帧 图形对象的状态
自学时间：3分钟
时间轴上，每一个小格表示一帧，帧代表着某一 个时刻的画面，动画是由若干个不同画面的帧组成的。
重点： 有哪些类型的帧？ 分别表示什么意思？
播放头
空白关键帧
关键帧
空白帧
Flash动画是由 帧、图层、场景、动画 逐层构成。
帧（画面）
图层
场景
动画
思考：补间动画的制作方式？有哪两种类型？
2、在后面的某个位置创建关 键帧，并改变对象的状态
3、选择中间普通帧，在属性面板 上，选择动画补间
完成龟兔赛跑背景的位置变化过程。
要求：
分图层将对应的元件从库 中导入到场景，制作动作补间。
Ctrl+Enter 提交swf文件
什么是帧？ 有哪些类型的帧？ 分别表示什么意思？
只要确定动画 起始 与 结束 这两个关键帧的元件状态， Flash会自动根据动作变化规律完成中间的变化过程，从而 实现动画效果。
补间动画可分为 动作动画 和 形状动画 两种制作方式。
问：课本介绍了哪几种变化方式的动作补间动画？ 大小变化的动作补间 颜色变化的动作补间 位置变化的动作补间
1、选中对应图层，调整第一个关键帧 图形对象的状态
让物体动起来
1、了解帧的概念和类型，以及帧、图层、场 景与动画的构成关系 2、掌握插入帧、关键帧和新建图层的操作 3、理解动作补间动画的基本原理 4、掌握动作补间动画的制作方法
动作补间动画课件PPT
动作补间动画和形状补间动画对比
总结
相同点 不同点
组成元素 补间方式 时间轴表现
实现作用效果
动作补间动画
形状补间动画
首尾两个关键帧，中间画面由软件自动生成
元件（非矢量图） 动作 淡紫色背景+长箭头
请同学们欣赏flash动画，思考如下问题？
1、有几个图层？ 2、该文字动画可以用逐帧动画实现吗？ 3、该文字动画可以用形状补间动画实现吗？
动作补间动画
制作动作补动画步骤
1. 将动作对象转化成元件 2. 在“起始帧”和“结束帧”两个关键帧更改元件的属性
3. 在两个关键帧之间右键“创建补间动画”
错误情况及处理办法
动作补间动画特征
1. 是物体由一个状态到另一个状态 （位置，大小，透明度，旋转等等）
2. 状态的改变是通过两个关键帧设置
END
形状（矢量图） 形状 淡绿色背景+长箭头
实现一个元件或组合对象的大 两个形状之间的变化，或
小、位置、旋转、速度、颜色、 一个形状的大小、位置、
透明度等的变化
颜色等的变化
总结
本节课的内容你都掌握了吗？
知道什么是动作补间动画 动作补间动画和形状补间动画的区别 会制作简单的动作补间动画 能说出动作补间动画的制作步骤
动作补间动画方法与实例
“动作”面板：方便使用Flash的脚本编程语言ActionScript而
专门提供的操作界面
“组件”面板：动作集合
3.2 基本绘图工具（工具箱）
选择工具 部分选取工具 直线工具 套索工具 钢笔工具 矩形工具 铅笔工具 刷子工具 任意变形工具 渐变变形工具 墨水瓶工具与 颜料桶工具 滴管工具 橡皮擦工具 文本工具
3.3.3 动作补间动画方法与实例
（4）现在为每一帧的运动加上渐变。由于重力作用， 图形下落的时候加速，上升的时候减速，所以在第1帧 的属性中将“补间”设置为“动画”，将“缓动”值改 为-60。如下图：
3.3.3 动作补间动画方法与实例
（5）在第20帧至第25帧之间右击，在弹出的快捷菜单 中选择“创建补间动画”命令。在第25帧至第30帧之间 右击，在弹出的快捷菜单中选择“创建补间动画”命令 。在第30帧的属性中将“补间”设置为“动画”，将“ 缓动”值改为60。创建后的时间轴如下图：
步骤5：测试动画。按Ctrl+Enter快捷键测试动画。
3.3.4 遮罩动画方法与实例
1.遮罩和遮罩的创建 1）遮罩及其作用 遮罩动画是Flash中的一个很重要的动画类型，很多效 果丰富的动画都是通过遮罩动画来完成的。在Flash的 图层中有一个遮罩图层类型，为了得到特殊的显示效果 ，可以在遮罩层上创建一个任意形状的“视窗”，遮罩 层下方的对象可以通过该“视窗”显示出来，而“视窗 ”之外的对象将不会显示。 在Flash动画中，“遮罩”主要有2种用途，一个作用是 用在整个场景或一个特定区域，使场景外的对象或特定 区域外的对象不可见，另一个作用是用来遮罩住某一元 件的一部分，从而实现一些特殊的效果。
3.3.4 遮罩动画方法与实例
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
3.3.3 动作补间动画方法与实例
动作补间动画的属性面板
3.3.1 逐帧动画方法与实例
步骤2：创建背景图层。将当前图层重命
名为“背景”，选择第一帧，选择菜单命 令“文件|导入|导入到舞台…”，将背景图 片导入舞台中，在第8帧处按F5键插入普 通帧，使帧内容延续到第8帧。
步骤3：导入素材到库。选择菜单命令“
文件|导入|导入到库…”，在弹出的对话框 中找到素材所在的文件夹，按Ctrl+A，把 素材全部选中，再点击右下角的“打开” 按钮，这样所有的素材都导入到库中。如 左图所示。
的操作
“动作”面板：方便使用Flash的脚本编程语言ActionScript而
专门提供的操作界面
“组件”面板：动作集合
3.2 基本绘图工具（工具箱）
选择工具 部分选取工具 直线工具 套索工具 钢笔工具 矩形工具 铅笔工具 刷子工具 任意变形工具 渐变变形工具 墨水瓶工具与 颜料桶工具 滴管工具 橡皮擦工具 文本工具
例：变形文字 步骤1：新建一个文档。在“属性”面板中设置影片的
大小为500×400像素，背景色为白色。
步骤2：选中“工具栏”中的“文本工具”，在舞台上
单击并输入大写字母“A”，选中字母“A”，在文本“ 属性”面板中设置字体为“黑体”、字号“96”、“粗 体”、颜色为“红色”（#FF0000）。
3.3.1 逐帧动画方法与实例
创建逐帧动画的几种方法： 1．用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入到Flash中，就会建立一段逐 帧动画。 2．绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧帧的画出帧内容。 3．文字逐帧动画 用文字作帧中的元件，实现文字跳跃、旋转等特效。 4．指令逐帧动画 在时间帧面板上，逐帧写入动作脚本语句来完成元件的变化。 5．导入序列图像 可以导入gif序列图像、swf动画文件或者利用第3方软件（如swish 、swift 3D等）产生的动画序列。
步骤4：分别选择各关键帧的文字，选择菜单命令“
修改|分离”，将各关键帧上的文字打散。
步骤5：创建形状补间动画。分别选择第1、10、20帧
，将其“属性”面板中的“补间”设为“形状”。设置 后时间轴如图所示。
步骤6：
Ctrl+Enter快捷键 预览动画
3.3.3 动作补间动画方法与实例
两种方式： 1) 先创建好两个帧的状态，然后在两个关键帧 之间建立动作补间关系。 2) 先创建好起点关键帧，然后给此帧赋予动作 补间模式，再去创建终点关键帧，两帧之间就 建立了动作补间关系。
3.3.1 逐帧动画方法与实例
步骤5：调整对象位置。单击“时间轴”面板下方的“编辑多个
帧”按钮，再单击“修改绘图纸标记”按钮，在弹出的菜单中选择 “绘制全部”命令。最后执行“编辑”菜单下的“全选”命令，此 时时间轴和场景效果。此时时间轴和场景效果如下图所示。
步骤6：测试存盘 。
3.3.2 形状补间动画实例
数和帧数
舞台
工作区（舞台的后台 ）
常用面板
“属性”面板：舞台的下方 “对齐”面板：“窗口”|“对齐” “颜色”面板：“窗口”|“颜色” “样本”面板：颜色库面板 “信息”面板：在编辑操作的过程中为用户提供一些相关的信
息。
“场景”面板：显示了当前动画的场景数量和播放的先后顺序 “变形”面板：对选定对象执行缩放、旋转、倾斜和创建副本
3.3.1 逐帧动画方法与实例
例1：奔驰的汽车 步骤1：新建一个大小为550*400的动画文件，在第1帧处按F6插
入关键桢。
步骤2：选择“文件|导入|导入到舞台”，将小汽车的图片导入到
舞台上
步骤3：单击第2帧，插入关键桢(F6) ，选中舞台上的小汽车并水
平平移一段距离。
步骤4：单击第3帧，插入关键桢(F6) ，选中舞台上的小汽车继续
第三章 Flash CS3入门及制作实例
内容提要
3.1 3.2 3.3 3.4 Flash CS3的工作环境简介 基本绘图工具 基本动画制作 动画制作实例
3.1 Flash CS3的工作环境简介
菜单栏
时间轴
浮动面板
工具箱 舞台
属性面板
时间轴
时间轴：用于组织和控制文档内容在一定时间内播放的图层
步骤3：在第10、20、30帧处分别按F6键建立关键帧，
用“文本工具”将第10帧的文字改为“B”、颜色改为“ 绿色”（#00FF00），将第20帧的文字改为“C”、颜色 改为“蓝色”（#0000FF），将第30帧的文字改为“D” 、颜色改为“黄色”（#FFFF00）。
3.3.2 形状补间动画实例
ቤተ መጻሕፍቲ ባይዱ
3.3 基本动画制作
基本动画 类型 逐帧动画 特点 对每帧画进行控制保存每一帧的数据
形状补间 保存帧之间不同的数据在一个关键帧中绘制一个形状， 然后在另一个关键帧中更改该形状或绘制另一个形状 动画 动作补间 一个对象在两个关键帧分别定义不同的属性并在两个关 键帧之间建立运动渐变关系 动画
遮罩动画 遮罩层的操作(水波、万花筒、百页窗、放大镜 、望远镜 ) 引导路径 动画 自定义运动路径
3.3.1 逐帧动画方法与实例
步骤4：将马的图片添加到舞台上。插入一个新的图层并选中第
1帧，单击库里名为“马1”的图形元件，按住鼠标左键拖动到舞台 上，然后释放鼠标，这样“马1”图形就拖到舞台上了。选中第2帧 ，按F7键插入7个空白关键帧，依次在各个空白关键帧上，分别从 库里拖出“马2”、“马3”、“马4”、“马5”、“马6”、“马7”、“ 马8”到舞台上，时间轴上所有空白关键帧都变成关键帧了。下图为 导入的图片序列。
水平平移一段距离。
步骤5：按照3和4的步骤重复几次直至小骑车平移到最右边。 步骤6：同时按下Ctrl+回车键，即可观看最后的动画效果。
3.3.1 逐帧动画方法与实例
例2：奔驰的骏马----（导入连续图片 ） 步骤1：新建一个影片文档，在“属性”面板上设置文
件大小为460×290像素，“背景色”为白色。 如下图所 示。