蔡雅琴 flash“形状补间”动画教案

第一篇：蔡雅琴 flash“形状补间”动画教案

毛毛虫变蝴蝶

——Flash“形状补间”动画

学科名称：信息技术 姓名：蔡雅琴 课时：一节课

一、教学目标：

（一）知识与技能：

1、掌握形状补间动画的制作方法，形状补间主要是对图形的颜色、形状、位置进行补间。

2、掌握多边形的绘制，各种不同图形的组合与相减。

3、关键帧、空白关键帧的异同。

4、复制帧、粘贴帧、翻转帧的操作。

（二）过程与方法

先学后教、任务驱动、当堂练习

（三）情感态度与价值观

通过动画的制作，进一步激发学生学习动画的积极性，培养学生自主探索的精神。

二、教学重点：

（一）参照之前学习的补间动画，学习形状补间动画的制作方法与特点。

（二）各种不同形状的绘制。

三、教学难点：

（一）将多边形组合成为有趣的图形。

（二）理解关键帧与空白关键帧的异同。

四、教学过程：

（一）情景导入，目标激趣

1、回顾动画补间：对象是元件；对运动路线进行补间。

2、播放两段Flash动画，进行导入新课——补间形状动画。

（二）任务驱动，自主探究

任务一：通过视频学习，完成 “方变圆”的动画。

问1：在绘制圆形前，你的操作是什么？（插入帧、关键帧、空白关键帧）

（空白关键帧）

问2：你能看清楚变化的过程，但是看不清楚形状，有办法能解决吗？

（在矩形和圆形变换前插入关键帧，让其有播放的时间。）任务二：通过视频学习，完成“多边形变换”的动画。

问1：你在绘制后面的图形时，操作是什么？（插入帧、关键帧、空白关键帧）问2：整个变换的最后出现了跳动，为什么？怎么解决？

（三）操作演示，合作交流

让已经完成任务的同学，进行操作演示，并且回答并演示以上问题。

（四）点播拓展、反思深化

完成任务一与任务二后，可以在此基础上进行绘制更加复杂的图形，让动画中有更加丰富的变换过程。

以“任务三”为范本进行讲解，在两个任务中学生可能会遇到的问题。绘图技巧：

1、”移动工具“的变形功能，鼠标靠近图形时，鼠标上会出现曲线。

2、Flash中对颜色相同部分进行组合，颜色不同的形状进行区分。

3、对于相同的部分，可在外部绘制并复制，然后组合。

4、“任意变形工具”，放大缩小旋转翻转。帧的操作：

1、复制帧

2、粘贴帧

3、翻转帧

（五）作品展示，总结评价

在讲授的基础上，自由创作。对已提交的作业进行展示，并总结本堂课的内容： 形状补间的制作过程，在两个关键帧之间，并且关键帧上要求是绘制的图形，不能是元件；

对比“动画补间”与“形状补间”之前的区别： 动画补间：对象是元件；对运动路线进行补间。

形状补间：对象是非元件，是绘制的图形。对形状、颜色进行补间。

第二篇：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创建形状补间动画

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

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

教材分析

本课教学内容是教材

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

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

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

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

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

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

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

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

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

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

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

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

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

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

导入图片提示：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

教学反思

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

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

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

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