教案 遮罩动画-探照灯的制作
教案遮罩动画-探照灯的制作
课题：flash动画制作课型：上机
教学目标：课时：1课时了解动画制作中遮罩动画的制作
重点难点：
探照灯效果
教学过程：
1）选择菜单File－>New，创建一个新电影。
2）选择菜单Modify－>Movie，弹出电影属性对话框，将其中的Width(即工作区宽度）设置成350px，Height(即工作区高度）设置成80px，Background(即背景色）设置成白色,单击OK按钮，关闭对话框。
3）探照灯效果制作
（1）、将背景色设置成黑色，在场景中使用文字工具录入文字，大小适中，颜色任意，放置在舞台中央（利用对齐工具将文字相对于舞台居中）（2）、新建一个图层，放在文字图层的下方，在舞台里使用椭圆工具绘制一个白色的圆，大小能完全遮盖住文字即可，并放置在文字的左边
（3）、在圆的图层的30帧处插入关键帧，将圆拖动到文字的右边，选择第一帧，创建动作补间动画
（4）、选择文字图层，设置遮罩，并按ctrl+回车测试影片播放
课堂小结
本堂课主要介绍了利用遮罩制作探照灯效果
课后作业
掌握利用遮罩制作探照灯效果。
遮罩动画教学设计
课题：FLASH遮罩动画（青岛版）
授课人：高密市银鹰文昌中学李言发
一、教学目标：
1、知识与技能：
（1）掌握遮罩动画的工作原理，理解遮罩层与被遮罩层之间的关系；
（2）掌握“探照灯文字”效果的制作方法；
（3）掌握“八一电影制片厂片头”效果的制作方法；
2、过程与方法：
（1）通过师生共同分析遮罩的实例，加深学生对于遮罩原理的理解；
（2）让学生自主实践，完成探照灯效果的动画，使学生能够掌握遮罩效果的制作方法；
（3）培养学生自主学习能力、探索创新能力和综合运用知识的能力。
二、学情分析：
学生前面已学习过Flash最基本动画原理，能制作出简单的形状动画和动作补间动画，如实例“滚动的小球”、“圆变为方形”，并对帧、图层已有了初步了解，但还未形成能很好理解，本节课的教学内容是
FLASH的“遮罩动画制作”，主要内容是制作遮罩动画作品。
三、教学重难点：
1、教学重点：遮罩的含义和遮罩效果的制作方法。
2、教学难点：理解遮罩与被遮罩的关系。
四、教学方法与教学手段：
讲授法、演示法、分层任务驱动法、自主探究学习法。
五、教学准备：
硬件：多媒体网络微机室
软件：flash软件、教学课件
六、教学过程：。
探照灯教学设计
活 作。鼓励学生不拘一格，按大屏幕上的形式，采用不同背景和“灯” 个探照灯的例
动
的形状及轨迹制作遮照动画。教师巡回指导。
子。学生将自己
（请将你在本节课中制作好的动画，颠倒遮罩层和被遮罩层的位置，看 认为有特色的作
实 一看有什么效果？）
品上传。
践
2、学生作品展示。让学生们之间进行相互交流，真
学生自由交
课的收获体会，
获
1、要产生遮罩，至少要有两层：遮罩层和被遮罩层。
以加深对本节知
体
2、遮罩层决定看到的形状，被遮罩层决定看到的内容。
识的理解和巩
会 即用遮罩层的可显示区域来显示被遮罩层的内容。
固。
课
课后作业：
后
1、完成课后 P59 习题 1-2 题。
作
完成课后作业。 2、利用自己的想象设计一个遮照动画，写好制作步骤，
①、定义场景为 400px×100px，背景定义为黑色；
边观看老师的示
②、给图层 1 起名为"文字层",用文本工具输入"欢迎光临 范过程。
",把文字设为 96 磅、隶书、蓝色。在第 20 帧插入帧。
③、新增一个图层 2，取名为“遮罩层”
注意听讲，
④、在遮罩层第 1 帧画一个椭圆，组合，把拖到左侧第一 仔细观察具体操
正学会如何自己获取信息的能力，同时培养了学生的动手能 流不同的学习心
力，鉴赏能力。
得。
让学生分析老师课件中的例子，是如何实现遮罩效果的，
说说制作过程，然后任选一例动手完成制作。（每相邻的四个
学生自主或
同学为一个小组共同制作。）
合作完成一个较
1、展示较为复杂的遮罩效果的动画实例。
《利用遮罩层制作探照灯效果》教案
《利用遮罩层制作探照灯效果》优秀教案第一章：教学目标1.1 知识与技能了解遮罩层的概念及其在探照灯效果中的应用。
学会使用遮罩层制作探照灯效果。
1.2 过程与方法培养学生的创新思维和动手能力。
学会分析并解决实际问题。
1.3 情感态度与价值观激发学生对网页设计的兴趣。
培养学生团队协作和互助精神。
第二章：教学内容2.1 教学主题：利用遮罩层制作探照灯效果。
2.2 教学目标：掌握遮罩层的基本操作。
学会制作动态的探照灯效果。
2.3 教学内容：遮罩层的概念及应用。
遮罩层的属性设置。
制作探照灯效果的步骤。
第三章：教学方法与手段3.1 教学方法：采用讲授法、演示法、实践法、讨论法等相结合的教学方法。
3.2 教学手段：使用多媒体教学设备，展示实例和操作过程。
提供实践操作平台，让学生亲自动手实践。
第四章：教学过程与时间安排4.1 教学过程：引入新课：介绍遮罩层及其在探照灯效果中的应用。
讲解遮罩层的基本操作和属性设置。
演示制作探照灯效果的步骤。
学生实践：分组进行实践操作，制作探照灯效果。
总结与评价：总结本节课的重点内容，对学生的作品进行评价。
4.2 时间安排：课时：2课时（90分钟）教学环节时间分配引入新课10分钟讲解遮罩层及其应用20分钟演示制作步骤15分钟学生实践45分钟总结与评价10分钟第五章：教学评价5.1 评价方式：学生实践作品评价：以小组为单位，对学生的实践作品进行评价。
个人总结评价：学生对自己的学习过程进行总结和评价。
5.2 评价指标：作品创意：20分技术实现：30分团队协作：20分总结与反思：30分5.3 评价结果：良好：80-89分一般：70-79分第六章：教学准备6.1 教材或学习资源：《网页设计与制作》相关教材。
网络资源，如教程、案例等。
6.2 教具：多媒体教学设备。
计算机及相关软件。
网络连接。
6.3 学生准备：预习相关知识。
掌握基本的网页制作技能。
第七章：教学难点与解决策略7.1 教学难点：遮罩层的属性设置。
遮罩动画教学设计方案
（遮罩层/被遮罩层）决定看到的形状
（遮罩层/被遮罩层）决定看到的内容
学生回顾本节课的主要知识点
多媒体课件教学板书
听课教师评价
一、优点：
1、本节课的任务设计循序渐进，能顾及到不同层次的学生。
2、课中能充分发挥学生的主体地位，面向全体学生，让每一位学生多交流多练。
3、教师的引导学生通过小组合作自学完成学习任务。
4、注重培养学生分析问题、解决问题的习惯。（做每一个任务时）
5、讲练结合，运用任务驱动，实践练习来巩固和加深学生对新课内容的理解。
二、缺点：
1、小组评价的多，但是集体性评价少。
2、拓展题时间紧，前面新课内容应该更紧凑些。
（着重信息技术使用的效果）
1、利用两张表格的展示，充分调动了学生的积极性，直观的进行对比，发散学生的思维。
2、提高了解决问题的能力和正确率，提高了课堂的效率。
3、为教师组织教学，提供较大的空间和良好的工具。
4、为课堂的及时反馈，教师更好的掌控课堂，提供了有力的保障。
自我反思
信息技术使用起到什么作用，是否达到预计目标
1、通过实例理解遮罩动画，把抽象的问题具体化、形象化。
2、教师可以更好地培养学生良好的观察问题、分析问题、解决问题的习惯。
（4）通过信息技术手段，增进师与生、生与生之间的情感交流；
（5）体验作品创作成功的喜悦和成就感，激发学习flash的兴趣。
教学重点：
遮罩的含义，遮罩与被遮罩的关系，遮罩效果的制作
教学难点：
哪层遮罩，哪层被遮罩，是遮罩层运动还是被遮罩层运动
教学方法与教学手段：
讲授法、演示法、任务驱动法。
教学准备：
硬件：多媒体网络教室；
《利用遮罩层制作探照灯效果》教案
《利用遮罩层制作探照灯效果》优秀教案第一章：教学目标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、做一个滚动字幕的动画。
输入有10行的文本，转换成元件，做成向上运动的动画；添加一层，画一个矩形，约有5行文字高；单击右键设置矩形层为遮罩层。
测试动画。
2、探照灯效果。
创建一个新文件，在第一层输入一段文字；新建一层，新建一个元件：小圆，无边线，打开调色板，设置为径向填充；打开库，将元件拖入舞台中，与文字在一个水平线上，制作一个小圆运动的动画，小圆的结束位置设置在最后一个文字的后面。
右第二层上单击右键，设置为遮罩。
测试效果。
3、小结：
通过以上两个实例，我们能够看出遮罩层能够是图形也能够是元件，同时，遮层能够是静止的，也能够是运动的。
三、练习。
依照以上实例做一个探照灯下的流动字幕。
遮罩层动画》教学设计。
《利用遮罩层制作探照灯效果》教案
《利用遮罩层制作探照灯效果》优秀教案一、教学目标：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）
（效果图3）
导入本节课的内容：Flash遮罩。
两者的位置：
遮罩层在上，被遮罩层在下。
二者的作用：
1、遮罩层——提供了形状；
2、被遮罩层——提供了显示的内容（文字、图片等）。
(互换之前)
(互换之后)
得出结论：
、遮罩层显示的是遮罩层与被遮罩层相交的部分，不相交的部分不会显示出来。
、显示出来的颜色是被遮罩层的颜
演示“动态多层遮罩——双色探照灯”
教师提示：被遮罩层可以有多个。
【初露锋芒】
教学过
教学活动
分析:
图层数：3 （背景层、文字层、矩形层）图层关系：遮罩层：文字层
被遮罩层：矩形层
运动方式：文字层自下垂直向上运
动渐变
【小结】
教学过
教学活动
瀑布
画卷展开
1、上网搜索Flash遮罩层的相关教程和利用遮罩层制作的动画。
2、上机实践“滚动字幕”和“看看小动物们在做什么”，并根据实践过程书写一份实践报告。
《利用遮罩层制作探照灯效果》教案
《利用遮罩层制作探照灯效果》优秀教案第一章：教学目标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 小组讨论法：学生分组讨论，共同解决问题，提高团队协作能力。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
课题：flash动画制作课型：上机
教学目标：课时：1课时了解动画制作中遮罩动画的制作
重点难点：
探照灯效果
教学过程：
1）选择菜单File－>New，创建一个新电影。
2）选择菜单Modify－>Movie，弹出电影属性对话框，将其中的Width(即工作区宽度）设置成350px，Height(即工作区高度）设置成80px，Background(即背景色）设置成白色,单击OK按钮，关闭对话框。
3）探照灯效果制作
（1）、将背景色设置成黑色，在场景中使用文字工具录入文字，大小适中，颜色任意，放置在舞台中央（利用对齐工具将文字相对于舞台居中）（2）、新建一个图层，放在文字图层的下方，在舞台里使用椭圆工具绘制一个白色的圆，大小能完全遮盖住文字即可，并放置在文字的左边
（3）、在圆的图层的30帧处插入关键帧，将圆拖动到文字的右边，选择第一帧，创建动作补间动画
（4）、选择文字图层，设置遮罩，并按ctrl+回车测试影片播放
课堂小结
本堂课主要介绍了利用遮罩制作探照灯效果
课后作业
掌握利用遮罩制作探照灯效果。