形状补间巧变形
二、制作文字变形的形状补间动画课件
请欣赏
如何实现这样的变化？？
❖ 文字字也能产生形状渐变
他成功了吗？
形状渐变：从矢量图变到矢量图 文字：属于位图
方法：将文字分离
任务一：小试牛刀
请你做一个文字渐变动画可以 与同学小声讨论。
问
题完善
文字格式调整 文字该分离两次，补间设为形状 分离后的文字是可以填充颜色
总结和测试：拖一拖
任务二：大显身手
任务二：大显身手
1 线条工具
2 矩形工具
矩形工具、
3
颜料桶工具
4 矩形工具
5 线条工具
评价标准
评分项
优（5分）
良（4分）
差（3分）
灯笼
形状逼真，有填充 形状较好，或无填充
色
色
基本不像
文字
字体、字号、颜色 字体、字号、颜色
合适
有两者合适
字体、字号、颜 色不合适
配色
整体配色和谐，有 美感
整体配色一般
整体配色不和谐
动画
动画设置成功且流 动画设置成功，但不
畅
流畅
设置不成功
协作性
有效协作，小组两 协作程度一般，两人 无协作，有一人
人都出色完成任务 基本完成任务
以上没完成任务
小
妙
招
❖ 放射状填充，第一个色块表示中间颜色 ❖ 为让初始帧显示，可以显示它的轮廓 ❖ 让显示时间长一点，可以后面插入普通帧
小学信息技术人教版五年级上册第9课《形状补间巧变形》优质课教案省级比赛获奖教案公开课教师面试试讲教案
小学信息技术人教版五年级上册第9课《形状补间巧变形》优质课教案省级比赛获奖教案公开课教师面试试讲教案
【名师授课教案】
1教学目标
（1）1知识与技能目标:
1、理解形变动画的原理。
2、熟练掌握形变动画的制作方法。
3、熟练掌握位图、元件及文字的“打散”操作。
（2）过程与方法目标:
1、通过观看教师播放的动画,培养学生的观察能力;
2、通过完成教师布置的任务,培养学生的自主探究、与人协作的能力;
3、通过作品的创作与发布,培养学生的想象力、创造力及语言表达能力。
（3）情感态度价值观目标:
通过多元化评价,让学生感受学习信息技术的乐趣,学会欣赏,陶冶审美情操,培养学生的制作兴趣及信心,并由此让学生更加了解中国汉字的博大精深。
2学情分析
本节课的学习对象是五年级学生。
这个年龄段学生既具备了一定的信息素养和操作技能,又对制作动画有着浓厚的兴趣。
在本节课之前,学生基本能用flash软件制作出简单的逐帧动画和移动动画,对于flash动画中的帧、关键帧、元件等一些基本概念能理解并使用,但对于空白关键则仅限于知道其与关键帧的区别,而未应用过,而且由前面的课堂表现可以看出,学生对flash动画是非常感兴趣的,这些均为本节课的教学奠定了一定基础。
所以教学时,要充分发挥学生的优势,敢于组织学生自主合作学习,让学生在探究的过程中获取新知,掌握技能。
同时要兼顾学生的能力差异,重视学习兴趣的培养和个别后进生的指导。
3重点难点
教学重点: 熟练掌握创建形状渐变动画的制作方法。
教学难点: 对“打散”的操作和理解及灵活创作形变动画作品。
4教学过程。
2.5形状补间巧变化
第二单元第五节形状补间巧变化
一、教学设计
（一）教学目标
1．知识与技能：掌握补间动画制作方法
体验模拟现实生活中事物的动态变化过程
2．过程与方法：通过实际操作学会动画变形效果
3．情感态度与价值观：让学生感受形态变化的神奇。
（二）内容分析
1．教材分析：本节主要学习运用Flash补间动画能快速实现两个不同形状的变形
2．重点难点：
教学重点：模拟事物中的形态变化。
教学难点：如何让学生感受形态变化的神奇
（三）学生分析
本教材适用于小学六年级的学生，通过动画制作，感受形态变化神奇，激发学生的学习兴趣。
（四）教学策略设计
教学方法设计：讲授教学法、示范教学法、探索教学法、任务教学法
学生上机操作安排和教师应用信息技术的情况
教学中使用的设备：多媒体电脑
教学中使用的软件：配套的电子光盘、相关的图形
三、教与学的实际过程描述
本课优点：
这节课课堂气氛很活跃，学生争相展示自己的才能
本课不足：
应给予学生足够操作空间，加大学生练习的频率。
五、板书设计
形状补间巧变化
1、变形对象先准备（说一说、试一试）
2、形状变化真奇妙（做一做、说一说、学一学、练一练）。
形状补间动画概念及形状、文本变形教程
FLASH动画制作--------------形状变形动画制作概念：形状变形动画，就是物体的外观轮廓发生了变化，比如圆形变成方形，字母A变成字母C等等。
下面我们一起来看看形状变形动画的制作例1：圆形变成方形先在场景1中第1帧画一个圆（图1），接下来在第30帧插入一个空白关键帧，然后在第30帧位置画一个正方形。
（图2）。
（图1）（图2）接下来创建补间动画。
打开属性面板，在补间里选择“形状”（图3）；（图3）这时我们发现中间的绿色过渡帧是实线，说明补间动画创建成功；如果发现中间的紫色过渡帧是虚线，并且第一帧的圆形被蓝色的框线所包围，这里我们需要把小球打散，也就是消除小球的蓝色框线。
选中小球，【修改】菜单---执行【分离】命令，然后小球样子如图，不再有蓝色框线包围。
最后再选中第一帧，点开下方的属性面板，把过渡选项里的动作改成形状。
这个时候，你会发现时间轴上的帧也发生了变化。
紫色帧变成了绿色，并且不再是虚线了。
播放FLASH，一个由红色的圆变成蓝色的方形的变形动画就做好了例2.字母变形利用文字工具输入字母A，在下方的属性面板里设置好文字的字体和大小。
选中字母A，选择【修改】-【分离】，直到没有蓝色框线包围为止，,去掉字母A周围的蓝色框线。
在第30帧插入一个空白关键帧，输入文字C，选中C，再次选择【修改】-【分离】,去掉字母C周围的蓝色框线。
然后创建补间动画，把动画的属性改成【形状】，这样，一个文字变形动画就做好了小结：运动动画（物体的前进，上升，转动，放大，缩小等等）是要求物体有蓝色框线包围才能做成功形状变形动画（物体外观，轮廓，颜色等等的改变）是必须把物体分离才能做成功，注意一定要把动画的属性改成形状才能做成功。
最新FLAsh技巧形状补间动画ppt课件
➢ 形状提示要在形状的边缘才能起作用，在调整形 状提示的位置前，可选中工具箱中的“贴紧至对 象”按钮 ，这样会自动把形状提示吸咐到图形 边缘上。
课堂练习——制作节日贺卡
利用本章所学知识制 作一个电子贺卡，具体步 骤请参考书中内容。
设置形状补间动画后的时间轴
6.3.2 创建形状补间动画的方法
下面通过一个简单的小实例来学习形状补间动画的创建：
1.打开素材文档 。
2.在“图层1”的第20帧处插入空白 关键帧，然后将第1帧上的飞机图形 剪切到第20帧，再将第1帧上的小 鸟图形移动到舞台中间位置 。
舞台中的图形
将第1帧上的飞机图形剪切到第20帧
➢ 初学Flash时，经常搞不清缓动值的正负。 下面的小诀窍可以帮助你记忆
➢ 缓动值为负数时， 意味着运动物体慢慢减少负荷， 所以运动物体呈加速度运行；
➢ 缓动值为正数时， 意味着运动物体慢慢增加负荷， 所以运动物体呈减速度运行。
6.3.1 形状补间动画的特点
形状补间动画具有如下特点：
➢ 形状补间动画可以实现两个图形之间颜色、形状、 大小、位置的相互变化，其强调的是“形状”变 化，而动画补间强调的是“动作”。
（3）调整背景颜色。
① 在第20帧和35帧处插入关键帧。将第35帧 上的矩形填充白色—橘红(颜色值为#FF6600) 线性渐变。将渐变色调整为从下向上由白向橘 红色渐变。
② 在第50帧和65帧处插入关键帧。将第65帧 上的矩形填充白色—橘黄(颜色值为#FF9900) 线性渐变。将渐变色调整为从下向上由白向橘 黄色渐变。
添加新图层text ，添加文字。
在第1～19帧输入文字“喜庆的春节在春天”；
初中信息技术_用形状补间设计变形教学课件设计
补间动画
作用
两个图形中间的空白区域自动形成过渡 补间动画ห้องสมุดไป่ตู้实现图形的形状、位置、颜色、 变化
概念
帧： 关键帧：
加油：练一练
1、在第一个补间动画基础上完成下面补间动画
2、完成下面图形的补间动画
拓展：想一想
“字母A变成B，再变为C”的动画。
A→B→C
提示：形状补间操作对象是矢量图形 因此本题关键操作是把字符变成矢量
图形，必须采用分离操作
用形状初间设计变形 ——形状补间
实践：试一试
结合课本步骤，试完成下面动画创作
步骤1：启动Flash，选定“椭圆工具”，选用红色，在舞台中画一 个矩形。
步骤2：单击“时间轴”面板中的第10帧，执行“插入→空白关键帧” 命令,（或F7）。
步骤3：选定“距形”工具，在舞台中画一个圆。 步骤4：单击“时间轴”面板的第1帧，在“属性”面板中补间类型
补间形状和补间动画
补间形状和补间动画
制作“动作”动画之前，⽐如说做⼀个球的移动，之前球必须转换成元件（影⽚剪辑），“动作”动画只是物体坐标或者⼤⼩、⾓度的变化，物体本⾝是不变的，也就是说⼀个圆是不可能在动“动作”动画中变成正⽅形的。
“形状”动画不同，“形状”动画在做动画之前⼀定不能转换成元件，形状动画可以使物体本⾝发⽣变化，⽐如说，可以让⼀个圆在“形状”动画中变成正⽅形。
动画补间：对象⼀定是“图形元件”或是“影⽚剪辑”，⼤⼩，移动，颜⾊，透明度，旋转属性都可以改变。
形状补间：对象只能是⽤绘图⼯具绘制出的⽮量图，同样，⼤⼩，移动，颜⾊，透明度，旋转属性可以改变。
除此之外，还多了⼀个外形的变化（⽐如说⽅形变为圆形，就只能⽤形状动画，补间动画是做不出来这种效果的）。
形状补间动画可以实现两个图形之间颜⾊，形状，⼤⼩，位置的相互变化。
其变形的灵活性介于逐帧动画和动作补间动画⼆者之间，使⽤的元素多为⽤⿏标或压感笔绘制出的形状，如果使⽤图形元件、按钮、⽂字，则必须先“打散”再变形。
形状补间动画建好后，时间帧⾯板的背景⾊变为淡绿⾊，在起始帧和结束帧之间有⼀个长长的箭头。
五年级信息技术上册教案第9课形状补间巧变形人教版
教学目标[知识与技能](1)了解常用的一些绘图工具;(2)了解“矢量图”与“位图”的概念。
[过程与方法](1)能够在舞台上绘制简单的图形;(2)学会将对象分离的方法,特别是将文字分离的方法;(3)掌握形状渐变动画的制作方法。
[情感态度与价值观]通过对制作Flash动画,激发学生的学习兴趣。
2学情分析3重点难点教学重点:(1)利用“绘图”工具在舞台上绘制图形。
(2)设置形状渐变动画。
教学难点:(1)绘制图形。
(2)制作形状渐变动画。
4教学过程4.1 第一学时4.1.1教学活动活动1【导入】激趣导入1、观看大屏幕的动画。
2、介绍flash动画制作软件。
(课件展示)(提问:那么你们是否想去试下这个能做游戏的软件呢?当然,饭要一口口地吃,所以我们也要从最基础的学起。
希望以后我们班有这方面的人才!)3、师利用屏幕展示本次任务的效果,让学生欣赏。
(课件展示)4、介绍flash界面及打开方法。
(课件展示)活动2【讲授】合作交流，探究方法[一]制作步骤1、教师操作过程,学生观看大屏幕。
1、单击第1帧,用“椭圆工具”在舞台上画个圆形。
舞台工作区:对影片中的对象进行编辑、修改的场所。
注意:选择好“椭圆工具”后,先把“笔触颜色”选成“无”,再“填充色”中选一个喜欢的颜色。
2、单击第40帧→“插入” →“时间轴” →“空白关键帧”。
3、单击第40帧,用“矩形工具”在舞台上画个矩形。
4、单击第1帧,在“补间”的下拉菜单中选择“形状”。
注意:在第1帧的“属性”菜单中找“补间”,如果没有可以去点“向上的箭头”5、单击“控制” → “测试影片”,最后保存文件。
注意:测试影片的目的是为了看下影片的效果是否和自己想要的效果一样。
如果有误差也要先保存在进行修改。
[二]学生独立完成制作动画过程[教师巡视指导]1、学生基本完成后,教师选择性地展示一名学生的作品,然后请其他学生评价,教师适时评价。
2、学生对自己作品进行修改。
A、小组合作,互助学习,探究操作。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
备课
时间
课型
新授
课时
1课时
授课人
目标
1、巩固导入图片的操作。
2、学会创建形状补间动画。
3、增强进一步学习动画制作知识与技能的兴趣。
重点
难点
重点：学会创建形状补间动画。
难点：学会创建形状补间动画。
教 学 过 程
一、复习。
二、学习图片变形动画。
把小白兔图片变成小花猫图片。
三、学习图形变形动画。
让圆柱体变成椭圆再变成长方形。
1、打开配套资源中的文件“圆柱体变形”。
2、在第20帧中插入空白关键帧，画一个椭圆，然后在第25帧处插入关键帧。
3、在第40帧中插入空白关键帧，画一个长方形，然后在第45帧处插入关键帧。
4、在第5—20帧和第25—40帧之间分别生成形状补间动画。
四、学习文字变形动画。
1、启动Flash，在第1帧中导入小白兔的图片。
2、把位图转换为矢量图。
3、在第5帧中插入关键帧。
4、在第35帧中插入关键帧，然后删掉小白兔图，导入小花猫图。
5、把“小花猫”图片转换为矢量图。
6、在第40帧中插入关键帧。
7、在第5—35帧之间生成形状补间动画。
8、播放动画，欣赏“小白兔”变成“小花猫”的过程。
“花”字变“草”字。
1、打开文件“花变草.fla”。
2、选中“花”字并分离。
3、在第40帧中插入空白关键帧，输入“草”字，并将其分离。
4、生成形状补间动画后观看效果。
五、操作练习：
利用配套资源里提供的素材，制作一两个形状补间动画。