第二课 制作形状补间动画
小学信息技术制作形状补间动画教案
小学信息技术制作形状补间动画教案引言：信息技术的发展为教育领域带来了许多新的教学工具和方法。
其中，制作补间动画是一种有趣而有益的学习方式。
通过学习制作补间动画，学生可以培养创造力、动手能力和合作能力等技能。
本教案将介绍小学信息技术课程中制作形状补间动画的教学内容和步骤，旨在帮助学生通过动画制作来掌握应用软件和创造力的基础。
1. 教学目标：- 熟悉形状补间动画的基本概念和原理；- 学习应用软件进行形状补间动画制作；- 发展创造力和动手能力；- 培养合作精神和团队合作能力。
2. 教学资源：- 电脑和投影仪；- 形状补间动画制作软件。
3. 教学过程：第一步：引入通过观看有趣的形状补间动画视频，引发学生对补间动画制作的兴趣。
提出问题，让学生思考和讨论：你喜欢看动画片吗？你是否知道动画是如何制作的？第二步：介绍形状补间动画向学生解释形状补间动画的基本概念和原理。
形状补间动画是通过改变形状和位置的渐变来制作动画效果。
举例说明形状补间动画的应用场景，如形状的变形效果、图形的移动效果等。
第三步：软件使用指导介绍形状补间动画制作软件的基本功能和操作方法。
引导学生打开软件并熟悉各种工具和选项，如选择形状、改变形状大小和位置等。
让学生尝试制作简单的形状补间动画，如让一个图形逐渐变大或移动到另一个位置。
第四步：动画制作任务将学生分为小组，每个小组由3-4名学生组成。
给每个小组分配一个动画制作任务，如让图形沿着特定路径移动、形状逐渐变化等。
每个小组需要在一定时间内完成任务并展示他们的作品。
第五步：学生展示和评价每个小组按照轮流展示他们制作的形状补间动画。
学生可以分享他们的创作理念和制作过程，并从其他小组或教师的反馈中得到进一步改进的建议。
第六步：总结和反思与学生一起总结整个制作过程，回顾形状补间动画的基本原理和软件的操作技巧。
鼓励学生反思他们在制作动画过程中遇到的问题和解决方法，以及通过这个项目中学到的知识和技巧。
4. 教学评估：- 在整个教学过程中观察学生的学习态度和参与程度；- 根据学生的作品和展示来评估他们的动画制作技能和创造力；- 鼓励学生提供对其他小组作品的建设性意见和评价。
第一单元第2课 月圆月缺——形状补间动画 教案 2020-2021学年大连版2015初中信息技术八下
第二课《月圆月缺——形状补间动画》教学设计■教材分析本课教学内容是大连理工大学出版社中学教科书《初中信息技术》八年级，第一单元第二课“形状补间动画”。
主要学习形状补间动画的制作方法，比较形状补间动画与逐帧动画的区别。
《动画制作》对初二的学生来说有一定难度，学习内容与学生的实际生活联系并不密切，因此我选择学生感兴趣的“月圆月缺”制作作为本课的任务主题，并设计一系列的阶段任务去达成教学目标。
■学情分析本节课的授课对象是初二的学生，他们对计算机的操作已不太陌生，有一定的动手能力。
但这些学生在本课前只学习了两课时的Flash动画制作，对Flash软件的使用还不熟悉，还需要进一步巩固。
因此我通过复习动画补间动画的制作引入形状补间动画，随即又设计了“两个基础”+“一个创新”+“一个创新提高”的任务环节，希望学生能够“稳中提高”。
■教学目标1.知识与技能（1）掌握“形状补间”动画制作的一般步骤，学会“形状补间”动画的制作方法。
（2）掌握将位图转换为矢量图的操作方法，了解位图在形状补间动画中为什么要矢量化。
（3）分析比较“逐帧动画”和“形状补间动画”的区别，进一步理解动画制作的原理。
2.过程与方法通过任务驱动让学生发现问题、解决问题，从而掌握形状补间动画的制作方法。
对比“逐帧”动画的制作方法，由逐帧动画引出“形状补间”者两种基本动画制作中的区别，提高学生对动画制作的理性认识。
3.情感态度与价值观激励学生进一步学习动画制作，由浅入深地掌握动画制作的方法，提高制作动画和欣赏动画的水平。
■课时安排安排1课时。
■教学重点与难点1.教学重点（1）掌握“形状补间”动画制作的一般步骤及制作方法；（2）理解逐帧动画与形状补间动画的区别；（3）掌握位图矢量化的方法。
2.教学难点（1）理解形状补间动画与逐帧动画的区别；（2）培养学生的创新兴趣，提高学生欣赏动画的水平。
■教学方法与手段1.教学方法：任务驱动法、演示法2.教学手段：（1）根据完成任务的阶段情况，可直接对学生进行评价。
《神奇的变化——制作形状补间动画》
【测评内容】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.通过分析典型错误（元件没有分离、关键帧设置不正确、补间设置不当等），让学生切实掌握制作形状补间时要注意的事项。
初中信息技术_FLASH形状补间动画教学课件设计
五、拓展提高
请将“越充实、越饱满，才能飞得更高”这 句话添加到你刚才完成的作品中。
六、小组评价展示
评价标准：
1、E盘下有自己的文件 2分 2、有FLASH绘画技术应用 1分 3、有多个不同的形状关键帧，1个不同的形状变化 1分 4、有创意 2分 整体效果好 2分
七、知识回顾
形状补间动画的制作前提：形状 形状补间动画制作三步法： （1）在起始关键帧，画一形状； （2）在结束关键帧，再画一形状； （3）选中起始关键帧：属性—补间—形状
八、课后思考
想一想，可以用形状补间动画制作生活中的 哪些事例？
第三章 第2节
FLASH形状补间动画
一、自我储备
形状补间动画的特点和制作方法 1、在FLASH的舞台上直接绘制的图形，称为“形状”。 可以改变形状的大小、颜色、位置和创建补间动画。
2、FLASH补间动画可以实现两个图形之间颜色、 形状、大小、位置的自动过渡变化。
3、创建形状补间动画的方法： （1）在起始关键帧，画一形状； （2）在结束关键帧，再画一形状； （3）选中起始关键帧，在下方的属性面板 补间的下拉状补间动画：实现正方 形变成圆形的动画效果。
三、快乐实践
继续对“方变圆.fla”文件向后进行创作， 圆变方或其它多边形，可进行颜色或位置的变 化。
四、自我创作
发挥你的想象力和聪明才智，制作由平房到楼房、 由笑脸到哭脸、由鸡蛋到小鸡、由树苗到大树的形状 补间动画，看看谁的变化最绚丽多彩！
制作基本动画(二)——“形状补间”动画教案设计与反思
浅议小学生数学思维能力的培养培养学生的思维能力是数学教学所要研究的一个重点，在教学过程中确立这样的观点，要加强数学思维训练与培养，把握各种教学时机，激励学生进行数学思考。
关键词：思考讨论操作一、培养学生主动思考。
教学实践证明，儿童对力所能及又要开动脑筋的问题，通过“跳一跳、摘到桃”的方式获得了正确的结论时，就会产生一种喜悦，这种情感又反过来刺激儿童学习的兴趣。
在教学中引导他们通过自己的观察、试验、思考、交流，用自己理解的方式去探索数学知识，获得数学技能和数学思想方法，把培养形象思维的目标落在实处。
1、加强直观演示。
在教学中，可用图片、模具、教具或电教手段组织教学，把抽象知识形象化，让学生充分感知所学的材料，才能在脑海中留下鲜明形象。
如：在讲解圆面积公式时，将两张硬纸剪成同样的两个圆，再把这两个圆从圆心到圆上平均剪开，形成很多份小扇形。
教学时，先把两个圆贴在黑板上，让学生看清两个圆一样大，面积也相等，再将其中的一个圆展开成两个半圆，拼成一个长方形，这样很容易看出：这个长方形的面积等于圆的面积，圆周长的一半等于长方形的长；圆的半径等于长方形的宽；长方形的面积=长Ｘ宽，学生通过观察和想象，进而理解面积S=πR²的道理。
2、增加课外实践活动。
课前实际活动中，既使学生掌握了分类知识，又锻炼形象思维能力。
3、充分利用多媒体教学。
声图并茂的多媒体教学系统，可以把数学课本上抽象的文字描绘和静止图像转化为具体直观的动态过程，使难题、难点变得容易理解。
二、引导学生开口讨论课堂教学中，做好引导讨论，如在教学求一个数是另一个数的几分之几时，我是这样教的：小新家养鸡30只，养鸭10只，养的鸡是鸭的几倍？同学们会做吗？用什么方法？根据以前所学，学生可能回答：求一个数是另一个数的几倍，用除法。
现在我把这题改一改，把上题中“30”换成“7”，“几倍”换成“几分之几”，原题变成“小新家养鸡7只，养鸭10只，鸡是鸭的几分之几？”怎么办？由学生自己探索:学生甲：数量关系没有变，所以这道题仍用除法计算。
2020—2021学年冀教版八年级信息技术全一册 第二课 创建补间动画第一课时形状补间动画教学设计
“形状补间”动画一、教材分析本课教学内容是河北省教育出版社出版的《信息技术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）形状补间动画与动画补间动画的区别。
教学方法与手段：演示讲解、任务驱动、自主探究、生生互助教学过程：教师活动学生活动设计意图。
〖2021年整理〗《制作形状补间动画》精品完整教学课件PPT
1、如何添加形状补间动画。 2、添加形状补间动画时，应注意是否需要分离。
五、本课作业
• 试一试: • 1、利用配套资源中陶土、青花瓷素材，根据本课
所学知识，展现陶土转变为青花瓷的整个过程。 • 2、制作由“灯笼”到“中秋快乐！”的形状补间动画。
（思考：如何才能使“中秋快乐！”变为渐变色。）
小鸟？在该帧应插入的形 鸟）。
一、添加形状补间动画
步骤 点击两个关键帧之间任
何一帧，在属性面板处找到 补间的下拉菜单，选择“形 状”
一、添加形状补间动画
形状补间动画 设置动画时，在前后各一个关键帧里放置不同的一幅画，flash软件
帧的形状自动补充中间过程的帧进行变化，这样创建的动画成为——“ 画”。
《制作形状补间动画》精品课件
新课导入
观看“孙悟空大战二郎神”的动画视频， 在视频当中的变化形态。
一、添加形状补间动画
思考பைடு நூலகம் 当帧频为12fps时，要使
孙悟空在一秒的时间内逐 渐变成一只小鸟，应该怎 么做？
1.12fps（12帧/秒）表示 2.在第1帧的位置，孙悟
12
悟空/小鸟）。 3.一秒后，孙悟空在第
二、制作形状补间动画
尝试利用库中的素材元件，制作形状补间动画。 思考库中的图形元件无法做出形状补间动画的效果。
二、制作形状补间动画
创建形状补间动画的图形要求
需分离： ① 外部导入的图片 ② flash中输入的文字 ③ 元件 ④ 组合 利用工具箱各种绘图工具 用分离。
二、制作形状补间动画
注意 当选择的对象有多个群组或多个字符的情况下，我们还需要分离多
三、制作文字变形的形状补间动画
Flash动画补间动画形状补间动画课件
动画补间动画
练习1
• 1、打开flash软件，在“创建新项目” 下选择“flash文档”
• 2、点击菜单“修改”->”文档”，将尺 寸改为400*300，“背景颜色”改为蓝 色，确定
• 3、保存文件
• 4、选择第1帧， “椭圆工具”
练习3：旋转的风车
• 创建风车元件 • 创建动画
练习4：飘落的文字
• 输入“飘落的文字”，并分离一次 • 修改-时间轴-分散到图层，五个文字将
分离到五个图层中
• 第50帧处插入关键帧，选中第1帧创建 补间动画，设置旋转，在动画补间属性 面板中将第1帧的文字alpha值改为0
• 移动各个图层文字的出现顺序。
– 单击后面的“编辑”按钮，可以通过“自定义缓入 ／缓出”功能做详细的加速度设置。
动画补间属性面板精讲
• 旋转：设置对象旋转的方向和次数。 • 调整到路径：在使用引导动画的时候，
让对象随着路径的方向变化而改变自己 的朝向。 • 同步：使图形元件实例的动画和主时间 轴同步。 • 对齐：在使用运动路径时，让补间元素 自动附加到运动路径。
第2讲 Flash 动画补间动 画、形状补间动画
元件
元件
• 元件的类型 • 将舞台中的对象转换为元件 • 编辑元件 • 常用“库”面板操作
元件类型
• 图形元件：可以静止也可以运动，但不 能添加交互式行为和声音控制
• 影片剪辑元件：等同于一段钮元件：用于响应鼠标滑过、单击等 操作，包括“弹起”、“指针经过”、 “按下”、“点击”4种状态。
动画补间属性面板精讲
• 缩放：如果起始帧和结束帧中的对象大小不一 样，那么选中该选项可以让对象的大小逐渐变 化；取消该选项则保持动画过程中对象的大小 不变，只在进入结束帧的时候突然变大或者变 小。
第二课 圆变方的动画
二、创建“形状”补间动画
• 1、在“颜色”面板选色 • 2、 “颜色”面板类形——“线性” • 3、在第1帧绘制一个小球，在50帧插入关
键帧，绘制一个长方形。记住院删除小球。 • 4、在两个关键帧之间单击一下 • 5、“属性”面板选“形状” • 6、保存
பைடு நூலகம்
颜色面板说明
三、修改“形状” 补间动画
• 1、在第12帧单击转化为关键帧 • 2、在第12帧单击转化为关键帧 • 3、单击工具栏“部分选取”工具 • 4、把小球形状拉成小鱼形状 • 5、在24帧转换为“关键帧”，用“套索”工
• 学习要点 • 1、设置舞台的大小 • 2、制作“形状” 间补动画 • 3、用“任意变形工具”、“套索工具”、
“部分选取工具”处理图形
• 4、使用“混色器”设置渐变颜色
一、设置舞台的大小
• 1、启动Flash 8，创建一个新的Flash文档。 • 2、在“属性”检查器“大小”设大小。默
认为：窗口——工作布局——默认
“部分选取工具”处理图形
• 4、建立较复杂的“形状”补间动画基本步 骤
• 二、选中与删除多帧
• 1、单击第5帧。
• 2、按住Shift键，单击第15帧，单击快捷菜 单的删除帧
• 三、 应用形状提示 • 1、绘制“新月”到“满月”图形，做形状补
间动画 • 2、执行“修改——形状——添加形状提示”
（或Ctrl+Shift+H组合键），在舞台上出现“a” • 3、重复2、3次，分别出b、c、d“形状提示”，
把它们拉到“新月”四个边 • 4、选定20帧，把abcd拉到“满月”4个不同的
方向边线
• 1、做一个三角形到正方形的“形状”补间 • 2、制1个鸡蛋裂成两半的动画 • 3、制1个“满月”到“残月”的动画 • 4、用形状和颜色变化制作表情：喜、努、
教学设计“形状补间”动画(2)
教师板书各小组任务，并提供每一小组需要制作动画的素材及不同程度的半成品动画。教师将整个动画分解成不同程度的半成品发给每个小组，在半成品的基础上完成各组的任务。
进行各小组个别辅导。并观察各个小组进展情况。
请各小组选派代表来操作示范并讲解完成情况。
教学重难点：
重点：“形状补间”动画的制作方法，能够区分“形状补间”动画与“动作补间”动画。
难点：“形状补间”动画与“动作补间”动画的区别，能够较灵活地使用元件与场景。
教学流程
教学环节
教师活动
学生活动
设计意图
一、创设情境，激发学习兴趣
二、自主探究，尝试制作动画
三、小组合作交流，分解动画制作任务
四、成果展示，共同促进
通过分解任务在半成品基础上完成各自任务，激发学生的学习积极性。通过小组内合作交流的方式，互帮互助探究新知，培养学生动手实践能力及与人合作交流的能力。
通过成果展示，激发学生的自信心，锻炼学生的语言表达能力。同时，通过各小组的展示与交流，让每一位学生都能相互学习共同提高，提高课堂教学效率。
教师在课堂进行巡视，指点个别有困难的学生，注意发现个别做得优秀的学生。请有代表性的学生加以演示。
请几位同学来尝试演示一下你的制作过程好吗？
教师对示范操作的学生进行简单小结与补充，特别要强调有关操作解说方面的情况。
刚才同学们都尝试制作了动画，并且也观看了几位同学的演示操作，但还有部分同学遇到了困难。现在我们以小组为单位将制作“盛开的小花”分解成4个小任务，交个5个小组加以完成。任务1：制作花的茎干。任务2：制作三个花朵的形状。任务3：制作“形状补间”动画。任务4：制作动画的背景。小组合作完成时可以由一位同学提示操作步骤，另一位同学操作，其他几位同学在另外计算机上加以尝试。操作时，注意总结制作要点。
冀教版信息技术八年级全一册第二课“创建补间动画——形状补间动画”教学设计
五、教学流程
（一）课前准备（预计用时：5分钟）
学生预习：
发放预习材料，引导学生提前了解形状补间动画的学习内容，标记出有疑问或不懂的地方。
设计预习问题，激发学生思考，为课堂学习形状补间动画内容做好准备。
（六）课堂小结（预计用时：2分钟）
简要回顾本节课学习的形状补间动画内容，强调形状补间动画的重点和难点。
肯定学生的表现，鼓励他们继续努力。
布置作业：
根据本节课学习的形状补间动画内容，布置适量的课后作业，巩固学习效果。
提醒学生注意作业要求和时间安排，确保作业质量。
六、教学资源拓展
（一）拓展资源
1. 动画制作网站：介绍一些优秀的动画制作网站，如Adobe Spark、GoAnimate等，让学生在课后进行自主学习和创作。
其次，在实践活动方面，我意识到需要提供更多的指导和反馈。在学生进行形状补间动画的实践活动时，我应该更加关注学生的操作过程，及时给予指导和帮助，避免学生因为操作失误或理解不到位而产生挫败感。同时，我应该鼓励学生之间的合作和交流，通过小组合作学习，让学生互相学习和借鉴，提高实践效果。
再次，在课堂互动方面，我意识到需要更多的引导和鼓励。在课堂上，我应该更加注重学生的参与和互动，通过提问、讨论和实践活动，激发学生的思考和兴趣，提高他们的学习积极性。同时，我应该更加关注学生的反馈和问题，及时解答学生的疑问，帮助他们解决学习中的困难。
5. 动画设计论坛：推荐一些动画设计论坛，如Animation Factory、Animation Xpress等，让学生在论坛中交流学习经验，获取行业动态。
《形状补间动画》课件
04
形状补间动画的进阶技巧
使用透明度和混合模式
透明度
通过调整形状的透明度，可以创造出更为丰富的视觉效果，使动画更具有层次感 。
混合模式
混合模式可以改变形状之间的颜色混合方式，从而创造出独特的视觉效果，为形 状补间动画增添更多创意。
使用形状提示控制动画的准确性
形状提示
在制作形状补间动画时，使用形状提 示可以帮助精确控制动画中形状的变 化，确保动画的准确性和流畅性。
自定义重复次数
用户可以根据演示需求，自定义动画的重复次数，以满足演 示要求。
动画的方向和移动路径
方向和移动路径
指动画中形状或元素移动的方向和路径。通过设置不同的方向和移动路径，可 以制作出更加丰富多样的动画效果。
自定义路径
用户可以根据创意需求，自定义形状或元素的移动路径，以实现更加个性化的 动画效果。
调整动画属性
在动画窗格中，双击 添加的形状补间动画 ，打开“动画窗格” 对话框。
根据需要调整动画的 属性，以达到最佳的 视觉效果。
在对话框中，可以设 置动画的速度、延迟 、声音等属性。
预览和导出动画
01
在工具栏中选择“幻灯片放映” 选项卡，选择“从头开始”或“ 从当前幻灯片开始”预览动画效 果。
动画的速度曲线
速度曲线
指动画在播放过程中速度的变化趋势 。通过设置不同的速度曲线，可以控 制动画在播放过程中的快慢变化。
自定义速度曲线
用户可以根据实际需求，自定义动画 的速度曲线，以达到所需的动画效果 。
动画的重复次数
重复次数
指动画播放的次数。通过设置重复次数，可以让动画循环播 放，增强视觉效果。
在弹出的形状列表中选择需要的 形状，然后在幻灯片上绘制出结
第2单元第2课第二课 制作形状补间动画（课件ppt）
新知讲解
操作步骤
第二步：单击时间轴的第30帧，单击鼠标右键，插入空白 关键帧。
新知讲解
操作步骤
提示：这时播放头移到第30 帧，在第1帧至第30帧直接 自动地插入了帧，它们的内
容都与第1帧相同，称为 “静止帧”。如右图：
新知讲解
操作步骤
第三步：单击第30帧（空白关键帧），选择 择合适的填充色在舞台上画出一个正方形（按住 方形）
新知讲解
新知讲解
操作步骤 第二步：在第20帧处插入一个空白关键帧，输入文字 “FLASH动画”。调整文字的大小、颜色、字体等。
新知讲解
操作步骤
第三步：选择第1个关键帧，单击菜单【修改(M)】-【分离(K)】 ，将“信 息技术”分离成单独的文字；再次单击菜单【修改(M)】- 【分离(K)】 ，将 字符分离成图形。（第20帧同理。）
第二课 制作形状补间动画
信息技术新世纪版 七年级下
新知导入
新知导入
前面我们学习了逐帧动画就是
。这
样的绘制太麻烦，其实，对于某些动画，我们可以通过设定动作
的起始帧和终止帧，中间帧由flash自动生成。
在 flash根据两帧的形状 称为“形状补间动画”
， ，这样的创建动画
新知讲解
操作步骤
第一步：新建一个动画文件。选择椭圆工具，画圆（按住 Shift键画圆）。
课后习题
3、想在时间轴的第1帧空白帧输入文字“信息技术”，应选择下列哪个 （C）工具。
A.
B.
C.
D.
课堂总结
1、什么是“形状补间动画”？
（关键帧）绘制一个图形，
绘制一个图形，flash根据两帧的
形状自动补充中间过程的帧，这样的创建动画称为
Flash8制作形状补间动画 ppt课件
图5-36 未使用形状提示
ppt课件
25
5.2.2 范例解析（一）──使用形状提示点练习
请同学们在老师的带领下对形状提示点的创建方法和原理进行进 一步的熟悉，并跟随以下要求进行操作训练。
1、打开教学资源中“素材\第5讲\形状提示点练习\飞翔的蝙蝠.fla”文 件。
2、分别在第1帧～第10帧之间，第11帧～第20帧之间，第21帧～第 30帧之间，第31帧～第40帧之间创建形状补间动画，拖动时间轴 观察图形的渐变效果，如图5-37所示。
18
5.1.4 课堂练习──制作“魔幻扑克”
请同学们自己动手制作一个扑克变幻的动画，其效果如图5-25 所示 。
图5-25 魔幻扑克效果
1、新建一个Flash文档，设置文档【尺寸】为“500px×353px”， 文档其他属性使用默认参数 。
ppt课件
19
2、执行【文件】/【导入】/【打开外部库】菜单命令，将教学资源 中的“素材\第5讲\魔幻扑克\魔幻扑克-素材.fla”文件打开，将 外部库里的元件和图片复制到当前库中，效果如图5-26所示。
图5-37 形状补间效果
ppt课件
26
通过观察可以发现，此时的形状补间动画效果并不理想 ，整个形状补间动画效果显的十分的杂乱无章，没有达 到预期的效果 。
3、选中“图层1”的第1帧，执行【修改】/【形状】/【添加形状 提示】菜单命令添加一个形状提示点，并将其拖动到蝙蝠的 翅膀上，如图5-38所示。选中第10帧，将提示点也拖动到蝙 蝠的翅膀上，此时形状提示点变为绿色，如图5-39所示。
“无”，【填充颜色】为“#CCE492”，在“花梗”图层的第 65帧处绘制一个宽高为“5px×5px”的矩形，而后将其置于花 盆的后面，效果如图5-16所示。 （4）利用【选择】工具调整矩形的形状如图5-17所示。 （5）在“花梗”图层的第105帧处插入关键帧，利用【选择】工具 调整第105帧处“花梗”的形状如图5-18所示。 （6）在第65帧～第105帧之间创建形状补间动画，这样花梗的生长 过程就制作完成了 。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第二课制作形状补间动画
2010-12-06 08:55:07| 分类：教案设计| 标签：|字号大中小订阅
【教材及学情分析】
本课是八年级《信息技术》第一单元第二课，主要介绍了flash形状补间动画的制作。
为了使动画效果更流畅，介绍形状提示的添加。
教材以几种动物之间的形变为例，但对绘画基础要求较高。
因此，在实际授课中，我以基础的图形变化为例（圆形变方形），重点使学生掌握形状补间动画原理。
【教学目标】
知识目标：了解形状补间动画原理。
能力目标：掌握形状补间动画的制作要领，会制作简单的形状补间动画。
情感目标：通过学生动手操作，体验成功的喜悦，激发学生学习热情。
【教学重点】形状补间动画制作；部分选取工具的使用
【教学难点】打散（分离）命令。
【教学方法】讲授法任务驱动法实例演示法
【教学准备】多媒体网络教室图片学案
【课时】2课时
第1课时形状渐变动画初步入门
【教学过程】
一、创设情境，激情导入
相信很多同学都爱看动画片，特别是一些经典动画，让人百看不厌。
大家一定看过动画版的《西游记》，谁来说说你看完这部动画片，留给你印象最深是那一集？（生答：……）
对于“三打白骨精”，白骨精一会变成了美少女，一会变成老头，一会变成老婆婆，这些在flash中就
是用形状补间动画来实现的。
二、新授
1、形状渐变动画：Flash自动变形技术可以将一种形状自动变形为另一种形状.制作者只需创建前后
两个关键帧，即起始的图形和结束的图形,中间的过渡部分就可由Flash自动完成。
强调：形状渐变是动画制作的常用手法，它只能应用于打散的图形。
2操作步骤：
（1）新建一个Flash文件，
（2）选中第1帧，然后选择椭圆工具，在舞台中央绘制椭圆图形，选中第10帧，插入关键帧，然后选择矩形工具，在舞台中央绘制矩形，填充颜色为橘黄色。
（3）选中第30帧，插入帧，使得方形在屏幕上停顿几秒钟。
（4）选中第1帧，在属性面板中设置如下：Tween----Shape（设置形状渐变动画）
（5）按住Ctrl+Enter，预览动画。
三、巩固练习
网上下载白骨精、少女、老婆婆、老头图片，制作白骨精变化的形状补间动画。
强调：将图片导入到舞台后，要做形状补间动画，必须先将其打散。
（“修改——分离”）
四、小结
补间动画和逐帧动画最大的区别就在于逐帧动画每个关键帧都需要用户自己制作，而补间动画只需创建前后两个关键帧，中间部分由计算机自动生成。
如果在制作形状补间动画时，时间轴上出现虚线，说明动画没成功，我们就需要检查每一个关键帧上的图形图案是不是被打散的。
【课后反思】形状补间动画对象丰富，极大引起学生兴趣，但对于“打散”学生并不是很了解，需反复
强调。
第2课时提高实例制作
一、实例说明:
1、椭圆变制作形状补间动画" alt="第二课制作形状补间动画"
src="/uc/myshow/blog/misc/gif/E___6733EN00SIGG.gif"
real_src="/uc/myshow/blog/misc/gif/E___6733EN00SIGG.gif" TYPE="face">的画法。
本例是结合关键帧动画与形状渐变动画制作出由圆变为心，再由心做各种旋转动作形成动画。
借以巩
固制作形状渐变动画。
2、一变山。
形状提示的添加
技术要点:椭圆工具，部分选取工具、自由变形工具（旋转和倾斜功能），颜料桶工具文本工具以及
形状渐变动画制作技巧。
教学步骤:
一、心的画法
1. 单击工具箱中的椭圆工具,边框颜色无，填充颜色红色.然后在舞台中拖出一个椭圆
2. 选中椭圆,按住Ctrl键复制出一个相同的椭圆.
3. 移动复制出的椭圆使得两个椭圆相交,。
4. 单击部分选取工具，删除某些节点，使之成为心形。
1.画椭圆
2.复制椭圆并相交
3.用部分选取工具，删除节点
二、文字变形（一变山）制作形状补间动画" height=166 alt="第二课制作形状补间动画"
src="/middle/4fa6b55ft94aadc4f3621&690" width=481
real_src="/middle/4fa6b55ft94aadc4f3621&690">
操作步骤:
1. 新建flash文档.
2. 选中第1帧,在舞台中使用文字工具输入字“一”。
将其打散。
3. 在第10处插入关键帧，删除“一”，在原位置使用文字工具，输入“山”，将其打散。
4. 选中第一帧，在属性面板中设置其补间为形状。
此时动画效果不是很流畅。
5. 选中第1帧，选择“修改——形状——添加形状提示”，添加一个提示点啊，重复两次，添加提
示点b、c。
将提示点分别移到一字的左、中、右位置。
6. 单击第10帧，在“山”字上已经自动添加了提示点，将两帧上的提示点移到对应位置上。
7. 按住Ctrl+Enter，预览动画。
三、小结：
这个动画能够激发学生的积极性，但由于动手不熟练，作出的动画没有作到尽善尽美。
【课后反思】对于形状补间动画，，前后用了两课时，由简到难进行学习，这符合学生的认知规律。
同时在过程中注意强调要领，强调基础技能的训练。