《Flash中遮罩层的应用》教案

第一篇：《Flash中遮罩层的应用》教案

《Flash中的遮罩层的应用》教案

授课题目

遮罩动画 教学目标

1．通过实例教学使学生理解Flash中遮罩的含义及原理；

2．通过实例教学使学生学会遮罩图层的建立和遮罩效果的实现方法； 3．学会分析他人的Flash作品并学习其中使用的技术、技巧 4．利用遮罩图层实现文字特效，独立完成一个动画制作。

教学内容

1．FLASH中遮罩动画效果； 2．FLASH中遮罩动画的原理； 3．遮罩层的定义； 4．遮罩动画的实现过程。

教学重点及难点

1．遮罩原理；

2．遮罩动画的制作步骤。

教学方法

1．利用多媒体课件教学； 2．以实例演示为设计思想；

3．通过实例教学，使学生掌握设计方法。

课时安排：2课时 教学过程

一、教学引入：

展示遮罩动画作品。

1、探照灯效果。

2、电影文字。

3、MTV字幕。

4、百叶窗效果。

二、教学内容：

（一）“探照灯效果”的实现 1．“探照灯效果”的实现步骤

步骤一：先启动FLASH cs3，在启动界面中选择“创建新项目”→“FLASH文档”； 步骤二：点击“修改”→“文档”（或CTRL+J），设置文档属性如图1所示；

图 1 步骤三：选择文字工具

，并在属性面板，设置文字的属性，如图2所示；

图 2 步骤四：新建一个层，在这一层用画圆工具

绘制一个不带边线的圆形做为遮罩，颜色可任选；并将绘制好的圆转换成“图形类图符”；

步骤五：设置新建层的属性为“遮罩层”，并改图层名称为“遮罩层”； 注：在此处注意观察遮罩效果，解释遮罩原理。步骤六：把实例圆拖到文字的左面，如图3所示；

图 3 步骤七：在文字层的第25帧单击鼠标右键插入帧（或按F5键），如图4所示；

图 4 步骤八：在遮罩层的第25帧单击鼠标右键插入关键帧（或按F6键），并将圆拖至文字的右端；

步骤九：“遮罩层”设置补间动画（动作动画），如图5所示；

图 5 步骤十：保存FLASH文档，测试、导出影片。2．遮罩的原理：

（1）遮罩是需要通过两层实现的，上一层叫遮罩层，下一层叫被遮罩层。（2）遮罩结果显示的是二层的叠加部分，上一层决定看到的形状，下一层决定看到的内容。我们通常也把遮罩层叫做“透通区”，即透过上一层看下一层的内容。

（3）遮罩显示结果的色彩由被遮罩层的色彩决定，即可通过辩别色彩的来源来确定哪一层为被遮罩层。

3．提出问题：（1）在刚才的动画中，如果改变两层的顺序，再利用“遮罩”效果，制作出的动画会有什么改变？

4．给出5 分钟时间由学生动手仿照老师完成探照灯效果。

5．选择优秀作品展示并回答所提出的问题。

（二）“电影文字”动画的实现 1．电影文字的操作步骤：

步骤一：新建“FLASH文档”，按CTRL+J电影幕布属性修改为长条形。宽为400像素、高为100像素；

步骤二： 单击矩形工具在舞台中画一个无边框的矩形，并填充线性渐变色。如图所示。

步骤三：单击工具栏里面的【填充变形工具】巴举行的垂直填充改变为水平填充。如图所示。

步骤四：新建一个新图层，命名为“文字层”，在第1帧键入静态文本“古典主义创作方法产生于十七世纪的法国，随后风靡于整个欧洲，十七世纪的法国，资本主义有了相当的发展。当时，法王路易十四压制了政治上的反对派，实行中央集权的君主专制统治，同封建割据状态作斗争……”文本颜色随意，并转化为图形元件。如图所示。

步骤五：在“文字层”的第60帧插入关键帧，并创建补间动画。

步骤六：单击 “文字层”第1帧，把“文字”图形元件移动到舞台的下方。如图所示。

步骤七：在第60帧把“文字”图形元件移动到舞台的上方。把图层1延长至第60帧。

步骤八：选中“文字层”，单击右键【遮罩层】命令，创建遮罩效果。如图所示。

步骤九：保存测试，完成。参看源文件1．提出问题：只有遮罩层才能设置动画吗？

电影字幕效果

2．遮罩原理的补充：遮罩层与被遮罩层都可以设置动画。

作业：学生在课堂上独立完成Flash遮罩层动画的制作。

第二篇：flash遮罩层动画说课稿

各位评委，大家好。今天我说课的内容是《flash二维动画制作》第三章第五节遮罩层的动画。我打算分五个部分来阐述我对这一内容的教学设计，它们分别是说教材看学情，说教法，说学法，说教学过程，作业和拓展：

一、说教材，看学情

（一）教材分析

首先教材是教学活动的依据，一名教师对教材的把握将直接影响教学效果。现在我谈一下我对教材的认识。

本节课的遮罩动画是五种动画类型的一类，也是相对而言较难理解的类型，所以学好本课在这门课程中占重要地位

《遮罩动画》是学生在学完逐帧动画、形状渐变、运动渐变动画的基础上学习内容的一个提升，本节主要让学生掌握遮罩层创建的方法和要点，本节，是第三章中的一个重点，也是难点，是Flash动画制作的一种基本类型，在学习时由浅入深，引导学生，循序渐进的学习本节内容。

（二）学情分析

学生是教学的重点，一名教师要上好课，必然要备好教材备好学生。

本教材的授课对象是计算机专业二年级的学生，学生有一定的计算机操作能力，而学生勤动手也是学习本堂课的关键所在，并且前面已经学习了逐帧动画、形状渐变、运动渐变动画、图层的应用等知识，学生有一定的制作基础，所以学习本节内容是学生可以接受的知识。在学习过程中通过师生交流、引导、探究、任务等方式，培养学生自己分析问题、解决问题、动手设计与创造的能力。

（三）教学目标

通过对学生和教学内容的分析，我分别制定了本堂课的知识目标，方法目标和情感目标。•

1、知识与技能目标：

学生通过学习初步掌握FLASH遮罩层的功能。

掌握制作遮罩层动画的基本方法。

2、过程与方法目标：

通过制作“白云飘动”和“探照灯”的实例，了解“遮罩动画”动画制作的一般步骤。

学生通过交流合作，完成对知识的理解和掌握。

3、情感态度与价值观目标：

体验动画制作的乐趣，养成自主学习的习惯，感受动画制作的奇妙，培养学生的合作、探究精神。

（四）教学重点和难点

• 教学重点：

遮罩层的创建方法，关联和取消遮罩层的基本方法。

教学难点：

遮罩层功能的理解。

关于重点和难点的处理，我通过案例教学法，来攻克重点，弱化难点

二、说教法

如何使用使教学活动变得轻松有效，教法和学法的选择是关键的。

Flash动画制作课作为一门专业实践课程，应强调学生如何进行自主学习和探究学习，注重培养学生的创新精神和实践能力，提高学生的创作水平。本门课程应该遵循以教师为主导，学生为主体，以活动为主线的教学原则。根据学科特点，结合学生实际，采用多媒体教室进行教学，创设直观性与探索性相结合的教学情境。通过创设情景教学法、任务驱动教学法、合作学习法进行本课教学。

三、说学法(一)学情分析

本课的教学对象是计算机专业二年级的学生，他们思维活跃，好奇心强，同时又有一定的自学能力和动手能力，缺点是对知识缺乏理性的认识。在上本节课之前，学生对Flash软件界面有了全面的了解，进行过简单的动画制作，也了解动画制作的一般原理，具有一定的动画制作和欣赏水平，所以对本节课进一步学习动画制作困难不很大，学生的学习兴趣较高。

(二)学法指导

教学活动建立在学生的认知发展水平和已有的经验基础之上，教学过程应赋予学生更多的思考、讨论的时间和空间，以此促进学生逐步对问题“深层次”的思考。因此，我设计了自主学习法、合作学习。

四、说教学过程

制定好了教法和学法，关键是如何应用到教学过程中去。以下我是对这节课的设计，我将本节课分为三个环节。

一、创设情境，导入新课。

二、合作讨论、自主探究。

三、归纳总结，体验成功。(一)创设情境，导入新课

教师展示效果动画，挑选一些炫目、神奇的动画如万花筒、开扇，放大镜……展现给学生，引起学生学习本节课的强烈欲望，同学们这样的动画是怎么制作出来的呢？遮罩动画正是我们今天要研究的主要内容。

• 设计意图：创设情境，任务驱动，明确本节课学习任务，也激起他们的求知欲望。(二)合作讨论、自主探究

这是本课的重点环节，主要采用任务驱动方式，通过学生的自主学习来完成，从两个活动展开：

• 活动一：制作“白云飘动”

（1）教师演示，学生根据教师的演示，并参照教材进行制作，教师巡视作个别指导。

（2）学生相互分析作品的优劣，并推荐出较好的作品。

（3）教师展示学生的作品，并对作品给予评价。并让学生尝试总结“遮罩层”动画制作的主要步骤。设计意图：本活动是本课的重点，通过学生的自主学习和小组讨论，培养了学生自学能力和合作精神，让学生明白了“遮罩层”动画制作的主要步骤，为进一步学习打下了基础，通过作品评价提高了学生鉴赏能力与审美水平。

• 活动二：制作“探照灯”

（1）学生实践操作，遇到问题相互讨论。

（2）教师巡视，帮助学生，对于共有的问题给与点评。

（3）学生推荐优秀作品，教师展示，对其他同学提出修改意见，并鼓励完成较好的学生，帮助指导其他学生。

设计意图：本环节以“任务驱动”的教学方式，使学生巩固本节课所学的内容，并根据已有的知识和技能，创造性地完成了Flash动画作品制作，培养学生的创造能力。通过“一评一帮一改”这一过程，发扬了学生助人为乐的精神，体现了“把课堂还给学生”的教学理念，使原本可能无法完成任务的学生在其他同学的帮助下，积极主动的参与到教学活动中来并完成了任务，体验到了成功的喜悦，激发了学习兴趣。增进了同学们之间的感情。

(三)归纳总结，体验成功

到此本节的知识内容已经完成，接着讲带领学生对本节课做总结，分一下两部分：

（1）交流学习心得，各自说说本节课学了哪些内容。

（2）学生代表总结本节课的教学内容，教师根据学生总结的情况给予适当的补充和点评。

• 设计意图：学生通过交流讨论、归纳总结，巩固了本节课所学习的内容，培养了学生的表达能力，通过教师的适当的补充与扬长性的评价，使学生既意识到了自己的不足，也体验到了成功的喜悦，激发学生再学习的热情。

五、作业拓展

• 课后作业

• 第1题：制作滚动字幕的动画，画面有一矩形电视屏幕，文字在其中由下向上滚动显示。• 第2题：制作放大镜效果的动画，在放大镜移动过程的当前位置，将下一层文字放大。

• 设计意图：使学生在本节课后能自主思考做到知识的迁移，同时为后续学习打下基础，激发学生再学习的乐趣。

第三篇：Flash遮罩层动画教学反思

《Flash遮罩层动画》教学反思

本课了解遮罩层和被遮罩层的关系，对于我们掌握遮罩动画是非常关键的。遮罩动画在FLASH技术里面起到了重要作用，一些非常优秀的效果就是通过遮罩动画来实现的。在教学过程中尽量激发学生求知的热情和学习的兴趣，让学生积极主动地参与到教学活动中来，在教学中基本上实现了师生有效互动，通过学生的自主探究学习，很好的达成了本节课的教学目标。

在本节课的教学活动过程中，导入能够很好的抓住学生的兴趣，从学生的兴趣出发，从而导入了新课。知识的展现不是直接通过教师的讲，而是通过学生自己回忆以往的知识，能让他们做的都尽力让他们做，充分相信学生的能力，从而轻松带入新的知识，这样既让学生复习了旧知识，也让学生觉得新知识也并不难，容易接受。教学素材的准备比较充分，让学生选择素材的空间比较大，能够以学生为中心，这样学生在接受知识完成任务的时候更能够有热情。本节课的任务设置能够符合学生的学习习惯，任务的设置也能够照顾到大部分学生，让所有的学生都有事做，都能体验成功，并且给学有余力的学生提供了更广阔的探究空间。不足的是对有些知识点的讲解，没有能够到位，导致学生操作的时候出现问题，对于学生的了解不够，应该充分了解学生的现状，最好事先跟学生进行沟通。对于突发状况还缺乏应变能力，须加强。

第四篇：《FLASH遮罩动画》教案

Flash面具动画课程计划

教材分析

本课程是基于山西经济出版社信息化教学内容的基础上发展的教学。本课的教学内容是闪光光掩模动画。作为一个开发类，重点关注学生理解面具动画的原理和生产简单面具效果动画，进一步提高学生动画技能的水平。

学习分析

由于新教科书没有具体安排本章的面具动画，而是学生在基本动画前面学会了不能满足学生扩大意识的需要，学生在简单的逐帧动画，动作补间和形状填充之后，想要掌握更深的操作技能，学生通过生产闪光灯面具动画的原理和基本应用，开发学生深入研究Flash兴趣和实践学习能力。

教学目标

知识和技能

（1）掌握面具动画的基本原理;（2）了解掩模层和掩模层之间的关系;（3）使用面具知识，学习探照灯，动态文字效果动画制作;2.方法和方法

（1）通过分析掩模盒，掌握生产的掩模 三个步骤加深理解掩模的原理;（2）通过生产面具实例，提高学生使用掩蔽能力的灵活性;情感态度和价值观

（1）培养学生深入研究闪光兴趣，体验创作成功的喜悦和成就感;（2）通过知识点的迁移，培养学生的创新精神和适应能力;教学重点和困难

教学重点

掩模原理和掩模效应的三步法生产。2.教学困难

了解掩模和掩模之间的关系。

教学法

教学方法，演示方法，分层任务驱动方法，自主查询学习方法

教学准备

多媒体网络教室，面具动画案例

班级安排

安排1小时。

教学过程

一，进口情况

晚上在灯塔中显示动画卡通猫和老鼠拍摄电影的照片，同时显示动画效果的一些例子，本课的内容：闪光面具动画。

学生欣赏的工作，激发学习兴趣，清除本课的目标

设计意图：通过展示大量的面具示例来激发学生的学习兴趣，引导学生思考，导出本课 内容。

二，探索新知识

示例分析

以探照灯效果为例，通过网络教学软件显示源文件时间轴面板，帮助学生分析动画的组成。题：

A.有几层？

二，一层是背景，一层是图形（圆）

B.圆圈层中的动画类型是什么？（动作补间）

学生小心观察和回答问题

设计意图：通过问题来帮助学生审查前面的知识点（层，动作补间动画的特点）2.原则说明

面具的意义有点抽象，可以准备一个预先准备的教具提供形状;B.被覆盖-提供被阻止的内容（文字，图片等）3.示范

到探照灯。fla文档，例如，解释其特性和生产方法。

强调：生产思想3步：

A.哪一层先？什么层（掩模层/掩模层）？首先做掩模层，做掩模层。B.重新分析谁是掩模层，谁是掩模层？背景被掩盖，圆圈被掩盖。C.最后，谁在移动？什么样的举动？在动作中循环移动运动。

（引导学生设置图形层是通过图形层来完成掩膜层，以查看文字掩模效果，从而实现探照灯效果）

4.学生在机器练习

基本任务：探照灯面罩动画。

展开任务：动态文本。

教师巡查咨询，及时关注纠正学生错误的问题

设计意图：基本任务比较简单，扩展任务集 是帮助学生一步一步完成整个动画。培养学生自学能力。

显示，评估，总结。

展示学生优秀作品，总结面具动画知识点，学生自我评价，缺乏反馈，总结学到的知识点，根据情况，交流反馈，鼓励学生积极学习Flash软件。

第五篇：Flash遮罩动画教案

Flash遮罩动画制作

【教学目标】

知识目标：1.掌握遮罩动画的原理，理解遮罩层与被遮罩层的关系。

2.掌握遮罩动画的制作方法。

能力目标：能够灵活运用Flash动画软制作技巧，创作动画作品。情感目标：1.感受运用Flash动画软件创作作品的乐趣

2.体验信息技术蕴含的文化内涵，形成和保持对信息技术的求知欲。【教学重点】：遮罩的含义和遮罩效果的制作方法 【教学难点】：理解遮罩层与被遮罩层的关系 【学情分析】：通过前面的学习，学生已经掌握了动画的制作方法，理解了形状补间和动作补间的区别。对于遮罩动画，大家都还未接触过，是一个全新的知识 【教学过程】

一、新课导入

教师展示Flash动画作品，让学生观察动画并找出其特点。教师点明课题《遮罩动画》，介绍本节课学习目标。

二、学习新知识

（一）展示遮罩动画应用实例——文字遮罩动画，并进行分析，归纳出遮罩动画的原理。

遮罩动画的原理：透过一种图形看被遮挡的内容（图片、文字）。

（二）打开源文件，分析图层，讲解遮罩层与被遮罩层的内容和关系

遮罩层与被遮罩层：1.遮罩层图形

2.被遮罩层：被挡住的图片或文字（最终看到的内容）

（三）展示遮罩动画实例2——图片展示，让学生分析遮罩层与被遮罩层的内容，落实知识点。

大家分析：哪一个是遮罩层，哪一个是被遮罩层。

二、以实例“文字出现”为例，演示并讲解遮罩效果的制作过程。

第一步：打开Flash软件，新建两个图层，分别命名为“遮罩层”和“被遮罩层”

注意：“遮罩层”位于“被遮罩层”上方

第二步：在“被遮罩层”中输入文字。点击第一帧，输入文字“古城中学”，在第40帧插入关键帧。

第三步：在“遮罩层”中绘制图形。在第一帧绘制一个矩形，在文字左边，与文字不相交。在第30帧处，将矩形并行移动到文字上直至完全与文字重叠。然后在第1帧与第30帧之间创建运动补间动画。

第四步：右键单击“遮罩层”，在菜单中选择“遮罩层”。遮罩动画制作完成。

三、巩固练习

学生根据教师演示的步骤，制作文字出现的动画。

四、请学生展示。教师总结

教学反思：