Flash动画设计中引导线的应用

《Flash动画设计中引导线的应用》教学设计
—蝶恋花
一、设计说明
根据信息技术课程的教学目标、任务和学科特点，以初中信息技术新课标为指导，以建构主义理论为基础进行教学设计，力求充分发挥教学过程中学生的主体作用和教师的主导作用。

采用以“自主学习、探究学习”为中心的教学设计，培养学生自主学习和探究学习的能力，提高学生信息获取、信息加工处理和信息应用的能力。

二、学情分析
初中八年级的学生已经具备了一定的信息技术操作技能，在分析问题和解决问题上也具有一定的能力。

但由于学生之间的信息技术差异，在教学中有可能会出现好的学生操作快，差的学生跟不上的情况。

因此，在教学中我根据学生的差异情况，设计了不同的教学任务，让大多数学同都能完成基本的教学目标，对于能够再进一步的学生，我设计了再提高的教学任务，这样既能让学生感受到成功的喜悦，也解决了学生之间的差异问题。

三、教学目标
知识目标
1、掌握引导层的添加和引导线的设置和应用；
2、掌握引导线在动画制作中的作用。

3、学会图层属性的设置，图层顺序的调整
能力目标：
1、培养学生自主学习和探究学习的能力；
2、提高学生的实践操作能力和创新能力。

情感态度与价值观：
通过同学之间的合作探究，培养学生互相帮助，让学生享受成就感，树立自信心。

四、教学重点、难点
重点：引导层的添加，引导线的应用
难点：
1、引导应绘制在引导层中
2、创建蝴蝶运动的路线
五、教学过程
（一）导入
同学们，我们前几节课学习了移动渐变动画和形状渐变动画，在此基础上，我们来学习引导层动画。

夏季，在我们学校里，同学们可以看到这样的画面，
第2/4页一只蝴蝶在花丛中围绕着花朵来飞，那么这样的动作能否用我们正在学习的Flash 制作呢？
（二）引入课题——引导线的应用
给学生讲解引导线的作用：引导线是绘制在引导层中的，它可以让一个对象沿着指定的路径（引导线）运动，而这个路径可以是任意的有起点和终点的连续线条，并且引导线在动画发布后是不可见的。

（三）下面老师就给大家详细的讲解制作过程.
1、新建文件：设置影片属性，大小：300×300px，背景颜色为白色。

2、创建一个名为“蝴蝶”的元件
（1）单击【插入】菜单，选择【新建元件】命令或者按Ctrl+F8键，弹出创建元件对话框，在名称栏中输入“蝴蝶”，选中【影片剪辑】项，单击【确定】按钮，进入“蝴蝶”元件编辑区。

（2）导入GIF动画。

单击【文件】菜单，选择【导入】命令，弹出导入对话框，单击选择蝴蝶动画，单击“打开”按钮，一个蝴蝶动画就被导入到了编辑区。

（3）这时同学们可以看到这个动画导入进来之后有7帧，其中有2个关键帧。

这是一个动态的蝴蝶。

3、按Ctrl+E键返回主场景
（1）将“图层1”命名为“花朵”。

单击第1帧，单击【文件】菜单，选择
【导入】命令，弹出导入对话框；单击选择花朵图片，单击打开按钮，一个花朵图片就被导入场景中央了。

将花朵放在场景中央的中心位置。

（2）单击第55帧，按F5，插入帧。

在图层上点击锁头符号下方对应的小黑点，将图层锁住。

避免对其他图层操作时，影响本图层上的内容。

（3）创建“蝴蝶图层”。

新建一个图层，命名为“蝴蝶”。

单击第1帧，按Ctrl+L打开库窗口，将库中的“蝴蝶”元件拖到场景中来，并调整大小。

单击第40帧，按F6插入关键帧。

单击第55帧，插入帧。

（4）创建“引导线图层”。

单击图层面板下方的【添加引导图层】按钮，在蝴蝶层上方就建立了一个引导图层。

单击“引导图层”的第1帧，，用工具栏中的【铅笔】工具，绘制一个蝴蝶飞舞的轨迹线，之后将该图层锁住。

（5）创建“蝴蝶运动路线”。

在“蝴蝶图层”上，单击第1帧，用“箭头”工具选中蝴蝶，移动蝴蝶，将蝴蝶放在引导线的起始端。

此时，场景中的“蝴蝶”元件中心有一个小圆圈，让小圆圈与引导线的起始端重合。

单击“蝴蝶图层”的第40帧，用“箭头”工具选中蝴蝶，将蝴蝶放在引导线的末端。

此时，场景中的“蝴蝶”元件中心有一个小圆圈，让小圆圈与引导线末端重合。

（6）单击第1帧，单击鼠标右键，选择【创建动画动作】命令，在“蝴蝶图层”的第1帧到第40帧创建移动动画。

同时，勾选属性面板上的“调整到路径”项。

4、保存文件为“蝶恋花.fla”。

第3/4页（四）老师巡视
刚才我在同学们中间巡视辅导中，发现了这样一些问题：例如：有的同学播放动画时，蝴蝶没有按照制定路径运动，动画失败，这是本课的难点问题，因此在制作动画过程中，在第1帧和第40帧的位置上一定要将蝴蝶的中心点对准路径的起始端和末端，这样动画才能成功。

为了巩固本课的知识，给大家布置一个小任务，制作动画：特技飞行（教材第49页）。

大家可以按小组的形式，利用素材选择图片制作。

同学们在制作过程中要清楚这样几点：
1、动画中的飞机是什么类型的符号。

2、“飞机”的中心点是否对准曲线的起始端。

3、如果创建动画失败，原因是什么？
我们几个小组间互相竞赛，选出几副优秀作品在全班进行展示。

（五）作品展示（成功的和出现问题的作品展示）
（六）总结
引导线是绘制在引导层中的
一个引导层可以引导多个普通图层
一个普通图层只能被一个引导层引导
六、评价
同学们，我们这节课过得非常愉快，你们发挥想象力，创作出怎么多优秀作品，给我们带来了美的享受，让我们继续努力期待下节课的学习吧。

《flash动画制作－引导图层》教学设计
信息技术与课程整合意味着在已有课程的学习活动中结合使用信息技术，以便更好地完成课程目标、培养创新精神和锻炼实践能力，它是在课程教学过程中把信息技术、信息资源、信息方法、人力资源和课程内容有机结合，共同完成课程教学任务的一种新型的教学方式。

简而言之，就是发挥信息技术的优势，使学生的素质得到更好的培养和提高。

那么，究竟用它来提高学生的什么素质呢？显然更多的在于提高学生的智力水平。

也就是说，重在解决如何培养学生认知能力和创新能力的问题。

信息技术与课程整合，不是简单地把信息技术仅仅作为辅助教或辅助学的工具，而是强调要把信息技术作为促进学生自主学习的认知工具和情感激励工具，利用信息技术所提供的自主探索、多重交互、合作学习、资源共享等学习环境，把学生的主动性、积极性充分调动起来，使学生的创新思维与实践能力在整合过程中得到有效的锻炼，这正是创新人才培养所需要的。

下面是笔者结合自己的教学实践，以相关教学理论结合具体实际，对“Flash动画制作－引导图层”一课的教学设计。

教学目标：
知识与技能：同学们通过学习了解多媒体作品制作的一般流程及控制方法，通过对引导图层的学习，让同学们掌握引导图层建立的基本方法和常用的操作技巧，进一步深化对FLASH运用软件的认识，拓展同学们的知识和能力。

过程与方法：同学们通过制作福娃沿奥运五环运动之一过程的学习，从而能更好的掌握和理解引导图层的含义。

运用所学知识解决实际问题，将奥运知识与信息技术知识有机的整合。

（08年奥运吉祥物、奥运口号及相关一系列奥运知识学习）情感态度、价值观：通过实践操作和评价作品，充分激活学生探究思维和创新思维。

培养学生的探究精神和热爱奥运的情感，让奥运匹克精神激励我们中学生去学习。

教学重点、难点：
重点：引导图层的含义和建立方法、作用
难点：运用引导图层，解决椭圆路径中的起始点。

教学对象分析：
对能否在封闭曲线上找到起始点，这是教学难点所在。

教学中只能激发学生的发散思维，要让学生在渴望中积极探究，逐步逼近理想的方法，不要及于告诉学生的结果，不管学生能否回答出来，也要培养学生的发散思维。

教师要有适时、恰如其分的点拨。

结合所制作的动画与奥运知识进行整合，要培养学生科学严谨的学习态度，并培养学生热爱科学的情趣。

设计思想及教学体系：
本节课的设计思想是：从知识、能力思维两个方面对学生进行知识传授和能力培养，同时引入“课程整合”概念，让学生始终处于“探究”状态，激活学生思维和情感。

知识体系：
复习原有知识（帧动画）→原有知识运用（做一个帧动画）→总结提出问题→引入新知识（添加引导图层）→新知识剖析（引导图层的含义）→新知识运用→解决实际问题
能力、思维体系：
回忆原有知识（动手实践）→逻辑思维的培养（可否建立路径）→发散思维的培养（怎样找出起始点）→集合思维（建立一个完整的动画）→逻辑思维（建立一个可以输出在影片中的可见路径）→创新思维（与体育知识的整合）→情感教育（热爱奥运和奥运匹克精神）
教学过程和流程图：
Flash动画制作——引导图层
一、创设问题情境，任务驱动
感受动画：
同学们打开桌面上“08奥运”文件，感受5个褔娃的运动，并了解到这一些列的图片本来都是静止的，但现在通过FLASH文件能按轨迹动起来，同学们是不是也想学呢？
1、学生动手，巩固旧知。

让学生利用所学知识做一个基本的帧动画（此过程教师可以查看学生制作过程）
简单移动动画的制作步骤：
①、双击桌面上“褔娃”文件，打开FLASH MX；
②、单击窗口/单击库/在库窗口中把符号名为贝贝1的拖到工作区的最左侧，可以看到一个褔娃贝贝；
③、在时间轴控制栏第50帧处右击鼠标键，在出现的快捷菜单中单击“关键帧”命令；
④、将该帧上的褔娃贝贝拖到工作区的右侧；
⑤、单击时间轴控制栏第1帧处并右击，在出现的菜单中单击“创建动画动作”命令；
⑥、单击控制菜单/单击测试影片，就可以看到福娃贝贝从左向右飞。

2、设置悬念，引出问题。

我们从中不难发现，帧动画都是使运动对象沿直线运动，我们能否让它们沿某一特定路径（路线）运动呢？
3、展现目标，任务驱动。

展示福娃贝贝沿着圆的轨道运动。

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

二、激发探究热情，自主实践
1、讲授“引导图层”含义。

引导图层就是设定运动对象运动的某一路径（路线），在引导层中画好运动路径，在被引导层（引导层的下一层）中使运动物体与路径相吸附在一起（用鼠标点中运动物体的中心移动）。

2、学生自主尝试制作。

让学生把福娃贝贝图片拖到工作区的最左侧，然后再增一个图层画一个连续曲线，并把它转换成图形组件，插入关键帧。

（此过程教师可适时点拨）
[教师演示，讲授新课]指导学生添加引导图层，构造引导图形——连续曲线（运用画笔工具，在绘图区中绘制一个连续曲线，将颜色区域剪切，余下的曲线即为我们构造的物体运动的路径）。

第2/4页同学们在图层1下面你能否找到按钮呢?此按钮即为我们今天要学习的内容—添加引导图层，找到后跟着步骤操作吧：
①、单击“”，此时在图层1上方就多了引导线图层如右图②、单击引导线图层的第一帧，然后用左边工具中的画一连续曲线/ 分别让图层1的第1帧和第50帧处的福娃贝贝中心的“+”吸附在引导线的两端上。

（提醒：此处是技术处理的关键）
③、去测试一下，看一下效果，感觉怎样？
同学们福娃沿着我们预定的路线动起来了，那我们能否实现让其沿五环的环在运动呢？想一想？
3、引导探究，自主实践。

[教师问]：若要物体沿某一特定路径运动，就要找到起始和结束位置，我们现在给出的这一圆的封闭曲线，我们能否找出起始点呢？
[学生答]：“能”或“不能”。

[教师总结、引导]：要想在封闭的曲线上找到起点和终点是不可能的，那我们能否利用人眼睛的视觉差，在这一封闭曲线上做一些处理呢？
[学生探究]：让学生充分利用自己的发散思维进行思考，并尝试着动手实践。

[教师引导]：我们可否这一封闭剪断一部分，或在某一处切开呢？
[教师演示]：将运动物体放到起始位置和结束位置（用光标键进行精确定位），设置帧动画的方式为移动。

成果初步展示。

测试影片，物体沿着我们特定的路径进行运动。

[总结，设置悬念]：我们构建的路径在输出的影片中没有看见（引导图层的内容在输出的影片中是隐藏的），若我们需要圆的曲线（路径）也显示出来，同学们想一想有什么办法可以解决？
[学生探究]：让学生有充分的思维空间，并尝试动手实践。

[教师引导]：既然需要路径，那我们就给它绘制一个——增加一个新的图层（学生操作：添加新的图层，并绘制圆的路径）。

三、积极评价引导，拓展创新
1、展示成果，评价交流。

学生测试自己的作品，领悟获得成功的喜悦。

教师选取典型作品，师生相互评价，交流心得。

[学生归纳总结] 让学生自己理清思路：图层1（插入福娃贝贝图片→在图层1第50帧插入关键帧→创建动画动作→添加引导图层→在图层2第1帧插入关键帧→绘制圆的曲线（用橡皮工具将曲线截断）→选中图层2第1帧，将“福娃贝贝”放在起点位置，然后选中第50帧将“福娃贝贝”放置为终点位置→设置“福娃贝贝”图层的运动方式（移动）→添加可见图层（圆的曲线），调整大小
我们是通过引导图层给运动物体建立一个特定的路径，若要让路径也在输出到影片之列，就需再建立一个新的图层。

2、积极引导，拓展思维。

[设置悬念]：福娃贝贝运动的方向是怎样的？运动的轨道是一个标准的圆吗？
[学生讨论]：略
[学生动手实践]：再对自己所做的动画进一步进行修改，让动画的表现具有科学性和完整性。

第3/4页[设置悬念]：还有没有其它方法能解决此类问题？
[学生探究]：在这节课上竟然出现了“意想不到的结果”，有一位学生回答道：“将圆切分”（找三个点）。

这一提法引起了全班同学们的热烈兴趣，其结果不得而知了。

（经过实践验证，这一观点可行）。

3、激发情感，内化体验。

2008年奥运会在中国的首都—北京举行，这是中国人的骄傲。

福娃是北京2008年第29届奥运会吉祥物，其色彩与灵感来源于奥林匹克五环、来源于中国辽阔的山川大地、江河湖海和人们喜爱的动物形象。

福娃向世界各地的孩子们传递友谊、和平、积极进取的精神和人与自然和谐相处的美好愿望。

福娃是五个可爱的亲密小伙伴，他们的造型融入了鱼、大熊猫、藏羚羊、燕子以及奥林匹克圣火的形象。

每个娃娃都有一个琅琅上口的名字:“贝贝”、“晶晶”、“欢欢”、“迎迎”和“妮妮”，在中国，叠音名字是对孩子表达喜爱的一种传统方式。

当把五个娃娃的名字连在一起，你会读出北京对世界的盛情邀请“北京欢迎您”...... 教学流程图:附后
教学反思：
1、本节课总的来说是很成功的，充分发挥了学生主体作用，使其发散思维、逻辑思维能力得到充分发展。

整节课学生都处在探究状态下。

学生打破了老师的传统授课“禁锢”。

如“在这节课上竟然出现了…意想不到的结果‟，有一位学生提出了…将圆切分‟（找三个点）以观点。

这一提法引起了全班同学们的热烈兴趣，其结果不得而知了。

”（学生不用本课知识也解决了此问题，可以说学生的发散思维到了“淋漓尽致”的境界。

同时，本节课也充分发挥了学生之间的相互协作式学习。

如在学生自主实践操作和相互评价过程中。

2、本节课的动画制作中整合了奥运相关知识，培养了学生一种严谨、求学的科学态度。

3、在信息技术教学中渗透情感教育，人们常觉得无法实施。

本课中笔者很好地做到信息技术中的情感渗透。

将本课中的探究精神和热爱奥运的情感联系起来，从而引入情感教育。

Flash遮罩图层的制作教案
课题：制作遮罩动画
教学目标：
知识目标：1．理解遮罩层与被遮罩层的关系
2．掌握遮罩动画的制作方法
能力目标：能够灵活运用所学动画制作技巧，创作动画作品
情感目标：1．感受运用flash动画软件创作作品的乐趣
2．体验计算机技术蕴含的文化内涵，形成和保持对计算机技术
的求知欲
教学重、难点：
1、遮罩图层的设置
2、实例的制作并应用
教学手段：多媒体计算机
授课方式：讲授；演示；巡回指导
教学方法：启发式教学；演练结合；以学生为主体的行为引导教学法
教学过程：
（一）、复习旧课：
1、引语：
2、作业检测：制作“水波文字”
3、遮罩图层的基本概述
1) 基本概念（教师演示电子课件）
a.、遮罩层——设置遮住动画的显示方式，其作用是遮盖下一个图层，即
被遮罩层，以禁止对其进行编辑。

b、被遮罩层——遮罩层下面的图层
c、设置方法：创遮罩图层，右击选“遮罩”
d、特点：（提问学生，然后教师演示电子课件）
设置遮住的部分是被遮罩层的显示部分，不遮住的是隐藏部分（提醒学生要这是设置遮罩图层要注意并且是容易出错的问题）
（二）、新课：
遮罩图层的制作
1、引入：
教师播放有关遮罩图层的动画（swf格式），引出课题，要求学生细心观察动画效果。

2、讲授新课内容：
实例：制作“万丈光芒”
（1）、演示实例并讲解（教师先操作，学生后练习）
a、制作步骤：
第一步：新建文档，设置文档大小为600×600px，帧频为12，背景颜色为
黑色。

第二步：“插入”→“新建元件”，元件名称为“光线”, 类型为“图
形”，在“光线”元件中，选择“直线”工具，在属性面板上
设置其宽度为3，颜色为“黄色”，在舞台上画一条水平直线，
并将其对齐到舞台中央（水平居中对齐，垂直居中对齐）。

选择”
光线”→“修改”→“形状”→“将线条转换为填充”，设置
填充色为七色，将线条进行填充；回到场景。

第三步：“插入”→“新建元件”，元件名称为“光线组合“，类型仍为
“图形” 。

将”光线“元件”拖到元件场景，直线左端点位于
舞台中心上方20个像素的位置，用“任意变形”工具将“光
线”的旋转中心移动到舞台中心。

第四步：在舞台上选择“光线”，打开“变形”面板，设置旋转角度为
10度，多次点击“变形面板”右下角的“拷贝
并应用变形”，直到将“光线”复制并旋转一周。

第五步：返回到舞台，选择图层1 ，重命名为“被遮罩层”，并选择第
一个关键帧，将元件“光线组合“拖到舞台中
央，并定位到舞台中心位置，在“被遮罩层”第40帧位置插入
关键帧，设置第1帧到第40帧补间方式为“动画”，“顺时针”
旋转一周。

第六步：插入一个新的图层2，重命名为“遮罩层”，定位“遮罩层”
第一个关键帧，将“光线组合“从元件库中拖到
舞台中央，并定位到舞台中心。

CTRL+B两次→填充颜色为“纯
色”，选择“修改”――“变形”――“水平翻转”。

第七步：选择“遮罩”图层右键→“遮罩层”。

第八步：“控制” →“影片测试”（ctrl+Enter）
b、强调：
进一步提醒学生注意问题：设置遮住的部分是被遮罩层的显示部分，不遮住的是隐藏部分
复习与小结
1、要产生遮罩效果，至少要有几个图层？（两个图层，遮罩层与被遮罩层）
2、遮罩层与被遮罩层的位置关系（遮罩层在上面，被遮罩层在下面）
3、遮罩层动画的特点（遮罩层决定看到的形状，被遮罩层决定看到的内容）布置上机作业：
制作“光芒闪烁的红星”
小结：
这一节主要讲了图层的第三种类型——遮罩图层的基本概述和实例操作，同学们要注意遮罩图层的最大特点是设置遮住的部分是被遮罩层的显示部分，不遮住的是隐藏部分。

通过这一节要求同学生们掌握基本的设置方法，熟悉实例的基本制作过程，并能举一反三，应用于其他动画的制作，进一步提高独立制作有创意动画能力。

《遮罩图层》教案
安阳市职业技术教育中心张庆
【课题】遮罩图层（电子工业出版社中等职业学校电子信息类教材《FLASH应用基础》第5章第2节第3课时）
【课时】1课时（40分钟）
【内容简析】
利用FLASH所做的动画在互联网中应用是很广泛的，动画中的每个场景都是由许多图层组成的，而遮罩效果则是图层中的重要功能，灵活运用遮罩层可获得许多特殊的显示效果，使得FLASH动画更加美仑美奂，形象逼真。

【学情分析】
针对中职学生的特点，理解力不强，但动手能力较强，故本堂课是以“学生为主”，主动学，主动练为原则，达到让学生真正手动、脑动这一目的。

在本堂课之前学生已经熟悉层的概念，掌握层的运用。

【教学目标】
知识与技能目标：掌握遮罩动画的原理及制作方法，理解遮罩层与被遮罩层之间的关系；能够灵活运用所学动画制作技巧，创作动画作品。

过程与方法目标：通过任务让学生自主实践，去完成探照灯效果的动画，使学生能够迅速掌握遮罩效果的制作方法；分层培养学生自主学习能力、探索创新能力和综合运用知识的能力。

情感态度与价值观目标：感受运用Flash动画软件创造作品的乐趣，体验作品创作成功的喜悦；通过信息技术手段，增进师与生、生与生之间的情感交流。

【重点难点】
重点：遮罩效果的制作方法
难点：遮罩的概念，遮罩层的制作技巧。

【重点、难点剖析】
作为以掌握技能为主的FLASH课程，了解遮罩的制作过程，掌握遮罩的制作方法是本节的重点，但为了更好地掌握遮罩，学习、理解遮罩的相关概念无疑可以帮助学生学习遮罩的相关操作。

【教学方法及策略】。