用flash创建形状补间动画

第一篇：用flash创建形状补间动画

“形状补间动画”教学设计

计算机动画制作(三)——用flash创建形状补间动画

教材分析

本课教学内容是教材

教师复习提问创建移动渐变动画的基本步骤。

设计意图：让学生对形状补间动画的制作过程有系统的认识，故意犯错可以让学生记忆加深，学生对老师的错误会记得很牢。

师：下面请同学们完成任务一，教师先示范一次。

生： 完成任务一：实现“图形—图形”间的形状补间动画，并以“自己的姓名1.fla”保存在桌面(形状可以自选)。建议：制作矩形

制作五角星提示：点击工具箱中

——>五角星间的形状补间动画。

（长按左键）选择“多角星形工具”，然后打开 “属性”面板，点击“选项”，修改“工具设置”属性对话框。图形的颜色设置可以打开“窗口”菜单，点击“设计面板”→“混色器”自由选择颜色。

设计意图：让学生掌握基本的形状补间动画制作方法。

师：我们刚刚制作的是两个图形之间的变换，那图形能不能变成文字呢？是否只要改一下最后一个关键帧的内容就可以了么？

我们一起来试一试。结果发现时间轴上出现虚线，提示补间动画设置不成功。这时将最后一个关键帧应用“分离”命令后即可变成实线。

生： 完成任务二： 实现“图形—文字”间的形状补间动画，导出影片并以“自己的姓名2.swf”保存在桌面。

(疑难帮助):查看FLASH菜单栏：“帮助” →“使用 Flash创建动画 ” →“关于补间动画” 对象“分离”提示：首先使用“选择工具”（退出“文本工具”），选中时间轴上需要创建形状补间动画的关键帧，再右键单击舞台上的对象→“分离”；

导出影片提示：“文件”菜单→导出→导出影片

生： 完成任务三： 实现“图片—文字”间形状补间动画，导出影片并以“自己的姓名3.swf”保存在桌面。（“劳动最光荣” 图片变成 “节日快乐” 文字。）

导入图片提示：

1、打开“文件“菜单→“导入” →“导入到库”，选择文件并打开；

2、打开：“窗口”菜单→“库”面板，将需要的对象拖到舞台。师： 请一位学生演示自己的作品：对该作品进行点评。排难解疑：

师：在完成任务三时，很多同学都碰到了问题： 问题

1、文字、图片的形状补间动画无法实现？

“形状补间动画”教学设计

(解难)： 教师以“劳动最光荣” 图片变成文字“节日快乐”为例讲解图片、文字必须分离打散。

图片从库中拖出来后必须执行将位图矢量化。(注意为了使形状补间动画更加逼真，请将不需要的点状删除)。

问题2：位图为何要矢量化？

(解难): 有的同学非常爱动脑筋，导入位图与flash绘制的图片不一样吗？干嘛要矢量化，这是因为位图用二维象素矩阵描述，而矢量图用指令集合描述；他们的存储结构不同，因此必须矢量化，这样才能进行形状补间动画。

设计意图：归纳后，避免学生在这些问题上再次出错，而且能有一个系统的了解。师：(展示)教师再展示几副优秀作品 小结

师(提问)形状补间和动作补间的区别？ 请学生回答，然后教师总结。(课件)

这节课我们学习了图形、文字、图片之间相互变化的形状补间动画，我们一起总结一下创建形状补间动画的方法及我们需要注意的地方：

 分别创建开始与结束关键帧（两个对象），注意结束关键帧是空白关键帧，动画的对象必须要“分离”打散；

 单击两个关键帧之间的任何一帧，在帧属性面版中“补间”→“形状”；  形状补间动画不能用“创建补间动画命令”，若不小心应用, 会出现虚线，可将首尾两个关键帧应用“分离”命令，再将库中多余元件删除.也可用历史记录撤消操作。

教学反思

“形状补间动画”教学设计

在本节课中，学生学习的兴趣和积极性很高，充分领略到了Flash软件的神奇。在老师的引导下学生能积极主动参与到教学中来，学生对形状补间动画原理的理解掌握较好，在自主探究、动手实践中，基本掌握了形状补间动画的制作要领和步骤。

本节课存在的问题是部分学生在进行文字形状补间动画时急于动手操作，忘记对文字进行二次分离；虽然在学习中学生能模仿老师进行操作，但学生的想象力和创新精神还不够，对问题举一反三的能力还需要进一步培养。

教学建议：这堂课采用了“教师讲，学生听”的传统模式，是“学”跟着“教”走，学生很容易在新鲜感和兴趣感过去之后产生枯燥的消极想法。如果在后面再加一个有趣的实例如“花儿开放”等，以分组合作的方式让学生自己去探索完成，效果可能会更好些。

第二篇：flash“形状补间”动画教案(精)

Flash“形状补间”动画教案

学科名称：计算机 班级：初二八班 课时：一节课

一、教学目标：

1、知识与技能：

（1）掌握形状补间动画的制作方法（2）掌握实例属性的设置（3）了解组合与打散的概念

2、过程与方法：通过“圆变方”等动画的制作，掌握形状补间动画的一般制作方法。

3、情感态度与价值观：通过动画的制作，进一步激发学生学习动画的积极性，培养学生自主探索的精神.二、教学重点：掌握形状补间动画的制作方法。

三、教学难点：

1、能够对实例属性进行设置

2、将组合实例打散的方法

四、教学方法： 演示法、任务驱动法

五、教学媒体： 计算机

六、教学过程：

1、创设情境，导入新课

教师播放一个简单的“圆变方”形状补接动画，提问，导入新课。设计意图：激发学生的学习兴趣。

2、新课教学

（1）.先让学生建个自己的文件夹

（2）.演示并逐步教“图形变形”动画，一一制作动画，让一个愿变成矩形

① 启动flash，选定“椭圆工具”，用适当的颜色在舞台上画一个圆

② 单击“时间轴”面板中的第1帧，在“属性”面板中单击补间框，打开下拉列表，再单击其中的“形状”选项，把补间类型设置为形状

③ 单击“时间轴”面板中的的50帧，执行“插入、空白关键帧”命令，（或F7）插入空白关键帧

④ 选定“矩形工具”，在舞台中画一个矩形

⑤ 仿照第2步到第4步操作，在时间轴面板的第20帧插入空白关键帧，画一个三角形

⑥ 敲回车键，播放动画，观看效果 ⑦ 保存文件到自己的文件夹

3、巩固练习

让学生掌握图形变形之后，尝试着把图形变为文字（可以是自己的名字），发现其中的问题并解决问题（期间讲解使用文字工具制作的文字不能直接做形状补间动画的原因，并提出“打散”与“组合”概念）。

七、备注：

1.在形状补间动画的起始关键帧和结束关键帧之间，会显示一条带箭头的浅绿色背景的直线，表名在两个关键帧以及他们之间所有帧生成了一个形状补间动画

2．关键帧中图片、文字等元件的分离操作是“形状补间动画”制作的关键

第三篇：形状补间动画(flash新课程教案)(精)

Flash动画设计教案

课题

教师 单位

专业 班级

课型 教学 目标

形状补间动画的制作

蒋佳玲 达县职业高级中学

计算机应用专业 高一计算机应用班

实训课 【知识目标】使学生了解flash形状补间动画的相关知识。

【技能目标】使学生基本掌握flash形状补间动画的操作技巧。【情感目标】培养学生对flash动画学习的兴趣和团队合作的精

备课时间

上课

时间

《Flash CS3教材

动画设计半

月通》

课时 3课时

教学重难点

关键

动画教具 采用教法

教学过程 环节 第一步（技能需求）

神。

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

法。难点：加入提示点。

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

电脑、多媒体 示范、谈话、讨论法、观察法、练习法、展示法

教师活动 为学生播放一个十分钟以内大小的动画短片。上一次实训我们学习了一种补间动画的制作方法，运动补间动画，主要是应用于物体的平动、旋转及缩放。但一种形状的物体想要变成另一个完全不同的形状那应该创建怎样

学生活动 时间

进入情境，激发兴趣，明确学习目标。

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

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

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

２.了解了这几个概根据老师的示念后，我们通过做实范，小组组员讨例，来学习更多的内论形状补间动画容与技能。的操作方法。（自学、互助教师通过计算机网络学）控制学生电脑进行实例一（兔变猫）制作的讲解与相关概念的说明。

第三步 为学生准备三个实训作业：（技能拓展）

实训一：吹大的

根据操作提示步骤小组讨论

式学习，互帮互助，共同完成。20分钟20分钟

1.每个组的同学根50分钟据自己的学习情

第四步（学习反思）

气球（５分题）实训二：圆柱变圆锥（１０分题）实训三：翻书效

果（１５分题）学生做完后，教师总结评分情况，并给予公布。

1.总结学生本次课的学习情况； 2.分发学生意见反馈表。

况，选择

不同难度的题进行制作。（每位同

学只能做

一个）

2.学生收集下一组成员的制作结果。3.组长为下一组打分评价，填写评价表，向老师汇报评价结果。任务评价： 组长对组员的任务完成情况进行统计独立完成和互助完成的人数，向老师汇报结果。

1.如实填写学生意

见反馈15分钟表。2.收好传

给老师。

第五步（课后提高）

老师选出做得好的作品。

做得好的学生展示

自己的作15分钟 品并作讲解。

教学后记

第四篇：flash教案补间形状动画三(精)

补间形状动画

【课时】 3课时

【教学目标】 一.知识目标 1．熟练形变制作； 2．能看懂设计原理； 3．能根据需进行形变动画的设计创作； 二.能力目标

1．培养学生观察的能力，发展学生的动手实践能力；

2．建立探求规律和分析解决问题的能力，促进学生个性发展； 三.德育目标

培养学生互帮互助的精神；

【重点难点】

重点：元件中形变与舞台中形变的区别与联系。难点：能根据需要进行形变动画的设计创作。【教学过程】 导入

未完成的QQ表情“笑”分析，整个动画分为“天”形变，头部形变与位移，整个文字小调整并逐帧抖三次，还原变形（用复制并翻转）。

继续完成QQ表情“笑”。

新课讲授

一、任务展示 摇曳的烛光：

提示：

1、绘制蜡烛

①画烛身，笔触色CF8453，实线，大小2，画一椭圆；

②画一个椭圆，选中圆按住ALT或者 CTRL拖出两个摆放好，再用直线画上两条线，删除多余线条：

③放射状填充： F5B778、F29437、D74D1F、923107。填充并调整；

放射状填充：F29C48、F4C402、F2912F、F29437、D74D1F、923107。填充并调整； ④

⑤线性填充：D74D1F、F29437、D14B26；

⑥删除多余的线条，用笔刷工具，颜色8C4F26，刷烛芯。

2、画火苗

线性：左FFFF99 Alpha100%，右FFFF1B Alpha30%，画椭圆，整调形状。第30帧插入关键帧，创建形状补间动画。第5帧插入关键帧，调整形状，第9帧插入关键帧，继续调整。以此类推，第13，17，22，26帧都插入关键帧做调整，可以只做火苗伸长和压缩，做成上下窜动，也可以再加上左右摆动。注意：不能调整太过，以免变形不规则。

3、制作光晕 新建元件，“光晕”；

放射状，三个色标：左FFFF00 Alpha100%，中FFFF6E Alpha77%，右FFFFCC Alpha0%，用椭圆工具画个圆，居中。

第15、第30帧加上关键帧，点中第15帧，再点修改—变形—缩放和旋转，缩放150。

4、新建图层，从库中把光圈拖入摆放好，用变形工具适当压扁，Alpha设置为50%。将烛身延时到30帧。提高练习： 水滴效果

请同学根据效果自行设计，注意水纹因为是线条无法变透明，要先将其转换为填充，编辑——形状——将线条转换为填充，（也可用元件，再用动画补间的alpha实现），参考时间轴：

As 2.0实现下雨效果：

制作一个影片剪辑元件，里面用形状制作雨滴下落，并漾开的效果；

拖到场景，实例名为mc，并在AS层建立三个空白关键帧，第一帧为i=1;第三帧为gotoAndplay(2, 第二帧如下： duplicateMovieClip(“mc”,“mc”+i,i;setProperty(“mc”+i, _x,random(550;setProperty(“mc”+i, _y,random(400+200;//y值视背景图的水平区域调整 i++;

第五篇：形状补间动画说课稿

各位老师：

上午好！今天我说课的题目是《形状补间动画》，我将从教材分析，学情分析，教学方法，教学过程，优化反思等五个方面对本课进行说明。

一、教材分析

《形状补间动画》是电子工业出版社《Flash CS5 二维动画制作案例教程》第四章第三节的内容，本课是学生在学习动作补间动画的基础上展开的教学活动，通过本课的学习，可以进一步加深学生对补间动画的理解，为后面制作综合案例奠定基础，起到了承上启下的作用。本教材还是春季高考技能考试指定教材。

根据春季高考大纲的要求，结合教材编排及学生的特点，我确定了以下教学目标：知识目标：掌握形状补间动画的基本操作，能够使用形状提示制作复杂动画。能力目标：通过小组合作与自主探究，培养学生自主学习、团队合作的能力。情感目标：在动画的制作过程中获得成功体验,树立学习信心，增强学习动力。本课教学重点：形状补间动画的基本操作。教学难点：形状提示的使用。

二、学情分析

本节课的授课对象是中职高三计算机对口班的学生，明年4月分即将参加春季高考技能考试，而Flash是技能考试科目之一。这群学生的优点是通过高一高二的学习，有一定的动画制作基础，因为明年高考的压力，所以求知的欲望也比较强。缺点是学习上习惯于被动接受，自主学习的能力不强。

三、教学方法

根据教材和学生的特点，我采取了以下教学方法：

1、任务驱动：以制做牛变象动画为主线展开教学活动，有效地让学生进入学习情境，明确学习目标，激发学习兴趣。

2、分组合作：让学生分小组协作学习，提高学习效率，通过最后的小组PK赛，培养学生的团队精神。

3、演示、讲授：对于象形状提示点的使用这样的难点内容，采用教师演示、讲授的方法更能提高效率，突破难点。

四、教学过程：

在教学过程中，我设计了“动画欣赏，导入新课”——“任务驱动，层层拔高”——“小组竞赛，激发兴趣”——“归纳总结，深化理解”四个教学环节，下面我将一一阐述。

（一）动画欣赏，导入新课

首先让学生欣赏一组形状补间动画，让学生思考通过动作补间能不能实现效果，告诉学生，这些动画属于一种新的动画形式：形状补间动画，从而引出本课主题，告诉学生形状补间动画制作简单，实现效果好，激发学生学习形状补间动画的兴趣。

（二）任务驱动，层层拔高

欣赏完动画后，我提出本节课的任务就是制做其中的牛变象动画。

为了便于学生学习，更好地引导学生自主探究，我把牛变象动画分解为两个任务： 任务一：制做牛变象基本动画

这一步操作是本节课重点内容，与之前学生已经学过的动作补间动画非常相似，而且非常简单，因而，我把它留给学生自主完成。学生带着我抛出的任务，自学课本，展开小组讨论，尝试动手操作。我观察学生的操作过程，对需要帮助的同学进行指导，最后，演示学生作品，我对作品进行评价，在评价中总结知识点，引导学生总结出正确的操作方法，并且让学生再次进行练习，进一步熟练操作，突出重点。

任务二：精确调整牛变象变化过程

通过刚才演示的学生作品与动画欣赏中的教师作品相比较，让学生自己去发现动画效果的不同，让学生意识到原来变化过程是可以控制的，从而引出本课的难点：

形状提示点的使用。由于形状提示点操作比较复杂，为了提高课堂效率，突破教学难点，我采用了演示、讲授的方法，学生根据老师的操作演示自己尝试添加提示点，在此过程中要发挥小组协作和小组长的带头作用，帮助那些基础比较差的同学，我要观察学生的操作，找到比较典型的作品，一是存在典型问题的作品，二是要找出有创意的学生作品，学生做完后要演示这部分同学的作品，我进行点评，指出在操作中要注意的问题，并且鼓励大家大胆尝试，最后师生共同总结出形状提示点的使用方法，并让学生继续完善作品，熟练操作，突破难点。

（三）小组竞赛，激发兴趣

为了让学生进一步熟练本节课所学技能，同时培养学生合作、创新的能力，我特意安排了小组PK赛的环节，各小组通过所给素材制作动画，然后互相评分，评出冠军组。在比赛的过程中，小组长组织协调，小组成员协作完成本组作品。通过这样的活动，活跃了课堂气氛，增强了学生的集体荣誉感，取得了非常好的效果。

（四）归纳总结，深化理解

最后师生共同小结，进一步巩固所学知识，构建完整的知识体系，本节课的板书在发给老师们的纸上。

五、优化反思

本节课的反思主要有以下2点：

1、学生是课堂的主体，一定要把课堂的自主性还给学生，本课的任务1完全是学生自主完成，但任务2还是比较传统，今后需更多地探究。

2、小组竟赛中，如何有效的组织学生，使比赛忙而不乱，使每个学生都能参与，这方面需要进一步完善。

以上是我对本课教学设计的介绍，我的说课到此结束。谢谢各位老师。