Flash引导层动画教学设计

第一篇：Flash引导层动画教学设计

《Flash引导层动画》教学设计

讲授者：仙游职业中专学校

陈晗

一、教材分析

本节教学内容选自由刘斯和黄梅香主编，科学出版社出版的《Flash CS5经典案例与项目实训》一书中的

1、创设情境，导入新课

展示案例1（车沿直线行驶）和案例2（车沿曲线行驶），要求学生仔细观察两个实例效果中的不同点，并请一位同学回答。

案例1 案例2 不同点：案例1中小车的运动路径是直线，案例2中小车的运动路径是曲线。这节课我们要学习引导层动画，学习怎样让对象沿曲线运动。

2、新课讲解

认识引导层动画：引导动画是指对象沿着指定轨迹（引导线）运动的动画。运用引导动画技术可以制作出很多生动有趣的动画，比如：月亮围绕地球旋转，鱼儿在大海里遨游，蝴蝶在花丛中飞舞等。

一个引导动画至少需要两个图层——上面的图层是引导层，下面的图层是被引导层。

①任务一：制作案例1——车沿直线行驶

要求学生运用上一课的补间动画知识完成案例1的制作。要点：

1．制作背景图层，插入背景图像； 2．制作车图层，创建车元件； 3．创建补间动画。

②任务二：制作案例2——车沿曲线行驶

教师讲解案例2的制作过程。然后学生完成案例2的制作。教师巡视课堂堂，观察学生的学习操作情况，解答学生在实践过程中出现的疑难问题。

案例2使用了引导层动画技术，它是在案例1的基础上添加引导层、绘制引导线来实现车的曲线运动效果。

③引导层动画制作步骤小结

通过前面两个案例的制作，请同学们小结一下引导层动画制作的一般步骤： a.引导线不能是封闭的曲线，要有起点和终点。起点和终点之间的线条必须是连续的，不能间断。

b.启用“紧贴至对象”工具，使被引导对象准确吸附到引导线上。c.引导线在最终生成动画时是不可见的。d.利用添加关键帧的方法和任意变形工具，调整被引导对象的方向，让被引导对象跟着引导线转弯。

4、引导层技巧

任务四：制作课本案例——立交行车

要求学生自主完成案例3的制作。有困难的学生可以参考“微课”视频的讲解。教师巡堂，对出现的问题进行指导。

5、课堂小结

1）通过制作引导层动画，掌握Flash基本动画制作的操作方法，培养Flash软件的综合应用的相关经验。

2）学会利用辅助学习软件自主探究的学习方法，并能够互相学习，取长补短。

6、作业布置

1）完成课本案例——鱼儿水中游。2）尝试制作一个多层引导层动画。

九、反思

1、教学手段信息化：采用多种信息化手段，为学生创建了良好的信息化学习环境，有利于促进学生自主学习和提高。

2、学习过程多样化：整个教学过程采用个人学习和团队协作相结合的方式，既遵循了学生的个性化发展需求，同时在教学过程中也强调个人在团队中的作用，培养了学生的团队精神。

3、教学评价多元化：采取学生自评、小组互评、网络评价等多种评价方式，同时兼顾学生的学习过程和学习效果，以评价促进教学，鼓励学生更好地投入到后期的学习中去。

第二篇：《flash引导层动画制作》教学设计.doc _

《flash引导层动画制作》教学设计

学科：信息技术 年级：八年级

[教学背景] 引导层动画是Flash动画中一种极其重要的动画，在此课程之前学生已掌握了Flash基础知识，学会了Flash中移动渐变动画的制作方法、铅笔工具的使用及多图层动画的创建。[教学目标] 知识与技能:理解引导层动画的基本原理。

过程与方法:掌握引导层动画的创建方法，并灵活运用。情感与态度：在创作过程中，使学生分析问题、解决问题的能力得到提高，树立创新意识。[教学重点] 引导层的创建方法 [教学难点]

利用引导层创建动画 [教学方法]

探究式、任务驱动式 [教学过程]

一、教学引入：

借用学生提出的疑问：“老师，上节课移动渐变动画中的小鸟只能是沿直线运动，怎么才能让它沿曲线运动呢？”展示移动渐变动画方法

制作的小鸟运动效果和引导层动画制作的小鸟运动效果，通过对比，激发学生的学习兴趣。

二、教学内容：

（一）引导层动画的定义：

引导层动画又称路径动画：就是在引导层中绘制路径，可以使移动渐变动画中的对象沿着指定的路径运动的动画。

（二）引导层动画的组成：

1.引导层——引导线

⑴引导线的作用：使引导对象按规定的路径运动。⑵引导线的绘制：利用铅笔工具、直线工具、钢笔工具等。⑶引导线的特点：①必须是连续的线段；②必须有起点和终点，其起点和终点不能重合；③最终生成动画时引导线是不可见的。

2.被引导层——被引导对象

（三）引导层的创建方法

①在图层面板中选中被引导层，单击鼠标右键，选择添加引导层； ②在图层面板中选中被引导层，单击添加运动引导层按钮。

（四）引导层动画的实现步骤（引导层动画实例——自由飞翔的小鸟）

1.创建被引导层。2.创建引导层。

3.在引导层中绘制引导线，作为小鸟的飞行路径。

4.把被引导层第1帧中的小鸟移至引导线的起始端（注意：在移动时，在元件的中央会出现一个空心的小圆，一定要将其空心小圆与曲线端点相重合）→再把最后一帧中的小鸟用同样的方法移至曲线的终止端。

5.创建补间动画，按Ctrl+Enter回车键进行影片测试，保存文件。

（五）要点回顾

要确保运动对象能够沿着引导线运动，那么起点和终点对象的中心点必须在引导线两个端点上。

（六）活学活用

学生利用老师提供的素材，进行引导层动画的创作。

三、总结：

今天我们学会了制作引导层动画，希望同学们在今后的flash动画制作中，开启你们的智慧，设计出更多、更好的作品。[教学反思] 在此微课中我没有反复地讲解各工具的用法，而是以一个学生提问引出新课，进而通过新旧知识对比激发学生的学习兴趣。再配以精彩的实例着重讲解了引导层动画的制作过程及核心的要点。在练习中，学生有选择地利用各种素材创造性地动手制作动画实例，逐渐发现并掌握引导层动画的制作方法。这样的学习方式，不仅让学生体会到了学习的乐趣，还能培养学生的创新意识和灵活运用知识的能力。最后，帮助学生梳理思路，强调重点和难点。

第三篇：Flash 引导层动画教学设计

《Flash 引导层动画》教学设计

白山市第十一中学

童文杰

授课年级 八年级

教材分析：本课是初二年级信息技术第四册flash动画制作中的引导层动画，本课是在简单的移动动画的基础上进一步深入学习。

学生分析：通过以前的学习，学生已掌握了利用Flash图层及关键帧制作简单的移动动画。具备学习和制作引导层动画的所需的基础知识。

教学目标： 知识与能力：

1、使学生了解Flash引导层动画制作的一般流程及控制方法。

2、通过对引导层动画的学习，让学生理解引导图层建立的基本方法和常用的操作技巧，进一步深化对Flash软件的认识，拓展学生的知识和能力。

过程与方法：

通过启发引导式教学方法，让学生在自主探究中发现问题解决问题，同时掌握Flash引导层动画的制作方法。

情感态度与价值观：

培养学生热爱祖国、热爱自然的情感，培养学生的审美情趣。提高学生自主学习、合作学习、主动探究的精神。

教学重点：

1、引导图层的含义、建立方法和作用。

2、Flash引导层动画的制作方法。

教学难点：

1、动画制作过程中元件如何调整到路径。

2、用引导图层，解决路径中的起始点。教学设计思路：

本课的教学设计内容主要分五个部分：

一、创设情境，任务驱动。巩固旧知，设置悬念，引出问题：由精心设计的问题自然的导入新课。

二、激发探究，自主实践：引导学生添加引导线图层。学生自主尝试制作,引导探究，自主实践。

三、积极评价引导，拓展创新：选取典型作品，积极评价，交流心得。让学生自己理清思路。

四、小组合作，深化练习：教师提供素材。积极评价学生成果。

五、总结归纳：学生体会收获。教师全面总结。教学过程：

一、创设问题情境，任务驱动

1、巩固旧知：

教师创设动画情境。让学生利用所学知识做一个基本的移动（直线运动）动画《枫叶落下》

2、设置悬念，引出问题

学生评价作品（联系实际生活当中树叶不会直线落下情况）。让学生观看教师制作的flash动画《枫叶落下》

4、展现目标，任务驱动

提出任务：那么如何实现这样的动效果呢？必须增加引导线图层，这就是我们今天研究的内容。

（板书：flash 中引导层路径动画）

二、激发探究，自主实践。

㈠教师讲授引导线动画：

1、运行Flash MX 2004，打开“枫叶落下”课件；

2、在“枫叶元件”图层上方新建“引导线图层”。具体操作：单击增加引导图层按钮，系统会在“枫叶元件”图层的上方自动新建一个运动引导图层；

3、讲解引导图层的含义:引导线图层是专门用来绘制运动轨迹的图层。并

4、教师引导学生利用工具栏中的自主绘制引导线。具体操作：在引导图层的第1帧用铅笔工具绘制一条光滑轨迹线，（注意：铅笔工具选项中选取：平滑选项）；如果绘制轨迹线不满意，可以用橡皮工具擦除。绘制完毕后，在引导图层的第30帧插入帧。

5、学生正确绘制引导线后，回到“枫叶元件”图层，按下吸附按钮，选中第一帧，在舞台上将元件拖动，这时元件是透明的，中心会出现的空心圆会自动吸附在轨迹线顶端，松开鼠标，元件就会停在轨迹线的顶端。选中第30帧，用同样的方法将元件拖到轨迹线的结尾，作为运动的终点。

6、在“枫叶元件”图层的第1帧至第30帧之间，创建动画。

7、全部制作完毕后，测试动画。

㈡、学生自主尝试制作,引导探究，自主实践

1、提出任务1：自主完成引导线动画。

2、学生操作，指导学生添加引导图层（此过程教师可适时点拨）

并制作动画。

三、积极评价引导，拓展创新

1、展示成果，评价交流。

教师选取典型作品，师生评价，交流心得。让学生自己理清思路。

教师提示：

注 意----在实现引导线效果的时候，一定要注意元件与引导线的粘合问题。如果没有粘合，则元件就会按照开始帧和结束帧的位置直线运动。

提 示——我们可以单击工具栏里面的放大镜工具来放大场景，这样我们就更清楚地看到元件中的空圆心，对我们实现这个效果有极大的帮助。

2、自主探究，灵活运用，激发情感，内化体验

观看嫦娥二号绕月视频动画，提出任务2：如何实现嫦娥二号绕月飞行动画效果？以小组为单位自主操作，并提出解决问题的办法。提示：刚才我们用铅笔工具绘制引导线，能不能用别的工具绘制引导线呢？注意工具之间的配合使用。

四、小组合作，深化练习：

1、教师提供素材，学生自主选择素材并分组合作完成。

2、小组展示成果，学生互评，交流学习心得。

五、总结归纳：学生体会收获。教师全面总结。

第四篇：FLASH动画制作——引导层(新)

FLASH动画制作-----引导层

一.教学目标

1.让学生理解什么是引导层及引导线。2.会应用引导层做出简单的动画:升空的气球。二.教学重点

1.引导层的含义和建立方法 2.引导线的含义及绘制

三.教学难点

运用引导层

四、教学时数：一课时 五.知识体系

知识体系：复习原有知识（帧动画）→原有知识运用（做一个帧动画）→总结提出问题→引入新知识（添加引导图层）→新知识剖析（引导图层的含义）→新知识运用 六.教学方法

1.任务驱动法 2.操作演示法 3.复习法

七.教学设备

多媒体机房 八.课堂的教学设计

(一)导入(创设问题情景,任务驱动)1．复习知识：

①操作升空的气球(对上次课的运动动画的知识的温习)②播放滚动的小球.swf,树叶的飘落.swf,升空的气球.swf(让学生观看比较运动的路径的特点)2．设置悬念，引出问题

师：我们从中不难发现，帧动画都是使运动对象沿直线运动，但现实中是不是都是沿着直线运动呢，比如气球的升空是不是一定沿直线上升呢？树叶的飘落是不是沿直线飘落呢？

学生回答（略）师：那我们怎样解决这些实际性的问题呢？我们能否让它们沿某一路径（路线）运动呢？

3．展现目标，任务驱动 展示气球沿曲线升空动画

4．提出任务：提出任务：要使运动对象沿特定路径运动，就必须增加引导图导，这就是我们今天研究的内容。

师：同是气球升空的动画，但他们升空的路径是截然不同的，一个是沿着曲线运动，一个是沿着直线运动，那他们在制作的过程中有什么相似的地方又有身不同的地方呢？下面我们通过FLASH软件来看他们的源程序。

打开升空的气球（直）.fla和升空的气球（曲）.fla

（二）激发探究热情，自主实践

1．讲授“引导图层”含义 引导图层就是设定运动对象运动的某一路径（路线），在引导层中画好运动路径，在被引导层（引导层的下一层）中使运动物体与路径相吸附在一起。被引导层：用来放置被引导的元件，当创建运动动画后，元件就会沿着引导线运动起来。（结合FLASH软件中升空的气球来讲解）

2．讲授“引导线”含义 引导线是绘制在引导层中的，它可以让一个对象沿着指定的路径（引导线）运动，而这个路径可以是任意的有起点和终点的连续线条，并且引导线在动画发布后是不可见的。引导线也就是元件的运动路径,可以使用铅笔,线条,椭圆和画笔等绘制工具进行绘制.（导出影片，让学生观察是看不到引导线的）

（三）步骤 1．新建FLASH文档

（文件→新建→FLASH文档）

2．绘制元件→气球（按照上节课讲的步骤操作）

（1）插入→新建元件→元件名：“气球”，类型：“图形”→确定

（2）选取绘图工具栏中的“椭圆”工具，线条是无线条，填充色去红色，在舞台中绘制出一个椭圆，再取铅笔工具，线条颜色为深蓝色，绘制出一条绳子栓住气球。

3．让气球升空（1）切换回场景→单击图层1的第一帧→将气球从库中拖入到舞台中→右击第55帧→插入关键帧→右击第1帧→创建补间动画

（2）新建图层→单击图层2的第1帧→选取铅笔工具→线条颜色是蓝色→在舞台画出一条引导线

（3）返回图层1→单击第1帧→将元件（气球）的中心位置移到引导线的起始点→单击第55帧→将气球的中心位置移到引导线的终点位置

4．测试影片（控制→测试影片）5．保存：导出影片

（文件→导出→影片→F/83班作业（以自己的名字命名））

（四）思维拓展

1．如果我想在导出影片是看到引导线，看它是否引导层和被引导层是不是相互依附了，检验一下自己的做得是否对，那我们怎么样才能让引导线出现呢？

2.是否可以让多个气球同时升空？我们是如何实现的呢？

（五）能力的提升 1．落叶的飘落会做没？ 2．地球的自转 九．小结：

1．着重理解引导层，引导线 2．引导层的运用：升空的气球

教师总结：引导图层就是设定运动对象运动的某一路径（路线），在引导层中画好运动路径，在被引导层（引导层的下一层）中使运动物体与路径相吸附在一起。引导层位于被引导层的上方。引导线是绘制在引导层中的，它可以让一个对象沿着指定的路径（引导线）运动，而这个路径可以是任意的有起点和终点的连续线条，并且引导线在动画发布后是不可见的。

十．课堂训练：

1．制作单个气球升空的动画，保存到F/83班作业文件夹中，以自己的名字命名；

2．多个气球升空的画面；（可选，有能力的学生可做）

第五篇：FLASH引导层动画课例

“蝴蝶飞舞”—引导层动画课堂实录

四中 苏宇

背景：在前几节课中,学生自己动手绘制了图形、添加背景图,学习了逐帧动画、补间动画等 内容。基础知识掌握比较不错，但对图层使用,还不能达到熟练的要求,有些同学会将多个应 独立动作的对象制作在同一层上。[教学目标] 知识与技能：

1、学习不规则曲线运动补间动画的制作技巧;

2、提高发现问题、分析问题和解决问题的能力。

情感、态度与价值观:增强学生合作学习的意识;培养学生的探索能力。[教学重点]：用引导线制作不规则曲线运动补间动画的方法 [教学难点]：引导曲线的画法和元件在引导曲线上的位置。[教学方法]：采用演示、启发、实践探究、网络教学相结合的形式。[教学过程]：

课前展示蝴蝶飞舞的FLASH动画。师: “同学们，上午好！上课了”

师:同学们，还记得上节课上我们完成的小作品吗? 生：记得。

师：好。下面我们来欣赏以下曲璇同学的Flash作品。（通过电子教室展示给同学们蝴蝶直线飞行FLASH动画）师：感觉如何？请大家欣赏后给他一些建议，好吗？

生A：挺好的，就是蝴蝶从左边飞到右边的过程中蝴蝶大小都一样，看起来不够真实。生B：蝴蝶飞到花的位置时，如果能稍微停留一下再飞走，这样效果会更好的。师：两位同学的建议很好，还要注意，大家看动画中层的名字有没有可修改的地方？ 生C：我记得上节课老师讲过，动画中层的名字最好不使用默认的，这样方便以后修改。师：这位同学说得很好，大家还记得吗？动画中层的名字最好不使用默认的层1，层2，而是 要具体命名，方便以后修改。

(设计思想：这些问题教师在上节课都点到过。在课前让学生自己来提出缺点,他们会更容易接受。)师:大家再观察一下蝴蝶的飞行路线,找找不足。众生:都是直线地飞来飞去。

师:对。大家都知道蝴蝶的飞行路线是忽高忽低、飘忽不定的,那我们能否将这个动画更加逼 真呢?请大家试着做做看,相互之间可以讨论。

学生探究,部分学生在讨论,部分学生埋头在动画上尝试。

教师巡视：发现有些学生很快就找到了“插入多个关键帧，以改变蝴蝶的位置”的方法来实 现蜻蜓弯曲飞行的效果,就请一位学生上来演示他解决该问题的方法。(学生演示时,教师给予

适当的语言解释,让其他学生更明白。)师:这种方法确实解决了这个问题。但我有一个问题—— 大家都知道月亮绕地球转的轨迹是椭圆型的,我们要用Flash来制作出这个运动轨迹,用刚才的方法实现起来会怎样，是容易还是不容易? 生(想了会儿):不容易。难。麻烦。

师：确实难,我这有种比较简单的方法能描绘出不规则曲线运动的动画—— 引导层动画。引 导层动画就是让一个对象沿着你设定的轨迹来运动。像蝴蝶弯曲地飞行就可以用引导线动画 来描绘。

接下来我来演示一下蝴蝶弯曲地飞着去找到花儿的动画制作方法。

利用电子教室系统在学生机上同步演示引导线动画的制作步骤,提示学生制作引导线动画中的几个注意点: 大屏幕显示:

1、引导线必须是在完整的线,不能断开。

2、进行曲线运动的对象必须是组合的。

3、在曲线运动的起点关键帧和结束关键帧上都要把对象的中心点压到引导线上。

师：我看大家都有点儿“蠢蠢欲动”了,现在就给你们实践的机会,请大家制作来回飞行的蝴 蝶。要一排为一个小组,完成“蝴蝶飞舞FLASH动画”。小组长做完后要帮助本组其他同学完 成动画练习。学生实践操作。教师巡视：

(发现各小组基本能顺利完成动画,个别没成功的都是没将蝴蝶这个元件中心点压到引导线 上或是引导曲线不是一笔画成。)教师分别请两个小组的代表到教师机演示动画的实现方法。第一小组代表演示了蝴蝶来回飞 舞的动画，而且从花上停留了一点时间才继续飞舞。师:你们小组怎么制作出蝴蝶在花上停留的呢？

第一小组代表:我们按照老师教导的制作出蝴蝶飞舞，然后我们发现，如果将被引导层的补间动画的终止帧延长，这样就实现了蝴蝶停留在花上的动画。

第二个小组代表在第一个小组的基础上进行改进:不禁制作出蝴蝶停留在花上的动画，蝴蝶还在飞舞的过程中有了从小到大的变化。师:大家从刚才这个动画中总结出点儿什么? 学生（大部分愣住,个别轻声）回答:

1、引导曲线必须是完整的；

2、在曲线运动的起点关键帧和结束关键帧上都要把对象的中心点压到引导线上。

师:是的,我们必须要保证引导曲线的完整，还要记得将起点关键帧和结束关键帧上都要把对象的中心点压到引导线上 各小组继续完成动画。

拓展练习

师：我们这节课讲到“蝴蝶飞舞”的制作方法，那么如果人造卫星围绕地球转动，小蜜蜂发现花儿时跳的八字舞的动画该如何制作呢？ 下面分成两个大组，一个组做卫星围绕地球转动FLASH动画，另一组制作小蜜蜂八字舞FLASH动画。

学生讨论、探索：各小组都将教学空间中，人造卫星、地球、蜜蜂、花朵的图片导入到库中，然后按照刚才的做法在引导层上插入了另外一个关键帧,将关键帧上其他内容删掉,画上一个 圆,并把圆里的填充色去掉。接着就出现了两种情况:一是无从下手,不知道如何定起点和终 点。二是把拖到圆周的某点上,在另一关键帧把蜜蜂、卫星拖到圆周的另外一个点上,然后再 在与起点关键帧相同的位置添加终点关键帧作为动画的终点,结果蜻蜓只在较小圆弧的那边 来回运动，学生纳闷了。

教师请一个小组的代表上来演示制作方法。

师:这个小组能想到把起点和终点都定在同一个位置,并且能想到在中间再插人一个关键帧,非常难能可贵。可按理说,卫星应该能按我们设计的路线飞行了,为什么总在这个小圆弧上来回运动呢?这是因为在Flash中对象总是找较短的那条路进行运动。那我们要怎么改,才能让它转大圈昵? 师:老师这有招更简单的方法。把封闭的轨迹擦出一个小缺口,让它变成普通的不封闭曲线。曲线的一头定为起点,把卫星吸附到该点上,将曲线的另一头定为终点,同样把卫星中心压上去,创建补间动画。这样,卫星就会绕着这个圆周运动。蜜蜂也是按照这个办法去试试。（学生尝试新方法。）

师:我们生活中的曲线运动多不多?请举例子。生:地球绕太阳运动、过山车等

师:生活中的运动更多的是曲线运动,通过今天学习的引导线动画,我们就可以轻松地把它们 描绘出来。

师：大屏幕显示制作引导线动画的技巧和注意事项。

师：在电子教室系统上发布信息“请同学们下课前将练习作品存放到班级命名文件夹中，便 于老师收取。”

大屏幕播放航天器绕地球运动、小蜜蜂八字舞曲线运动动画，学生欣赏。师： “下课。” 生：“老师再见”。[教学反思] 课堂上,学生的学习积极性非常高,都很投入地制作动画。有些同学没有制作成功，小组长也能尽心尽力的帮助他完成，我觉得这种互帮互助的行为特别有助于学生的学习，使他们能更快的接受所学知识。

本课我简练的带学生们学习了如果看课件制作出FLASH动画，因为在以后的学习生活中，学生不可避免的要去网上查找些学习资料，平时用这种方法教学可以培养学生们有好的学习方法，在今后的学习生活中少走些弯路。