形状补间动画课件
合集下载
《形状补间巧变化》课件
动作补间动画的制作步骤
设置动作补间动画的选项
沿着路径补间动画
1．运动引导层简述
2．创建运动引导层 3．利用引导线控制动画效果
图5-21 添加运动引导层
链接或断开 置 图 片 放 大 的 效 果 5-25
图5-26 设置遮罩层中的形状
图5-27 设置遮罩
《形状补间巧变化》
创建动作补间动画
创建动作补间动画
什么是动作补间动画
与形状补间动画一样，动作补间动画 （在Flash联机帮助中此类动画被称为“补 间动画”，为了将其与“形状补间动画” 区分，本书采用“动作补间动画”这个同 样为Flash用户所接受的术语）也是由 Flash自动生成的动画。动作补间动画主要 用于表现渐变、运动、过渡、淡入淡出等 动画效果。
图5-28 聚光灯的第一帧
产生动作补间的属性
根据对象的不同，能够产生补间动画的
对象属性也不同。
对于文字对象来说，可以变化的属性
包括文字的位置和旋转属性。
对于组合体对象来说，可以变化的属性
包括：大小、位置和变形属性等。
对于元件的实例来说，可以变化的属性 包括：大小、位置、变形、颜色和透明度 等，详细信息请参见5.1.4节。
信息技术第四课形状补间动画课件
示动画效果。
6. 重复步骤4和5，直到完成 整个动画。
案例二：星球动画
• 总结词：通过使用Flash软件，制作出星球动画效果的形 状补间动画。
案例二：星球动画
详细描述 1. 打开Flash软件，新建一个空白文档。
2. 在舞台上绘制一个星球图形作为初始状态。
案例二：星球动画
3. 选中星球图形，在属性面板中设置 补间动画，从“形状”选项中选择“ 形状”。
变化过程和速度。
效果丰富
形状补间动画可以实现各种复杂的 形状变化和运动，如扭曲、拉伸、 变形等，为动画制作提供了丰富的 效果和创意空间。
效率高
形状补间动画技术可以自动生成中 间帧，减少了手动绘制中间帧的工 作量，提高了动画制作的效率和精 度。
形状补间动画原理
基于数学原理
形状补间动画技术基于计算机图 形学中的线性插值和样条曲线等 数学原理，通过在两个关键帧之 间插入形状变化的过程实现动画
06
总结与展望
本节课总结
掌握了形状补间动画的基本概念 和制作步骤
学会了如何设置形状补间动画的 属性，包括时间、速度、方向等
了解了形状补间动画在多媒体制 作中的应用场景
下节课预告
学习路径
下节课将学习更多关于形状补间 动画的高级技巧和应用，如使用 遮罩、添加引导线等
重点预告
注意听讲，下节课将有更多精彩 内容等您探索！
5. 在第二帧上，将星球图形稍微放大 和旋转，以显Байду номын сангаас动画效果。
4. 在时间轴上，将第一帧拖动到适当 的位置，然后添加第二帧。
6. 重复步骤4和5，直到完成整个动画 。
案例三：logo动画
• 总结词：通过使用Flash软件，制作出logo动画效果的形状补间 动画。
6. 重复步骤4和5，直到完成 整个动画。
案例二：星球动画
• 总结词：通过使用Flash软件，制作出星球动画效果的形 状补间动画。
案例二：星球动画
详细描述 1. 打开Flash软件，新建一个空白文档。
2. 在舞台上绘制一个星球图形作为初始状态。
案例二：星球动画
3. 选中星球图形，在属性面板中设置 补间动画，从“形状”选项中选择“ 形状”。
变化过程和速度。
效果丰富
形状补间动画可以实现各种复杂的 形状变化和运动，如扭曲、拉伸、 变形等，为动画制作提供了丰富的 效果和创意空间。
效率高
形状补间动画技术可以自动生成中 间帧，减少了手动绘制中间帧的工 作量，提高了动画制作的效率和精 度。
形状补间动画原理
基于数学原理
形状补间动画技术基于计算机图 形学中的线性插值和样条曲线等 数学原理，通过在两个关键帧之 间插入形状变化的过程实现动画
06
总结与展望
本节课总结
掌握了形状补间动画的基本概念 和制作步骤
学会了如何设置形状补间动画的 属性，包括时间、速度、方向等
了解了形状补间动画在多媒体制 作中的应用场景
下节课预告
学习路径
下节课将学习更多关于形状补间 动画的高级技巧和应用，如使用 遮罩、添加引导线等
重点预告
注意听讲，下节课将有更多精彩 内容等您探索！
5. 在第二帧上，将星球图形稍微放大 和旋转，以显Байду номын сангаас动画效果。
4. 在时间轴上，将第一帧拖动到适当 的位置，然后添加第二帧。
6. 重复步骤4和5，直到完成整个动画 。
案例三：logo动画
• 总结词：通过使用Flash软件，制作出logo动画效果的形状补间 动画。
五年级上册信息技术课件-2.5 水中涟漪—创建补件形状动画 清华版 (共17张PPT)
水中涟漪——创建补件形状动画
任务导航
本课，我们制作青蛙人水后激起涟漪的补间形状动画， 是动画中的两个画面。
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帧之间的任意一帧，右击，在弹
出的快捷菜单中选择“创建补间形状”命令。
任务导航
本课，我们制作青蛙人水后激起涟漪的补间形状动画， 是动画中的两个画面。
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帧之间的任意一帧，右击，在弹
出的快捷菜单中选择“创建补间形状”命令。
Flash8制作形状补间动画
第8章 制作形状补间动画
学习目标
掌握形状补间动画的原理和创建方法 。 使用形状补间动画表现事物变化的过程 。 掌握形状提示点的原理和使用方法 。 使用形状提示点动画表现舌头摆动效果的方法 。
• 5.1 • 5.2 • 5.3
本章大纲
形状补间动画原理 形状提示点原理 课后作业
5.1 形状补间动画原理
图5-45 设计思路及效果
1、素材准备。 （1）新建一个Flash文档，文档所有属性使用默认参数 。
图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-26 【库】面板
图5-27 导入背景图片
4、将“背景”图层锁定，在“背景”图层上新建并重命名图层， 直到图层效果如图5-28所示，并在所有图层的第20帧处插入帧 。
5、选择“红桃2参考”图层，将【库】面板中的“红桃2参考图” 图形元件拖入到舞台中，并相对舞台居中对齐。在【属性】面 板中设置其【Alpha】参数为“50%”，效果如图5-29所示。
图5-23 最终场景效果
图5-24 制作完成后的【时间轴】效果
（8）保存测试影片，一株美丽的花儿浪漫绽放的动画效果制作完 成。
学习目标
掌握形状补间动画的原理和创建方法 。 使用形状补间动画表现事物变化的过程 。 掌握形状提示点的原理和使用方法 。 使用形状提示点动画表现舌头摆动效果的方法 。
• 5.1 • 5.2 • 5.3
本章大纲
形状补间动画原理 形状提示点原理 课后作业
5.1 形状补间动画原理
图5-45 设计思路及效果
1、素材准备。 （1）新建一个Flash文档，文档所有属性使用默认参数 。
图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-26 【库】面板
图5-27 导入背景图片
4、将“背景”图层锁定，在“背景”图层上新建并重命名图层， 直到图层效果如图5-28所示，并在所有图层的第20帧处插入帧 。
5、选择“红桃2参考”图层，将【库】面板中的“红桃2参考图” 图形元件拖入到舞台中，并相对舞台居中对齐。在【属性】面 板中设置其【Alpha】参数为“50%”，效果如图5-29所示。
图5-23 最终场景效果
图5-24 制作完成后的【时间轴】效果
（8）保存测试影片，一株美丽的花儿浪漫绽放的动画效果制作完 成。
第7讲_Flash形状补间和传统补间动画
– 多图层传统补间动画 – 由小到大、渐渐出现、旋转等效果的实现
课堂示例3-关键步骤
21
21
• 打开“卡通动画.fla” • 地球转动动画设置
– 在第1帧将库中地球元件拖到舞台中央 – 在第40帧插入关键帧 – 传统补间动画，并设置“旋转”参数，旋转方向为顺时针，旋转圈数为2圈
• 美羊羊跳到地球上动画设置
– 在第1帧将库中美羊羊拖到舞台的左上角，改变大小和水平翻转 – 在第20帧插入关键帧，将美羊羊拖到地球上，改变大小 – 选择第1帧设置Alpha值为19% – 创建传统补间动画，并设置“缓动”值为-100
• 美羊羊旋转动画设置
– 在第40帧插入关键帧 – 创建传统补间动画，并设置“旋转”参数，旋转方向为顺时针，旋转圈数为
• 重点：
– 补间形状动画与传统补间动画的区别； – 传统补间动画的参数设置：旋转、运动快慢、元件属性的修改等； – 分段分层的综合补间动画； – 图形元件与实例
• 难点：
– 对文字或图形的分离操作 – 过渡帧与关键帧，如何设置补间动画的关键帧 – 补间参数的设置 – 不同补间动画之间的衔接
形状提示原理
课堂示例5-关键步骤
26
26
• 打开“万科白马花园.fla”，舞台大小为700*400像素，舞台背景为黑色 • 图片动画设置
– 分别创建4张图片动画（注意转换为元件，为什么？），动画分别持续15帧 – 逐渐变透明(Alpha值设置)
• 文字-万科白马花园动画设置
– 第1帧放入“文字1”元件，第15帧插入关键帧 – 将第15帧中文字做垂直翻转 – 第30帧、第60帧同第1帧，第45帧同第15帧，改变颜色 – 分别创建传统补间
课后练习1-奔马
27
课堂示例3-关键步骤
21
21
• 打开“卡通动画.fla” • 地球转动动画设置
– 在第1帧将库中地球元件拖到舞台中央 – 在第40帧插入关键帧 – 传统补间动画，并设置“旋转”参数，旋转方向为顺时针，旋转圈数为2圈
• 美羊羊跳到地球上动画设置
– 在第1帧将库中美羊羊拖到舞台的左上角，改变大小和水平翻转 – 在第20帧插入关键帧，将美羊羊拖到地球上，改变大小 – 选择第1帧设置Alpha值为19% – 创建传统补间动画，并设置“缓动”值为-100
• 美羊羊旋转动画设置
– 在第40帧插入关键帧 – 创建传统补间动画，并设置“旋转”参数，旋转方向为顺时针，旋转圈数为
• 重点：
– 补间形状动画与传统补间动画的区别； – 传统补间动画的参数设置：旋转、运动快慢、元件属性的修改等； – 分段分层的综合补间动画； – 图形元件与实例
• 难点：
– 对文字或图形的分离操作 – 过渡帧与关键帧，如何设置补间动画的关键帧 – 补间参数的设置 – 不同补间动画之间的衔接
形状提示原理
课堂示例5-关键步骤
26
26
• 打开“万科白马花园.fla”，舞台大小为700*400像素，舞台背景为黑色 • 图片动画设置
– 分别创建4张图片动画（注意转换为元件，为什么？），动画分别持续15帧 – 逐渐变透明(Alpha值设置)
• 文字-万科白马花园动画设置
– 第1帧放入“文字1”元件，第15帧插入关键帧 – 将第15帧中文字做垂直翻转 – 第30帧、第60帧同第1帧，第45帧同第15帧，改变颜色 – 分别创建传统补间
课后练习1-奔马
27
第5讲3FLASH逐帧动画形状补间动画和动作补间动画的设计.
• 按逆时针顺序从形状的左上角开始放置 形状提示，它们的工作效果最好。
• 添加的形状提示不应太多，但应将每个 形状提示放置在合适的位置上。
-
4.2.3 设置形状提示
图 4 13 添 加 第 一 个 形 状 提 示
图4-14 在结束帧设置形状提示
4.2.4 对形状提示进行操作
图4-15 形状提示的快捷菜单
• 遮罩层中的对象是动态的，而被遮罩 层中的对象是静态的，这样就生成了第二 类动态遮罩效果：透过动态的一个“孔”， 观看后面的静态内容；
• 遮罩层中的对象是动态的，被遮罩 层中的对象也是动态的，这样就生成了第 三类动态遮罩效果：透过动态的一个 “孔”，观看后面的动态内容。这时，遮 罩对象和被遮罩对象之间就会进行一些复 杂的交互，从而得到一些特殊的视觉效果。
图4-18 绘制探照灯
（5）在“文字遮罩”层第50帧单击鼠 标右键，选择“插入帧”命令。
（6）单击“探照灯”层，在第25帧插 入关键帧，用选择工具将渐变的圆形移动 到文字右侧（注意选中“视图”菜单“对 齐”子菜单中的“贴紧对齐”命令）。
（7）在该层第1帧上单击鼠标右键，选 择“复制帧”命令，在第50帧上单击右键， 选择“粘贴帧”命令。
（8）在“探照灯”层第1帧和25帧之间、第 25帧和50帧之间设置形状补间动画。
（9）把“文字遮罩”层拖动到“探照灯” 层上方。
（10）在图层区的“文字遮罩”层上单击右 键，选择“遮罩层”命令，将该层设置为遮 罩层，而“探照灯”层自动被设置为被遮罩 层，同时这两层也被锁定，此时的时间轴窗 口与场景如图4-19所示，动画制作结束。
图4-19 探照灯文字效果的时间轴和舞台
（11）按“”键测试动画。
4.4 实例——海报 扫描效果
《补间形状动画》课件
03
02
01
02
CHAPTER
补间形状动画制作流程
打开PPT软件，选择一个空白幻灯片。
使用绘图工具创建所需的形状，如圆形、矩形、多边形等。
根据需要调整形状的大小、颜色、透明度等属性。
通过拖动动画的起始和结束点，调整动画的持续时间。
使用“动画路径”工具，可以创建更复杂的补间形状动画效果。
在“动画窗格”中，选择需要调整的动画效果。
事件触发器
通过事件触发器，可以在特定事件发生时触发补间形状动画，增加交互性和趣味性。
THANKS
感谢您的观看。
它利用了计算机图形学的插值技术，通过计算两个关键帧之间的参数，生成中间帧，从而实现平滑的动画效果。
选择起始和结束关键帧，确定要进行的形状变化。
创建补间，设置起始和结束关键帧之间的参数。
计算机图形学算法根据参数计算中间帧，实现形状的平滑过渡。
确保起始和结束关键帧的形状定义清晰，以便正确生成中间帧。
它广泛应用于二维动画制作中，如Flash、Animate等软件中都支持补间形状动画的制作。
在广告、宣传片等场景中，可以使用补间形状动画来展示产品或品牌的特色和卖点。
品牌宣传
课件制作
交互设计
在教育领域中，可以使用补间形状动画来制作课件，帮助学生更好地理解知识点。
在交互设计中，可以使用补间形状动画来增强用户界面的动感和交互性数、减少复杂度或使用更简单的动画效果，以降低对计算机性能的要求。
调整动画设置
动画变形失真可能是由于形状的过渡不自然或形状的组合方式不合理导致的。
总结词
使用平滑的过渡效果，使形状的变化更加自然。
优化形状过渡
确保形状的组合方式合理，避免产生不协调的变形。
02
01
02
CHAPTER
补间形状动画制作流程
打开PPT软件，选择一个空白幻灯片。
使用绘图工具创建所需的形状，如圆形、矩形、多边形等。
根据需要调整形状的大小、颜色、透明度等属性。
通过拖动动画的起始和结束点，调整动画的持续时间。
使用“动画路径”工具，可以创建更复杂的补间形状动画效果。
在“动画窗格”中，选择需要调整的动画效果。
事件触发器
通过事件触发器，可以在特定事件发生时触发补间形状动画，增加交互性和趣味性。
THANKS
感谢您的观看。
它利用了计算机图形学的插值技术，通过计算两个关键帧之间的参数，生成中间帧，从而实现平滑的动画效果。
选择起始和结束关键帧，确定要进行的形状变化。
创建补间，设置起始和结束关键帧之间的参数。
计算机图形学算法根据参数计算中间帧，实现形状的平滑过渡。
确保起始和结束关键帧的形状定义清晰，以便正确生成中间帧。
它广泛应用于二维动画制作中，如Flash、Animate等软件中都支持补间形状动画的制作。
在广告、宣传片等场景中，可以使用补间形状动画来展示产品或品牌的特色和卖点。
品牌宣传
课件制作
交互设计
在教育领域中，可以使用补间形状动画来制作课件，帮助学生更好地理解知识点。
在交互设计中，可以使用补间形状动画来增强用户界面的动感和交互性数、减少复杂度或使用更简单的动画效果，以降低对计算机性能的要求。
调整动画设置
动画变形失真可能是由于形状的过渡不自然或形状的组合方式不合理导致的。
总结词
使用平滑的过渡效果，使形状的变化更加自然。
优化形状过渡
确保形状的组合方式合理，避免产生不协调的变形。
《形状补间动画》课件
04
形状补间动画的进阶技巧
使用透明度和混合模式
透明度
通过调整形状的透明度，可以创造出更为丰富的视觉效果，使动画更具有层次感 。
混合模式
混合模式可以改变形状之间的颜色混合方式，从而创造出独特的视觉效果，为形 状补间动画增添更多创意。
使用形状提示控制动画的准确性
形状提示
在制作形状补间动画时，使用形状提 示可以帮助精确控制动画中形状的变 化，确保动画的准确性和流畅性。
自定义重复次数
用户可以根据演示需求，自定义动画的重复次数，以满足演 示要求。
动画的方向和移动路径
方向和移动路径
指动画中形状或元素移动的方向和路径。通过设置不同的方向和移动路径，可 以制作出更加丰富多样的动画效果。
自定义路径
用户可以根据创意需求，自定义形状或元素的移动路径，以实现更加个性化的 动画效果。
调整动画属性
在动画窗格中，双击 添加的形状补间动画 ，打开“动画窗格” 对话框。
根据需要调整动画的 属性，以达到最佳的 视觉效果。
在对话框中，可以设 置动画的速度、延迟 、声音等属性。
预览和导出动画
01
在工具栏中选择“幻灯片放映” 选项卡，选择“从头开始”或“ 从当前幻灯片开始”预览动画效 果。
动画的速度曲线
速度曲线
指动画在播放过程中速度的变化趋势 。通过设置不同的速度曲线，可以控 制动画在播放过程中的快慢变化。
自定义速度曲线
用户可以根据实际需求，自定义动画 的速度曲线，以达到所需的动画效果 。
动画的重复次数
重复次数
指动画播放的次数。通过设置重复次数，可以让动画循环播 放，增强视觉效果。
在弹出的形状列表中选择需要的 形状，然后在幻灯片上绘制出结
2.2动画补间与形状补间-苹果下落ppt课件
22动画补间与形状补间实践学习苹果下落开始与结束两关键帧中对象的位置角度大小等属性不同生成的补间动画称为动画补间动画
2.2动画补间与形状补间
实践学习—苹果下落
1
阅读P14回答下列问题 什么是动画补间？
• 开始与结束两关键帧中，对象的位置、角 度、大小等属性不同，生成的补间动画称 为“动画补间”动画。
4
将树、苹果元件复制到新建的文档中
• 打开元件所在的FLASH文档。 桌面—文件夹“苹果下落”—元件素材-右击 树元件—复制—窗口—苹果下落某某某—舞 台中间右击—粘贴—按“DELETE(删除键)”删 除舞台上的图像，但元件仍在库中。
用相同的方法，复制苹果元件到库中。
此步做不好，后 面无法继续！！！
• 将苹果树元件、树元件多次拖到舞台，组 成苹果园。
• 将“下落苹果”元件(影片元件)拖到苹果树上，果，并上传作业。
• 观看：控制—测试影片。 • 上传：用极域电子教室相关按钮进行上传。
屏幕上方。
9
2
Step1:制作元件
• 图形：树和苹果。将元件素材复制到库中。 树：利用铅笔工具（平滑-轮廓）、颜料桶 工具（着色）、刷子工具（补色）制作。 苹果：利用椭圆工具、任意变形工具（拉 宽）、钢笔工具（平滑-画柄）
3
新建FLASH文档
• 启动FLASH • 文件—另存为：位置：桌面；文件名苹果下
落+姓名；文件类型：默认—保存。
5
Step2:建立苹果树元件
• 插入—新建元件—名称苹果树。拖树、苹果 进行组合（“任意变形”调整大小）
6
Step3:建立“下落苹果”影片剪辑元件
• 单击第1帧—拖苹果到舞台上方。 • 右击第40帧，插入关键帧，将苹果拖到正
2.2动画补间与形状补间
实践学习—苹果下落
1
阅读P14回答下列问题 什么是动画补间？
• 开始与结束两关键帧中，对象的位置、角 度、大小等属性不同，生成的补间动画称 为“动画补间”动画。
4
将树、苹果元件复制到新建的文档中
• 打开元件所在的FLASH文档。 桌面—文件夹“苹果下落”—元件素材-右击 树元件—复制—窗口—苹果下落某某某—舞 台中间右击—粘贴—按“DELETE(删除键)”删 除舞台上的图像，但元件仍在库中。
用相同的方法，复制苹果元件到库中。
此步做不好，后 面无法继续！！！
• 将苹果树元件、树元件多次拖到舞台，组 成苹果园。
• 将“下落苹果”元件(影片元件)拖到苹果树上，果，并上传作业。
• 观看：控制—测试影片。 • 上传：用极域电子教室相关按钮进行上传。
屏幕上方。
9
2
Step1:制作元件
• 图形：树和苹果。将元件素材复制到库中。 树：利用铅笔工具（平滑-轮廓）、颜料桶 工具（着色）、刷子工具（补色）制作。 苹果：利用椭圆工具、任意变形工具（拉 宽）、钢笔工具（平滑-画柄）
3
新建FLASH文档
• 启动FLASH • 文件—另存为：位置：桌面；文件名苹果下
落+姓名；文件类型：默认—保存。
5
Step2:建立苹果树元件
• 插入—新建元件—名称苹果树。拖树、苹果 进行组合（“任意变形”调整大小）
6
Step3:建立“下落苹果”影片剪辑元件
• 单击第1帧—拖苹果到舞台上方。 • 右击第40帧，插入关键帧，将苹果拖到正
FLASH 形状补间动画PPT课件
讲师：XXXXXX XX年XX月XX日
第十六课 形状补间动画
文字形状渐变
任务一：圆变正方形
1. 按住Shift键的 同时用椭工具在舞 台上绘一正圆
2.在时间轴面板的 第一帧后面的第若 干帧按F6插入一关 键帧，删除舞台上 的圆，按住Shift 键的同时用矩形工 具在舞台上绘制一 正方形。
3.在时间轴面板上 的两个关键帧之间 的任一帧上右键单 击，在弹出的菜单 中选创建补间形状。
4.按住Ctrl+Enter 预览动画
任务二：月亮的圆缺变化
Hale Waihona Puke 按住Ctrl+Enter 预览动画
写在最后
成功的基础在于好的学习习惯
The foundation of success lies in good habits
22
谢谢大家
荣幸这一路，与你同行
It'S An Honor To Walk With You All The Way
第十六课 形状补间动画
文字形状渐变
任务一：圆变正方形
1. 按住Shift键的 同时用椭工具在舞 台上绘一正圆
2.在时间轴面板的 第一帧后面的第若 干帧按F6插入一关 键帧，删除舞台上 的圆，按住Shift 键的同时用矩形工 具在舞台上绘制一 正方形。
3.在时间轴面板上 的两个关键帧之间 的任一帧上右键单 击，在弹出的菜单 中选创建补间形状。
4.按住Ctrl+Enter 预览动画
任务二：月亮的圆缺变化
Hale Waihona Puke 按住Ctrl+Enter 预览动画
写在最后
成功的基础在于好的学习习惯
The foundation of success lies in good habits
22
谢谢大家
荣幸这一路，与你同行
It'S An Honor To Walk With You All The Way
初中信息技术《flash应用之形状补间》教学课件设计
出神入化：在“腾云驾雾”图层制作形状补间动画， 实现悟空向左上角运动的效果。
作品展 示
课堂小 结
通过本节的学习你有哪些收获？
1 种动画 2个标志 1 不设补间
孙悟空是智慧与正义的化身，在取经 途中克服重重困难，最终取得真经，修成 正果。在今后的学习中我们会遇到这样或 那样的困难，希望大家学习他问题面前多 动脑，挫折面前不服输，强权面前不妥协 ，做一个具有大智慧的人。
锦囊一 • 锦囊二 •
锦囊妙
计 借助左侧工具栏“变 形 工 具 ”进行 缩放。
形状补间动画的组成元素是 形状，如果使用图片、文字， 则必须先分 离 。
拓展提 高
得心应手：在“悟空变桃”图层第 10-30 帧补全动画实 现悟空变桃。
炉火纯青：在“金箍棒”图层制作形状补间动画，实 现金箍棒越变越大的效果。
泰山出版社初中信息技术第二册 · 下
看我七十二变
——Flash 应用之形状补间
问题：孙悟空都变成了什么？
学习目标：
1
通过对图形变形，体验计算 机 动画的本质 : 形状补间动
画。
2
掌握控制图形变形的方法 : 添加形状提示点。
3
掌握形状补间动画的制作方法。
重难
点
课前自 学
自学课本 P68-P71 专题二，回答下列问题 。 .1形状补间动画可以实现什么样的变化？
形状补间可以对形状进行位移、变形、变色等变化
2. 在哪里设置形状补间？
在属性面板上的补间下拉列表中选择“形状”
3. 形状补间应用的对象？
形状
探究一：毫毛变桃 子
要求：在“毫毛变桃”图层补全动画，实现毫毛逐渐变成桃子。
探究二：变大变 小
【 3分钟】
要求：制作一个 30 帧动画
作品展 示
课堂小 结
通过本节的学习你有哪些收获？
1 种动画 2个标志 1 不设补间
孙悟空是智慧与正义的化身，在取经 途中克服重重困难，最终取得真经，修成 正果。在今后的学习中我们会遇到这样或 那样的困难，希望大家学习他问题面前多 动脑，挫折面前不服输，强权面前不妥协 ，做一个具有大智慧的人。
锦囊一 • 锦囊二 •
锦囊妙
计 借助左侧工具栏“变 形 工 具 ”进行 缩放。
形状补间动画的组成元素是 形状，如果使用图片、文字， 则必须先分 离 。
拓展提 高
得心应手：在“悟空变桃”图层第 10-30 帧补全动画实 现悟空变桃。
炉火纯青：在“金箍棒”图层制作形状补间动画，实 现金箍棒越变越大的效果。
泰山出版社初中信息技术第二册 · 下
看我七十二变
——Flash 应用之形状补间
问题：孙悟空都变成了什么？
学习目标：
1
通过对图形变形，体验计算 机 动画的本质 : 形状补间动
画。
2
掌握控制图形变形的方法 : 添加形状提示点。
3
掌握形状补间动画的制作方法。
重难
点
课前自 学
自学课本 P68-P71 专题二，回答下列问题 。 .1形状补间动画可以实现什么样的变化？
形状补间可以对形状进行位移、变形、变色等变化
2. 在哪里设置形状补间？
在属性面板上的补间下拉列表中选择“形状”
3. 形状补间应用的对象？
形状
探究一：毫毛变桃 子
要求：在“毫毛变桃”图层补全动画，实现毫毛逐渐变成桃子。
探究二：变大变 小
【 3分钟】
要求：制作一个 30 帧动画
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
精选课件
7
任务二 分组探究
以小组为单位： 1、文字与文字间形状补间动画： 建议：“无棣职业中专”变成“欢迎您！” (请第1组同学做本练习) 2、文字与图片间形状补间动画： A、文字“端午节快乐”变成 “粽子” 图片：(请第2组同学做本练习) B、图片“孙悟空”变成“孙悟空七十二变” 文字：(请第2组同学做本 练习) 3、图片与图片间形状补间动画：图片“灯笼”变成图片“灯笼1” ： (请 第3组同学做本练习)
制作一张flash动画卡片,以“自己的姓名”.swf
导出，并保存，同学间可以相互讨论共同完成。
(请在下列三个素材中选择其一制作，内容形式
自定。
要求：
1、在你的卡片中至少有2个对象分别在2个图
层中完成形状补间动画。
2、在你的卡片中出现文字。
3、在你的卡片中含有完成动作补间动画的图层，
来实现对象的移动。
精选课件
9
创建形状补间动画的步骤
（ 1）在第一个关键帧（既起始帧）插入变形 前的对象。
（2）选择结束帧插入空白关键帧，在结束帧 重新插入变形后的对象。
ቤተ መጻሕፍቲ ባይዱ
（3）选择开始帧和结束帧之间的任一帧，在 帧属性面板中设置补间为“形状”。
注意：开始帧与结束帧的对象必须为点 状的矢量图
精选课件
10
学生活动之综合练习
精选课件
4
形状补间动画的概念
形状补间动画的概念:使一个对象逐渐变 成另一个对象，实现两个对象间(颜色、位置、 大小、形状)的平滑过渡，但更主要是形状上 的改变。
精选课件
5
任务一 初步尝试
圆—矩形—五角星.swf
精选课件
6
思考
问题：前面我们实现的是形状与形状间的补间动画 那么文字与文字间、文字与图片间、图片与图片间 是否也可以制作形状补间动画呢？如果可以在制作 中还需要做哪些操作呢？
精选课件
13
1、分析总结出动补作间动画与形状补间动画的区别， 完成下列表格
形状补间和动作补间的区别
动画类别 在时间轴上的表现 动作补间动画
组成元素
完成后的作用
形状补间动画
2、预习形状渐变动画中形状提示点的使用，尝试完 成翻书动画
精选课件
14
精选课件
15
感谢亲观看此幻灯片，此课件部分内容来源于网络， 如有侵权请及时联系我们删除，谢谢配合！
精选课件
8
注意：
形状补间的对象必须是分离的可编辑的
图像，比如自己绘制的图形。如果是文本块 或美工图片要进行形状渐变，必须先执行菜 单“修改”-“分离”命令，使其成为分离的 图形，才能进行变形。如果是普通位图可以 用“修改-位图-转换位图为矢量图”的命令 强行把位图转换成大块颜色的组成即可进行 变形
素材： 1、孙悟空七十二变；2、哈利波特魔
棒变变变；3、绿色家园
精选课件
11
你喜欢这些作品吗？和你的作品相比 有什么可以借鉴的地方？
精选课件
12
本节课我们都学习了哪些内容？你学 会了哪些？
一、形状补间动画的概念
二、形状补间动画制作的一般步 骤（重点）
三、利用形状补间动画制作简单
的动画电子卡片 （难点）
复习回顾
• 什么是动作补间动画 • 动作补间动画的制作方法以及
制作时的注意事项
精选课件
1
Flash动画作品欣赏
精选课件
2
精选课件
3
教学目标
1、理解形状补间动画的概念
2、熟练掌握形状补间动画制作的一般步骤， 学会“形状补间”动画的制作方法（重点）
3、能够在综合案例中恰当的运用形状补间动 画制作出神奇的动画效果（难点）