《Flash遮罩动画制作》教学案例
flash制作第3课实例 遮罩动画
flash制作第3课实例《遮罩动画》1.遮罩的运动（图片不动，遮罩运动）一、新建影片新建一个电影文件，导入一张你喜欢的图片,利用任意变形工具使其放大到和舞台一样的大。
二、创建遮罩层1、点插入菜单下的新建元件，性质为图形，利用矩形工具在舞台中央拖一矩形，颜色任意。
2、回到场景，新建图层2，打开窗口菜单下的库，将矩形拖出到舞台中央，利用任意变形工具使其缩小，这时此方形默认在第一帧。
3、在第20帧按f6插入关键帧，调整此矩形到整个舞台。
4、回到图层2的第一帧，在属性面板建立运动动画，并把旋转调为顺时针，次数为15、点（选）中图层2，点鼠标右键，选择遮罩层，此时第一层自动显示为被遮罩图标内缩。
三、测试和保存影片：1、按Ctrl +Enter测试影片2、分别执行“文件/保存”和“文件/导出影片”命令保存和导出影片2. 被遮罩的运动一、新建影片：新建一个电影文件,规格,背景颜色自定.二、创建被遮罩层1、自定图片(图片宽度大于埸景宽度)导入舞台,然后转换为元件。
2、在场景,调整图片高度。
在图层第1帧处，图片右端对齐舞台的最左边，在第200帧处按F6插入关键帧，然后按住Shift，同时利用键盘上的方向键向左移动图片，直到图的左边与舞台的右边对齐。
3、回到第一帧，在帧属性面板建立运动动画。
三、创建遮罩层1、新增加图层2，在舞台正中画一椭圆，高度比图片的上下边各高出一些。
2、点（选）中图层2，点鼠标右键，选择遮罩层，此时第一层自动显示为被遮罩图标内缩。
按Ctrl +Enter测试影片,四、创建背景层1、新建图层3（在图层2 的上边）,导入一与上河图相宜的图片，转化为元件，在属性面板中将背景图的Alpha（透明度）设为20%2、现在为了保证图层1 和2 不被改动，点击图层上的“锁定”标志。
五、测试和保存,导出影片：。
FLASH遮罩动画教学设计
FLASH遮罩动画教学设计FLASH（动画制作软件）是一种矢量动画制作工具，可以用来制作各种类型的动画效果，包括遮罩动画。
遮罩动画是一种利用遮罩图层和遮罩对象来实现的动画效果，通过遮罩图层指定的区域来显示或隐藏对象，从而产生动画效果。
本篇教学设计将介绍如何使用FLASH制作一个简单的遮罩动画效果。
一、教学目标1.了解遮罩动画的基本概念和原理。
2.掌握使用FLASH制作遮罩动画的方法。
3.能够运用所学知识制作一个简单的遮罩动画。
二、教学步骤1.遮罩动画的概念和原理介绍（200字）遮罩动画是一种动画效果，通过使用遮罩图层和遮罩对象来实现。
遮罩图层指定一个区域，只有在该区域内的对象才能被显示出来，而在区域外的对象则被隐藏。
通过改变遮罩图层的位置、形状或大小，可以产生各种不同的动画效果。
2.遮罩动画的制作步骤介绍（300字）a. 创建一个新的Flash文档，并导入需要使用的素材。
b.在舞台上放置两个对象，一个作为遮罩图层，另一个作为被遮罩对象。
c.将遮罩图层放在被遮罩对象的上方，并锁定位置。
d.选择遮罩图层，在属性面板上点击“遮罩”选项，将其设置为遮罩图层。
e.在时间轴上选择帧，点击右键，选择“创建遮罩动画”。
g.播放动画，观察遮罩效果。
3.制作一个简单的遮罩动画（500字）a. 创建一个新的Flash文档，并导入一张背景图片和一个需要遮罩的对象（例如一个文字）。
b.将背景图片放置在舞台上，将文字放置在背景图片上方。
c.将文字转换为一个电影剪辑对象。
d.将电影剪辑对象放在舞台上，并调整位置居中。
e.在舞台上新建两个图层，分别命名为“背景”和“遮罩”。
f.将背景图片放置在“背景”图层上，将文字对象放置在“遮罩”图层上。
g.选择“遮罩”图层，在属性面板上点击“遮罩”选项，将其设置为遮罩图层。
h.选择“遮罩”图层的第1帧，点击右键，选择“创建补间动画”。
j.点击舞台上的播放按钮，观察遮罩动画效果。
4.教学总结和反思（200字）遮罩动画是一种常见的动画效果，使用FLASH可以轻松实现。
《遮罩层动画》教学设计
《遮罩层动画》教学设计
【教学内容】
遮罩层动画
【教学过程】
一、遮罩层动画的特点：
遮罩层动画是Flash中一个十分重要的动画方式，也是经常使用到的一种动画。
遮罩层动画的意义是：用一个对象被另一个对象遮盖，而与平常不同的是只有遮盖的部分才能看到。
二、实例：
1、做一个滚动字幕的动画。
输入有10行的文本，转换成元件，做成向上运动的动画；添加一层，画一个矩形，约有5行文字高；单击右键设置矩形层为遮罩层。
测试动画。
2、探照灯效果。
创建一个新文件，在第一层输入一段文字；新建一层，新建一个元件：小圆，无边线，打开调色板，设置为径向填充；打开库，将元件拖入舞台中，与文字在一个水平线上，制作一个小圆运动的动画，小圆的结束位置设置在最后一个文字的后面。
右第二层上单击右键，设置为遮罩。
测试效果。
3、小结：
通过以上两个实例，我们能够看出遮罩层能够是图形也能够是元件，同时，遮层能够是静止的，也能够是运动的。
三、练习。
依照以上实例做一个探照灯下的流动字幕。
遮罩层动画》教学设计。
《Flash动画制作——遮罩动画》PPT
游戏设计
多媒体教学软件
项目指导
01 02
03 遮罩动画的原理
遮罩动画的制作 水中倒影的制作
专题一
初步了解遮罩动画
吉祥如意.fla
有几个图层？ 各自包含了什么内容？
01 02 03
圆形做的是什么动画类型？ 动作补间or形状补间？
遮罩层与被遮罩层之 间的关系是什么？
步骤 1 步骤 6
步骤 2 步骤 5
步骤 3
步骤 4
“姓名+2”保存 上传至教师机
Ctrl+Enter 测试影片
遮罩层的动 画如何完成
课堂小结
1 2 3
被遮罩 层。 遮罩 层和__________ 1、要产生遮罩，至少要________
内容 。 形状 ，被遮罩层决定看到的________ 2、遮罩层决定看到的________
04
微课1：遮罩动画的原理
专题二
制作简单的遮罩动画
典型实例1பைடு நூலகம்3、设置运动对象 1、分析图层
谁是遮罩层， 谁是被遮罩层
分析谁在动，怎么动
2、创建图层
先做哪个层， 后做哪个层
4、设置图层属性
右击图层—遮罩层
水中倒影的制作
舞台属性 的设置 素材的导入 元件的转换 需要几个图层？ 依次的顺序？
元件 才能制作动作补间动画。 3、图形必须转换为_________
谢 谢
Flash遮罩动画教学设计
（1）知识与技能
1）理解遮罩的含义及原理；
2）掌握遮罩动画的制作要领；
3）能够恰当运用遮罩层再现生活中一些有趣的情境；
（2）过程与方法
1）通过实例教学使学生学会遮罩图层的建立和遮罩效果的实现方法;
2）学会分析他人的Flash作品并学习其中使用的技术、技巧，培养学生举一反三，分析解决问题的能力。
4、播放更复杂的遮罩动画
播放：《放大镜》《伸展的花儿-升级版》《歌词效果（文字变色）》《007（探照灯）》
教师：遮罩动画还能做出哪些效果呢？播放更多动画，再次激发学生的学习兴趣和创造力。让学生选择一个，然后老师讲解。
5、讲解动画《007》制作过程源自（1）ppt课件，用于课程导入，讲解概念性知识点；
（2）软件：Flash 8，用于操作性知识点演示；
（3）案例资源，用于吸引学生的学习兴趣；
四、学习情境创设
1．学习情境类型（打√）
（1）真实情境
（2）问题性情境√
（3）虚拟情境
（4）其他
2．学习情境设计
最终要完成一个完整的应用flash遮罩功能的动画作品，先从简单入门的做起，然后逐渐增加难度。
学生活动
设计意图
复习旧课，导入新知
1、有奖竞答
教师提出四个问题由学生抢答，答对有奖：
问题1：flash中元件有哪几类？
问题2：操作题 修改文档大小为高300，宽600？
问题3：操作题：导入一段音乐？
问题4：操作题：创建一个补间动画，让圆形动起来。
通过这样的方式让同学生回忆学过的知识，调动大家的积极性，同时为今天的学习做准备。
2、导入新课
播放两个使用遮罩层实现的简单动画《伸展的花儿》与《慢慢出现的文字》
Flash遮罩动画制作课件
教学目标
教学内容
教学重难点
教学重、难点
教学方法
重点
将普通图层转化成遮罩 层，并实现遮罩效果；
遮罩动画的原理。
难点
对遮罩层、被遮罩层 的理解;
遮罩效果的分析及其 制作方法 。
结束播放
拓展资源
课后练习
4
教学过程
教学目标
教学内容
教学重难点
教学方法与手段
教学方法
结束播放
拓展资源
课后练习
5
教学过程
遮罩动画 教学过程
（1）课程内容：制作遮罩动画（2）课时安排：40分钟 （3）所属学科：信息技术 （4）教学对象：初二年级学生
返回导航页
谢谢各位专家
2. 插入一个图形元件，并在此元件中利用刷子工具画许多
条波浪形状的线条，宽度要同图片的宽度，高度要大于刚才
所复制内容的高度。
3. 回到场景中，插入一个新图层，将图形元件拉进舞台中，
然后分别在30和60帧插入关键帧，并将30帧的图形元件移
动位置，然后创建补间动画。
4. 将此图层设置为遮罩层。
Page 20
我认为关键是 区分遮罩层和 被遮罩层……
返回导航
Page 11
返 回基本概念
遮罩动画 教学过程
基本概念 动画实例 上机实习 小结 返回导航
flash动画遮罩教学设计.doc
课程名称
《遮罩动画》
教材版本《青岛出版社》
课时
1
章节位置
八年级上册第二单元第六课
课程
类型
新授
教学目标
1、知识目标
掌握遮罩层的概念；了解遮罩层的特点与作用。
2、技能目标
学会使用遮罩层，进一步神话对Flash的认识。
3、情感态度
价值观目标
培养学生的探究合作精神和热爱人自然的情感。
教学重点
遮罩动画的基本概念、特点，以及制作步骤
生：创建文明城市
师：回答的非常好，那你们知道为什么要创建文明城市呢？
（根据学生回答的结果，有指向性的带领学生们观看相关 视频）
一起观看视频过程，教师总结创建文明城市的原因。
带动 学生 认 知，
让学
师生 共同 观看 视
频，
通过 创设 真实 情境导入
激
发
兴
趣
（10，）
师：身边坏境的优化、城市的整洁离不开各行各业创城志 愿者的辛勤劳动，同学们想不想加入到创建文明城市的队 伍中去发挥自己的才能呢？
生：想！
师：好！同学们，我作为一名创城志愿者，欢迎大家的加 入！
同学们，虽然很多人为了我们的城市更加美好一直在 辛勤努力，但身边仍然有人将垃圾随手就丢弃了，遇到这 样的情况，你应该怎么办呢？
生：要及时制止他们。
师：回答的很好，爱护环境，人人有责，不仅我们自身要 做好，而且见到不文明行为也要去及时制止。垃圾的种类 有很多，对于垃圾的处理同学们有没有什么建议？ 生：分类处理
习，
小组 写 作， 探究 新知
锻炼 了学 生们 的自 主学 习能 力和 小组 协作 能力
12分钟
三、独挡一面、大显身手
flash遮罩动画教学设计
flash遮罩层动画一、教学目标1．知识目标(1) 掌握遮罩层动画原理；(2) 掌握制作遮罩图层与遮罩动画效果2. 能力目标(1)熟练地制作遮罩层动画；(2)培养学生的知识迁移能力；3．情感目标培养学生审美观二、教学重点、难点(1)遮罩层动画的原理；(2)遮罩层动画的制作；三、教学方法演示实验法，自主探索四、教学时间1课时五、教学过程（一）通过在线练习系统，进行基础知识练习和测试利用每节课上新课前几分钟时间进行基础知识练习，为初三考试作好准备。
（二）新课讲授1．遮罩层动画的原理遮罩层动画，是指一个图层中的对象以一定方式遮罩住另外一个(或多个)图层中的对象。
2．遮罩层FLASH系统的提供的“遮罩图层”，有时像探照灯的效果，只显示灯光所在处，有时好比一扇窗，只能看见窗户里的内容，其它的被遮罩。
3．演示制作静止的遮罩层动画(1)制作背景层：从“文件”－“导入”中导入用于被遮的图层，调整好大小，将图层命名为“被遮罩层”；(2)制作遮罩层：A)插入一个新的图层，命名为“遮罩层”B)使用椭圆工具绘制一个圆；(3)将鼠标放在遮罩物图层上单击右键，选择“遮罩层”(4)测试动画效果。
4．学生上机练习，同时思考怎样使到动画能动起来。
5．简单演示制作运动的遮罩层动画（两种方法）：方法一：遮罩层做运动动画，此方法适合制作七彩文字等；方法二：被遮罩层做运动动画，此方法制作望远镜效果等；6. 学生上机练习。
7．课堂小结遮罩层动画的原理、遮罩层动画的制作；8．上交作业教学后记：总的来说学生对遮罩层动画比较感兴趣，也掌握得不错，就是在灵活运用方面还有所欠缺。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
课题：《Flash遮罩动画制作》教学设计
科目：FLASH 教学对象：2012级计算机班 课时：1课时
提供者：梁长平 单位：临川现代教育学校
教学目标
知识目标
1、 掌握遮罩动画的工作原理，理解遮罩层与被遮罩层的关系
2、 掌握遮罩动画的制作方法
能力目标
能够灵活运用所学动画制作技巧，创作动画作品
情感目标
1、 感受运用flash动画软件创作作品的乐趣
2、 体验信息技术蕴含的文化内涵，形成和保持对信息技术的求知欲
教材分析
重点
遮罩的含义和遮罩效果的制作方法
难点
理解遮罩层与被遮罩层的关系
学情分析
通过前面的学习，学生已经掌握了基本动画的制作方法，理解了形状补间和运动补间
的区别。对于遮罩动画，大家都还并未接触过，是一个全新的知识点。
任务设计
制作文字出现的遮罩动画（遮罩层要求分别用形变动画和运动动画）
教学设计
教学环节 教师活动
学生活动 备注说明
新课导入
展示Flash小游戏——暗中观物。 让学生观察动画，并找找看可以发现什么。 观察动画，动手操
作，找出其中的特
点
激发学生学习兴
趣
提纲导学
展示学习目标：
1、 理解遮罩动画的原理
2、 理解遮罩层与被遮罩层的关系
3、 掌握遮罩效果的制作方法
观看幻灯片，了解
本节课要达到的学
习目标
明确目标
新知学习
展示遮罩动画应用实例1——文字
遮罩，并进行分析，归纳出遮罩动
画的原理。
遮罩动画的原理：透过一种图形看
被挡住的内容（图片、文字）
结合实例进行思
考，理解原理
实现学习目标，遵
循思维规律，提高
各种能力。
打开实例1的源文件，分析图层，
讲解遮罩层与被遮罩层的内容及关
系
遮罩层与被遮罩层：
1、遮罩层：图形
2、被遮罩层：被挡住的图片或文字
（最终看到的内容）
观看图层，思考并
理解
展示遮罩动画应用实例2——图片
展示，让学生分析遮罩层与被遮罩
层的内容，落实知识点
大家来看另一个遮罩动画实例——
图片展示。请同学们想一下，在这
个动画中遮罩层和被遮罩层分别是
什么内容？
观察动画源文件，
运用所学知识，思
考并回答两个图层
的内容
以实例“文字出现”为例，演示并
讲解遮罩效果的制作过程
制作过程：
1、 打开flash软件，新建两个图层，
分别命名为“遮罩层”和“被遮
罩层”（注意遮罩层要位于被遮
罩层之上）
2、 在“被遮罩层”中输入文字。点
击第1帧，输入文字“温州市第
七中学”，再在第40帧插入关键
帧。 3、 在“遮罩层”中绘制相应的图形。第1帧绘制一个小的矩形，与文字不想交。在第30帧，运用变形工具，将矩形放大，直至完全盖住文字。然后点击第1到30帧之间的任意一帧，创建形状补间动画。 4、 右键单击“遮罩层”，在弹出的菜单中选择“遮罩层”。遮罩动画制作完成。 观看演示
巩固练习
根据教师演示的步骤，制作文字出现的遮罩动画。遮罩层
尝试用多种方法制作。
提高知识综合性，
培养学生综合解
决问题的能力
小结
1、 制作遮罩动画之前，先要明确遮罩层和被遮罩层的对象
2、 注意遮罩层与被遮罩层的图层顺序
3、 一种遮罩效果的实现可以有多种方法
教学反思
从整节课的过程来看，知识点都得到了较好的落实，学生作业完成的
也还可以。但也存在着很多问题，主要体现在课堂时间安排的不是很合理。
四十多分钟的内容，二十多分钟就讲完了，学习练习之后还有较多的时间
剩余。这是原先没有预想到的。于是针对学生操作过程中普遍存在的问题，
详细地把遮罩动画的制作过程强调讲解了一遍，再让学生去改正原先做错
的地方。