遮罩动画聚光灯效果PPT模板

法二、右击图层，选择属性，打开【图层属性】对话框。在【类型】栏中选中 单选按钮，单击确定按钮。
思考问题
1、探照灯效果是透过什么？看到了什么？ 2、谁是遮罩层？谁是被遮罩层？ 3、(被)遮罩层做了怎样的运动？
利用遮罩技术，制作出“探照灯”效果的动画
练习操作
拓展练习
2、为“探照灯”设计出逼真的夜间场景。
注意
作业
1、 请将你在本节课中制作好的动 画，颠倒遮罩层和被遮罩层的位 置，看一看有什么效果？ 2、请制作一个被遮罩层运动的遮罩动画
1、为探照灯添加动画实现看到整 个风景图
分析实例
1、滚动字效果 2、水波涟漪效果 3、画பைடு நூலகம்卷轴 4、竖向对联
巩固提高
练习二模拟电影字幕
以小组为单位请任选一个动画进行制作，并提交作品
作品点评
利用学生分组上传的作品，进行师生交流点评。
利用遮罩可以制作出很多意想不 到的效果，我们既可以让遮罩层 运动，也可以让被遮罩层运动。
内容回顾
1、如何制作逐帧动画、动作补间和形状补间动画 2、如何制作引导层动画
教学目标
1、理解遮罩的概念及遮罩和被遮罩图层的关系 （重点） 2、掌握遮罩动画的制作要领 3、能够恰当运用遮罩层再现生活中一些有趣的情境。（难点）
遮罩就像是黑暗中的一束光.光照到的地方就是亮的，而没有被照到的部分就是暗的。
遮罩可以通俗的理解为一个区域 一个可以透过它看到下面图层的区域
遮罩的概念
遮罩的概念
遮罩就是透过一种图形来看被挡住的内容。 遮罩效果的实现，需要两层：一层是遮罩层——提供了形状； 另一层是被遮罩层——提供了被挡住的内容（文字、图片等）。
遮罩动画的原理
如何创建遮罩层

作用
遮罩动画能够实现丰富的视觉效 果，如局部展示、渐变出现、动 态遮罩等，提升演示文稿的吸引 力和表现力。
遮罩层与被遮罩层关系
01
02
03
遮罩层
位于上方的图层，用于控 制下方被遮罩层的显示范 围。
被遮罩层
位于下方的图层，其内容 会根据遮罩层的形状和位 置进行显示或隐藏。
关系
遮罩层与被遮罩层相互关 联，遮罩层的形状和位置 变化会直接影响到被遮罩 层的显示效果。
为遮罩形状添加一个“淡出”或“淡 入”的动画效果，以展示视频背景的 不同部分
交互式按钮设计案例
插入一个形状作为按钮，并添加相应的文字说明
设置交互效果后的动作，如跳转到指定幻灯片、播放视 频等
为按钮添加一个“鼠标点击”或“鼠标悬停”的交互效 果
可以结合使用不同的形状、颜色和动画效果，制作出更 加吸引人的交互式按钮
PPT动画篇遮罩动画
目录
• 遮罩动画基本原理与特点 • 创建遮罩动画方法及步骤 • 遮罩动画在PPT中应用场景 • 经典案例分析与实战演练 • 常见问题解决方案与技巧分享 • 总结与展望
01
遮罩动画基本原理与特 点
遮罩动画定义及作用
定义
遮罩动画是一种通过创建遮罩层 来控制被遮罩层显示或隐藏部分 内容的动画效果。
使用布尔运算
利用PPT中的布尔运算功能，将多个形状组合成一个复杂的遮罩层 。
结合其他动画效果
在遮罩动画基础上，添加缩放、旋转等其他动画效果，丰富多重遮 罩的表现形式。
提高遮罩动画制作效率技巧
01
02
03
04
使用快捷键
熟练掌握PPT中常用的快捷键 ，如Ctrl+C、Ctrl+V等，提

第四章 动画制作
第五节 使用遮罩效果
第五节 使用遮罩效果
复习提问及引入
1 flash动画分哪几类? 2 简述引导线动画如何实现 3 欣赏flash影片“雄鹰展翅”,其中的特效字如何实现?
第五节 使用遮罩效果
一、遮罩的含义 二、制作特效字
第五节 使用遮罩效果
一、遮罩的含义
遮罩图层是一种特殊的图层，它能挡着被遮罩层中的 所有对象，当在遮罩图层上放入一个对象时，例如一个圆， 就好像在遮罩图层上挖去了一个区域，这个区域可以看作 是透明的，而其他部分则是不透明的。透过这个区域可以 看到被遮罩图层正对遮罩图层的部分。 (结合实例理解)
层 ,遮罩效果由这两个图层共同实现。
第五节 使用遮罩效果
三、 拓展练习 (选作)
1 制作“文字出现”动画 2 制作“古诗”动画
第五节 使用遮罩效果
本节小结
1 遮罩的含义 2 利用遮罩制作特效字动画
作业
思考“手电筒照小猫”动画效果如何实？第五节 使用遮罩效果
二、 制作特效字
1 制作被遮罩层
在图层1上：导入图片素材，利用导入的图片，制作图片的运 动渐变动画
2 制作遮罩层
添加新图层2，在图层2上，利用文字工具输入文字“雄鹰展 翅” (静态属性)，设置合理的字体、字号
3 设置遮罩效果
设置图层2为遮罩层，测试、保存影片 注意：遮罩层在被遮罩层的上方,遮罩层与被遮罩层是相邻的两

图8-29 图层效果
图8-30 导入图片
4、选中“背景”图层的第1帧，按下Ctrl+Alt+C 快捷键复制该帧， 选中“被遮罩”图层的第1帧，按下Ctrl+Alt+V快捷键进行粘贴 帧操作 。
19
5、选中“被遮罩”图层的第1帧舞台中的图片，按下Ctrl+B 快捷键将 图片打散，然后删除多余部分，保留水流部分图形，如图8-31所示 。
（10）至此流水特效制作完成，保存并测试影片，得到如图8-23所 示的效果 。
图8-22 完成“海水流动”元件的创建 图8-23 完成海水流动动画
观看动画发现，整个动画只有水流效果，画面动画不够 丰富有趣，下面针对此问题为动画场景添加两只飞翔的 海鸥 。
15
3、导入海鸥 。 （1）设置图层如图8-24所示 。
遮罩层中的对象必须是色块、文字、符号、影片剪辑元件 （MovieClip）、按钮或群组对象，而被遮层不受限制
4
8.1.2 范例解析（一）──创建遮罩层动画练习
请同学们在老师的带领下进一步熟悉遮罩层动画的创建方法 和原理，并按要求完成以下操作 。
1、绘制镜片图形。 （1）打开教学资源中的“素材\第8讲\眼镜反光特效\制作模板.fla”，
如图8-6所示。 （2）在“眼镜”图层之上新建一个图层，并重命名为“镜片”层。 （3）在“镜片”图层上利用【线条】工具和【选择】工具绘制出眼
镜的两个镜片形状，如图8-7所示 。
图8-6 打开制作模板
图8-7 绘制镜片图形
5
2、制作反光效果。 （1）在“眼镜”图层之上新建图层并重命名为“光效”层。 （2）选择【矩形】工具，在【属性】面板中设置【填充颜色】为
第5帧场景效果

课堂导入：Flash的应用领域 网页设计 网页广告 网络动画
游戏设计
多媒体教学软件
项目指导
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在被遮罩层创建动画； ✓2单击“插入图层”按钮，新建一个图层，并将其设为遮罩层； ✓3在遮罩层创建动画。
练一练
打开个人的Flash动画文件“”，新建遮罩层，聚焦在 空中飞翔的小鸟。

Mark Shane Nicky Kian是Westlife的队长，和声部 Mark是主唱和高声部
Kian
Westlife
西城 最新专辑
专辑风格: Pop
唱 片 曲 目
WESTLIFE
GRAVTTY
中文译名：脱离重力 发行日期：2010年11月22日
skip
Westlif和声部 英文全名：Brian Nicholas McFadden 昵称：BB 出生日期：1980年4月12日 出生地：爱尔兰，都柏林（Dublin）
Shane 是主唱 Nicky是和声部 英文全名： Kian John Francis Egan 英文全名：Markus Michael Patrick Feeh 英文全名： Nicholas Bernard James 英文全名：Shane Steven Filan 昵称：萝卜 昵称：豚鼠 Adam Byrne 昵称：老头 出生日期: 1980年4月29日 出生日期： 1980年5月28日 昵称：美人 出生日期： 1979年7月5日 出生地： 爱尔兰， 斯莱戈(Sligo) 星座：双子座 出生日期： 1978 年 10 月 9 日 出生地：爱尔兰，斯莱戈 (Sligo) 星座： 金牛座 身高：182cm 出生地：爱尔兰，都柏林（ Dublin ） 星座：巨蟹座 身高：175厘米 出生地：爱尔兰，斯莱戈 (Sligo) 星座：天秤座 身高：175cm 眼睛颜色：蓝色 身高：头发颜色：金色 176cm

flash遮罩动画
任务三
▪ 遮罩的原理：
• （1）遮罩是需要通过两层实现的，上一层叫遮罩层，下一层叫被遮 罩层。
• （2）遮罩结果显示的是二层的叠加部分，上一层决定看到的形状， 下一层决定看到的内容。我们通常也把遮罩层叫做“透通区”，即 透过上一层看下一层的内容。
• （3）遮罩显示结果的色彩由被遮罩层的色彩决定，即可通过辩别色 彩的来源来确定哪一层为被遮罩层。
flash遮罩动画
高中信息技术备课组
flash遮罩动画
▪ 掌握遮罩层动画的基本原理。 ▪ 运用遮罩层动画制学们，是不 是和我们做的 游戏很像？
动画欣赏
动画欣赏
以上就是利用flash的遮罩动画实现的透过窗户看风景的效果，下面让我们 共同探究遮罩动画是如果实现的
▪ 遮罩的实现：
• 在要设置为遮罩层的图层上右击，选择快捷菜单中的遮罩层，即可 将当前的普通层转化遮罩层，其下的图层将自动转化为被遮罩层。
▪ 1、遮罩层在被遮罩层的上面
▪ 2、遮罩层决定看到的形状（透明）
▪ 3、被遮罩层决定看到的内容
flash遮罩动画
任务二
• 遮罩层动起来，被遮罩层保持静止。 （窗动） • 被遮罩层动起来，遮罩层保持静止。（景动）
▪ 提示：
• 窗户的形状自行创意 • 动画区间可以是多个
▪ 思考：如果设置完遮罩，效果没有实现，如 何修改
任务一
flash遮罩动画 试着做 一做
▪ 做出以下出现的三种情况（图层的运用，补间动作 动画、补间形状动画的创建。）
• 窗户和风景均静止 • 窗户动，风景不动 • 窗户不动，风景动
flash遮罩动画
上层为 窗户
上层为 遮罩层
思考：从左侧到右侧效果是如何实现的，普通图层和遮罩层的区别

（ C ）技术实现。
A、引导线 B、形状 C、遮罩 D、缩小
2.遮罩层中的对象可以是（ D ）的动画效果。
A．逐帧 B．形状补间 C．运动补间 D．以上都可以
3、遮罩层在被遮罩层（ B ）。
A.下方 B.上方 C.左侧
D.右侧
课堂检测
4.动画中有选择的看到部分内容的动画称为 （ D ）。
A．逐帧动画 B．运动补间动画 C.引导线 D．遮罩动画 5.遮罩动画中，( A )层内容不可见。
第五册-第七章-第七节
遮罩动画原理
遮罩其实就是不完全的遮挡。画面的多个图层中，上 层默认遮挡住下层，上层开出“透明窗口”，透出下层局 部画面，这就是遮罩。
初探遮罩动画
初探遮罩动画
活动一：制作《猫和老鼠》遮罩动画 时间：5分钟 提示：
遮罩层：圆形（运动补间） 被遮罩层：背景（猫和老鼠）
初探遮罩动画
初探遮罩动画
内容：继续完成《猫和老鼠》遮罩动画 提示：
右键单击“圆”图层---在弹出的菜 单中选择“遮罩层”。
已完成的同学思考如下问题: 设置遮罩效果前后，舞台和图果
图层面板
取消遮罩效果
制作遮罩动画步骤
步骤 制作被遮罩层（内容） 制作遮罩层（形状）
设置遮罩效果
A.遮罩层 B.被遮罩层 C.普通层 D.引导层
课堂小结
右键单击 “圆” 图层---在弹出 的菜单中 选择 “遮罩层”。
THANK YOU
内容
动画效果
“猫和老鼠”图片
“圆”图形元件
《猫和老鼠》
快捷菜单中的“遮罩层” 遮罩动画
选项
深入探究遮罩动画
内容：在《猫和老鼠》遮罩动画基础上，完 成《猫和老鼠》幻彩字

2-3 Enter Your Title
Add your title.
You can click here to enter your text. You can click here to enter your text.
Add your title.
You can click here to enter your text. You can click here to enter your text.
You can click here to enter your text. You can click here to enter your text. You can click here to enter your text. You can click here to enter your text. You can click here to enter your text.
60%
ቤተ መጻሕፍቲ ባይዱ
40%
Your Title
You can click here to enter your text. You can click here to enter your text.
You can click here to enter your text. You can click here to enter your text.
1-2 Enter Your Title
Click here to add your title.
• You can click here to enter your text. • You can click here to enter your text. • You can click here to enter your text. • You can click here to enter your text. • You can click here to enter your text.

2. 是什么在移动？ 3. 哪一层是遮罩层？哪一层是被遮层？
思考：与《探照灯》效果有什么不同？
.精品课件.
6
问题分析
(1)
.精品课件.
7
问题分析
(2)
.精品课件.
8
《探照灯》 《电影胶片》
1.《探照灯》，《电影胶片》两个动画的共同点和区别？ 2. 是不是一个遮罩层只能有一个被遮层呢？
.精品课件.
14
(二). 揭示了遮罩层与多个被遮层的关系
(3)
3. 一个遮罩层能有多个被遮层吗？ 能
4. 这个动画如果少掉一个被遮层，类似于刚才做的什么动画？电影胶片
.精品课件.
15
(三). 揭示了遮罩层与普通层的关系
(4)
4. 遮罩层一定能遮住普通层吗？不一定
5. 如果没有放大镜和小动物图层，类似于刚才做的什么动画？ 探照灯
9
《爱莲说》
观察：1. 有哪些在移动?
2. 透过什么形状看到了这些移动内容? 3. 请你思考这里有几个图层?
从上往下图层的顺序是什么？
4. 你能判断出哪个是遮罩层，哪些是被遮层?
尝试操作: 通过图层 属性 来.精设品课置件.第二个被遮层
10
问题分析
(1)
(2)
.精品课件.
11
问题分析
(3)
.精品课件.
这里放大镜、小动物图层的使用是为了产生一种逼真的放大的视觉效果。
动画的关键：是镜片图层（遮罩层）与大动物（被遮层）的遮罩效果。
.精品课件.
16
镜片图层与放大镜图层镜片的重合
《水中倒影》
《徐徐展开的画卷》
.精品课件.
17
——Flash遮罩动画

射；
3.设置4个光圈，光圈1的结束位置为0%；透明度 100%（圆心位置，可以设置为想要的颜色，透 明度设为96%~98%）；
5.光圈(guāngquān)4结束 位置设为100%， 透明度设为
0%(即8%到 圆周范围内
为全全黑遮罩)
6.为遮罩添加动画路径，制作灯光移动效果
第二页，共3页。
内容(nèiróng)总结
第一页，共3页。
4.光圈2结束
位置设为3%， 透明度设为
100%(即圆心 到半径的3% 长度的范围内的遮罩透明度)
5.光圈3结束 位置(wèi zhi)设为8%， 透明度设为 0%(即3%-8% 范围内为全 透明到全黑的渐变，成模糊光晕效果)
1.画出一个矩形适当调整尺寸大小； 2.选择射线(shèxiàn)渐变填充，方向为同心圆辐
5.光圈4结束
位置设为100%，
透明度设为 0%(即8%到 圆周范围内 为全全黑遮罩)。5.光圈4结束 位置设为100%，
No
黑遮罩)。3.设置(shèzhì)4个光圈，光圈1的结束位置为0%。透明度100%（圆心位置
，可以设置(shèzhì)为想要的颜色，透明度设为96%~98%）。4.光圈2结束 位置设为3%， 透明度设为 100%(即圆心
到半径的3%
长度的范围内的遮罩透明度)
第三页，共3页。