03flash动作补间练习(精)
利用flash制作动作补间动画
利用flash制作动作补间动画Flash（Adobe Animate）是一种由Adobe公司开发的多媒体工具，旨在创建高级动画和交互式内容。
利用Flash的强大功能和易于使用的界面，用户可以制作出各种各样的动画效果，包括动作补间动画。
本文将介绍如何使用Flash制作动作补间动画，并提供一些设计和技巧。
首先，让我们先了解一下动作补间动画是什么。
动作补间动画是一种通过在关键帧之间创建过渡动画来制作运动效果的技术。
补间动画适用于复杂的运动，可以实现更加平滑和流畅的动画效果。
使用Flash制作动作补间动画，您可以通过在不同关键帧上设置属性和位置来创建对象的运动路径。
以下是使用Flash制作动作补间动画的步骤：第一步：创建新文档。
打开Flash软件并选择“Create New”以创建新的动画文档。
第二步：创建动画元素。
在场景上绘制或导入所需的动画元素。
您可以使用Flash提供的绘图工具绘制形状，也可以导入外部图像或矢量文件。
第三步：设置关键帧。
选择一个合适的帧并右键单击选择“Insert Keyframe”或使用快捷键F6、在新关键帧上，您可以更改动画元素的属性或位置。
第四步：创建补间。
在时间轴中选定两个关键帧之间的时间范围，并选择“Insert” > “Motion Tween”。
您还可以右键单击并选择“Create Motion Tween”。
第六步：添加辅助动画。
您可以在动作补间动画中添加其他动画效果，如形状变化、颜色变化等。
使用Flash提供的工具和选项来创建更多复杂的动画效果。
第七步：预览和调整动画。
通过点击“Play”按钮预览动画效果。
如果需要进行调整，可以返回时间轴并更改关键帧之间的属性和位置。
反复调整和预览，直到达到满意的结果。
第八步：导出动画。
完成动画后，您可以选择将其导出为SWF文件或其他适用的格式。
选择“File” > “Export”以选择导出选项。
在创建动作补间动画时，还有一些额外的设计和技巧可以提升效果：1.使用关键帧：尽量在需要更改动画元素的属性和位置时使用关键帧。
FLASH技巧----动作补间动画
➢ 同步：勾选该复选框，可使图形元件实例中的动画和主时 间轴同步，以确保影片的正确循环。
缓动值记忆小窍门
绘制天空背景
拖入“战斗机”图形元件
插入普通帧和关键帧
4.将“飞机”图层第25帧 上的“战斗机”元件实例 移动到舞台下方偏左位置， 并使用“任意变形工具” 将“战斗机”元件实例放 大。
3.选中“天空”图层的第 25帧，然后按【F5】键插 入普通帧，选中“飞机” 图层的第25帧，然后按 【F6】键插入关键帧 。
➢ 缓动：通过在“缓动”文本框输入数值，可调整运动补间 的变化速度。其中，如果希望动画开始时较慢，然后加速， 可将“缓动”值设置为一个负值，数值越大效果越明显； 如果希望动画开始时快，然后减速，可将“缓动”值设置 成一个正值。默认情况下，“缓动”值为“0”，表示动画 匀速变化。
➢ 旋转：要在动画中旋转对象，可在“旋转”下拉列表中选 择适当选项。其中：“无”表示禁止旋转；“自动”表示 根据用户在舞台中的设置旋转；“顺时针”表示让对象顺 时帧旋转；“逆时针”表示让对象逆时针旋转。旋转次数 是指对象从一个关键帧过渡到另一个关键帧时旋转的次数， 360度为一次。
➢ 初学Flash时，经常搞不清缓动值的正负。下面的 小诀窍可以帮助你记忆
➢ 缓动值为负数时， 意味着运动物体慢慢减少负荷， 所以运动物体呈加速度运行；
➢ 缓动值为正数时， 意味着运动物体慢慢增加负荷， 所以运动物体呈减速度运行。
上机操作题
制作如题图9.1所示的水波效果。
题图9.1 水波效果
Flash动画动作补间
Flash动画动作补间一、补间动画的概念1、补间动画：补间动画只需要确定开始和结束帧的图形，然后由Flash软件自动生成它们之间的画面。
也就是说制作补间动画只需要完成第一帧和最后一帧的画面即可。
补间动画分成两种，一种是形状补间动画，一种是动作补间动画。
2、形状补间动画：在Flash软件中，在开始和结束帧中绘制不同形状的图形，然后由Flash软件自动生成它们之间形状变化画面的动画，叫做形状补间动画。
3、动作补间动画：在Flash软件中，先确定开始和结束帧画面中对象的位置、大小，然后由Flash软件自动生成它们之间的画面的动画，叫做动作补间动画。
二、形状补间和动作补间动画的区别1、形状补间动画时间轴上帧格为浅绿色；动作补间动画时间轴上帧格为浅紫色。
2、制作动作补间动画，画面中的对象必须先转换为元件。
三、动手实践1、基础练习：制作一个球呈V形移动第一步：启动Flash，新建一个Flash文档。
第二步：在舞台的左上角绘制一个球的图形。
第三步：选定整个球图形，然后执行修改菜单中的转换为元件命令，把它转为元件。
第四步：右击25帧，插入关键帧，并把图形移到舞台的下部居中。
第五步：右击50帧，插入关键帧，关把图形移到舞台的右上角。
第六步：右击第1帧，单击创建补间动画命令，在第1-25帧之间创建补间动画。
第七步：类似的，右击第25帧，在第25-50帧之间创建补间动画。
第八步：播放动画，看球是否呈V形移动，满意后保存起来。
2、提高训练：打开素材文件夹中的“蓝天白云(素材)”，根据所学知识，能否做出白云在蓝天中移动的效果？操作提示：（1）用动作补间动画完成白云移动的效果，注意要把白云转换为元件；（2）白云移动到哪一帧，蓝天和树这些背景也要出现到哪一帧。
FLASH实例练习--传统补间和形状补间动画教学提纲
FLASH实例练习--传统补间和形状补间动画教学提纲
F L A S H实例练习--传统补间和形状补间动
画
精品资料
实例一：字母动画
1、新建舞台，设置舞台大小和背景颜色，帧频为12
2、用文字工具“welcome”，将字母打散，调整各个字母的颜色，选中所有字
母右键选择分散至各个图层，分别选中各个字母转换为图片元件
3、选中W图层，在12帧处打一个关键帧，调整12帧处的位置，ALPHA
值，做出飞入淡入效果，在任意帧处右键选择传统补间动画，选中任意帧，在帧属性面板上选择补间-旋转，做出旋转效果
4、选中E图层，将第1帧移至第13帧，在25帧处打一个关键帧，照以上步
骤给E字母做出旋转淡入飞入效果
5、将各个字母依次做出旋转淡入飞入效果
6、用传统补间动画为各字母做出变色效果，结尾做出放大淡出效果
实例二：摇摆的坠子
1、新建舞台610*320，舞台色黑色，帧频为30
2、用矩形工具绘制圆角方块，填充色为线性渐变，第一个色标
（64,146,200），第二个色标（112,158,203），第三个色标
（255,255,255），笔触为4，边框为线性渐变，第一个色标
（191,191,191），第二个色标（255,255,255），第三个色标
（200,200,200），第四个色标（64,64,64），圆角参数为5
3、用线条和椭圆工具来绘制连接绳子，最后将图形转换为图形元件
4、新建图层，命名为背景，拖至最下层，从文件-导入-导入到舞
台，导入背
景图片
仅供学习与交流，如有侵权请联系网站删除谢谢2。
flash课件_第3章：动作补间动画
动画被称为动作补间动画。
（2）构成动作补间动画的元素 构成动作补间动画的元素是元件
（3）动作补间动画在时间帧面板上的表现
动作补间动画建立后，时间帧面板的背景色 变为淡紫色，在起始帧和结束帧之间有一个长长 的箭头
元件的概述:
元件是Flash中的一个最重要、最基本的元素.
所谓元件就是动画中可以反复取出使用的一个部件,它分为
讨论: 从以下三个方面讨论形状补间动画与动作补间动 画的区别是什么?
在时间轴上的表现
组成元素
完成的作用
4、形状补间动画和动作补间动画的区别
区别之处 在时间轴 上的表现 组成元素 动作补间动画 淡紫色背景加长箭头 形状补间动画 淡绿色背景加长箭头
影片剪辑、图形元件、 按钮
形状，如果使用图形元 件、按钮、文字，则必 先打散再变形。
图形、按钮和影片剪辑三种类型。 其中影片剪辑元件本身是一段动画并且可以独立播放，它是 主动画的一个组成部分。 将元件从库中拖入到场景中，就生成了该元件的一个实例， 改变场景中实例的属性（大小、颜色等），库中元件的属性 并不改变以。
2、动作补间动画分类 a、颜色渐变 b、位置变化 c、大小变化 d、旋转 e、透明度变化
3、属性参数设置
旋转：可以设置对象的旋转运动,各项含义为: 无:对象不旋转; 自动:对象以最小的角度进行旋转,直到终点位置; 顺时针或逆时针:对象沿着顺时针或逆时针方向旋转到 终点位置;
教师演示 “洋葱皮文字”动画的制作步骤
练一练： 学生自主创作“迎风旋转的风车” 提示： 将风车旋转的动画制作成影片剪辑元件，并在“旋 转”属性中设置“顺时针”，在场景中多次调用元 件，并调整实例的大小、位置和颜色。
完成的作用
实现一个元件的大小、 位置、颜色、透明等的 变化。
Flash补间动画的制作与练习
3.5.3 动作补间动画（1.5课时）一、学习指导1．动作补间动画的概念动作补间动画是指在Flash的时间帧面板上，在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，Flash 将自动根据二者之间的帧的值创建的动画。
动作补间动画建立后，时间帧面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长长的箭头；构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮、文字、位图、组合等等，但不能是形状，只有把形状组合（Ctrl+G）或者转换成元件后才可以做动作补间动画。
2．动作补间动画的制作在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置一个元件，一帧中只能放一个项目，在动画要结束的地方创建或选择一个关键帧并设置该元件的属性，再单击开始帧，在【属性面板】上单击【补间】旁边的“小三角”，在弹出的菜单中选择【动作】，或单击右键，在弹出的菜单中选择【新建补间动画】，就建立了“动作补间动画”。
制作动作补间动画的帧属性面板如下图所示（1）旋转选项：有四个选择，选择“无”禁止元件旋转；选择“自动”可以使元件在需要最小动作的方向上旋转对象一次；选择“顺时针”或“逆时针”，并在后面输入数字，可使元件在运动时顺时针或逆时针旋转相应的圈数。
（2）“调整到路径”：将补间元素的基线调整到运动路径，此项功能主要用于引导线运动，我们在下一节中要谈到此功能。
（3）“同步”复选框：使图形元件实例的动画和主时间轴同步。
（4）“对齐”选项：可以根据其注册点将补间元素附加到运动路径，此项功能主要也用于引导线运动。
（5）缓动选项：在“0”边有个滑动拉杆按钮，单击后上下拉动滑杆或填入具体的数值，补间动作动画效果会以下面的设置作出相应的变化：在1到-100 的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速补间。
在1 到100 的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢补间。
默认情况下，补间帧之间的变化速率是不变的。
Flash第二课 动画补间
学习任务1．巩固逐帧动画的制作方法2．了解动画补间的概念3. 掌握制作动画补间的操作方法4．发挥想象，创作自己的作品逐帧动画逐帧动画是一种常见的动画形式，其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。
动画补间在两个关键帧之间实现对象的位置、角度、透明度、缩放等变化。
入门操作任务一：（位置变化）1．双击图层1，重命名“动画补间-位置”；2．选中第1帧，在舞台上画个矩形；3．选中第50帧，右键，选择“插入关键帧”，并用选择工具拖动矩形，改变其位置；4．选中1-50帧中间的任意位置，右键，选择“创建补间动画”，测试影片观看效果（“控制”-“测试影片”）。
任务二：（缩放变化）1.新建图层，命名“动画补间-角度”；2.选中第1帧，在舞台上画个矩形，用油漆桶工具修改其填充颜色；3.选中第50帧，右键，选择“插入关键帧”，并用任意变形工具，旋转矩形的角度（或是选择“修改”-“变形”）；4.选中1-50帧中间的任意位置，右键，选择“创建补间动画”，测试影片观看效果（“控制”-“测试影片”）。
任务三：（角度变化）1.新建图层，命名“动画补间-大小”；2.选中第1帧，在舞台上画个椭圆；3.选中第50帧，右键，选择“插入关键帧”，并用任意变形工具进行缩放，改变矩形的大小；4.选中1-50帧中间的任意位置，右键，选择“创建补间动画”，测试影片观看效果（“控制”-“测试影片”）。
任务四：（透明度变化）1.新建图层，命名“动画补间-透明度”；2.选中第1帧，在舞台上画个椭圆，用油漆桶工具修改其填充颜色；3.选中第50帧，右键，选择“插入关键帧”；4.选中1-50帧中间的任意位置，右键，选择“创建补间动画”；5.选中第1帧或是第50帧，在舞台区选中椭圆图形，并在下方的属性面板中，选择“颜色”-“Alpha”，修改其透明度；6.测试影片观看效果（“控制”-“测试影片”）；7.保存文件为“班级+学号”（“文件”-“另存为”）。
文档：flash动作补间动画操作步骤
制作动作补间动画
[实例1]小球运动。
步骤1：打开flash软件，创建flash文档。
步骤2：插入——新建元件（图形），用椭圆工具画出一个圆球（按住shift键）。
步骤3：回到场景1，选择“视图——网格——显示网格”
步骤4：选择“窗口——库”，将元件库调出来。
步骤5：选择第一帧，将小球从元件库中拖到场景中。
步骤6：在第20 帧上插入关键帧。
步骤7：移动小球，使其开始位置与结束位置不同。
步骤8：创建运动补间动画。
[实例2] 欢迎光临
操作步骤：
步骤1：新建一个影片文档。
步骤2：新建四个图形类元件，分别输入“欢”、“迎”、“光”、“临”。
步骤3：回到场景1，选择“视图——网格——显示网格”。
选择“窗口——库”，将元件库调出来。
在第一帧中将“欢”元件拖到场景中，在第10帧和第20帧各插入一个关键帧，在第10帧中执行修改/变形/缩放与旋转命令，改变实例“欢”的大小，在第20帧中再执行修改/变形/缩放与旋转命令，将“欢”字恢复原来大小。
选中第1—20帧，创建动作补间动画。
步骤4：新增一个图层，在其上第11－30帧中重复第3步操作，创建元件“迎”的实例动画。
步骤5：再新建两个图层，分别创建“光”和“临”两个元件的实例动画。
步骤6：分别右击这四个图层的第60帧，然后选择插入帧，完成影片制作。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
动作补间动画
动作补间动画也是Flash中非常重要的表现手段之一，与“形状补间动画”不同的是，动作补间动画的对象必需是“元件”或“群组对象”。
运用动作补间动画，你可以设置元件的大小、位置、颜色、透明度、旋转等种种属性，充分利用动作补间动画这些特性，可以制作出令人眼花缭乱的动画效果。
学习目的
本节你将学会以下知识：
◆动作补间动画的制作方法
◆网站Banner的制作方法
◆ “文本工具”的使用方法
◆制作文字变色效果
◆制作文字大小缩放效果
◆制作文字改变透明度效果
课前热身
（1）．创建影片文档
步骤1设置影片文档属性
执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，单击【确定】按钮，新建一个影片文档。
打开【文档属性】对话框，设置文件大小为520×60像素，【背景色】为白色，如图3.2所示。
图3.2 设置文档属性
步骤2设置背景图层
执行【文件】|【导入】|【导入到舞台】命令，将image005.jpg图片导入到场景中，选择工具箱中的
【箭头工具】和【任意变形工具】调整图片的大小和位置。
选中第205帧，按F5键，添加普通帧，图片效果如图3.3所示。
图3.3 设置背景
（2）．创建元件
步骤1 创建“电脑动画”元件
执行【插入】|【新建元件】命令，新建一个图形元件，名称为“电脑动画”。
在新元件编辑场景中选择第一帧，单击工具箱中的【文字工具】，在场景中单击一下，然后在【属性】面板上设置文本类型为【静态文本】、字体为【隶书】、字体大小为32、颜色值为#FF9900，设置完后，在场景中输入“电脑动画”四个字，如图3.4所示。
图3.4 创建“电脑动画元件”
步骤2创建“网页设计”元件
执行【插入】|【新建元件】命令，新建一个图形元件，名称为“网页设计”。
在编辑场景中选择第一帧，按上面的方法，在场景中输入“网页设计”四个字，参数同上。
步骤3 创建“图像制作”元件
执行【插入】|【新建元件】命令，新建一个图形元件，名称为“图像制作”。
在编辑场景中选择第一帧，按上面的方法，在场景中输入“图像制作”四个字，参数同上。
步骤4 创建“闪客启航”元件
执行【插入】|【新建元件】命令，新建一个图形元件，名称为“闪客启航”。
在编辑场景中选择
第1帧，单击工具箱上的文字工具
，在【属性】面板上设置文本类型为【静态文本】、字体为【隶书】、字体大小为50、颜色值为#FF6600,在场景中输入“闪客沙龙”四个字，如图3-4-11所示。
图3-4-11 创建“闪客启航”元件
步骤5 创建“语音教学”
执行【插入】|【新建元件】命令，新建一个图形元件，名称为“语音教学”。
在编辑场景中选择第1帧，单击工具箱中的【文字工具】，文字属性不变,在场景中输入“语音教学”四个字。
（3）创建动画
“电脑动画”、“网页设计”和“图像制作”三组字体分别从大到小、由近及远以渐显的方式运动到舞台中央停留片刻，再移动到舞台左边，字体颜色和大小相应改变。
然后“闪客启航”一组字以同样的方式移动到舞台中央，突然消失，最后“语音教学”以旋转的方式移动到舞台正中，这就是本实例中文字的动画效果。
下面，我们就来实现这一动画效果。
步骤1 创建“电脑动画”文字效果
单击时间轴右上角的【编辑场景】按钮，选择【场景1】转换到主场景中。
在场景中新建一个图层。
选择第1帧，把库里的“电脑动画”元件拖到场景的外面，在【属性】面板上设置元件的【W】值为260.0，
【H】值为45.0,【X】值为58.0，【Y】值为48.0,【Alpha】值为3%，然后在第20帧处添加关键帧，在场景中选中文字，在【属性】面板中，设置【W】值为141,【H】值为36，【X】值为127，【Y】值为12,选择【颜色】为【无】。
图3-4-12是“电脑动画”元件在【属性】面板中的第1、20帧处的位置参数。
(a)第1帧属性（b）第20帧属性
图3-4-12 “电脑动画”属性设置
在第28帧处添加关键帧，不改参数，这是为了给该文字对象一个停顿，让别人能看清楚。
在第48帧处添加关键帧，在【属性】面板上，设置【W】值为75，【H】值为12,【X】值为12，【Y】值为9，选择【颜色】为【色调】、黑色，如图3-4-13所示。
图3-4-13 设置第48帧上实例的属性
分别用鼠标右键单击第1帧和第28帧，在弹出的菜单中选择【创建补间动画】。
步骤2 创建“网页设计”文字效果
在场景中新建一个图层。
在此图层的第49帧处添加关键帧，把库里的“网页设计”元件拖到场景中，在【属性】面板上设置元件的【W】值为300，【H】值为83，【X】值为43，【Y】值为20，【Alpha】值为6%。
然后在第71帧处添加
关键帧，在场景中选中文字，在【属性】面板中设置【W】值为135,【H】值为36，【X】值为131，【Y】值为11,选择【颜色】为【无】，如图3-4-14所示。
图3-4-14 在第49、71帧中的“网页设计”
再在第78帧处添加关键帧，不改参数，在第97帧处添加关键帧，在【属性】面板上，设置【W】值为81，【H】值为22,【X】值为18,【Y】值为20，选择【颜色】为【色调】、黑色。
最后在第49和第78帧处分别建立动作补间动画，在第205帧添加普通帧，效果如图3-4-15。
图3-4-15 创建补间后的时间轴结构及实例在第78帧的效果
步骤3 创建“图像制作”文字效果
在场景中新建一个图层。
先在第98帧处添加关键帧，把库里的“图像制作”元件拖到场景的外面，在【属性】面板上设置元件的【W】值为360，【H】值为90,【X】值20,【Y】值23，【Alpha】值为5％,然后在第119帧处添加关键帧，在场景中选中文字，在【属性】面板中，设置【W】值为144,【H】值为36，
【X】值128,【Y】值10，【颜色】选项为【无】,再在第126帧处添加关键帧，不改参数，在第146帧加关键帧，在【属性】面板中，设置【W】值为86，【H】值为22,【X】值为27,【Y】值为35，选择【颜色】
为【色调】、黑色，最后在第98和第126帧处分别建立动作补间动画，在第205帧添加普通帧，如图3-4-16所示。
图3-4-16 “图像制作”元件在第126、146帧的位置
步骤4 创建“闪客启航”文字效果
在场景中新建一个图层。
先在第147帧处添加关键帧，把库里的“闪客启航”元件拖到场景中，在【属性】面板中，设置元件的【W】值为487，【H】值为124,【X】值为-28，【Y】值-144，【Alpha】值为3%，然后在第166帧处添加关键帧，在场景中选中文字，在【属性】面板中，设置【W】值为212,【H】值为54，
【X】值123,【Y】值5，选择【颜色】为【无】。
最后在第147帧处建立动作补间动画，在第174帧插入空白关键帧。
步骤5 创建“语音教学”文字效果
在场景中新建一个图层。
先在第174帧处添加关键帧，把库里的“语音教学”元件拖到场景中，在【属性】面板上，设置【W】值为450，【H】值为115,【X】值-20,【Y】值29，【Alpha】值为3%。
然后在第194帧处添加关键帧，在场景中选中文字，在【属性】面板中，设置【W】值为210,【H】值为54，【X】值为123,【Y】值为3，选择【颜色】为【无】。
最后在第174帧处建立补间动画，顺时钟旋转一圈，如图3-4-17所示。
图3-4-17 “语音教学”元件在第174帧的【属性】面板参数
完成后的部分时间线情况如图3-4-18所示。
图3-4-18 【时间帧】面板上的各层
在实际制作中，本例中各图形元件的大小、位置均不必拘束于数值，你可自行调整至满意为止。