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

合集下载

形状补间动画（flash新课程教案）（精）

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

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

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

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

难点：加入提示点。

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

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

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

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

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

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

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

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

的操作方法。

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

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

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

初中信息技术_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”文件向后进行创作，圆变方或其它多边形，可进行颜色或位置的变化。
四、自我创作
发挥你的想象力和聪明才智，制作由平房到楼房、由笑脸到哭脸、由鸡蛋到小鸡、由树苗到大树的形状补间动画，看看谁的变化最绚丽多彩！

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

Flash8制作形状补间动画

图5-7 创建补间动画
7、使用相同旳措施，在第20帧、第40帧两处分别创建形状补间动画。
8、按Ctrl+Enter 快捷键测试播放影片，观看这个由小圆成长为一片绿叶，再枯黄，再凋零旳动画。
9、关闭测试播放器，选中第40帧，然后在属性面板中分别设置【缓动】为“－100~100”之间不同旳值，然后分别测试影片，观看树叶凋谢动画旳速率变化。
图5-45 设计思绪及效果
1、素材准备。（1）新建一种Flash文档，文档全部属性使用默认参数。
请同学们在老师旳带领下对形状补间动画旳创建措施和原理进行进一步旳熟悉，并跟随下列要求进行操作训练。
1、新建一种Flash文档，然后利用【椭圆】工具在舞台上绘制一种圆形，并在【属性】面板中设置圆旳颜色为“#00FF00”，宽高为“7px×7px”，如图5-3所示。
2、在第20帧处插入关键帧，然后以圆为基点绘制一片树叶，如图54所示。
。当建立了一种形状补间动画后，单击时间轴，其【属性】面板如 5-2所示。
其中经常使用旳选项有如下两种：（1）【缓动】选项。在【缓动】选项中输入相应旳数值，形状补间动画则会随之发生相应旳变化。（2）【混合】选项。在【混合】选项中包括“角形”和“分布式”两个参数。
5.1.2 范例解析（一）──创建形状补间动画练习
2、执行【文件】/【导入】/【打开外部库】菜单命令，将教学资源中旳“素材\第5讲\魔幻扑克\魔幻扑克-素材.fla”文件打开，将外部库里旳元件和图片复制到目前库中，效果如图5-26所示。
3、将【库】面板中旳“背景”位图拖入场景中，设置其宽高为 “500px×353px”，并相对舞台居中对齐，效果如图5-27所示。
叶片2 叶片6

Flash中的形状补间动画教学设计(初中信息技术精品)

操作步骤：
1)在第1个关键帧输入文字“信息技术”。调整文字的大小、颜色、字体等（图2-2.8）。
图2-2.8 文字工具及文字属性面板
2)在第20帧处插入一个空白关键帧，输入文字“Flash动画”。调整文字的大小、颜色、字体等（图2-2.9）。
图2-2.9 在20帧处输入文字
3)选择第1关键帧，单击菜单“修改”－〉“分离”，将“信息技术”分离成单独的文字；再次单击菜单“修改”－〉“分离”，将字符分离成图形。如图2-2.10所示。
20分
文字部分的内容是否有创意
20分
动画设置过渡是否自然，有创新
20分
教师
20分
（三、）作品展示，师生互评：
利用大屏幕投影展示每组推出的优秀作品，组织学生进行评价，教师再适时加以点评。
（四、）本课小结：
1、检查学生提交的作业、小组长收集该组组员在做动画的过程中遇到的问题提出来，现场解决！
质疑：
本节课，我们学了些什么？
评价项目
分值
效果分
投入程度
是否全心投入 10分
获取信息能力
是否迅速准确 10分
分析信息能力
是否准确完整 10分
实际动手能力
任务一至四各占10分，综合应用占20分
协作交流能力
是否具有互助学习精神 10分
2、学生作品评价表：
评价项目
分值
效果分
文字与背景的颜色搭配是否和谐
20分
文字在动画中摆放的位置是否合适
2、本节课主要学习了形状补间动画的制作，制作的要领为：制作好关键帧，为第1个关键帧设置补间为“形状”即可。将文字进行图形变化的时候，需要实现两次的分离。
教学反思
授课教师反思：
大部分学生在对第一个练习都能较好地完成；文字动画是难点，部分学生没有完全理解分解文字组件的意义，需强调。而且在进行动画分离的时候很多同学忘记了分离两次或者是不分离就直接进行操作。

形状补间动画教学课例-【名师经典教学资料】

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

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

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

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

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

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

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

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

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

（二）幼儿作画。

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

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

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

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

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

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

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

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

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

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

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

《制作Flash动画之补间动画》教学设计

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

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

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

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

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

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

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

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

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

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

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

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

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

初中信息技术《flash应用之形状补间》教案、教学设计

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

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

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

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

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

补全动画“毫毛变桃”。

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

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

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

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

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

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

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

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

Flash项目五--制作补间动画教案

2、制作形状补间动画。
（1）选中在“日”图层的第25帧，按F7键插入空白关键帧。利用【文字】工具在该帧输入一个“日”字，在【属性】面板中设置【文字颜色】为“黑色”，【字体大小】为“60”，【字体】为“甲骨文”。
（2）选中输入的“日”字，按Ctrl+B组合键将其打散。
（3）选中“日”图层的第1帧，然后在【属性】面板的【补间】下拉列表框中选择【形状】选项，设置【属性】面板中各参数。
5、会制作“翻书”动画。
6、会制作“烛光”动画。
选用教具挂图
教
学
重
点
教学重点：创建形状补间动画
解决措施：讲授、演示、实践操作
教
学
难
点
教学难点：创建精确形状补间动画
解决措施：讲授、演示、实践操作
教学
回顾
本堂课内容理论较少，重点在于掌握形状补间动画的制作。通过教师演示与学生实践相结合，当堂练习巩固所学知识，促进学生对知识的理解与掌握。通过评选优秀作品，调动学生学习积极性，收到了较好的教学效果。
6、轮到画烛火了，必须新建一个图层，椭圆工具画圆，马上按一下V转换到选择工具，同事按住Ctrl键调节烛火顶点，将烛火顶端打尖……
填充透明至白色的放射状渐变，再利用填充变形工具细节调整……
7、时间轴，第十帧处，按一下F6插入关键帧，鼠标右击两关键帧之间的部分，弹出的菜单中，选择第二项创建补间形状。（要注意的是：Flash版本必须是CS3，位置也相同才能和这里一样）
3.在主场景插入一个图层2并锁定图层1。
4.按Ctrl+l打开库把元件2拖到舞台中(图层2)。调整:宽=200 ,高=300, x=100,y=50 如下图所示:
并在240帧处按F5插入帧
5.锁定图层2,并新建图层3 , 按Ctrl+l打开库把元件3拖入图层3。调整宽=200,高=300, x =300,y=50

FLASH动画设计与制作初二教案形状补间动画

《FLASH动画设计与制作》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动画中形状渐变动画这一渐变动画类型的设置方法。

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

形状补间动画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形状补间动画

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。