教学案例《Flash创建形状补间动画》

形状补间动画（flash新课程教案）（精）第一篇：形状补间动画(flash新课程教案)(精)Flash动画设计教案课题教师单位专业班级课型教学目标形状补间动画的制作蒋佳玲达县职业高级中学计算机应用专业高一计算机应用班实训课【知识目标】使学生了解flash形状补间动画的相关知识。

【技能目标】使学生基本掌握flash形状补间动画的操作技巧。

【情感目标】培养学生对flash动画学习的兴趣和团队合作的精备课时间上课时间《Flash CS3教材动画设计半月通》课时 3课时教学重难点关键动画教具采用教法教学过程环节第一步（技能需求）神。

重点：形状补间动画的制作方法。

难点：加入提示点。

学生利用操作提示、互助学、自评、互评。

电脑、多媒体示范、谈话、讨论法、观察法、练习法、展示法教师活动为学生播放一个十分钟以内大小的动画短片。

上一次实训我们学习了一种补间动画的制作方法，运动补间动画，主要是应用于物体的平动、旋转及缩放。

但一种形状的物体想要变成另一个完全不同的形状那应该创建怎样学生活动时间进入情境，激发兴趣，明确学习目标。

15分钟的补间呢？这次实训内容的形状补间动画就是来解决这个问题的，让我们一起来学习吧。

１.在做运动补间动画前我们要先熟悉几个概念：1.形状补间动画：能使对象的第二步形状发生改变的补间动画形式。

（技能训练）2.提示点：在形状补间动画制作过程中，通过添加相应的提示点，使形状的变化过程受用户的控制。

２.了解了这几个概根据老师的示念后，我们通过做实范，小组组员讨例，来学习更多的内论形状补间动画容与技能。

的操作方法。

（自学、互助教师通过计算机网络学）控制学生电脑进行实例一（兔变猫）制作的讲解与相关概念的说明。

第三步为学生准备三个实训作业：（技能拓展）实训一：吹大的根据操作提示步骤小组讨论式学习，互帮互助，共同完成。

20分钟20分钟1.每个组的同学根50分钟据自己的学习情第四步（学习反思）气球（５分题）实训二：圆柱变圆锥（１０分题）实训三：翻书效果（１５分题）学生做完后，教师总结评分情况，并给予公布。

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，颜色为红色。

《Flash CS4 动画设计》教学设计方案大班艺术活动《美丽的荷塘》一、活动目标知识目标：知道水墨画是我国特有的画种。

技能目标：在观察荷塘的基础上，能根据自己的感知经验，创造性地用水墨画的形式表现荷花的简单动态。

情感目标：培养幼儿对水墨画的兴趣及感受美术带来的乐趣。

二、活动准备PPT课件、毛笔、墨水、红色颜料、萱纸。

三、活动过程（一）欣赏荷塘1.出示莲蓬图片，引导幼儿观察并说说其外形特点。

2.出示荷叶图片，引导幼儿观察并说说其外形特点。

3.出示荷叶茎的图片，引导幼儿观并说说察其外形特点。

4.出示荷花图片，引导幼儿观察并说说其外形特点。

5.出示荷塘图片，引导幼儿观察并说说荷塘中的莲蓬、荷叶、荷花各种姿态的景象。

（二）幼儿作画。

1.教师示范作画并讲解注意事项；2.教师注意引导幼儿对画面的构图；3.启发幼儿添画相关事物；4.提醒幼儿注意画面、衣物的清洁，养成良好作画习惯。

（三）幼儿相互欣赏作品1.请画好的幼儿将绘画工具放回原位，相互欣赏作品；2.请个别幼儿介绍自己的作品内容。

3.教师点评作品；3.教师小结，并引出水墨画的特点。

4.引导幼儿欣赏画家们的水墨画作品。

四、活动反思水墨画是我国历史悠久的传统绘画，它具有高度简练、概括的特点，寥寥几笔，生动的形象便跃然纸上，使人喜爱，从这点来说，它符合儿童绘画的表现特征。

水墨画与我们幼儿的生活比较遥远，与幼儿接触不是很多，因此幼儿对水墨画的了解不是很多甚至是零。

所以，水墨画生活化在幼儿的教学中是相当必要的。

将水墨画融入幼儿的生活，与幼儿的经验、情感体验真实的联系起来。

水墨画生活化，其一是将内容生活化，将所要表现的事物是生活中的，是幼儿经常看的到，见得着，摸得到的东西，是幼儿真实感受到的。

经常性的带领幼儿去郊外采景，观察周围环境的变化，对周围事物、花木有心的去观察，去研究。

除了内容生活化以为，教师的教学方式还应生活化，让幼儿易懂的语言，生活化的教学手段是教师应该研究和探索的。

《制作Flash动画之补间动画》教学设计一、教学目标通过对动画制作的深入学习，让学生能更深层次地理解和掌握如何在运用Flash软来完成自己的设计构思，创作出一个较好的作品。

（一）、知识与技能目标：①了解动画的制作原理②了解工具箱里工具的使用，掌握工具箱中的常用工具。

③体验使用flash创作运动补间动画的过程，完成自己第一个动画作品。

（二）、过程与方法：通过作品欣赏和师生交流激发学生完成任务。

在完成两个任务的过程中，使学生掌握工具箱里工具的使用方法和运动补间动画，培养学生发现问题，探究问题和解决问题的能力，培养学生的自主学习、合作学习、探究学习以及鉴赏能力，激发学生进一步学好信息技术的热情。

（三）、情感、态度、价值观：培养学生的情商，培养学生的感恩之心，学会对身边的人感恩，热爱自己的父母，激发学生学习兴趣和创作动画才能；培养学生欣赏作品的能力。

二、教学重、难点（一）教学重点：、会使用工具箱中的椭圆，颜料桶工具，任意变形工具来制作简单元。

2、合理运用flash的补间动画设计简单对象动画过程的制作方法。

（二）、教学难点：在移动过程中实现元的变向移动三、教学策略演示法、任务驱动法、个别指导、作品展示四、教学资源Flash８、极域网络电子教室软、教学PPT、动画源文、教学视频。

五、教学过程教学步骤教师活动学生活动设计意图创设情境导入新、欣赏flash动画作品《fail公益广告》2、问：大家欣赏的这个视频，好看吗？反映了一个什么主题呢？3、这个动画是用什么软来做成的？请大家打开本P3。

学生观看flash作品并回答问题学生看书通过播放《fail公益广告》，让学生学会对身边的人感恩，热爱自己的父母。

学习新明确任务打开flash8软，介绍软的界面以及他们的作用。

播放示例——跳动的小球问：大家想一下，我们要完成这颗跳动的心需要几步呢？展示中两个任务：任务一：画一个小球任务二：让小球跳动起来提示：、可以查阅本P3-P37及教学视频“跳动的小球”2、同学之间互相帮助3、向老师求助生：先画一个球，然后再让小球跳动起来明确这节的学习任务学生看到这个画面后想跃跃欲试，期待能完成自己的作品。

问题：谁能说说孙悟空都变成了什么？你觉得孙悟空的七十二变怎么样？师：我们一块拜孙悟空为师学习如何变化怎么样？，现在就有这样一个机会，孙悟空当斗战胜佛时间长了觉得十分孤独，想找几名弟子，今天的优胜小组可是很有机会哦！在接下来的环节希望大家积极踊跃，回答对问题给所在的小组加10分。

1.通过对图形变形，体验组加上分，我们来看看各组得分。

生马上加分，以刚刚只是一个热身，没有加分的即时评价的方式小组不要着急，下一个环节马上作为一种“正强开始！化”。

探究一:毫毛变桃环节一：补全动画师：同学们齐天大圣神通广大，有通天的本事，只要拔根毫毛说声“变”就可以变出他想要的东西（播放动画），你们想不想试一试？请打开桌面上的“桌面\练习素材\ 毫毛变桃.fla”，完成《导学案》探究一的问题，完成动画的同学思考“探究一”下方的几个小问题。

要求：在“毫毛变桃”图层补全动画，实现毫毛逐渐变成桃子。

补全动画“毫毛变桃”。

通过学生补全动画的过程，培养2min步骤：选中起始帧属学生自己动手解决问题的能力。

性—> 形状补间检验学生能否将自学的内容灵活应用于实际案例。

环节二：上台演示要求：边演示边说操作过程。

师：做完了吗？测试影片。

实现我们要的效果了吗?不知大家有没有注意到他在属性面板进行了一步什么操作?一个学生上台 1.上台演示的同1min，演示操作过程学可以提高语言表达能力，动手操作能力。

生：设置形状 2.台下的同学通补间过观察演示者的操作过程检验自己做法是否正确不会的学生有机会学习他人的做法。

，预设：（遇到困难）同学们请暂停，刚才老师发现，有的同学做的动画不是30 帧，有的同学做的是虚线，还有的同学根本无从下手，这个动画太难了是不是啊？那还做不做啊？孙悟空遇到困难从不服输，我们就学学他不屈不挠的精神。

我们要向成功学经验，再回顾一下刚才的动画，有几个关键帧？也就是说我们需要几个关键帧？第一个关键帧是最初的孙悟空，最后的关键帧是变形后的孙悟空，那么就需要大家好好想想怎么把最后一个关键帧中的孙悟空进行变形？刚才我们已经分析过了，形状补间的关键帧要求是形状，这里关键帧中是形状吗？不是的话我们要想办法变为形状，请大家在试试如何如何将关键帧中的内容变为形状？结合“探究二”下方的“锦囊妙计”讨论一下，看看能否解决这个问题。

《FLASH动画设计与制作》FLASH补间动画之<形状补间>
学生活动
二
形状点的
添加
尝试文字
变形
形状提示点的添加：
注意事项：点击第一个关键帧之后才能添加
尝试文字变形引起学生
的兴趣，
引出知识
点。

通过“隐
身魔法”
的小案
例，引出
元件属性
及元件属
性更改的
方法。

引出分离命令
大家可能制作文字变形的时候，都出现
过不能变得情况，这又是为什么呢？
利用选择工具，可以看到我们得形状上
学生自主
活动
让学生在
活动过程
中，产生
认知冲
可以部分被选取，也就是说，我们绘制的形
状是分散的，而文字是定型了的。

所以我们
可以把文字打散。

那么如何打散呢？
突。

哈利波特变身“间谍”
我们已经将这个魔法学习的差不多了，是
时候把哈利变为“间谍”潜入敌军内部
我们用同样的方法将两张不同的图片放
在首尾关键帧上，再进行分离的操作。

发现他们变不了了，怎么办？
引出学生
认知盲区，
这个时候我们就需要给他们做一些相应的改变了。

分别把首位关键帧上的图片都变为矢量图，接下来我们得魔法就可以生效了。

使学生知道位图的形状补间动画需要先转为矢量图。

学生活动三
哈利变身
在变形的过程中，可以相应的添加形状提
示点
学生活动练习并巩
固形状补
间动画知
识
场景的变换（附加）了解场景的作用及重要性。

画。

制作步骤：1.单击层名称，使之成为当前层，选择层中的某一关键帧作为动画的起点。

2.创建图形，可以使用绘图工具直接绘图，也可以从剪板板粘贴图象或导入图象。

3.单击右边的下一帧，鼠标右键点击→在弹出菜单中选择插入关键帧命令或按F6键4.修改舞台上的内容5.重复步骤4、5，完成所有关键帧。

（如果我们担心有些帧之间图形的位置间隔不太恰当，可以打开灯箱显示模式，来查看各帧的相对效果，）5.3 绘图纸显示模式通常情况下，Flash一次只显示动画序列中的一个帧。

如果用户需要定位和编辑多个帧或调节帧之间图形的位置间隔，可以使用绘图纸显示模式，来查看多个帧各帧的相对效果。

在绘图纸显示模式下时间轴中的各帧像隔着一层透明绘图一样重叠显示。

绘图纸功能的使用：•分布式：选择该项在创建动画时所产生的中间形状将平滑而不规则•角形：选择该项在创建动画时将在中间形状中保留明显的角和直线注意：•变形对象必须在一个图层上，否则不能形成补间动画。

•要对组合体、实例、文本、位图图象应用补间形状动画，必须首先将这些元素打散。

二.控点的运用控点的作用：在补间形状动画的起始和结束帧中设置控点以便对变形过程进行人为的控制。

设置控点方法：1.选择变形动画序列中的第一个关键帧，执行【修改】→【变形】→【添加形状提示】命令，则在变形对象的正中央有一个红色小圈，内部标有字母2.将变形提示移动到要标记的点。

按照同样的方法添加和设置其他的变形提示。

3.选择下一个关键帧，用鼠标按住控点，拖动变形提示到标记的位置。

注意：•设置控点时一定要排列好各控点的位置。

在原始图形和要补间的图形中控点的顺序应该一致。

•控点编号从a到z最多可以设置27.控点。

•确保形状提示是符合逻辑的。

例如，如果在一个三角形中使用三个形状提示，它们的顺序不能在第一个关键帧中是 abc，而在第二个中是 acb。

1.3形状补间动画一、学习者分析通过前几节课的学习，学生对本章节知识点的掌握程度会表现一定的差异：大部分学生能顺利完成教师提供的基本任务；部分学生除了能完成教师提供的基本任务外，还能完成扩展任务，并自行制作自己的“作品”；还有一部分学生未能在给定的时间内独立完成教师提供的任务。

因此，教师应在课前开发设计Flash在线学习资源网站，使掌握程度不同的学生能根据自己掌握的情况选择相应的学习内容，提高课堂教学效率。

二、教材内容分析1、本节的主要内容及在本章中的地位“形状补间动画”和上节课所学的“动作补间动画”都是Flash制作动画的最基础部分。

这一节课通过“魔术水果”动画的制作，来熟悉绘图工具的使用，学会形状渐变动画的设置方法；并从中总结了动作渐变动画与形状渐变动画之间的区别及适用范围。

2、教学重点、难点：重点：●形状渐变动画的制作方法；●动作补间动画和形状补间动画的不同点；难点：●形状渐变动画的条件；●动作补间动画和形状补间动画的不同点；3、课时安排：1课时三、教学目标1、知识与技能（1）进一步掌握绘图工具的使用方法；（2）学会形状渐变动画的制作方法；进一步掌握补间动画的设置方法；（3）了解形状渐变动画的适用条件；（4）了解动作补间动画和形状补间动画的不同点；2、过程与方法（1）通过简单几何图形变化的渐变动画操作的掌握，培养学生自学能力和探索创新能力；（2）通过完整的作品动画创作，培养学生以动画方式呈现信息的能力；（3）通过作品欣赏交流，掌握表达个人观点以及与别人交流思想的技巧；3、情感态度与价值观（1）通过评价和欣赏动画作品，培养学生的鉴赏能力和审美观；（2）通过完整的作品动画创作，激发学生学习信息技术的兴趣；四、教学理念和方法1、开展以教师为主导，学生为主体的自主探究学习模式。

本节课学习内容主要是Flash动画中形状渐变动画这一渐变动画类型的设置方法。

由于学生已经通过上一节课的动作渐变动画掌握了渐变动画的原理和方法。

飞塔第11课时形状补间动画【教学目标】1．了解逐帧动画与朴间动画在制作工作量及存储空间上的区别。

2．知道补间动画的工作原理及分类。

3．体验形状补间动画的作用及主要特征。

4．学会使用任意变形工具对选定的图形对象进行形状上的变形。

5．学会在选定第一帧后，通过属性面板进行形状补间动画的创建。

6．学会使用快捷键(CtrI+Enter)进行动画效果的测试。

【教学重点和难点】1．教学重点。

(1)学会进行简单的形状补间动画的创建。

(2)体验形状补间动画的主要特征。

2．教学难点。

学会在选定第一帧后，通过属性面板进行形状补间动画的创建。

【教学方法】演示法：演示逐帧动画与补间动画时间轴呈现内容的区别，演示形状补间动画几种共同形态变化的实例，演示学生制作过程中典型错误以及改正错误的过程，演示分层次任务实例。

讲授法：逐帧动画与补间动画的区别及各自特点；总结形状补间动画制作过程中的注意事项。

任务驱动法：设计四个形状补间动画任务，让学生在动手操作中学会制作不同形态化的形状补间动画的方法，感悟其间的差异。

【教学准备】1．教学环境。

硬件环境：多媒体转播控制系统。

软件环境：WindowsXP操作系统、Flash软件。

2．教学资源。

吃西瓜．swf，吃西瓜．fla，吃西瓜1．swf，吃西瓜1．fla，模拟打乒乓球．swf，模拟乒乓球．fla，圆形变方形．swf，红色变黑色．.swf，字母A变字母B．swf。

【教学过程】导课(5)1．引导学生欣赏两个内容几乎相同的动画“吃西瓜．swf”和“吃西瓜．swf，并从动画的内容和动画文件的大小进行比较。

2．引导学生汇报观察结果。

3．用Flash打开“吃西瓜．fla”和“吃西瓜1．fla”，引导学生观察两个动画关键帧的数量及时间轴所呈现内容的区别。

4．小结：(1)逐帧动画每一帧都是关键帧，都要进行手工编辑，工作量大，所占用的存储空间大。

(2)补间动画只需建立首尾两个关键帧，Flash软件会自动根据两个关键帧之间的图像差别和普通帧的数量，计算生成过渡的动画效果，制作方法简单，动画的渐变过程更连贯。

形状补间动画教案一、教学目标1. 让学生了解形状补间动画的概念和作用。

2. 培养学生运用形状补间动画制作简单动画的能力。

3. 引导学生探索形状补间动画的制作方法，提高学生的创新思维和动手能力。

二、教学内容1. 形状补间动画的概念与作用2. 形状补间动画的制作方法3. 形状补间动画的参数设置4. 形状补间动画在实际应用中的案例分析三、教学重点与难点1. 重点：形状补间动画的概念、制作方法和应用2. 难点：形状补间动画的参数设置和创意应用四、教学准备1. 电脑、投影仪等教学设备2. Flash软件3. 教学素材和案例五、教学过程1. 导入：通过展示一些生活中的动画实例，引导学生关注形状补间动画，激发学生的学习兴趣。

2. 讲解：讲解形状补间动画的概念、作用和制作方法，让学生初步了解并掌握基本操作。

3. 示范：教师演示制作一个简单的形状补间动画，让学生跟随操作，体会形状补间动画的制作过程。

4. 练习：学生自主制作形状补间动画，教师巡回指导，解答学生疑问。

5. 展示与评价：学生展示自己的作品，互相评价，教师给予总结性评价和建议。

6. 拓展：引导学生探索形状补间动画的创意应用，激发学生的创新思维。

7. 总结：回顾本节课所学内容，强调形状补间动画的概念、制作方法和应用。

教学反思：在课后，教师应认真反思本节课的教学效果，针对学生的掌握情况，调整教学策略，以提高学生对形状补间动画的掌握程度。

关注学生的创新能力和实践能力的培养，为下一阶段的教学做好充分准备。

六、教学活动活动设计：学生通过小组合作，制作一个形状补间动画的小故事。

每个小组成员负责不同的角色和动画部分，共同完成整个故事的情节设计和动画制作。

活动步骤：1. 小组讨论：每个小组成员构思一个简单的故事情节，包括角色和动画部分。

2. 分角色制作：根据故事情节，每个小组成员使用Flash软件制作自己负责角色的形状补间动画。

3. 整合动画：将每个小组成员制作的动画部分整合到一起，形成一个完整的形状补间动画小故事。

《创建形状补间动画》教学设计授课：泉州九中陈建猛一．教材说明本知识点选自福建教育出版社出版的《信息技术》八年级下册第一单元活动三第一课时内容，是在学生掌握用FLASH绘制简单图形和制作逐帧动画的基础上进行学习的新课。

形状补间动画是flash动画中常见的动画效果，掌握其制作方法将为下一节动作补间动画和今后flash课程学习奠定良好基础，因此知识点的学习是非常重要。

二．教学目标：根据学生特点、智力发展水平以及新课标要求等实际情况，设定本课教学目标：[知识和技能]：1.掌握位图转换为矢量图的方法；2.能够制作简单的形状补间动画；[过程和方法]：通过动画视频观赏，提出新问题，新旧知识对比，理解新知，展开新课。

在老师引导下，运用视频观赏、观看演示和任务驱动等方法构建新知。

[情感态度和价值观]：体验观赏和模仿的乐趣，逐步提高自学能力和创新能力。

三．教学重点与难点根据本课的教学目标和学生的实际情况，确立以下重难点：教学重点：1.能够区分补间动画与逐帧动画2能够制作简单的形状补间动画3.学会位图与矢量图的转化教学难点：1．能够灵活的的运用形状补间动画四．学情说明一般特征：初二学生，对动画制作有较浓厚的兴趣，容易被新生事物吸引，喜欢玩游戏和模仿有趣的事物并尝试创造。

初始能力：具体有独立观看操作的能力，初步的自学能力，一定程度上的模仿操作能力。

信息素养：已对动画的原理有初步的了解，认识Flash的界面，能够绘制简单图形、制作逐帧动画。

五．教学方法1.情境导入法2.演示法3.点评法4.任务驱动法六．媒体运用及课前准备1．教学微视频和微练习2．电脑设备及相关教学软件。

七．教学过程（一）设置情境，导入新课（0:00-1:45）（1）欣赏2012动画片新《大闹天宫》中“孙悟空迎战二郞神”片段，导出补间动画的概念。

[设计意图]：通过情境导入和动画视频激发学生创作欲望，为本课顺利开展作好铺垫。

（二）深入浅出，知识点拨（1:46-3:31）1．知识对比观看“逐帧”和“补间”图例，比较两者区别，总结补间动画的优势。

Flash形状补间动画
本例主要学习内容：形状补间与动画补间的综合运用。

一、建新文档，把背景设为蓝色。

(背景色随意.为了多一个色系使用,做好后我把文档背景改为白色)
图1
二、显示网格
图2
三、制作成图片元件。

（swf、wmf、ai、eps格式图片打散后都可以制作形状补间）
1、点文件-导入-导入到库，把准备好的图片导入。

图3
2、点插入--新建元件，建一个影片剪辑，名：元件1，把图1库里拖出，在属性面版里将图1尺寸改为280x280，打开对齐面版，居中对齐。

（注意：修改图片尺寸的时候要注意不要把图片拖拉变形得太离谱）。

图4
3、回到埸景1（点埸景1）点插入--新建元件，建一个影片剪辑，名：元件2，把图2从库里拖出，在属性面版里将尺寸改为280x280，打开对齐面版，居中对齐。

用同样的方法把所有的图片建成影片剪辑元件3、元件4、元件5......
图5。