利用遮罩层制作探照灯效果
教案遮罩动画-探照灯的制作
课题：flash动画制作课型：上机
教学目标：课时：1课时了解动画制作中遮罩动画的制作
重点难点：
探照灯效果
教学过程：
1）选择菜单File－>New，创建一个新电影。
2）选择菜单Modify－>Movie，弹出电影属性对话框，将其中的Width(即工作区宽度）设置成350px，Height(即工作区高度）设置成80px，Background(即背景色）设置成白色,单击OK按钮，关闭对话框。
3）探照灯效果制作
（1）、将背景色设置成黑色，在场景中使用文字工具录入文字，大小适中，颜色任意，放置在舞台中央（利用对齐工具将文字相对于舞台居中）（2）、新建一个图层，放在文字图层的下方，在舞台里使用椭圆工具绘制一个白色的圆，大小能完全遮盖住文字即可，并放置在文字的左边
（3）、在圆的图层的30帧处插入关键帧，将圆拖动到文字的右边，选择第一帧，创建动作补间动画
（4）、选择文字图层，设置遮罩，并按ctrl+回车测试影片播放
课堂小结
本堂课主要介绍了利用遮罩制作探照灯效果
课后作业
掌握利用遮罩制作探照灯效果。
flash使用遮罩动画制作探照灯效果教程
flash使⽤遮罩动画制作探照灯效果教程
FLASH如何⽤遮罩动画来制作探照灯特效?遮罩动画是flash中⼀个很重要的动画类型，有很多动画都是通过遮罩动画来实现的，接下来就教⼤家使⽤flash遮罩动画来制作⼀个探照灯的效果，感兴趣的朋友⼀起动⼿试试吧！
⽅法/步骤：
1、启动flash软件，新建⼀个flash⽂件
2、舞台颜⾊设为⿊⾊
3、先⽤⽂本⼯具，字体⾃定，主要是颜⾊要暗⼀点，这就⽤灰⾊了。
4、然后⽤对齐⼯具让⽂本居中对齐
5、插⼊图层2，然后把图层1中的⽂本复制到图层2的同⼀位置。
让两图层的⽂本重合起来
6、然后点击图层2的⽂本，在属性栏中把⽂本颜⾊给改成⽩⾊
7、再插⼊图层3，⽤椭圆⼯具，把笔触给去掉不要，填充⾊任意，在图层3的第⼀帧中绘制⼀个椭圆，放在⽂本的左侧，注意椭圆要⽐⽂本略⾼⼀点
8、然后在图层1和图层2的第40帧中插⼊普通帧，把它延长
9、在图层3的第20帧和40帧的地⽅插⼊关键帧。
10、然后选中第20帧，将椭圆给拖到舞台的右侧
11、右击图层3中的第2~19帧和第21~39帧，分别创建传统形状
12、最后，我们右击图层3，选【遮罩层】
13、保存，测试影⽚
教程结束，以上就是关于flash使⽤遮罩动画制作探照灯效果教程的全部内容，希望⼤家看完有所收获!更多flash教程，尽在⽹站。
全国中小学信息技术课程教学案例大赛获奖作品 水波荡漾
1.先考虑被遮罩层中的内容； 2.再考虑遮罩层中的内容； 3.最后设置遮罩动画。
应用遮罩
大胆实验 小试牛刀
初露锋芒 一展身手
【活动4一展身手】尝试创作文字遮罩动画， 为你的童年记忆写一个寄语。
分析： 文字是遮罩层，文字在上，文字不动； 矩形是被遮罩层，矩形在下，矩形运动。
结论：遮罩层和被遮罩层 都可以动 。
欣赏一：探照灯效果
1、探照灯效果演示
返回
2、分析探照灯效果 3、问题：在刚才的动画中，如果改变两层的
顺序，再利用“遮罩”效果，制作出的动 画会有什么改变？
返回
欣赏二：放大镜效果
1、演示放大镜效果
2、分析放大镜效果的源文件
返回
欣赏三：制作“MTV字幕”
1、演示 “MTV字幕” 效果
返回
返回
返回
图 图层效果
图 导入图片
4、选中“背景”图层的第1帧，按下Ctrl+Alt+C 快捷键复制该帧， 选中“被遮罩”图层的第1帧，按下Ctrl+Alt+V快捷键进行粘贴帧操 作。
5、选中“被遮罩”图层的第1帧舞台中的图片，按下Ctrl+B 快捷键将 图片打散，然后删除多余部分，保留水流部分图形，如图8-31所示。
导入图片4选中背景图层的第1帧按下ctrlaltc快捷键复制该帧选中被遮罩图层的第1帧按下ctrlaltv快捷键进行粘贴帧操5选中被遮罩图层的第1帧舞台中的图片按下ctrlb快捷键将图片打散然后删除多余部分保留水流部分图形如图831所示
第12课 水波荡漾
――“遮罩层”动画
一、引入
• 探照灯效果 • 放大镜效果 • 动态遮罩效果 • 百叶窗效果
《利用遮罩层制作探照灯效果》教案
《利用遮罩层制作探照灯效果》优秀教案第一章：教学目标1.1 知识与技能目标：让学生掌握HTML、CSS和JavaScript的基本知识，了解遮罩层的概念及运用。
1.2 过程与方法目标：通过实践操作，培养学生运用遮罩层制作探照灯效果的能力。
1.3 情感态度与价值观目标：激发学生对网页设计的兴趣，培养学生的创新精神和团队合作意识。
第二章：教学重难点2.1 教学重点：掌握遮罩层的基本用法，制作出探照灯效果。
2.2 教学难点：如何调整遮罩层的大小和位置，使其与探照灯效果完美结合。
第三章：教学准备3.1 教师准备：准备好相关的教学资料，如示例代码、教程等。
3.2 学生准备：提前学习HTML、CSS和JavaScript基础知识，安装好相关开发工具。
第四章：教学过程4.1 导入新课：通过展示一个探照灯效果的网页，引发学生的好奇心，激发学习兴趣。
4.2 讲解与演示：讲解遮罩层的概念，演示如何使用遮罩层制作探照灯效果。
4.3 学生实践：学生根据教师的讲解和演示，动手实践制作探照灯效果。
4.4 疑难解答：教师针对学生在实践过程中遇到的问题进行解答。
4.5 作品展示：学生展示自己制作的探照灯效果，互相评价、学习。
第五章：课后作业布置一道课后作业，要求学生运用所学知识，制作一个更具创意的探照灯效果网页。
教学反思：本节课通过讲解和演示，让学生掌握了遮罩层的基本用法，制作出了探照灯效果。
在实践过程中，学生遇到了一些问题，通过师生互动，解决了这些问题。
课后作业的设置，旨在提高学生的创新能力和实际操作能力。
在今后的教学中，要继续关注学生的学习情况，提高教学效果。
第六章：教学评价6.1 评价目标：对学生掌握遮罩层制作探照灯效果的程度进行评价，包括基础知识、操作技能和创新能力。
6.2 评价方法：通过课后作业的完成情况、课堂表现和作品展示来进行评价。
6.3 评价内容：课后作业的创新性和实用性；学生在课堂上的积极参与和问题解决能力；作品展示中的技术水平和创意表现。
FLASH动画 遮罩动画——探照灯文字 操作流程
第十课遮罩文字——探照灯文字
学习任务：
制作探照灯文字动画。
学习目标：
1、掌握遮罩动画的原理
2、理解遮罩层与被遮罩层之间的关系
3、通过对遮罩层与被遮罩层设置不同的运动和运动方式，制作精彩的动画效果。
知识要点：
一、遮罩动画的原理：
1、遮罩是需要两个图层来实现的，上一层叫遮罩层，下一层叫被遮罩层。
2、遮罩显示的结果是两层的叠加部分。
3、遮罩结果显示的色彩由被遮罩层的色彩决定。
4、在遮罩层和被遮罩层中均可设定动画（移动动画）如果用的是形变动画，不会出现奇妙多彩的效果。
因此，我们现在做的遮罩动画中，遮罩层和被遮罩层中都要使用元件或文字。
二、创建遮罩层的方法：见教材P67
三、提示：遮罩层只有一个，被遮罩层可以是多个。
只要把设计为被遮罩的图层拖到遮罩层下面（缩进状态）就可以。
操作任务：
任务一、制作探照灯文字动画：教材P68——71
任务二、制作流彩文字遮罩动画
任务三、
利用遮罩动画的原理，制作聚光灯、水波纹（这个难度大）、滚动字幕、展开卷轴（较难）、放大镜（较难）等。
《利用遮罩层制作探照灯效果》教案
《利用遮罩层制作探照灯效果》优秀教案一、教学目标：1. 让学生了解遮罩层的概念及其在网页设计中的作用。
2. 培养学生运用HTML、CSS和JavaScript技术制作探照灯效果的能力。
3. 提高学生动脑思考、动手实践的能力，培养团队协作精神。
二、教学内容：1. 遮罩层的概念与作用2. HTML和CSS制作遮罩层结构3. JavaScript实现遮罩层动态效果4. 探照灯效果的实战应用5. 拓展与优化三、教学重点与难点：1. 教学重点：遮罩层的基本概念、HTML与CSS制作遮罩层结构、JavaScript 实现遮罩层动态效果。
2. 教学难点：JavaScript代码的编写与调试，探照灯效果的实现。
四、教学方法：1. 讲授法：讲解遮罩层的概念、作用以及制作方法。
2. 演示法：展示遮罩层制作的完整过程，让学生清晰地了解每个步骤。
3. 实践法：让学生动手实践，制作探照灯效果，培养实际操作能力。
4. 讨论法：分组讨论，共同解决问题，提高团队协作能力。
五、教学准备：1. 教室环境：计算机、投影仪、黑板、教学PPT。
2. 教学素材：HTML、CSS、JavaScript相关知识资料。
3. 实践项目：探照灯效果实例。
4. 调试工具：浏览器开发者工具。
六、教学过程：1. 引入新课：通过展示一个精美的探照灯效果网页，引发学生兴趣，进而引入本节课的主题。
2. 讲解遮罩层概念：简要介绍遮罩层的概念及其在网页设计中的作用。
3. HTML与CSS制作遮罩层：讲解如何使用HTML和CSS技术制作遮罩层的结构，包括遮罩层和被遮罩内容的布局。
4. JavaScript实现动态效果：讲解如何使用JavaScript实现遮罩层的动态效果，包括遮罩层的显示、隐藏以及动态移动等。
5. 实战应用：指导学生运用所学知识制作一个简单的探照灯效果网页。
6. 拓展与优化：引导学生思考如何优化和拓展探照灯效果，提高网页的美观度和用户体验。
七、课堂练习：1. 让学生根据所学内容，利用HTML、CSS和JavaScript技术，制作一个具有探照灯效果的网页。
探照灯效果
探照灯效果操作过程：1、建立新图层。
双击“图层2”，输入“可见的文字”，按“回车”键，如图所示。
插入层图2-5-1 建立新图层2、制作“可见的文字”图层。
单击绘图区中的文字“轻松电脑时代”；选择菜单命令“编辑”→“复制”；单击“可见的文字”图层第一帧；选择菜单命令“编辑”→“粘贴到当前位置”；单击工具箱中的“油漆桶”工具；在颜色区，单击“填充颜色”的颜料盒，在弹出的调色板中选择第一列、第十行的黄色，如图所示。
3．添加“背景”图层。
选择菜单命令“插入”→“图层”；双击“图层3”；输入“背景”，按“回车”键；拖曳“背景”图层到“可见的文字”图层下方，如图2-5-3所示。
图2-5-3 添加“背景”图层4．制作“背景”图层。
单击工具箱中的“矩形工具”按钮；在颜色区，单击“笔触颜色”颜料盒；在弹出的颜料中选择无色；“填充颜色”设置为红色；在绘图区拖曳鼠标，绘制出一个如图2-5-4所示的矩形。
图2-5-4 制作“背景”图层5．添加“遮罩”图层。
选择菜单命令“插入”→“图层”；双击“图层4”，输入“遮罩”；按回车键；拖曳“遮罩”图层到“可见的文字”图层的上方，如图2-5-5所示。
图2-5-5 添加“遮罩”图层6．制作“遮罩”图层。
单击工具箱中的“椭圆工具”按钮；将“填充颜色”设置为黑色；在绘图区拖曳鼠标，绘制出一个圆形；单击“遮罩”层第20帧；选择菜单命令“插入”→“关键帧”；拖曳绘图区的圆形到绘图区的右边，即“代”字位置；单击“遮罩”层第1帧；单击属性面板；在“中间”下拉列表框中选择“形状渐变”，如图2-5-6所示。
图2-5-6 制作“遮罩”图层小技巧：插入关键帧对应的快捷键是F6键；插入帧对应的快捷键是F5键。
7．建立“遮罩”关系。
在“可见的文字”图层的第20帧处拖曳鼠标，同时选中下面三层；选择菜单命令“插入”→“帧”；在“遮罩”图层上右击鼠标；在弹出式菜单中选择“蒙版”；拖曳“背景”图层到“可见的文字”层下，同时作为被遮罩的对象；在“背景”层的图层锁处单击，如图2-5-7所示。
《利用遮罩层制作探照灯效果》教案
《利用遮罩层制作探照灯效果》优秀教案第一章：教学目标1.1 知识与技能目标：让学生了解遮罩层的概念及其在网页设计中的应用。
1.2 过程与方法目标：通过实践操作，培养学生运用HTML、CSS和JavaScript技术制作遮罩层探照灯效果的能力。
1.3 情感态度与价值观目标：激发学生对网页设计的兴趣，培养其创新意识和团队协作精神。
第二章：教学内容2.1 教材分析：本节课以《网页设计与制作》教材为基础，结合在线资源，为学生提供丰富的学习材料。
2.2 教学内容：（1）遮罩层的概念与作用；（2）HTML和CSS在遮罩层制作中的应用；（3）JavaScript实现遮罩层探照灯效果的原理。
第三章：教学过程3.1 导入：通过展示一个有趣的遮罩层探照灯效果，引发学生的好奇心，激发学习兴趣。
3.2 新课导入：介绍遮罩层的概念及其在网页设计中的重要性。
3.3 知识讲解：详细讲解HTML、CSS和JavaScript在遮罩层制作中的应用方法。
3.4 实践操作：引导学生动手实践，制作一个简单的遮罩层探照灯效果。
3.5 课堂小结：总结本节课所学内容，强调遮罩层在网页设计中的作用。
第四章：教学评价4.1 学生自评：评价自己在课堂上的学习效果，反思优点和不足。
4.2 同伴评价：学生之间相互评价，分享学习心得和经验。
4.3 教师评价：针对学生的作品进行点评，给予肯定和指导，提出改进建议。
第五章：教学资源5.1 教材：《网页设计与制作》教材。
5.2 在线资源：提供一些优秀的遮罩层探照灯效果示例及制作教程，供学生参考。
5.3 辅助工具：HTML编辑器、CSS预处理器、JavaScript调试器等。
第六章：教学方法6.1 讲授法：通过讲解遮罩层的相关概念和原理，让学生掌握基本知识。
6.2 示范法：教师演示遮罩层探照灯效果的制作过程，学生跟随操作。
6.3 任务驱动法：布置实践任务，让学生在实际操作中学会运用所学知识。
6.4 小组讨论法：学生分组讨论，共同解决问题，提高团队协作能力。
flash遮罩特效实例精选(探照灯文字)
flash遮罩特效实例精选--探照灯文字该实例实现的是探照灯文字效果，当探照灯由左到右照射时，被照到的地方出现鲜亮的色彩，如图1所示：图1 探照灯效果在影片的制作过程中，主要是遮罩的应用，没有使用任何脚本，所以制作还是很简单的，具体操作步骤如下：1.新建一影片，设置影片大小为250pxX120px（单位为像素），背景色为白色，当然设计者可以根据需要另行设置。
2.新建一图形元件“mask”，选取文本工具，设置字体为“A rial Black”，大小为42，在工作区中输入文本“LightMask”，如图2所示：图2 输入文本3.新建一图形元件“meng”，在第1帧处插入一关键帧，选椭圆工具，设置其填充色和轮廓颜色均为为黑色，按住Shift在工作区中绘制一正圆，如图3所示：图3 设计图形元件“meng”4.返回主场景，在第1帧处插入一关键帧，选取矩形工具，设置其轮廓颜色为黑色，填充色为灰色直线渐变色，其中浅蓝色的RGB值为：（40，52，140），深蓝色的RGB值为：（15，15，60）,混色器面板如图4所示：图4 设置混色器面板运用填充色，在工作区中绘制一矩形，通过填充形变工具，设置填充效果，给人以光线从右上角入射的效果，如图5所示：图5 设计光线入射效果选取文本工具，在属性面板中设置字体为“Arial Black”，大小为42，颜色为黑色，在工作区中输入文本“LightMask”，这就是文本的阴影，如图6所示：图6 设计文本阴影再次选取文本工作，置字体为“Arial Black”，大小为42，颜色为＃24486C，在工作区中输入文本“LightMask”，调整其位置，并在第10帧处插入帧，效果如图7所示：图7 制作有阴影的文本5.新建一图层“masked”，在第1帧处插入一关键帧，将制作好的图形元件“mask”拖放到工具区中。
使用文本工具，在属性面板中设置字体为“Arial Black”，大小为42，颜色为＃FF 9900，在工作区中输入文本“LightMask”，并调整其文本位置，效果如图8所示：图8 设计“masked”图层6.选中图层“masked”,插入一遮罩层“mask”，在第1帧处插入一关键帧，将制作好的图形元件“ball”拖放到工作区中文本的左边，选中第30帧插入一关键帧，将“ball”实例拖放到文本的右边，再次选中第1关键帧，单击鼠标右键，从弹出的快捷菜单中选择“创建补间动画”菜单命令，如图9所示：图9 添加遮罩层7.这样整个“探照灯文字”就制作完成，保存作品，按“C trl+Enter”预览最终效果。
实验动画5
实验5 遮罩动画——探照灯分析思路：1.导入外部图元2.绘制图形3.创建补间动画4.创建遮罩层“遮罩”，顾名思义就是遮挡住下面的对象。
在Flash中，“遮罩动画”就是通过“遮罩层”来达到有选择的显示位于其下方图层中的内容的目的。
Flash CS3遮罩层中的内容可以是填充的形状、文字对象、图形元件或影片剪辑。
一个遮罩层可以同时遮罩多个图层，但遮罩层与遮罩层之间不能相互作用。
操作实现：1.选择【文件】-【新建】菜单命令，在弹出的【新建文档】对话框中选择【Flash文档（ActionScript2.0）】选项，进入新建文档舞台窗口。
然后单击【属性】面板中的“文档属性”550*400像素按钮，在弹出的“文档属性”对话框中设置“尺寸”为“500*179px”，“背景颜色”为“黑色（#FFFFFF）”，“帧频”为“12帧”，其他选项使用默认，参数设置如下图所示。
2.将一幅绘制好的图片“校园夜晚.jpg”图片导入到Flash舞台当中。
在【属性】面板中设置x和y坐标值分别为0，选中“图层1”中的第30帧按F5插入普通帧。
3.单击【时间轴】面板下方的【插入图层】按钮，新建一个名为“图层2”的新图层，选中该层第1帧，按照步骤2的方法将一幅绘制好的图片“校园白天.jpg”图片导入到Flash 舞台当中，并在【属性】面板中对x和y坐标进行相同的坐标设置，即x与y的值也为0，以此来保证该图片与“校园夜晚.jpg”图片达到完全重合的场景效果，如下图所示。
4.单击【时间轴】面板下方的【插入图层】按钮，新建一个名为“图层3”的新图层，并选中该层第1帧，然后选择【多边形工具】椭圆工具按钮，在【属性】面板中设置笔触颜色为“黑色（#000000）”，填充颜色为“红色（#FF0000）”，其他选项使用默认，参数设置如下图所示。
5.按住Shift键的同时在场景左方绘制一个正圆，大小如下图所示。
6.选择“图层3”的第30帧，按F6键插入关键帧，并且将圆形移动到场景的右侧，并在时间轴中选择第1帧，在下方【属性】面板中将【补间】设置为“形状”，从而该图层创建了从第1帧到第30帧的形状补间动画。
flash怎么给夜景图片添加探照灯效果？
flash怎么给夜景图⽚添加探照灯效果？
flash中想要制作⼀个探照灯的动画效果，该怎么给夜景添加探照灯动画效果呢？主要利⽤遮罩动画来实现，下⾯我们就来看看详细的教程。
Adobe Flash CS6(FI cs6) 官⽅简体中⽂正式版
类型：动画制作
⼤⼩：1.24GB
语⾔：简体中⽂
时间：2015-12-10
查看详情
1、这⾥⽤的是Animate CC，打开软件，新建AS3⽂档。
2、百度找⼀张城市照⽚，放到舞台。
3、新建⼀个图层，复制图⽚到新的图层。
原位粘贴（ctrl+shift+v）。
4、隐藏上⾯的图层，选择下⾯的图⽚转换为影⽚剪辑。
5、选择影⽚剪辑，在属性⾯板滤镜⾯板添加调整颜⾊滤镜。
6、调整亮度如图所⽰。
7、最上层增加图层，画⼀个圆形。
8、把圆形转换为影⽚剪辑元件。
9、延长帧到60帧。
10、右键选择圆形图层，选择遮罩层。
11、在圆形图层第60帧添加关键帧，并移动圆形，注意要先解锁这⼀图层
12、预览效果吧（ctrl+enter）
以上flash给夜景图⽚添加探照灯效果的教程，希望⼤家喜欢，请继续关注。
探照灯效果实现学生操作帮助文档
探照灯效果实现学生操作帮助文档一、自主练习：（一）、探照灯效果实现。
1、首先，把舞台的背景设置为黑色，尺寸：600*100 像素。
2、插入图形元件,命名为“文字阴影”,选择文本工具，设置文字大小为 60，颜色为黄色。
输入“FLASH 动画制作”的文字。
3、插入图形元件,命名为“遮罩圆”,选择椭圆工具，颜色为白色。
按下 Shift键，在舞台中绘制圆形。
4、回到场景 1，建立 3 个图层，从上到下分别为：文字背景 2、遮罩层、文字背景 1。
3、选中“文字背景2”图层，在第 1 帧中插入“文字阴影”图形元件，并设置Alpha 值为 27%。
在第 30 帧，右击插入帧。
使图像内容延续到第 30 帧。
4、选中“遮罩层”图层，设置该图层为遮罩层。
在第 1 帧中插入“遮罩圆”图形元件，调整位置到黑色背景的左边。
将第 1 帧复制到第 30 帧粘贴，并调整“遮罩圆”位置到黑色背景的右边。
右击第 1 帧和第 30 帧中任意位置，创建补间动画。
5、选中“文字背景1”图层，右击该图层设置为被遮罩层。
在第 1 帧中插入“文字阴影”图形元件。
在第 30 帧，右击插入帧。
使图像内容延续到第 30 帧。
6、保存，演示。
（二）、屏幕中一定区域滚动字幕效果。
1、首先，把舞台的背景设置为白色（默认），尺寸：400*300 像素。
2、插入图形元件,命名为“补间”,选择文本工具，设置文字大小为 29，颜色为红色，字体为“华文行楷”。
输入以下的文字。
《回乡偶书》贺知章少小离家老大回，乡音无改鬓毛衰。
儿童相见不相识，笑问客从何处来。
3、回到场景 1，建立 2 个图层，从上到下分别为：滚动区域、滚动文字。
4、选中“滚动区域”图层，设置该图层为遮罩层。
在第1 帧中，使用矩形工具，在舞台中间绘制略小于背景的矩形，并填充为蓝色。
在第 60 帧，右击插入帧。
使图像内容延续到第 60 帧。
5、选中“滚动文字”图层，右击该图层设置为被遮罩层。
在第 1 帧中插入“补间1”图形元件，调整位置到蓝色矩形框的下方。
第十课 遮罩动画——探照灯文字
学生操作量规
项目
细
则
得分
1、文字内容能反映中学生健康的心态和向上进取的精神；（25）
内容
2、元件与文本表现合理，体现本课的内容要求；（10）
3、结构完整、合理，能与本节知识原理一致；（10）
结
构 4、全面、正确、规范；（10）
5、各部分命名正确并相对应（10）
6、实现己预期的表现效果；（20）
学习任务
制作一幅探照灯文字的动画作品。
任务说明：探照灯效果是一种常用的动画特效，它是利用 Flash MX 中的遮罩层来制作的，实现的是探照灯在黑暗的背景上划过，依次 会显示文字的表达效果。
任务要求： 根据掌握的内容来实现自己的创作意图，表达正确的人生态度和积 极向上的进取精神，我们要完成这个封闭式学习任务。
操作要点3
制作灯元件 ⑴单击【插入】菜单，选择【新建元件】命令，打开 【创建新元件】对话框，并进行参数设置： 【名称】灯 【行为】图形 ⑵单击【确定】按钮； ⑶单击【场景1】标签，返回到【场景1】中。
操作要点4
设置“灯” 的动作动画
⑴单击【插入图层】按钮，新建图层，并命名为“灯” ； ⑵单击【窗口】菜单，勾选【库】面板，并选定“灯”层的第1帧， 将“灯”元件拖入到【舞台】的左侧； ⑶右击“灯”层【时间轴】的第40帧处，选择【插入关键帧】命令， 并将“灯”元件移动到【舞台】的右侧，在第1～40帧之间创建补间动画。
先前我们学习的引导动画，是我们根据图层属性相关联 而进行参数的设置，来实现控制动作的路径。从而实现对象 沿着我们规定的路线运动。接下来的这节课，我们继续学习 对图层的属性的设置来实现更加丰富而具有表现力的动画效 果。
第十课 遮罩动画——探照灯文字
Flash遮罩特效实例--探照灯文字
Flash遮罩特效实例--探照灯文字Flash遮罩特效实例--探照灯文字作者:梁修但工作单位:来宾市职业技术学校授课类型:实训课学科:计算机动画设计——Flash8.0授课题目:探照灯文字效果【学生分析】学生已经掌握了动画设计中常涉及到的几种类型动画的制作方法:帧帧动画、运动渐变动画、形状补间动画、简单遮罩层的使用。
【教学目标】(一)能力目标1、通过制作本实例，培养学生自主学习能力、观察能力以及分析的能力。
2、具有较强的审美能力，场景的合理布局。
(二)知识目标1、熟练掌握运动渐变动画的制作方法。
2、遮罩层的进一步学习与实践。
【教学重点与难点】教学重点:1、遮罩层灵活的应用教学难点:1、学会观察分析实例的技巧。
2、遮罩动画在实例中的熟悉操作。
【教学模式】本课采用尝试教学法、启发式教学，实践法、指导法各任务驱动式教学相结合。
【教学过程】内容与步骤:一、导入、总结式地把上一次课的内容进行说明(3分钟)我们学习过简单的遮罩效果动画。
知道了遮罩效果至少包含两层。
一个遮罩层一个被遮罩层。
遮罩层在被遮罩层的上方，通过遮罩层上的区域而把被遮罩上的对象显示出来。
1、简单地把所作过的遮罩效果的动画演示一遍。
2、打开本节课的制作实例让学生进行对比、并作分析，指出本实例的相关对象制作进行分析。
二、本节课的实例制作方法与步骤(15分钟)该实例实现的是探照灯文字效果，当探照灯由左到右照射时，被照到的地方出现鲜亮的色彩，如图1所示:1图1 探照灯效果1.新建一影片，设置影片大小为250pxX120px(单位为像素)，背景色为白色，当然设计者可以根据需要另行设置。
2.新建一图形元件“mask”，选取文本工具，设置字体为“Arial Black”，大小为42，在工作区中输入文本“LightMask”，如图2所示:图2 输入文本3.新建一图形元件“meng”，在第1帧处插入一关键帧，选择椭圆工具，设置其填充色和轮廓颜色均为为黑色，按住Shift在工作区中绘制一正圆，如图3所示:图3 设计图形元件“meng”4.返回主场景，在第1帧处插入一关键帧，选取矩形工具，设置其轮廓颜色为黑色，填充色为灰色直线渐变色，其中浅蓝色的RGB值为:(40，52，140)，深蓝色的RGB值为:(15，15，60),混色器面板如图4所示:2图4 设置混色器面板运用填充色，在工作区中绘制一矩形，通过填充形变工具，设置填充效果，给人以光线从右上角入射的效果，如图5所示:图5 设计光线入射效果选取文本工具，在属性面板中设置字体为“Arial Black”，大小为42，颜色为黑色，在工作区中输入文本“LightMask”，这就是文本的阴影，如图6所示:图6 设计文本阴影再次选取文本工作，置字体为“Arial Black”，大小为42，颜色为,24486C，在工作区中输入文本“LightMask”，调整其位置，并在第10帧处插入帧，效果如图7所示:3图7 制作有阴影的文本5.新建一图层“masked”，在第1帧处插入一关键帧，将制作好的图形元件“mask”拖放到工具区中。
《利用遮罩层制作探照灯效果》教案
（利用遮罩层制作探照灯效果）优秀教案教学要求：通过学习使同学能再认识FLASH，了解还可以用FLASH制作一些简单的动画。
教学重难点：1、如何使同学能充分的认识FLASH MX。
2、会在计算机上用FLASH MX制作一些简单的动画。
教学打算：CAI课件、板书纸条、磁铁。
教学时间：一课时教学过程：教学步骤教师活动学生活动设计意图一引入激趣同学们，今天上课之前余老师首先请你们观赏一些东西，〔课件出示做好的“利用遮罩层制作探照灯效果〞的动画〕你们有没有人能说出它是用什么样的软件制作？〔FLASH〕对，前面的课我们已经简单的认识了FLASH，余老师也了解你们都会制作一些非常简单的小动画了。
那么今天我们要上的这节课，还是由余老师来继续教你们使用FLASH MX这个软件制作动画，好吗？〔好的〕举手答复前面所学过的，用FLASH制作的非常简单的动画方法。
让同学们稳固上次课所学习的内容。
二任务学习现在我教你们用FLASH MX来制作“利用遮罩层制作探照灯效果〞的动画吧!(课件出示课题)〔教师出示板书课题的纸条〕首先,我们一起来认识一下FLASH MX的界面！〔课件出示FLASH MX界面〕下面请你们看看Flash MX界面，它和FLASH 5是一样从上到下，从左至右，主要有标题栏、菜单栏、工具栏、工具、时间线、工作区和舞台、浮动面板，浮动面板中又包含信息、变形、描绘、填充、调色板、样本、A字符、段落、A文本、实例、效果、帧数、声音电影扫瞄器、对象动作、图库等；其它它的功能比FLASH 5的功能要齐全一些。
认识FLASH MX是一个什么样的软件，可以用它制作什么。
让教师的讲解使同学来充分的认识FLASH MX的界面。
三认识工具在上节课我们学习了“箭头工具〞和“直线工具〞，还了解了它们的属性和用途，也会使用它们来制作简单的东西。
那么这节课我们来学习“椭圆工具〞、“文本工具〞和“遮罩命令〞 (课件出示需要学会并使用的工具和命令)看看它们有一些什么样的用途，在我们今天的学习中起到什么样的作用。
遮罩动画-----探照灯效果
遮罩动画-----探照灯效果【学生情况分析】本课的教学对象是高二学生，前面已经学习过FLASH的基本操作，现正在学习photoshop制作，希望能利用两者的完美结合，制作出更好的作品来。
在学习本课之前，学生已基本学会了在Flash中进行图片导入、变形动画、运动动画、多图层（普通层、遮罩层）操作、文字效果等内容的制作。
【教学目标】知识目标：使学生掌握文字工具的使用，渐变功能的使用，掌握图层样式的一般文字特效的简单处理。
对文字图层进行栅格化。
能力目标：培养学生知识、技能的应用和迁移能力。
情感目标：培养学生合作意识，提高审美情操。
【教学重难点】教学重点：文字蒙版的使用教学难点：掌握补间、遮罩层命令【课前准备】1、PS 和FLASH软件装在学生机上，能正常使用。
2 、将图片提前从局域网上发送给学生。
【教学过程】PS部分1、打开素材“江山如此多娇”，在工具箱中选择横排文字蒙版工具，并设置适当属性。
2、在图像上输入文字“江山如画”。
提示：此时图像暂时转为快速蒙版模式。
按“CTRL+ENTER“、“SHIFT+CTRL+I”将选区反选。
3、将背景色调成黑色；按“DELETE“键删除被选选区。
4、在图层面板上新建图层1；拷贝背景图层上的选区内容；复制到图层1。
5、点击背景图层、用魔术棒工具将背景图层上的文字选中，将前景色调查成白色，用油漆桶工具上色成白色，作阴影效果。
然后调整图层1上文字的位置。
6、保存文件，格式为JPG。
FLASH部分1、打开FLASH，并且打开上一步制作好的“江山如画“图片。
2、在图层1时间轴50帧处插入普通帧。
（F5键）3、新建图层2，在工具箱中选择“椭圆工具“，按下“SHIFT+F9”打开混色器面板设置填充颜色为黑色，然后在“江“字上绘制一正圆。
4、在场景中选中黑色正圆，按F8键，将其转换成元件；并在图层2的第50帧处按F6键；并将场景中的正圆移动到文字的右边。
（在制作动画之前，可以先将需用的图形、按钮、影片制作成元件，放在元件库中，需要时直接从库中拖动到舞台，并放在合适的位置即可。
Flash制作补间动画,和探照灯的详细步骤
Flash动画制作案例操作步骤一、实例一制作形状补间动画1、创建动画文件。
选择“文件/新建”菜单项，在对话框中选择“Flash文档”。
2、设置文档属性。
单击舞台空白处，在属性检查其中单击“大小”旁的按钮，打开“文档属性”对话框，设置舞台尺寸600 像素宽，400像素高，背景为白色，帧频为12。
3、在舞台中心绘制直径为120像素的正圆。
单击椭圆工具，单击“笔触颜色”工具后在单击“没有颜色”工具，禁止出现圆的边线。
单击“填充色”工具旁的颜色框，在打开的调色器中选择“#33FF00”。
按住Shift键在舞台上拖动，绘制一个正圆。
单击“选择工具”，在舞台中单击选中圆形,(此时圆被虚点滤网遮盖)。
在属性检查其中设置宽、高均为120像素，X的值为240，Y值为120的绿色正圆绘制在舞台中央。
4、复制帧。
在时间轴第30帧位置单击鼠标右键，在弹出的快捷菜单中选择“插入关键帧”，则第一帧的圆复制到第30帧，产生两个关键帧。
将该帧圆形的颜色改为“#66FFFF”（选中圆形后，单击属性检查器中“填充色”框，在调色板中选择颜色）。
5、绘制正方形。
在时间轴中第15帧位置右击鼠标，在弹出的快捷菜单中选择“插入空白关键帧”，产生一个空的关键帧。
单击矩形工具按钮，在舞台中左上角适当位置绘制一个70 像素的正方形（可在属性检查器中设置正方形的尺寸、位置和颜色，颜色为“#FF66CC”，禁止边线）。
用选择工具选中正方形，按CTRL+C复制图形，按CTRL+V粘贴两次，并拖动图形到适当位置，形成一行3个排列整齐的正方形。
用同样方法复制3行，生成9个排列整齐的正方形。
可使用“对齐”面板中的按钮对齐图形。
6、修正正方形的颜色。
按住Shift键，单击四个角上的正方形，在属性检查器中将图形的填充色修改为“#FFFF00”。
7、设置形状补间动画。
在时间轴上单击第一帧，在属性检查器中的“补间”列表框中选择“形状”。
此时，第1帧到第15帧的时间轴中显示浅绿色背景和黑色箭头，表明这两个关键帧之间将自动生成13个形状补间帧。
遮罩动画——探照灯文字
遮罩动画——按照灯文字
教学目标：
知识目标
（1）掌握遮罩动画的工作原理，理解遮罩层与被遮罩层之间的关系；
（2）掌握探照灯效果的制作方法；
（3）能够灵活运用所学动画制作技巧，创作动画作品。
能力目标
（1）通过师生共同分析遮罩的实例，加深学生对于遮罩原理的理解；
（2）让学生自主实践，去完成探照灯效果的动画，使学生能够迅速掌握遮罩效果的制作方法；
（3）培养学生自主学习能力、探索创新能力和综合运用知识的能力。
德育目标
（1）感受运用Flash动画软件创造作品的乐趣；
（2）体验作品创作成功的喜悦和成就感，激发学习flash的兴趣。
教学重点：
遮罩的含义，遮罩与被遮罩的关系，遮罩效果的制作
教学难点：
哪层遮罩，哪层被遮罩，是遮罩层运动还是被遮罩层运动
教学方法与教学手段：
讲授法、演示法、任务驱动法。
教学准备：
硬件：多媒体网络教室；
软件：教学实例动画、图片及多媒体网络教学平台。
教学过程：
教学反思：
本节课力争能做到：以学生为中心，以教师为引导；循序渐进，分层教学，本课的导入很好的抓住了学生的兴趣，激发了学生学习的兴趣，让学生积极主动地参与到教学活动中来。
存在问题：对有些知识点的讲解，比如层的锁定，只是一带而过，没有能够到位，导致学生操作的时候容易出现问题。
探照灯
探照灯步骤1：准备工作。
●新建动画文档,设置舞台尺寸为700px×300px。
步骤2：制作暗色背景层。
●将系统默认的图层1改名为“暗背景”，在舞台工作区内绘制一个黑色（＃0000000）的矩形作为文本所在的背景。
●写文字“Flash MX”，字体为Arial Black ，字号为96，颜色为＃333333。
●选中文字，执行“修改”|“转换为元件”命令，将文字转换为图形元件，命名为“文字”。
舞台上的文字成为一个元件实例。
●执行“视图”|“标尺”命令，显示标尺，并拖曳出辅助线，用于标注文字在舞台上的位置.●选中第50帧，按F5键，插入静态帧。
●将“暗背景”层锁定。
步骤3：制作亮色背景层。
●新建一个图层，命名为“亮背景”，用一个颜色为＃CCCCCC的矩形作为背景，大小与“暗背景”层上的矩形相同。
●激活“亮背景”层，从“库”面板中拖曳出一个“文字”实例。
选中实例，在该实例“属性”面板颜色下拉列表中选择“色调”选项，在旁边的颜色框中选择“＃FFFFFF”，将实例颜色改为白色，并对照辅助线将该文字实例与“暗背景”层中的文字对齐。
●再拖曳出一个“文字”实例，用同样方法将其颜色改变为“＃333333”，用来做阴影，放到适当位置。
执行“修改”|“排列”|“下移一层”命令，将阴影实例放到白色文字下面。
●选中第50帧，按F5键，插入静态帧。
●将“亮背景”层锁定。
步骤4：制作遮罩层。
●新建一个图层，命名为“遮罩”。
选中“遮罩”层，打开右键菜单，执行“遮罩层”命令，使该层成为遮罩层，“亮背景”层成为被遮罩层。
此时，遮罩层与被遮罩层自动锁定。
●解除遮罩层的锁定，在舞台外文本的左方绘制一个没有边框的圆，填充成任意颜色。
●选中圆，执行“修改”|“转换成元件”命令，将圆转换成图形元件，命名为“遮罩圆”。
●在第50帧处按F6键，插入关键帧，将圆水平移动到文本的右方（舞台外）。
●选中第1帧，在帧“属性”面板设置补间属性为“动作”，在第1帧～第50帧之间创建动作补间动画。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
5、(课件出示遮蔽的方法)右键单击该图层名称，选下拉菜单中遮蔽，即创建了遮罩层，(课件出示做好的探照灯效果)再选菜单中控制→测试影片，就可以看到效果。你们看这个动画就做好了。
认识这次有什么样的工具，并且怎样使用它们。
通过学生的回答能够充分的认识和使用工具。
四
操
作
讲
制
作
步
骤
接现在请你们看看它的操作步骤如下：
1、(课件出示怎样设置背景色)打开Flash MX，把属性面板打开,将舞台背景设置为黑色。
认真的看教师操作，不懂的地方可以随时提问。
经过教师的操作，可以让学生知道可以怎样用FLASH来制作“利用遮罩层制作探照灯效果”。
五
巩
固
操
作
现在，你们通过计算机可以看见，刚才老师制作的“利用遮罩层制作探照灯效果”的动画。接下来请你们自己进行制作，如果有不清楚的地方就举手问我。教师边巡视边对不懂的学生进行指导。
自己自由讨论并回答。
通过讨论让学生们认识到FLASH MX不光可以做这种简单的动画，还可以制作复杂的动画。
板书设计：
利用遮罩层制作
探照灯效果
椭圆工具文本工具
遮罩命令
学生活动
设计意图
一
引
入
激
趣
同学们，今天上课之前余老师首先请你们欣赏一些东西，（课件出示做好的“利用遮罩层制作探照灯效果”的动画）你们有没有人能说出它是用什么样的软件制作？（FLASH）对，前面的课我们已经简单的认识了FLASH，余老师也知道你们都会制作一些非常简单的小动画了。那么今天我们要上的这节课，还是由余老师来继续教你们使用FLASH MX这个软件制作动画，好吗？（好的）
利用遮罩层制作探照灯效果
教学要求：
通过学习使学生能再认识FLASH，知道还可以用FLASH制作一些简单的动画。
教学重难点：
1、如何使学生能充分的认识FLASH MX。
2、会在计算机上用FLASH MX制作一些简单的动画。
教学准备：
CAI课件、板书纸条、磁铁。
教学时间：
一课时
教学过程：
教学步骤
教师活动
学生自己进行操作。
通过操作知道FLASH的功能。
六
小
结
这节课，你们学到了什么知识？你们都掌握了制作方法吗？谁能来总结一下今天所学习制作的这个动画的操作步骤？其他同学得他说的怎样，有没有要补充的？很好。通过今天的学习，同学们基本上已经掌握了FLASH MX这个软件的用法，那么我们在今后的学习中还要学习一些更复杂的制作方法，你们愿意吗？好，今天我们的课就上到这里，谢谢同学们！
举手回答前面所学过的，用FLASH制作的非常简单的动画方法。
让学生们巩固上次课所学习的内容。
二
任
务
学
习
现在我教你们用FLASH MX来制作“利用遮罩层制作探照灯效果”的动画吧!(课件出示课题)（教师出示板书课题的纸条）首先,我们一起来认识一下FLASH MX的界面！（课件出示FLASH MX界面）下面请你们看看Flash MX界面，它和FLASH 5是一样从上到下，从左至右，主要有标题栏、菜单栏、工具栏、工具、时间线、工作区和舞台、浮动面板，浮动面板中又包括信息、变形、描绘、填充、调色板、样本、A字符、段落、A文本、实例、效果、帧数、声音电影浏览器、对象动作、图库等；另外它的功能比FLASH 5的功能要齐全一些。
2、(课件出示文本工具的光标)单击选取文字工具，在第一帧输入文本“黄石市湖滨路小学”，调整字体和大小，(课件出示插入帧)再在第30帧右键单击，选下拉菜单中插入帧。
3、(课件出示插入图层)添加一个新图层，(课件出示椭圆工具)单击选取椭圆工具，在该层画一个没有边框的实心圆，调整图形至比字稍大，放在文字左端，(课件出示群组)然后选择菜单中修改→群组或按Ctrl+G快捷键群组。
认识FLASH MX是一个什么样的软件，可以用它制作什么。
让教师的讲解使学生来充分的认识FLASH MX的界面。
三
认
识
工
具
在上节课我们学习了“箭头工具”和“直线工具”，还知道了它们的属性和用途，也会使用它们来制作简单的东西。那么这节课我们来学习“椭圆工具”、“文本工具”和“遮罩命令”(课件出示需要学会并使用的工具和命令)，看看它们有一些什么样的用途，在我们今天的学习中起到什么样的作用。