电子工业出版社小学信息技术五年级下册第5单元 flash制作形状补间动画(一) 优质课教学设计
《形状补间动画(一)》教学设计
【教材分析】
本课是宁夏教育厅教研室编著电子工业出版社出版的具有宁夏
地域特色的，《信息技术》五年级（下）第5单元的内容。
本节内容是本单元的启始课，在前面几个单元认识了动画，flash动画制作软件，学会了绘制动画对象和逐帧动画后，本单元进入一个全新的动画制作方法——补间动画。
本节内容形状补间动画是两种补间动画中的一种，教材中用两个“做一做”分别介绍了植物从生长到开花和从开花到结果的过程，本节课的内容是其中60页到63页的内容：植物从生长到开花的过程为例，通过“做一做”、“金钥匙”、“说说看”、“试试看”几个模块，从自学、帮助、提问、提升几个角度全面的囊括了形状补间动画的知识，即《形状补间动画(一)》。
【学生分析】
本节课的授课对象是乌鲁木齐八一中学附小五年级学生。
从学习情况看五年级的学生刚开始接触flash动画制作，学生已经具有了一定的工具运用能力和自学能力；就学习情感而言五年级学生对flash动画充满着好奇和兴趣，对它的探索欲望强烈。
因此以翻转课堂的方式采用自主学习法，让学生利用提前录制好的微课在课堂前自主学习，在课堂上用问题教学与探究教学结合的方法，让学生提出在自主学习过程中的问题，并进行探究解决。
【教学目标】
1.学会制作图形变形的形状补间动画，进一步理解关键帧的意义
【板书设计】
形状补间动画
一幅图另一幅图
第一个关键帧最后一个关键帧过渡帧（延续）。
五年级下册信息技术教案-5.1形状补间动画｜电子工业版(宁夏)
第一节形状补间动画第一课时用绘图工具制作形状渐变动画教学设计【教学内容】：宁夏教育厅教研室主编的小学信息技术教材五年级下册《动画制作》。
第5单元的第1课时《用绘图工具制作形状补间动画》。
【教材分析】：本节以宁夏回族自治区教育厅教研室主编的小学信息技术教材五年级下册《Flash动画制作》教学内容为依据。
本节是在学生认识动画，掌握了利用工具绘制简单图形的技巧，学会了在flash中制作逐帧动画之后，对flash软件的进一步学习，又为下节学习运动补间动画打下基础。
【学情分析】：本节课的教学对象是五年级学生，这个阶段的学生，精力旺盛、思维活跃，想象力丰富，对于动画设计非常感兴趣，热情较高。
在知识基础上，学生已经掌握了利用工具绘画简单图形的技巧；学会了逐帧动画的制作方法，所以在本节课的教学中不会出现太大的难度。
【教学目标】：1、知识与能力①通过学习制作“禾苗生长”、“爱心”等简单的动画作品的实践活动，初步掌握形状补间动画的制作方法。
②在制作作品的过程中来理解形状补间动画的定义，明确形状补间动画在程序中时间轴上的表现特点。
2、过程与方法能综合运用所学知识制作一幅主题鲜明、具有动画效果的作品。
亲身参与探究过程，在交流、沟通与合作中，共同掌握用绘图工具制作补间动画的方法，提高Flash动画制作水平。
3、情感态度与价值观通过拓展提高环节学生作品创作，引导学生能将新知与旧知结合，促进学的运用能力，同时激发学的创造欲望，体验创作成功的喜悦，感受动画之美。
【教学重难点】：教学重点：认识形状渐变动画的特点，掌握形状渐变动画的一般制作方法。
教学难点：能够熟练应用形状渐变动画的制作方法，根据实际需要创作出精美的动画。
【教学设计整体思路】：1、设计思路为：对比引入，直接入题——任务一：做一做——任务二：试试看——任务三：拓展提高——本课总结。
2、教学准备：知识准备：学生已经了解FLASH窗口的组成及常用工具的使用。
硬件准备：多媒体教学软件准备：提供学习任务指导、作品赏析、课件等。
五年级下册信息技术教案-5.1形状补间动画｜电子工业版(宁夏)
环节
教师活动
学生活动
教学目的
复
习
引
入
前面我们学会了制作“红绿灯”动画（出示时间轴图片），我们知道逐帧动画要一帧一帧地制作动画，工作量大，比较繁琐。今天我们来学习一种新的动画：补间动画，补间动画又分为两种，一种是形状补间动画，另一种是传统补间动画（ppt出示）。
学生回顾逐帧动画，了解补间动画的分类
任务三：孙悟空七十二变
导入“学生资料包”中的“孙悟空”和“小蜜蜂”图片，经过分离，处理，制作“孙悟空变成小蜜蜂”的形状补间动画。
（完成后一名学生展示）
拓展：
为“宁夏红”制作动画广告：制作“枸杞”变为文字“宁夏红”的动画
学生观察“礼花绽放”的源文件，回答问题，探究形状补间动画的特点
学生观看，思考，并制作动画
由逐帧动画自然导入新课，通过对比，激发学习兴趣
新
课
在学习flash的第一节课，我们就接触到了第一个动画“礼花绽放”，那就是一个形状补间动画。
现在我们打开“礼花绽放”动画的源文件（礼花绽放.fla），观察并回答几个问题？（问题简单，易于操作，均是反应形状补间动画的特点）
学生回答后，教师归纳总结（ppt）并对“矢量图形”进行说明，并演示圆变成方形
小
结
学生谈收获，教师进行补充。
任务一：月亮升起来了
我们知道月亮的形状有月牙，也有全月的时候，初一到十五月亮就从月牙变成全月。现在我们就来做一个由月牙变成全月的过程。
学生先观看范例，再进行制作，然后展示。
我们知道形状补间动画的两个关键帧必须是形状（矢量图形），如果不是矢量图形，怎么办？
在制作形状补间动画时，如果不是矢量图形，就要转化为矢量图形，对于“文字”，将其转化为形状的方法是分离（ctrl+B）
Flash基础教程(形状补间动画实例1)
Flash基础教程-----形状补间动画实例1——庆祝国庆:制作步骤:1、创建新文档执行【文件】|【新建】命令，在弹出的对话框中选择【常规】|【Flash 文档】选项后，单击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为400×330像素，【背景色】为白色2、创建背景图层执行【文件】|【导入】|【导入到舞台】命令，将配套光盘中的名为“节日夜空.jpg”图片导入到场景中，（“节日夜空”图片位置：光盘\example\part3\***\图片\节日夜空.jpg），选择第80帧，按键盘上的F5键，增加一个普通帧3、导入声音文件执行【文件】|【导入】|【导入到库】命令，打开配套光盘中的名为“sound.mp3”的文件，将其导入到库中。
4、创建灯笼形状我们先来画灯笼，执行【窗口】|【设计面板】|【混色器】命令，打开【混色器】面板，设置各项参数，渐变的颜色为白色到红色。
新建一个图层，并将其重新命名为“灯笼一”。
选择工具箱中的【椭圆工具】，设置【笔触颜色】为无，在场景中绘制出一个椭圆做灯笼的主体，大小为65×40像素。
接着我们来画灯笼上下的边，打开【混色器】面板，按照如图3-3-8所示设置深黄色到浅黄色的【线性】渐变填充。
从左到右三个填充色标的颜色值分别为：#FF9900、#FFFF00、#FFCC00选择工具箱上的【矩形工具】，设置【笔触颜色】为无，绘制出一个矩形，大小为30×10像素，复制这个矩形，分别放在灯笼的上下方，再画一个小的矩形，长宽为7×10像素，作为灯笼上面的提手。
最后用【线条工具】，在灯笼的下面画几条黄色线条做灯笼穗，一个漂亮的灯笼就画好了。
如图3-3-9所示（为了能清楚的显示灯笼，可暂时将背景色改为蓝色）。
5、复制粘贴四个灯笼复制刚画好的灯笼，新建三个图层，在每个图层中粘贴一个灯笼，调整灯笼的位置，使其错落有致地排列在场景中。
在第20、40帧处为各图层添加关键帧6、把文字转为形状取代灯笼选取第一个灯笼，在第40帧处用文字“庆”取代灯笼，在【属性】面板上，设置文本类型为【静态文本】，字体为【隶书】，字体大小为60，颜色为红色。
〖2021年整理〗《制作形状补间动画》精品完整教学课件PPT
1、如何添加形状补间动画。 2、添加形状补间动画时，应注意是否需要分离。
五、本课作业
• 试一试: • 1、利用配套资源中陶土、青花瓷素材，根据本课
所学知识，展现陶土转变为青花瓷的整个过程。 • 2、制作由“灯笼”到“中秋快乐！”的形状补间动画。
（思考：如何才能使“中秋快乐！”变为渐变色。）
小鸟？在该帧应插入的形 鸟）。
一、添加形状补间动画
步骤 点击两个关键帧之间任
何一帧，在属性面板处找到 补间的下拉菜单，选择“形 状”
一、添加形状补间动画
形状补间动画 设置动画时，在前后各一个关键帧里放置不同的一幅画，flash软件
帧的形状自动补充中间过程的帧进行变化，这样创建的动画成为——“ 画”。
《制作形状补间动画》精品课件
新课导入
观看“孙悟空大战二郎神”的动画视频， 在视频当中的变化形态。
一、添加形状补间动画
思考பைடு நூலகம் 当帧频为12fps时，要使
孙悟空在一秒的时间内逐 渐变成一只小鸟，应该怎 么做？
1.12fps（12帧/秒）表示 2.在第1帧的位置，孙悟
12
悟空/小鸟）。 3.一秒后，孙悟空在第
二、制作形状补间动画
尝试利用库中的素材元件，制作形状补间动画。 思考库中的图形元件无法做出形状补间动画的效果。
二、制作形状补间动画
创建形状补间动画的图形要求
需分离： ① 外部导入的图片 ② flash中输入的文字 ③ 元件 ④ 组合 利用工具箱各种绘图工具 用分离。
二、制作形状补间动画
注意 当选择的对象有多个群组或多个字符的情况下，我们还需要分离多
三、制作文字变形的形状补间动画
五年级第五单元第一课时形状补间动画
形状补间动画一、案例背景信息1．模块（或章节）：动画制作模块第五单元补间动画2．年级：五年级（下）3．所用教材版本：宁夏教育厅教研室编著电子工业出版社出版4．学时数：1课时40分钟非上机时间10分钟，上机操作时间30分钟，课下调研学生情况、访谈，大约用40分钟。
本教学案例参与人员基本信息姓名性别通讯地址及邮编联系电话E-mail 设计者指导者实施者课件制作者光盘制作者二、教学设计（一）内容分析1、内容分析：本课时是小学五年级信息技术第五单元《补间动画》的第一课时——用绘图工具制作形状补间动画，重点是认识形状补间动画的特点，掌握用绘图工具制作形状补间动画的一般制作方法。
FLASH动画制作中有两种渐变形式，一种是逐帧动画，一种是补间动画，本单元让学生主要学习补间动画的制作，补间动画的补间类型又分为形状补间和运动补间两种，所以说第5节是本册的核心内容之一，用绘图工具制作形状补间动画是本单元的一个重点内容，本课时学习为这一章节内容的学习奠定基础，也为学生以后的学习做好铺垫。
（二）学生分析五年级学生相对低段学生来说，已经具备了较好的学习能力、理解能力、动手能力。
学生已能利用电脑选择不同的信息表达方式（如绘画、文字、多媒体演示文稿等）表现自己的所思所想。
而动画作为另外一种表达方式，它以图、文、声一体的动态表现力，深得学生的喜爱，所以学习的探求欲望十分强烈，常对自己能让动画真正动起来表现得欣喜若狂。
因此，这为课堂中的有效学习奠定基础。
但同时，前面学习中所涉及到的Flash动画制作中的帧、过渡帧、关键帧、帧属性、图层等概念都较为抽象，五年级学生的认知水平以及个体上的差异，使得动画制作有一定的难度，程度好一点的学生能做做到理解运用，而许多学生在学习中会出现混淆，不理解，或当时能理解而过后又不知所以等种种问题，所以在教学中让学生多在观察、分析、实践、比较的过程中习得。
（三）教学目标①通过学习制作“禾苗生长”、“爱心”等简单的动画作品的实践活动，掌握形状补间动画的制作方法。
五年级下册信息技术教案-5.2传统补间动画｜电子工业版(宁夏)
传统补间动画
工作单位
教材分析
本课是《信息技术》五年级下册第5单元“补间动画”学习补间动画的制作方法以及在运动动画中添加引导线的第二节内容，是FLASH软件“逐帧动画”之后，再次深入学习动画，所以在这一课中首先要做两种动画形式的对比，充分强调“传统补间动画”的简易性，调动学生学习“传统补间动画”的兴趣，为后面的学习做好情绪储备。
动手制作传统补间动画
眼过千遍不如手过一遍，亲自动手实践才能更好地掌握所学知识并加以应用
五、举一反三
根据提示完成书本73页《试试看》
打开教师提前准备好的素材并根据提示完成练习
检测知识点的掌有什么相同之处，有什么不同之处？
小组讨论并回答问题
课堂小结可帮助学生梳理这节课的课堂思路，使他们对授课内容更加明确和清晰，有助于促进课堂教学水平的提升
教学反思
通过本节课的教学实践，我认为教师在教学设计时，首先要把握课的重点，在细节的设计上不能太局限，上课时可灵活处理。其次是要及时对表现得好的同学给予表扬与鼓励，以学生为主体，充分肯定学生的价值，学生变被动学习为主动愉快的学习，通过多种学习方式（如自主学习、协作学习、自我创新等），获取信息，掌握操作。
5.趣味连线，进一步认识并牢记“图层”面板
认真观看演示并掌握制作方法
学生认真阅读“小博士”完成老师所设置的问题
教学演示可以更直观的加强学生的记忆与理解，使课堂教学更生动有趣，增加了学生的动手操作的兴趣
采用任务驱动法可调动学生的积极性和主动性，使教学效果更显著
四、动手实践
请同学们参照书本上的步骤完成69页做一做并演示作品（提示：注意“图层”面板的设置）
学情分析
我校是一个农村小学，由于教学课时的限制每周学习计算机课程的时间太少所以有些连鼠标的左右键都不太清楚，操作能力很差，因此在这一些节课我讲得比较详细，教学过程中使用演示法、任务驱动法、互助法。通过上一节的学习，学生已熟悉Flash界面，能够使用基本工具绘制简单图形，并利用变形工具改变图形。学生还不理解帧、关键帧、层的概念，但是学生已急切地想知道怎样让物体动起来，这些都为本节课得以开展打下了基础。
第5课神奇的变化——制作形状补间动画课件
注意
补间动画的对象最好是绘制的图形，如果要使用 图形文件、按钮或文字作为变形的对象，则必须进 行“分离”操作，也叫“打散”。 元件和文字被打散后就变成图形了。 第一次分离后，词组分离成单个的文字，要经过 第二财分离才能换成图形。
表示动画设置失
败，必须找出原因。
步骤二： ➢选中对象，按“修改”菜单中的“分离”选项 （也可单击对象，鼠标右击选择“分离”选项）
➢第一次分离后，词组分离成单个的汉字 ➢第二分离后文字转换成图形
制作文字变形的形状补间动画
步骤三： ➢单击帧面板的“属性”按钮 ➢在“补间”栏下拉框中选择“形状”
最后文件另存为“文字变形.fla”， 按<Ctrl>+<Enter>组合键测试动画 影片，仔细视察文字变化效果。
请观赏
课堂练习
➢新建Flash文档 ➢制作文字形变动画 ➢测试动画效果 ➢保存作品为：文字形变+学号.fla
小结
一、形状补间动画 二、文本输入文字 三、创建关键帧 四、分离
神秘的变化——制作形状补间动画
♦ 制作文字变形的形状补间动画
什么是形状补间动画
补间动画是Flash软件的一大特点，它需要建立两个关键 帧，然后再两个关键帧之间插入若干普通帧，动画效果由 关键帧决定。Flash会自动根据两个关键帧之间的图像差 别和关键帧之间的普通帧数量，计算生成过渡的动画效果。
补间动画分为：形状补间动画和动作补间动画。
形状补间动画也叫“变形动画”，它的作用是生成一个 形态到另一个形态的变化，这个形态可以包括形状、大小、 位置、颜色。
制作文字变形的形状补间动画
步骤一：
➢新建Flash文档 ➢单击 工具，在第一帧输入文字“welcome” ➢设置字体、字号、颜色等 ➢在20帧出插入一个关键帧，修改文字为“欢迎你”
形状补间动画制作步骤
心之所向，所向披靡
形状补间动画制作步骤(圆形→五角星)：
1.创建动画文件：
启动flash程序，打开“文件”——“新建”命令；
2.创建动画起始关键画面：
●选择工具栏中的“椭圆工具”，设置笔触颜色为“关”状态、填充颜色为“蓝色”，如图1：
图1
●按住“Shift”键，在工作区上按下鼠标左键并拖出一个正圆形，圆形大小自行确定；
3.创建动画结束关键画面：
●用鼠标右键在时间轴的第40个帧格处单击，在弹开的菜单中选择“插入关键帧”；
●用鼠标左键长按工具栏中的“矩形工具”，在展开的工具菜单中选择“多角星型工具”（如图2），
在工作区上单击一下鼠标左键，选择设置属性面板中的“选项”按钮，在弹出的对话框中进行如下图3设置；
图2
图3
●设置完成后关闭对话框，并用鼠标在工作区（40帧格对应的工作区）上拖出一个五角星；
4.创建动画补间：
●用鼠标右键单击时间轴的第一个关键帧，在弹出的菜单中选择“创建补间动画”，如图4；
●用鼠标右键单击时间轴的第二个关键帧，在弹出的菜单中选择“创建补间动画”，如图5；
图5
●按Ctrl +“回车”组合键预览影片效果。
●选择“文件”—“导出”—“导出影片”菜单命令，为动画影片文件找到保存的路径，为动画影
片文件命名，然后点击“保存”按钮。
勤劳的蜜蜂有糖吃
备注：如果要设置文字的形变，要先将文字转换成形状：对文字进行“修改”→“分离”菜单命令的设置。
制作补间动画
字符和文字与一般图形不同，它们 在Flash中处于文字状态时，是一个组 合的对象，不能直接用来制作成变形动 画，而是需要先把它们打散，分离成图 形后，才能形成动画。
文字变形
制作“老师 我爱您”动画
1、新建一个flash文档
2、在第5帧插入关键帧，输入文字“老师”，设 置字体为华文新魏，字号为50。颜色为绿色。加 粗。 3、在第十五帧处插入关键帧
打开书的五十页，看书另外， 适当设定属性面板中的“缓动 ‘参数，可以使对象……（-1到100间的数表示加速，1到100间的 数表示减速）
你知道吗？ 打开书的五十页， 看你知道吗？
插入帧可以通过菜单，可单 击鼠标右键来完成，还可以使用 快捷键来实现，其中，敲F5键插 入一般帧，敲F6键插入关键帧， 敲F7键插入空白关键帧。
制作补间动画
Flash补间动画 分为形状补间动画和动 作补间动画。
利用Flash软件，可以制作形状补间动画， 让图形、文字、字符等对象自动变形。
一、制作形状补间动画
图形变形
最简单的形状补间动画就是两个图 形之间的变形动画，在两个关键帧里绘 制不同形状的图形，然后设置动画类型， 就可以生成形状补间动画。
4、在第四十帧处插入关键帧，把文字修改为“我 爱您”，并延续至55帧。
5、选定第15帧，将文字打散
6、选定第40帧，将文字打散
位图变形
打开书五十二页，看实践探究，自 己看 Nhomakorabea完成“孙悟空变猪八戒”形状动 画。
图形变形
试一试
1、新建falsh动画 2、在第1帧处绘制蓝色圆形，将笔 触颜色设为无。 3、在第30 帧处绘制绿色矩形，将 笔触颜色设为无。 4、创建形状补间动画，播放。
想一想
五年级下册信息技术教案-5.1形状补间动画｜电子工业版(宁夏)
用绘图工具制作形状补间动画——第5单元补间动画（第一课时）第1课时教学内容：用绘图工具制作形状补间动画教学目标：1、学生能够理解补间动画的含义。
2、明确制作补间动画的关键步骤。
3、制作“植物的生长”。
教学重点：1、明确制作补间动画的关键步骤。
2、制作“植物的生长”。
教学难点：绘画禾苗的过程。
教学准备：1、调试好学生机2、打开计算机并由教师机控制教学过程：一、导入今天老师给大家带来一部Flash作品《植物的生长》，一起来欣赏一下（播放作品）。
既然大家这么喜欢，就让我们一起学习一下吧！二、新授今天我们学习第5单元补间动画，补间动画分为形状补间动画和运动补间动画两种，Flash作品《植物的生长》就属于形状补间动画，不管是形状补间动画还是运动补间动画，它的制作步骤是一样的，总共分为3步（教师板书）：1.设置起始帧的画面；2.设置结束帧的画面；3.选择补间方式。
请同学们把书翻到课本第48页，一起看图5.1，植物从生长、开花到结果的过程。
我们今天只学习植物的生长这一部分，即图5.2所示。
我们先来好好观察一下，首先不难看出，这棵禾苗它是用Flash的绘图工具绘制的，其次禾苗的样子没有变化，而形状发生了从小到大的变化，对吗？三、教师边演示边讲解参照图课本第48页的图5.2所示，制作“植物的生长”动画:1、启动Flash。
2、单击帧窗格中的第1帧，在舞台中绘制如图5.3所示的植物幼苗。
3、单击第20帧，按“F6”键将该帧变为关键帧，如图5.4所示。
4、单击第1帧，再单击工具箱中的任意变形工具，把原来的植物幼苗缩小。
如图5.5所示。
5、在帧窗格的第1~ 20帧中，单击其中的任意一帧，在Flash窗口的下方出现“帧”属性面板，如图5.6所示。
6、在“帧”属性面板中，单击“补间”框右端的列表按钮，选择“形状”；单击“混合”框右端的列表按钮，选择“分布式”，如图5.7所示。
7、测试影片”后，以“植物的生长1”为文件名保存。