第2课形状补间动画课件

动作补间动画的制作步骤
设置动作补间动画的选项
沿着路径补间动画
1．运动引导层简述
2．创建运动引导层 3．利用引导线控制动画效果
图5-21 添加运动引导层
链接或断开 置 图 片 放 大 的 效 果 5-25
图5-26 设置遮罩层中的形状
图5-27 设置遮罩
《形状补间巧变化》
创建动作补间动画
创建动作补间动画
什么是动作补间动画
与形状补间动画一样，动作补间动画 （在Flash联机帮助中此类动画被称为“补 间动画”，为了将其与“形状补间动画” 区分，本书采用“动作补间动画”这个同 样为Flash用户所接受的术语）也是由 Flash自动生成的动画。动作补间动画主要 用于表现渐变、运动、过渡、淡入淡出等 动画效果。
图5-28 聚光灯的第一帧
产生动作补间的属性
根据对象的不同，能够产生补间动画的
对象属性也不同。
对于文字对象来说，可以变化的属性
包括文字的位置和旋转属性。
对于组合体对象来说，可以变化的属性
包括：大小、位置和变形属性等。
对于元件的实例来说，可以变化的属性 包括：大小、位置、变形、颜色和透明度 等，详细信息请参见5.1.4节。

“动画补间”动画和“形状补间”动画之间的区别：
区别之处 在时间轴上 “动画补间”动画 淡紫色背景加长箭 “形状补间”动画 淡绿色背景加长箭头 如果使用图形元件、按 钮、文字，则必先打散
的表现
头
影片剪辑、图形元件、 按钮
组成元素
（分离）再变形。 实现两个形状之间的变
实现一个元件的大
完成的作用பைடு நூலகம்
小、位置、颜色、透 化，或一个形状的大小、 明等的变化。 位置、颜色等的变化。
谢谢！
形状补间动画制作的几点注意：
1. 插入的帧为空白关键帧 2.补间的实现动作不能放在尾帧上 3.形状补间动画制作成功的标志：淡绿 色背景+黑色箭头
影片剪辑的意义：
影片剪辑元件实际上是一小段动画， 它可以独立于场景中的时间轴播放。将 影片剪辑拖入场景后，即使场景中只有 一帧，它也会循环播放。通过影片剪辑 元件创建的一些动画片段，可以反复调 入场景，避免重复制作，同时还能减少 Flash动画的大小。
第8单元 第3节 制作动画
—形状补间动画
授课教师：张 梅
概念：
形状补间动画：使一个对象逐渐变成 另一个对象，实现两个对象间（位置， 大小，颜色、形状）的平滑过渡。
基础任务：“圆球变成多角状球”
提升任务： “盛开的小花” 拓展探究任务（选做）：
1.文字与文字间的形状补间动画 华杰双语学校欢迎您!”变成“Welcome to our school!” 2.图片与图片间的形状补间动画 “老鼠变成小猪”的动画

【测评内容】1. 学生对flsah知识点的掌握【评价方式】1.课前小测试【练习内容】1. 制作形状补间练习【评价方式】1.课堂练习【测评内容】1. 自主设计一个形状补间动画，内容主题自定。

【评价方式】1.课后作业【教师活动】1. 才艺大赛上,贝贝制作了一段动画用来展示由陶土变成青花瓷的过程，请学生欣赏“神奇的变化.swf”。

2.请学生说一说：从泥土到瓷器的变化这段动画有什么特点？用我们所学过的逐帧动画能很快制作出来吗？3.板书：神奇的变化——制作形状补间动画。

【学生活动】1.欣赏、观察作品，说说由陶土变青花瓷这段动画有何奇特之处。

【设计意图】1.通过学生观察，初步体验形状补间动画的独特之处，调动学生的积极性。

【探究新知，理解原理】1.教师打开“陶土变茶壶.fla”源文件。

让学生观察，并提出问题：①这段动画有几个关键帧，各关键帧里分别有什么内容？②各关键帧里的内容是分离的还是一个整体？③其他帧是什么颜色，有什么特点，和逐帧动画一样吗？2.学生认真观察并回答：有两个关键帧；关键帧的对象是完全分离的；过渡帧中有带箭头的实线；过渡帧颜色是浅绿色的。

【设计意图】1.教师设计适当的问题，让学生仔细观察动画的源文件，了解形状补间动画的原理和逐帧动画的优点。

【探究新知，模仿学习】1.教师示范“陶土变茶壶”动画的操作过程。

2.学生参照老师讲解与教材，动手操作。

3.找出有典型的错误的同学，请同学帮助分析。

4.请同学小组讨论，制作形状补间动画时要注意的事项。

5.板书：起始关键帧→终止关键帧↓形状补间↓分离的对象分离的对象6.学生根据教师的示范，并参照教材完成“陶土变茶壶”的动画。

分析制作不成功的作品，找出其错误原因。

小组讨论，制作形状补间动画时要注意的事项。

【设计意图】1.通过教师示范，让学生思路清晰，明白操作的方法2.通过分析典型错误（元件没有分离、关键帧设置不正确、补间设置不当等），让学生切实掌握制作形状补间时要注意的事项。

示动画效果。
6. 重复步骤4和5，直到完成 整个动画。
案例二：星球动画
• 总结词：通过使用Flash软件，制作出星球动画效果的形 状补间动画。
案例二：星球动画
详细描述 1. 打开Flash软件，新建一个空白文档。
2. 在舞台上绘制一个星球图形作为初始状态。
案例二：星球动画
3. 选中星球图形，在属性面板中设置 补间动画，从“形状”选项中选择“ 形状”。
变化过程和速度。
效果丰富
形状补间动画可以实现各种复杂的 形状变化和运动，如扭曲、拉伸、 变形等，为动画制作提供了丰富的 效果和创意空间。
效率高
形状补间动画技术可以自动生成中 间帧，减少了手动绘制中间帧的工 作量，提高了动画制作的效率和精 度。
形状补间动画原理
基于数学原理
形状补间动画技术基于计算机图 形学中的线性插值和样条曲线等 数学原理，通过在两个关键帧之 间插入形状变化的过程实现动画
06
总结与展望
本节课总结
掌握了形状补间动画的基本概念 和制作步骤
学会了如何设置形状补间动画的 属性，包括时间、速度、方向等
了解了形状补间动画在多媒体制 作中的应用场景
下节课预告
学习路径
下节课将学习更多关于形状补间 动画的高级技巧和应用，如使用 遮罩、添加引导线等
重点预告
注意听讲，下节课将有更多精彩 内容等您探索！
5. 在第二帧上，将星球图形稍微放大 和旋转，以显Байду номын сангаас动画效果。
4. 在时间轴上，将第一帧拖动到适当 的位置，然后添加第二帧。
6. 重复步骤4和5，直到完成整个动画 。
案例三：logo动画
• 总结词：通过使用Flash软件，制作出logo动画效果的形状补间 动画。

“形状补间”动画一、教材分析本课教学内容是河北省教育出版社出版的《信息技术2》第一单元“动画制作——Flash”第二课时“创建补间动画”。

本课分为两个内容，一是形状补间动画；二是动作补间动画。

今天学习第一个内容。

本课主要学习形状补间动画的制作方法，比较形状补间动画与动画补间动画的区别；形状补间动画是本单元的教学重点和难点，其中掌握“形状补间动画”的制作方法及“形状补间动画”与“动画补间动画的区别”又是本节课的重点和难点。

二、学情分析本节课的教学对象为初中二年级学生，他们大部分学生是刚刚接触FLASH内容，有少部分同学在小学期间学习过简单的FLASH动画。

本节课在通过前几节课的学习，学生对FLASH有了一定的了解，对该软件的窗口、面板、工具、图层等基础知识有一些初步认识，但是对FLASH软件还不能较全面的掌握和应用，还需要进一步巩固。

三、教学过程教学课题“形状补间”动画课型新授本课题教时数： 2 本教时为第 1 教时备课日期 4月 3 日教学目标：1、知识与技能：（1）理解形状补间动画的概念，掌握其制作方法；（2）掌握将位图转换为矢量图的操作方法，了解位图在形状补间动画中为何要矢量化；（3）认识形状补间动画与动画补间动画的区别。

2、过程与方法：（1）通过自主探究、任务驱动，发现问题、解决问题，来掌握形状补间动画的制作方法。

（2）通过利用所学知识制作FLASH动画，提高学生综合应用能力。

3、3、情感态度与价值观：培养学生的动手能力、想象力、创造力、审美能力及互助精神。

教学重点：（1）形状补间动画的制作方法；（2）掌握位图矢量化方法；（3）形状补间动画与动画补间动画的区别。

教学难点：（1）形状补间动画的制作方法；（2）了解图片矢量化的原因；（3）形状补间动画与动画补间动画的区别。

教学方法与手段：演示讲解、任务驱动、自主探究、生生互助教学过程：教师活动学生活动设计意图。

信息技术人教版八年级上册第一单元第2课《动作补间动画》教案一、课程基本信息1. 课程名称：动作补间动画2. 教学年级和班级：八年级3. 授课时间：第2课时4. 教学时数：45分钟二、核心素养目标1. 理解并掌握动作补间动画的基本概念和原理，能够运用相关软件进行简单的动作补间动画制作。

2. 培养学生的观察能力和动手能力，通过观察和分析不同动作补间动画的例子，能够创作出具有创意和表现力的动画作品。

3. 培养学生的问题解决能力，通过遇到问题和错误时，能够独立思考和寻找解决方案，并能够与同学合作解决问题。

4. 培养学生的信息素养，能够利用网络和图书馆等资源进行相关信息的搜集和整理，并能够准确理解和运用所学知识。

5. 培养学生的创新思维和创造力，通过设计具有创新性的动作补间动画作品，能够表达自己的思想和情感，并能够欣赏和评价他人的作品。

三、教学难点与重点1. 教学重点：本节课的核心内容是动作补间动画的制作。

动作补间动画是通过在两个关键帧之间插入过渡帧，使得对象在关键帧之间的动作变得平滑。

重点内容包括：- 了解动作补间动画的概念和原理；- 掌握动作补间动画的制作方法和技巧；- 学会使用相关软件进行动作补间动画的制作；- 能够通过观察和分析实例，创作出具有创意和表现力的动作补间动画作品。

2. 教学难点：本节课的难点内容在于动作补间动画的制作方法和技巧，以及创意和表现力的培养。

难点包括：- 理解动作补间动画的原理，特别是过渡帧的生成方法和应用；- 学会使用相关软件进行动作补间动画的制作，包括关键帧的设置和过渡帧的插入；- 培养学生的观察能力和动手能力，通过观察和分析实例，能够创作出具有创意和表现力的动作补间动画作品；- 学会独立思考和寻找解决方案，遇到问题时能够与同学合作解决问题；- 利用网络和图书馆等资源进行相关信息的搜集和整理，并能够准确理解和运用所学知识；- 培养学生的创新思维和创造力，通过设计具有创新性的动作补间动画作品，能够表达自己的思想和情感，并能够欣赏和评价他人的作品。

水中涟漪——创建补件形状动画
任务导航
本课，我们制作青蛙人水后激起涟漪的补间形状动画， 是动画中的两个画面。
FOLLOW ME
1.新建文件并导入图片
步骤1：新建动画文件。 步骤2：导入“夏日荷花.bmp”文件。根据需要，调整导入的图像大小。 步骤3：将当前图层重命名为“荷花”，然后锁定当前层。
2.在新图层中画青蛙
如果时间轴出现了虚线表示动画的设置有问题，应 该进行修改与检查。
5.制作“水中涟漪”的动画效果
按Enter键，我们就会看到青蛙在荷叶上坐一会儿，然后 跃入水中，变为白色的水波纹，这就是补间形状动画。在时 间轴上，带有黑色箭头和淡绿色背景的起始关键帧处的黑色 圆点表示补间形状。
补间形状是形状之间的变换效果，即从一个形状逐渐过 渡到另一个形状。为真正产生“水中涟漪”的动画效果，我 们需要继续制作动画。
步骤4：在舞台上拖动鼠标，绘制一个小椭圆形。
4.设置动画类型
选择图层“青蛙”的第10~16帧之间的任意一帧，右击， 在弹出的快捷菜单中选择“创建补间形状”命令。
此时，“青蛙”图层时间轴上第10~16帧间由淡绿色背 景与实线箭头表示，说明补间形状动画设置成功。
选中“荷花”图层，单击“时间轴”上的第16帧， 按F5键或按鼠标右键，在弹出的快捷菜单中选择“插入 帧入”命令，使前一关键帧的内容延长至该帧。
步骤2：执行“编辑”→“复制”命令。 步骤3：执行“编辑”→“粘贴到中心位置”命令。
步骤4：单击工具箱中的“任意变形工具”，将粘贴到 舞台上的水波纹图形放大。用相同的方法，在第30帧上制作 几个大小不一的水波纹。
（3）创建补间形状 选择图层“青蛙”的第16~30帧之间的任意一帧，右击，在弹
出的快捷菜单中选择“创建补间形状”命令。

行业PPT模板：/hangye/ PPT素材下载：/sucai/ PPT图表下载：/tubiao/ PPT教程： /powerpoint/ Excel教程：/excel/
教学过程 设计
教学过程设计
新知讲解
复习 旧知
梳理归纳
自主学 习
坡度练 习
归纳总结
复习旧知
复习动画补间动画，要求学生制作“移动的小球”这一简单flash动画，完成后互评。 然后播放一个“圆形变成方形”的动画，引导学生仔细观察并说出这两个动画的区别，
第一个是位置发生改变第二个是形状、颜色发生改变。 通过复习及动画展示让学生 了解Flash动画制作中两种动画效果的区别，帮助学生对形状补间动画概念的理解。
设计理念：通过协作学习培养学生的合作精神，通过 自主学习培养学生自学能力，为进一步学习打下基础， 通过作品评价提高了学生鉴赏能力与审美水平。
坡度练习
教师出示本节课的探究任务：将动画“旋转的风车”中的风车做成影片剪辑，从元件 库中反复将风车元件拖动到场景，并调整其大小和位置，这样就能在场景中方便地 加进多个旋转的风车，使画面更为丰富。学生实践操作，遇到问题相互讨论。教师 巡视，帮助学生，对于共有的问题给与点评。教师请学生演示，鼓励学生上台操作。 通过学生自评和互评，及时反馈学生的完成情况，提高学生的审美与表现力。
（2）分析“动画补间”动画和“形状补间”动画之 间的区别。
以上是我对本节课的一些粗浅的认识 和构想，如有不妥之处，恳请各位老 师批评指正。谢谢大家！
LOGO
PPT模板下载：/moban/ 节日PPT模板：/jieri/ PPT背景图片：/beijing/ 优秀PPT下载：/xiazai/ Word教程： /word/ 资料下载：/ziliao/ PPT课件下载：/kejian/ 范文下载：/fanwen/

• 形变动画的对象不能是元件、组或者直接导入的 位图图像等，而必须是打散的图形。
整理课件
4.1 补间形状动画的基本概念
制作条件
制作形状补间动画需要具备以下3个条件： 1. 在一个形状补间动画中至少有两个关键帧。 2. 这两个关键帧中的对象必须是可编辑图形，如果是其他类
型的对象，则必须将其转换为可编辑的图形。 3.这两个关键帧中的图形必须有一些变化，否则制作的动画
考点”，使Flash在计算变形过渡时依一定的规则进行， 从而较有效地控制变形过程。
整理课件
4、形状提示
整理课件
4.2 补间形状动画的制作方法
使用形状提示控制形状变化
在制作形变动画时，如何要控制较为复杂的形变，则会出 现变化过程杂乱无章的情况。
这时，可以通过添加形状提示，控制形状变化。
形状提示是一个有颜色的实心小圆，上面标志着小写的英 文字母，用于识别起始形状和结束形状中相对应的点。
整理课件
任务二：图片变形
注：先将位图转换为矢量图（分离）
整理课件
白雪公主变成小熊
整理课件
任务三：文字变形
注：（1）分散到图层
（2）文本分离 CTRL+B
整理课件
4.1 补间形状动画的基本概
念
成功创建的形状补间帧
【补间形状动画帧】
创建成功的的补间形状动画在两个关键帧之间绘制一个浅绿色背 景填充的实线箭头。
执行【修改】|【形状】|【添加形状提示】命令
注：变形提示包含从(a--z)26个字母. 在开始关
键帧上提示点为黄色，结束为绿色,如提示点安放
不成功或不在一条曲线上时为红色.
提示：如果开始关键帧和结束关键帧的形状提示点没有变
黄或变绿，则说明这个形状提示点没有在两个帧中对应起

（4）在线工具：教师推荐一些在线动画制作工具，如Adobe Spark、GoAnimate等，帮助学生进行自主学习和创作。
五、教学流程
（一）课前准备（预计用时：5分钟）
学生预习：
发放预习材料，引导学生提前了解形状补间动画的学习内容，标记出有疑问或不懂的地方。
设计预习问题，激发学生思考，为课堂学习形状补间动画内容做好准备。
（六）课堂小结（预计用时：2分钟）
简要回顾本节课学习的形状补间动画内容，强调形状补间动画的重点和难点。
肯定学生的表现，鼓励他们继续努力。
布置作业：
根据本节课学习的形状补间动画内容，布置适量的课后作业，巩固学习效果。
提醒学生注意作业要求和时间安排，确保作业质量。
六、教学资源拓展
（一）拓展资源
1. 动画制作网站：介绍一些优秀的动画制作网站，如Adobe Spark、GoAnimate等，让学生在课后进行自主学习和创作。
其次，在实践活动方面，我意识到需要提供更多的指导和反馈。在学生进行形状补间动画的实践活动时，我应该更加关注学生的操作过程，及时给予指导和帮助，避免学生因为操作失误或理解不到位而产生挫败感。同时，我应该鼓励学生之间的合作和交流，通过小组合作学习，让学生互相学习和借鉴，提高实践效果。
再次，在课堂互动方面，我意识到需要更多的引导和鼓励。在课堂上，我应该更加注重学生的参与和互动，通过提问、讨论和实践活动，激发学生的思考和兴趣，提高他们的学习积极性。同时，我应该更加关注学生的反馈和问题，及时解答学生的疑问，帮助他们解决学习中的困难。
5. 动画设计论坛：推荐一些动画设计论坛，如Animation Factory、Animation Xpress等，让学生在论坛中交流学习经验，获取行业动态。

四、形状补间动画在时间帧面板 上的表现
形状补间动画建好后，时间帧面 板的背景色变为淡绿色，在起始帧和 结束帧之间有一个长长的箭头，如图 所示。
五、认识形状补间动画的属性面 板
Flash的【属性】面板随鼠标选定 的对象不同而发生相应的变化。当我 们建立了一个形状补间动画后，点击 时间帧，【属性】面板如图
形状补间动画
黄石十五中汪慧
一、什么是补间动画
所谓补间动画又叫做中间 帧动画，渐变动画，只要建立 起始和结束的画面，中间部分 由软件自动生成，省去了中间 动画制作的复杂过程，这正是 Flash的迷人之处，补间动画是 Flash中最常用的动画效果。
二、分类
分为动作补间和形状补间动作
动作补间是物体有一个状态到另一 个状态。 （位置，倾斜角度，==）
形状补间是物体由一个物体变化到 另一个物体。（圆渐变到正方形，红 色渐边到蓝色==）
三、构成形状补间动画的元素
形状补间动画可以实现两个图 形之间颜色、形状、大小、位置的 相互变化，其变形的灵活性介于逐 帧动画和动作补间动画二者之间， 使用的元素多为用鼠标或压感笔绘 制出的形状，如果使用图形元件、 按钮、文字，则必先“打散”再变 形。
六．使用形状提示 （1)形状提示的作用
在“起始形状”和“结束形状”中
添加相对应的“参考点”，使Flash 在计算变形过渡时依一定的规则进 行，从而较有效地控制变形过程。
（2）添加形状提示的方法

先在形状补间动画的开始帧上单击 一下，再执行【修改】|【形状】| 【添加形状提示】命令，该帧的形 状上就会增加一个带字母的红色圆 圈，相应地，在结束帧形状中也会 出现一个“提示圆圈”，用鼠标左 键单击并分别按住这2个“提示圆 圈”，放置在适当位置，安放成功 后开始帧上的“提示圆圈”变为黄 色，结束帧上的“提示圆圈”变为 绿色，安放不成功或不在一条曲线 上时，“提示圆圈”颜色不变。

04
形状补间动画的进阶技巧
使用透明度和混合模式
透明度
通过调整形状的透明度，可以创造出更为丰富的视觉效果，使动画更具有层次感 。
混合模式
混合模式可以改变形状之间的颜色混合方式，从而创造出独特的视觉效果，为形 状补间动画增添更多创意。
使用形状提示控制动画的准确性
形状提示
在制作形状补间动画时，使用形状提 示可以帮助精确控制动画中形状的变 化，确保动画的准确性和流畅性。
自定义重复次数
用户可以根据演示需求，自定义动画的重复次数，以满足演 示要求。
动画的方向和移动路径
方向和移动路径
指动画中形状或元素移动的方向和路径。通过设置不同的方向和移动路径，可 以制作出更加丰富多样的动画效果。
自定义路径
用户可以根据创意需求，自定义形状或元素的移动路径，以实现更加个性化的 动画效果。
调整动画属性
在动画窗格中，双击 添加的形状补间动画 ，打开“动画窗格” 对话框。
根据需要调整动画的 属性，以达到最佳的 视觉效果。
在对话框中，可以设 置动画的速度、延迟 、声音等属性。
预览和导出动画
01
在工具栏中选择“幻灯片放映” 选项卡，选择“从头开始”或“ 从当前幻灯片开始”预览动画效 果。
动画的速度曲线
速度曲线
指动画在播放过程中速度的变化趋势 。通过设置不同的速度曲线，可以控 制动画在播放过程中的快慢变化。
自定义速度曲线
用户可以根据实际需求，自定义动画 的速度曲线，以达到所需的动画效果 。
动画的重复次数
重复次数
指动画播放的次数。通过设置重复次数，可以让动画循环播 放，增强视觉效果。
在弹出的形状列表中选择需要的 形状，然后在幻灯片上绘制出结

出神入化：在“腾云驾雾”图层制作形状补间动画， 实现悟空向左上角运动的效果。
作品展 示
课堂小 结
通过本节的学习你有哪些收获？
1 种动画 2个标志 1 不设补间
孙悟空是智慧与正义的化身，在取经 途中克服重重困难，最终取得真经，修成 正果。在今后的学习中我们会遇到这样或 那样的困难，希望大家学习他问题面前多 动脑，挫折面前不服输，强权面前不妥协 ，做一个具有大智慧的人。
锦囊一 • 锦囊二 •
锦囊妙
计 借助左侧工具栏“变 形 工 具 ”进行 缩放。
形状补间动画的组成元素是 形状，如果使用图片、文字， 则必须先分 离 。
拓展提 高
得心应手：在“悟空变桃”图层第 10-30 帧补全动画实 现悟空变桃。
炉火纯青：在“金箍棒”图层制作形状补间动画，实 现金箍棒越变越大的效果。
泰山出版社初中信息技术第二册 · 下
看我七十二变
——Flash 应用之形状补间
问题：孙悟空都变成了什么？
学习目标：
1
通过对图形变形，体验计算 机 动画的本质 : 形状补间动
画。
2
掌握控制图形变形的方法 : 添加形状提示点。
3
掌握形状补间动画的制作方法。
重难
点
课前自 学
自学课本 P68-P71 专题二，回答下列问题 。 .1形状补间动画可以实现什么样的变化？
形状补间可以对形状进行位移、变形、变色等变化
2. 在哪里设置形状补间？
在属性面板上的补间下拉列表中选择“形状”
3. 形状补间应用的对象？
形状
探究一：毫毛变桃 子
要求：在“毫毛变桃”图层补全动画，实现毫毛逐渐变成桃子。
探究二：变大变 小
【 3分钟】
要求：制作一个 30 帧动画