Flash8制作形状补间动画
补间动画制作的一般步骤
补间动画制作的一般步骤
运动补间动画制作的一般步骤
1、启动Flash。
2、单击“插入”→“新建元件”，选择“图形”，按照要求修改元
件名称。
3、制作元件（若题目中已做好元件，直接拖入场景中就可以使用）。
4、返回场景（元件制作完成后，开始制作动画，必须要返回场景）。
5、按照题目要求，用鼠标左键将元件拖入场景中的正确位置，此
时时间轴上的第一帧由空白关键帧变成关键帧。
6、选中第X帧。
单击“插入”→“关键帧”，把元件移动到合适
位置。
7、在第一帧与最后一帧之间选中任意一帧为帧，在下方的属性面
板中将“补间”选项改成“动作”。
8、单击“控制”→“测试影片”，观看效果。
9、保存。
形状补间动画制作的一般步骤
1、启动Flash。
2、单击“插入”→“新建元件”，选择“图形”，按照要求修改元件名称。
3、制作元件（若题目中已做好元件，直接拖入场景中就可以使用）。
4、返回场景（元件制作完成后，开始制作动画，必须要返回场景），在第一帧处放入第一个元件，单击右键→“分离”。
5、在最后一帧处插入一个空白关键帧，放入第二个元件，单击右键→“分离”。
6、在第一帧与最后一帧之间选中任意一帧为帧，在下方的属性面
板中将“补间”选项改成“形状”。
7、单击“控制”→“测试影片”，观看效果。
8、保存。
2023年广东省茂名市信息技术中考Flash知识总结及练习五
7.引导线动画常常用来制作如（）等一类具有轨迹的动画。
A.光彩字B.树叶飘落C.探照灯D.汽车行驶
【答案】B
【解析】
【详解】本题考查Flash制作的相关知识。引导线常用来制作有运动轨迹的动画，故选项B正确。
8.在Flash中，图层面板状态如下图所示，此时单击①所指向的按钮时，（）
A.将在图层1上面新建一个图层
A.该Flash作品中添加了声音
B.该Flash作品中含有运动补间动画
C.该Flash作品每秒播放12帧
D.该Flash作品的各图层均可见
【答案】D
【解析】
【详解】本题考查Flash相关知识点。第三个图层是被隐藏的，故选D。
15.Flash动画源文件的存储格式是（）。
A.*.docB.*.flaC.*.aviD.*.txt
6.新建Flash文档的第1帧默认为（）
A.空白帧B.空白关键帧C.关键帧D.实心帧
【答案】B
【解析】
【分析】
【详解】本题考查Flash基本操作。新建Flash文档的第1帧默认为空白关键帧，在一个关键帧里面什么对象也没有添加，这种关键帧被称为空白关键帧，主要用于在画面与画面之间形成间隔，它在时间轴上是以空心圆的形式显示，用户可以在其上绘制图形，一旦在空白关键帧中创建了内容，空白关键帧就会自动转变为关键帧。故选B。
【答案】D
【解析】
【详解】本题考查Flash相关知识。Flash中引导层里面画的轨迹线可以交插。故选D。
24.Flash8的动作中stop（）命令代表（）。
A.转到B.变换C.播放D.停止
【答案】D
【解析】
【分析】
【详解】本题考查Flash基本操作。停止当前处于播放状态的SWF文件的常用函数是stop（）。故选D。
FLASH8动画制作培训操作提纲(已修订)
操作提纲一、运动补间动画（在一个关键帧上放置一个元件实例，然后在同一图层的另一个关键帧改变这个元件实例的大小、位置、角度、透明度、颜色等，FLASH根据二者之间的差值自动生的动画被称为运动补间动画）1、小球位移动画（横向位移）（1）先用椭圆工具在舞台的左侧画一个红色小球，选中小球按F8键，将它转换成图形元件。
（2）点图层1的第20帧，按F6键插入一个关键帧，将小球元件拖至舞台的右侧。
（3）选图层1的第1帧，打开下面的“属性”面板，在“补间”下拉列表中选“动画”，再按“CTRL + ENTER”键测试动画。
最后以“运动小球”为文件名保存动画。
2、弹性小球动画（1）在舞台下面画一个矩形，填充色为棕色，将它转换为图形元件并调整好矩形的位置。
选中图层1的第36帧按F6键插入一个关键帧，让矩形从1~36帧全部可见。
（2）点“新建图层”按钮新建图层2，再用椭圆工具在舞台上画一个红色小球，选中小球按F8键，将它转换成图形元件。
再把小球移到舞台的上端的中央处。
（3）选中图层2的第18帧和第36帧，按F6键各插入一个关键帧。
选中图层2的第18帧，按SHIFT + ↓将小球平稳移至舞台的下方和矩形相接。
选中图层2的第1帧复制该帧至图层2的第36帧。
再点图层2的第1帧和第18帧，点右键“创建补间动画”。
（4）选中图层2的第1帧和第36帧，打开“属性”面板，在“缓动”值中分别输入“-100”和“100”。
按“CTRL + ENTER”键测试动画。
最后以“弹性小球”为文件名保存动画。
二、形状补间动画（是指一个形状成变另一个形状的动画）矩形变成圆形（1）在图层1的第1帧，在舞台的左侧好一个无边框的绿色矩形。
（2））点图层1的第30帧，按F7插入一个空白关键帧，然后在第30帧帧上画一个无边框的红色圆形，将圆形移至舞台的右侧。
（3）点第1帧，调出“属性”面板，在“补间”下拉列表中选动画类型为“形状”。
按“CTRL + ENTER”键测试动画。
Flash8动画制作案例教程(2024)
线条和填充属性设置
1
设置线条颜色、粗细和样式
选中线条，打开“属性”面板，可以设置线条的 颜色、粗细、样式（如实线、虚线等）。
2 3
设置填充颜色、渐变和位图
选中形状，打开“属性”面板，可以设置填充颜 色、渐变效果（线性或径向）或导入位图作为填 充。
调整线条和填充的层次关系
通过调整线条和填充的层次关系，可以制作出丰 富的视觉效果，如镂空字、立体效果等。
04
4. 创建动画
在时间轴上创建关键帧，设置不同帧 上的图形属性，如位置、大小、颜色 等，以创建动画效果。
06
6. 测试与发布
使用测试功能预览动画效果，根据需要进行调 整；最后选择发布格式（如SWF、EXE等）并 设置相关参数后发布动画作品。
7
02
图形绘制与编辑技巧
Chapter
2024/1/30
2024/1/30
20
运动补间动画制作实例
运动补间动画原理
制作步骤
技巧与注意事项
运动补间动画是通过在两个关 键帧之间创建对象的运动效果 来制作动画。与形状补间不同 ，运动补间是针对对象的位置 和属性进行渐变。
首先，创建两个关键帧，并在 每个关键帧上放置对象。然后 ，选择这两个关键帧之间的任 意一帧，打开属性面板，选择 “运动”选项。最后，通过播 放时间轴来预览动画效果。
Flash8动画制作案例教程
2024/1/30
1
目录
2024/1/30
• 动画制作基础概念 • 图形绘制与编辑技巧 • 元件与库资源管理方法 • 基本动画制作技术剖析 • 高级交互功能实现方法 • 综合案例实战演练
2
01
动画制作基础概念
Chapter
Flash8制作形状补间动画
图5-7 创建补间动画
7、使用相同旳措施，在第20帧、第40帧两处分别创建形状补间动 画。
8、按Ctrl+Enter 快捷键测试播放影片，观看这个由小圆成长为一 片绿叶，再枯黄，再凋零旳动画。
9、关闭测试播放器，选中第40帧，然后在属性面板中分别设置【 缓动】为“－100~100”之间不同旳值，然后分别测试影片，观 看树叶凋谢动画旳速率变化 。
图5-45 设计思绪及效果
1、素材准备。 （1）新建一种Flash文档，文档全部属性使用默认参数 。
请同学们在老师旳带领下对形状补间动画旳创建措施和原理 进行进一步旳熟悉，并跟随下列要求进行操作训练 。
1、新建一种Flash文档，然后利用【椭圆】工具在舞台上绘制一种 圆形，并在【属性】面板中设置圆旳颜色为“#00FF00”，宽高 为“7px×7px”，如图5-3所示 。
2、在第20帧处插入关键帧，然后以圆为基点绘制一片树叶，如图54所示。
。当建立了一种形状补间动画后，单击时间轴，其【属性】面板如 5-2所示。
其中经常使用旳选项有如下两种 ： （1）【缓动】选项 。在【缓动】选项中输入相应旳数值，形 状补间动画则会随之发生相应旳变化 。（2）【混合】选项 。在【 混合】选项中包括“角形”和“分布式”两个参数。
5.1.2 范例解析（一）──创建形状补间动画练习
2、执行【文件】/【导入】/【打开外部库】菜单命令，将教学资源 中旳“素材\第5讲\魔幻扑克\魔幻扑克-素材.fla”文件打开，将 外部库里旳元件和图片复制到目前库中，效果如图5-26所示。
3、将【库】面板中旳“背景”位图拖入场景中，设置其宽高为 “500px×353px”，并相对舞台居中对齐，效果如图5-27所示 。
叶片2 叶片6
Flash8动画制作应用基础教程
高一的学生，在前几章学习之后，对图层和时间轴的理解和运用有一定的体验。
在此基础上学生初步感受了库、图形元件、矢量图形、关键帧、普通帧、帧频，图层的概念，这些知识的接触为这节补间动画的学习做了很好的铺垫。
使上节课绘制的鱼可以在海水中游动起来也留给学生好奇心和动手欲，为本节课的主动学习创设了情境。
（六）教学方法与教学策略教学过程主要采用演示操作法，任务驱动学习，课时一节课。
１、形成认知结构的策略：在设计过程中，课堂上使用两主线贯穿：“鱼”游动是第一条主线；标题字变图形是第二条主线。
２、促进信息加工的教学策略：从学习动机的确立到学习结果的反馈，即为学习愿望的产生到愿望的满足，掌握知识、形成技能和发展能力的过程。
教师把教学活动看作是一个完整的信息传输系统，以支持他们每一阶段的学习。
３、教学模式：组织教学→导入新课→讲授新课→巩固新课→课堂反馈评价→小结（七）教学环境与教学资源设计1、学习环境选择：多媒体教室2、学习资源类型： flash半成品源文件、演示课件3、学习资源的简要说明：①flash半成品源文件直接引用上节课的作品，在此基础上再学习，避免重复劳动，也能给学生一个学习的完整性。
②演示课件主要为教师用。
作为课堂教学的主线使用。
（八）教学过程教学环节教师活动学生活动设计意图复习引入１、直接打开flash源文件展示我们第一节课的作品样貌，结合课件复习知识点：关键帧、普通帧、矢量图形、图形元件、文本对象2、学生在讲台操作演示插入普通帧使静止画面延续、插入关键帧改变舞台中对象的起始状态回忆：矢量图形与图形元件普通帧和关键帧的作用演示操作：1、将静止画面时间延长，在鱼图层的结束帧插入关键帧，并移动鱼的位置学生的操作更能激发兴趣，师生互动让学生参与其中初步体验+尝试制作1、演示、欣赏“fish.swf”动画作品，请学生分析作品中的动画形式；引出本节课的学习内容：补间动画（动作补间、形状补间）欣赏并分析动画——“鱼的世界”1、鱼的运动：从右向左的方向游动2、文字的形状变化：有文字明确学习内容“鱼”渐渐变成一个鱼的图形2、动作补间动画教师演示必要步骤：1)、开始和结束关键帧中“鱼”的位置变化，设置过渡帧属性：动作2)、鱼的转身操作：修改/元件/水平翻转3)、鱼游远并且变小的动画设置1、打开flash源文件，给“鱼”加上运动效果，教师的演示完成1)、“鱼”的位置变化2）、给“鱼”加上方向、大小等变化3）、测试动画效果2、完成快的同学辅助同座的同伴反馈学生做好的动画，以激励更多的同学。
形状补间动画
形状补间动画一．形状渐变动画基础Flash可以对放置在一个图层上的多个形状进行形变，但通常一个图层上只放一个形状就会产生较好的效果。
最简单的变形动画就是让一种形状变化成另外一种形状，下面以脸部表情的变化为例了解变形动画的制作方法。
（1）在Flash中新建一文档。
点击工具箱中的“椭圆工具”，并设置工具箱下端的“笔触颜色”为黑色，“填充颜色”设置为无。
在“椭圆工具”的“属性”面板中设置笔触大小为3。
（2）按住<Shift>键在舞台中心绘制一圆形。
使用直线工具绘制三条短线，模仿眼睛和嘴巴，如图所示。
（3）使用“选择工具”，点击脸部的眼睛及嘴巴，当鼠标变成时拖动线条使之弯曲，最终变成一个哭脸的形状，效果如图所示。
普通脸型哭脸型（4）点击时间轴的第20帧处，使用<F6>快捷键插入关键帧。
（5）继续使用“选择工具”调整眼睛及嘴巴的线条形状，使之变成笑脸的形状，如图所示。
（6）点击时间轴中，第1帧与第20帧之间的任意一帧，使用鼠标右键的“创建补间形状”命令创建补间动画，按<Ctrl+Enter>键可观看到有哭到笑的形状渐变过程，如图所示。
笑脸型渐变过程2．认识形状补间动画的属性面板3．使用形状提示4．创建形状提示补间动画补间形状最适合于简单形状，避免使用有一部分被挖空的形状。
如果要使用的形状已能确定相应的结果，可以使用形状提示来告诉Flash起始形状上的哪些点应与结束形状上的特定点对应。
下面以制作“三维字母”动画为例，介绍创建形状提示补间动画的方法与技巧，具体操作步骤如下：（1）在Flash中打开素材文件“形状提示补间素材.fla”，将“图层1”重命名为“背景”，选择“背景”图层中的第1帧，将“库”面板中的“背景”素材图片拖入舞台中。
（2）使用<Ctrl+K>快捷键调出“对齐”面板，勾选面板下方的“与舞台对齐”复选框，如图所示。
点击“垂直对齐”按钮和“水平对齐”按钮使背景图片居于舞台中央，如图所示。
flash怎么制作补间动画？flash变形动画的实现方法
flash怎么制作补间动画？flash变形动画的实现⽅法FLASH中，补间形状动画使⽤频率与动作补间动画相⽐差很多，但是也是⽐较重要的⼀种动画形式，可以让形状变化，该怎么制作形状不见动画呢？下⾯我们就来看看详细的教程。
补间形状动画针对的只是形状，制作好后如图所⽰，与动作补间的效果不同。
adobe Flash CS6简体中⽂版(专业动画软件) v12.0.0.481 绿⾊精简版
类型：动画制作
⼤⼩：176MB
语⾔：简体中⽂
时间：2018-11-12
查看详情
同样，补间形状动画也是。
针对补间形状动画，有专门的功能⽤于有效的控制变形过程。
也就是形状提⽰点。
如下是没有使⽤形状提⽰点的效果。
第1帧添加如图提⽰点。
第2个关键帧调整提⽰点位置。
最终的动态效果如图
以上就是flash变形动画的实现⽅法，希望⼤家喜欢，请继续关注。
制作Flash动画之补间动画
制作Flash动画之补间动画海南省洋浦中学周向荣一、教学内容分析：本节课是海南省八年级《信息技术》上册第二章《动画信息制作》第三节《制作Flash动画》的第一课时。
在学习本节课之前，学生已经学习了动画及制作的基本原理，对于基本原理有了一个较清晰的理解；同时通过学习了如何制作一个gif动画，对帧、图层、补间等概念有所了解；FLASH是当前非常流行的二维动画制作软件，很受动画爱好者的喜爱，在网络上见到的动画大多由其生成；而本节课，主要是从FLASH 角度来学习和理解更深层次的动画制作知识。
二、学情分析：精彩的Flash作品目前在网络中非常受欢迎、非常流行，而制作这些作品的人被网络称为“闪客”；学生对网络世界的熟悉使得学生对flash动画并不陌生，并且学生对flash动画也抱有强烈的好奇心和学习兴趣，都想成为一个优秀的“闪客”，这为我们的教学打下坚实的基础，但是学生动画设计功底不是很好、缺乏耐心和细心，因此在本节里要注重培养。
三、教学目标分析：通过对动画制作的深入学习，让学生能更深层次地理解和掌握如何在运用Flash软件来完成自己的设计构思，创作出一个较好的作品。
1．知识与技能目标：补间动画的制作方法；掌握几种简单动画的制作。
2．过程与方法：通过引导学生完成一段flash动画，让学生养成构思动画、设计动画、制作动画的一系列过程。
3．情感、态度、价值观：通过本节课的学习，希望能将学生的强烈好奇心和学习兴趣转变成培养、激发学生的创作热情；提高他们的审美能力、语言表达、思维能力和和合作技巧；并能充分激发学生自身的信息技术潜力，让有某一方面特长的学生得到最大限度的发挥。
四、教学重点、难点：重点：如何恰当、合理运用flash的补间动画设计简单对象动画过程的制作方法。
难点：如何利用动画设计来开发学生的表达能力、创造力。
五、教学策略：在教学过程中，拟采用的教学流程是：欣赏作品、引入新课→学习新内容→小试牛刀→创意设计→展示交流→小结、课外延伸。
文档：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帧，然后选择插入帧，完成影片制作。
第5讲2： FLASH逐帧动画、形状补间动画和动作补间动画的设计、制作与发布
图3-29 橡皮球弹起和下落效果
（1）在Flash中创建3个图层，分别命名 为“背景”、“球”和“临时”。其中 “背景”层放置“地面”，在第12帧上插 入一帧，使内容延续到第12帧；“球”层 放置“球”（将“球”组合以方便操作）； “临时”层放置绘制的两条曲线（用线条 工具绘制直线，然后用选择工具拖拽变形， 注意为避免单调，两条线不要完全对称）， 以表示“球”运动的弧形轨迹，同样也使 内容延续到第12帧，如图3-30所示。
（5）在第7帧中插入关键帧，保持其内 容不变，产生“球”落地后稍微停顿的效 果。 （6）使用“复制帧”和“粘贴帧”的方 式将第5帧中的内容复制到第8帧，然后执 行“修改”菜单“变形”子菜单的“垂直 翻转”命令。如果必要，用任意变形工具 调整其形状。用选择工具调整其位置，使 其变形点位于右边曲线上。
图3-2 图层示例
图3-3 时间轴中的图层区
3.2.2 创建图层和图层文件夹
在文档窗口时间轴左侧单击“插入图层” 按钮，即可在活动图层上方插入一个新图 层，此时新图层变为活动图层，新图层按 照插入顺序生成了一个普通名称，用户可 以双击图层名称来为新添加的图层指定一 个有实际意义的名称。
图3-4 使用图层和图层文件夹组织动画内容
图3-30 初始画面
（2）在“球”层的第2帧单击右键，选 择“插入关键帧”命令，此时第一帧中的 内容自动被复制到此帧。单击“绘图纸外 观”按钮打开洋葱皮显示，调整第2帧中 “球”的位置（注意使其变形点位于“临 时”层的曲线上），使其与第1帧稍微有些 偏移，表示“球”开始运动，如图3-31所 示。操作过程中为避免修改了“临时”层 和“背景”层，可将它们锁定。
flash补间动画实例
步骤/方法
1、新建一个flash文档。
2、文件——导入——导入到库，然后双击位图，把文档大小改来和位图一样。
3、接着设置位移属性。
4、选择椭圆工具，把笔触色和填充色全部调整为黑色。
5、新建一个图层，在图层2上面画一个圆，移动到背景素材上面，调整大小，最后看不出来的样子。
6、然后在图层二80帧处插入关键帧，用文本工具打上字。
7、选择工具选中该字，然后右键——分离，就会出现如下图所示的效果。
8、点击图层2的中间部分，然后下面属性栏中会出现补间，选择形状就可以了，然后时间轴上会出现如下的一条线。
9、接着再新建一个图层，，在70帧片插入一个关键帧，用椭圆工具画一个小圆，然后在1 50帧处插入关键帧，打上另外一个字，分离，做形状补间动画。
10、同样的方法把所有的字做好。
11、最后保存为.swf格式！。
flash补间动画
补间形状与补间动画内容一、补间形状——窗帘飘动步骤如下：一、创建影片文档和制作动画背景1、新建一个flash 8影片文档，设置舞台背景颜色为淡蓝色，其他保持默认。
2、将“图层1”从新命名为“风景”，执行【文件】→【导入】→【导入到舞台】命令，将外部图像文件“风景.jpg”导入到场景中。
将风景图片缩小到合适尺寸，选择第80帧，按F5键，增加一个普通帧，以延伸风景图片。
3、新添加一个图层，并将这个图层重新命名为“窗户”。
在这个图层上，选择工具箱中的【矩形工具】，设置“笔触颜色”为无，“填充色”为淡黄色，在场景中绘制出一个长方形的窗帘盒。
选择【矩形工具】，设置“笔触颜色”为淡蓝色，“填充色”为无，线条粗细为2.5，在舞台上绘制出窗框的形状，再用【线条工具】绘制窗框上的一些线条，画窗框时，要注意保持对称，如图1所示：图14、选择“窗户”图层的第80帧，按F5键插入帧。
二、创建“窗帘”图形元件1、执行【插入】→【新建元件】命令，新建一个名为“窗帘”的图形元件。
2、进入新元件的编辑场景，选择【矩形工具】，设置“笔触颜色”为黑色，“填充色”为无，在场景中绘制出一个矩形，再用【线条工具】在矩形上绘制几道线条，如图2所示：图2 图33、打开“混色器”面板，在其中选择填充类型为“线性”，在颜色条下，设置3个色块，从左到右，依次设置为灰色（#c8c8c8）、白色（#fafafa）和灰色（#c4c4c4）,设置如图3所示：4、选择【颜料桶工具】，选择“选项”中的【封闭大空隙】命令。
这样填充以后，窗帘就形成几个颜色快，给人感觉是柔软的纱帘在垂下时形成的褶皱，如图4所示：图4 图55、按【delete】键把轮廓线条删除，并用【选择工具】调整窗帘的形状，然后，选择整个窗帘形状，执行【修改】→【形状】→【优化】命令，使它变得有一定弧度，比较圆滑，如图5所示：6、分别选择第35帧和第80帧，分别插入关键帧，然后建立第1帧到第35帧之间的补间形状，第35帧到第80帧之间的补间形状。
Flash8.0简单动画制作Microsoft Word 文档
Flash8.0简单动画制作(经典版)一.制作遮罩动画或逐帧动画实例：制作心电脑图动画（1）设置舞台大小和背景：打开Flash8.0程序，设置舞台大小为200px*150px,背景色为#000000（黑色）/回车，确定。
（2）创建元件：展开右侧的库面板，单击库面板下方的“新建元件…”命令，输入元件的名称为“心电图”，选择类型为影片剪辑，确定。
单击线条工具，在属性面板中，设置线条颜色为白色，选择笔触高度为6，单击舞台，绘制心电波形，如图5-14所示。
单击时间轴上的“场景”，回到场景。
（3）将心电图元件放入到图层1中：单击图层1的第1帧，在库面板中单击心电图元件，并将其拖入到舞台上，使用变形工具，调整其至合适大小。
展开“对齐”面板，激活“相对于舞台”按钮，分别单击“水平中齐”和“垂直中齐”按钮，使心电图元件相对于舞台居中。
用指针工具选择心电图元件，选择“修改”菜单/分离，将其转化为形状。
（4）方法1，创建遮罩动画：单击图层1中的第40帧，右击/插入关键帧，单击层面板中的“插入图层”按钮，插入图层2，双击图层2，输入新名“遮罩”，此时，图层面板中从上到下的排列顺序为“遮罩、图层1”，如果顺序不对，可直接拖动图层进行调整。
单击库面板中的新建元件按钮，新建一个元件，输入元件的名称为“矩形”，用工具栏上的矩形工具在舞台上绘制一个很窄的矩形，用指针工具框选矩形，设置矩形的宽度为5px，高度为150px。
回到场景，单击遮罩层中的第1帧，将元件矩形拖入到舞台上，放置于最左边，选择修改菜单/分离，单击遮罩层中的第40帧，插入关键帧，单击工具组中的“任意变形”工具，拖动矩形使其变宽并覆盖整个心电图。
单击遮罩层中的第1帧，在属性面板上，选择补间/形状。
右击遮罩层名/遮罩层。
右击图层1的第50帧/插入帧。
方法2（选做，建议先把两部分的实验做完，登记成绩后，还有时间再选做），创建逐帧动画：单击图层1中的第1帧，然后按住Shift键在40帧处单击鼠标，选中第1帧到第40帧处，按F6键在第2帧到第40帧插入关键帧，如图5-17所示。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
图5-42 添加形状提示点三
图5-43
调整形状提示点三
6、此时再拖动时间轴观察这个形状补间动画的变换效果，如图544所示。
图5-44 添加形状提示点后的效果
5.2.3 范例解析（二）──制作“旋转的三棱锥”
本例将使用形状提示点动画来制作一个旋转的三棱锥效果，其 设计思路及效果如图5-45所示。
图5-45 设计思路及效果
一、添加形状提示。 单击形状补间动画的开始帧，执行【修改】/【形状】/【添加形状 提示】菜单命令。这样在形状上就会增加一个带字母的红色圆圈 ，相应地在结束帧的形状上也会增加形状提示符，如图5-33所示 。 分别将这两个形状提示符安放到适当的位置时，起始关键帧上的 形状提示点为黄色，结束关键帧的形状提示点为绿色，如图5-34 所示
形状补间动画是动画制作中一种常用的动画制作方法，它可以补 间形状的位置、大小和颜色等，使用形状补间可以制作出千变万化的 动画效果。
5.1.1 知识点讲解
一、形状补间动画的原理。 形状补间动画可以实现两个矢量图形之间颜色、形状、位 置的变化，如图5-1所示 。
颜色补间 绿色渐变 红色渐变
位置补间 舞台左边 舞台右边
椭圆
图5-19 图层效果
图5-20 第105帧花瓣形状
在绘制花瓣的原始形状时，需要将其放置在花苞 上并适当调整位置，使得花开得更自然，也达到掩盖 花苞的目的 。
（4）在“花瓣1”图层的第135帧处插入关键帧，利用【选择】工具 调整第135帧处“花瓣”的形状如图5-21所示。 （5）在第105帧～第135帧之间创建形状补间动画，这样一片花瓣 的生长过程就制作完成。 （6）使用同样的方法在图层“花瓣2”、“花瓣3”、“花瓣4”、“ 花瓣5”、“花瓣6”上分别制作其他5片花瓣的生长，完成花瓣的 生长动画，效果如图5-22所示。
图5-37 形状补间效果
通过观察可以发现，此时的形状补间动画效果并不理想 ，整个形状补间动画效果显的十分的杂乱无章，没有达 到预期的效果 。
3、选中“图层1”的第1帧，执行【修改】/【形状】/【添加形状 提示】菜单命令添加一个形状提示点，并将其拖动到蝙蝠的 翅膀上，如图5-38所示。选中第10帧，将提示点也拖动到蝙 蝠的翅膀上，此时形状提示点变为绿色，如图5-39所示。
矩形
图5-11 第1帧叶片形状
图5-12 第10帧叶片形状
图5-13 第20帧叶片形状
（6）在第1帧～第10帧之间、第10帧～第20帧之间创建形状补间动 画，这样一片叶子的生长过程就制作完成。 （7）使用同样的方法在图层“叶片2”、“叶片3”、“叶片4”、“叶 片5”、“叶片6”上分别制作其他5片叶子的生长，完成叶片的生 长动画。此时的场景效果如图5-14所示，【时间轴】效果如图515所示。
图5-38 添加形状提示点一
图5-39 调整形状提示点一
4、使用同样的方法添加3个形状提示点，并分别在第1帧和第10 帧调整提示点的位置，效果如图5-40和图5-41所示。
图5-40 添加形状提示点二
图5-41
调整形状提示点二
5、使用同样的方法为后续的形状补间动画添加形状提示点，图542所示为第31帧处的形状提示点，图5-43所示为第40帧处的 形状提示点。
图5-28 设置大小和位置
图5-29 拖入“红桃2参考图”
6、根据参考图在各个图层上绘制花色为“红桃2”纸牌各个部分的 形状，如图5-30所示。
图5-30 绘制红桃2
其中【字体】为“Bookman Old Style”（读者可以 设置为自己喜欢的字体或者自行购买外部字体库）。
7、在“花色上”、“花色中”、“花色下”、“数字上”、“数 字下”图层的第20帧处按F7 快捷键插入空白关键帧。使用同样 的方法绘制花色为“黑桃A”的纸牌，效果如图5-31所示。 8、将“数字下”、“数字上”图层的第1帧和第20帧处的数字打散 。 9、分别在“花色上”、“花色中”、“花色下”、“数字上”、 “数字下”图层的第1帧～第20帧之间创建“形状补间“动画 ，时间轴效果如图5-32所示 。
花梗
图5-16 原始矩形
图5-17 花梗的原始形状
图5-18 第105帧花梗形状
3、制作花瓣的生长 。 （1）在“花梗”图层之上新建并重命名图层，直至图层效果如图519所示。 （2）在“花瓣1”图层的第105帧处插入关键帧。 （3）选择【椭圆】工具，在【属性】面板中设置【笔触颜色】为 “无”，【填充颜色】为“#F997DC”，在“花瓣”图层的第 105帧处绘制一个宽高为“1.3px×1.1px”的椭圆，并将其置于 花梗顶端花苞的上面，效果如图5-20所示 。
图5-36 未使用形状提示
5.2.2
范例解析（一）──使用形状提示点练习
请同学们在老师的带领下对形状提示点的创建方法和原理进行进 一步的熟悉，并跟随以下要求进行操作训练。
1、打开教学资源中“素材\第5讲\形状提示点练习\飞翔的蝙蝠.fla”文 件。 2、分别在第1帧～第10帧之间，第11帧～第20帧之间，第21帧～第 30帧之间，第31帧～第40帧之间创建形状补间动画，拖动时间轴 观察图形的渐变效果，如图5-37所示。
图5-3 绘制圆形
图5-4 绘制树叶
3、在第20帧处，首先删除“圆”，然后填充树叶，效果如图5-5 所示。
#FFFFFF
#339900
树叶效果 【颜色】面板
图5-5 填充树叶
4、在第40帧处插入关键帧，然后调节树叶的颜色效果如图5-6所示
#FFFFFF
#CC9900
树叶效果
【颜色】面板
5、在第60帧处将树叶移出舞台。 6、选中第1帧，然后在【属性】面板的【补间】下拉列表中选择“ 形状”选项，如图5-7所示。则创建出第1帧～第20帧之间的形状补 间动画 。
5.1.3 范例解析（二）──制作“浪漫绽放”
花是带给人们幸福与浪漫的精灵。本例将使用形状补间动画来制
作一个“浪漫的绽放”动画，带领读者来一同体验自己绘制出的浪漫
感觉，其设计思路及效果如图5-8所示 。
图5-8 制作思路及效果
1、制作叶片的生长 。 （1）打开教学资源中“素材\第5讲\浪漫的绽放\浪漫的绽放-模板 .fla”文件，场景效果如图5-9所示。 （2）在“背景”图层之上新建并重命名图层，直至图层效果如图510所示。
花瓣4 花瓣2
花瓣5
花瓣6 花瓣3
花瓣1
图5-21 第135帧花瓣形状
图5-22 完成制作
（7）最终的场景效果如图5-23所示，时间轴效果如图5-24所示 。
图5-23 最终场景效果
图5-24 制作完成后的【时间轴】效果
（8）保存测试影片，一株美丽的花儿浪漫绽放的动画效果制作完 成。
5.1.4
课堂练习──制作“魔幻扑克”
图5-26 【库】面板
图5-27 导入背景图片
4、将“背景”图层锁定，在“背景”图层上新建并重命名图层， 直到图层效果如图5-28所示，并在所有图层的第20帧处插入帧 。 5、选择“红桃2参考”图层，将【库】面板中的“红桃2参考图” 图形元件拖入到舞台中，并相对舞台居中对齐。在【属性】面 板中设置其【Alpha】参数为“50%”，效果如图5-29所示。
第1帧
第10帧Biblioteka 显示为黄色显示为绿色
图5-33 未调节
图5-34 调节成功
二、形状提示原理 。 继续添加形状提示点，并调节提示点位置，此时图形变化的过 程如图5-35所示 。
图5-35 使用形状提示
图5-36所示为未添加形状提示点的变化过程，经过观察可以清 楚的了解形状提示的功能和原理，即形状提示点用于识别起始形状 和结束形状中相对应的点，并用字母a到z来表示 。
图5-7 创建补间动画
7、使用相同的方法，在第20帧、第40帧两处分别创建形状补间动 画。 8、按Ctrl+Enter 快捷键测试播放影片，观看这个由小圆成长为一 片绿叶，再枯黄，再凋零的动画。
9、关闭测试播放器，选中第40帧，然后在属性面板中分别设置【
缓动】为“－100~100”之间不同的值，然后分别测试影片，观 看树叶凋落动画的速率变化 。
图5-31 绘制黑桃A
图5-32 绘制倾斜为45°的线条
10、保存测试影片，一个简单而又神奇的扑克变幻动画制作完成 。
5.2
形状提示点原理
当用形状补间动画制作一些较为复杂的变形动画时，常常会使 画面变得混乱，根本达不到用户想要的变化过程，这时就需要使用形 状提示点来进行控制。
5.2.1 知识点讲解
形状补间 小苹果 大苹果
图5-1 形状补间动画原理
二、创建形状补间动画 。 同一图层上，在绘制着不同矢量图形的两关键帧之间任选1帧 ，然后再在【属性】面板上的【补间】下拉列表中选择【形状】选 项，如图5-2所示，就可创建一个形状补间动画 。
图5-2 创建形状补间动画
三、认识形状补间动画的属性面板。 Flash 8的【属性】面板随选定的对象不同而发生相应的变化 。当建立了一个形状补间动画后，单击时间轴，其【属性】面板如 5-2所示。 其中经常使用的选项有如下两种 ： （1）【缓动】选项 。在【缓动】选项中输入相应的数值，形 状补间动画则会随之发生相应的变化 。（2）【混合】选项 。在【 混合】选项中包含“角形”和“分布式”两个参数。
叶片5 叶片4 叶片2 叶片3
叶片1 叶片6
图5-14 完成叶片制作
图5-15 【时间轴】效果一
在制作叶片生长动画效果时，注意调整叶 片生长的先后顺序，尽量使叶片生长看起来贴 近自然。每个叶片的生长时间也可根据叶片大 小有所不同。建议将制作完成的图层进行锁定 ，以免产生误操作。
2、制作花梗的生长。 （1）在“叶片6”图层之上新建一个图层并重命名为“花梗”图层 。 （2）在“花梗”图层的第65帧处插入关键帧。 （3）选择【矩形】工具，在【属性】面板中设置【笔触颜色】为 “无”，【填充颜色】为“#CCE492”，在“花梗”图层的第 65帧处绘制一个宽高为“5px×5px”的矩形，而后将其置于花 盆的后面，效果如图5-16所示。 （4）利用【选择】工具调整矩形的形状如图5-17所示。 （5）在“花梗”图层的第105帧处插入关键帧，利用【选择】工具 调整第105帧处“花梗”的形状如图5-18所示。 （6）在第65帧～第105帧之间创建形状补间动画，这样花梗的生长 过程就制作完成了 。