教案遮罩动画-探照灯的制作
遮罩动画教学设计
课题：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、本节课的任务设计循序渐进，能顾及到不同层次的学生。
2、课中能充分发挥学生的主体地位，面向全体学生，让每一位学生多交流多练。
3、教师的引导学生通过小组合作自学完成学习任务。
4、注重培养学生分析问题、解决问题的习惯。（做每一个任务时）
5、讲练结合，运用任务驱动，实践练习来巩固和加深学生对新课内容的理解。
二、缺点：
1、小组评价的多，但是集体性评价少。
2、拓展题时间紧，前面新课内容应该更紧凑些。
（着重信息技术使用的效果）
1、利用两张表格的展示，充分调动了学生的积极性，直观的进行对比，发散学生的思维。
2、提高了解决问题的能力和正确率，提高了课堂的效率。
3、为教师组织教学，提供较大的空间和良好的工具。
4、为课堂的及时反馈，教师更好的掌控课堂，提供了有力的保障。
自我反思
信息技术使用起到什么作用，是否达到预计目标
1、通过实例理解遮罩动画，把抽象的问题具体化、形象化。
2、教师可以更好地培养学生良好的观察问题、分析问题、解决问题的习惯。
（4）通过信息技术手段，增进师与生、生与生之间的情感交流；
（5）体验作品创作成功的喜悦和成就感，激发学习flash的兴趣。
教学重点：
遮罩的含义，遮罩与被遮罩的关系，遮罩效果的制作
教学难点：
哪层遮罩，哪层被遮罩，是遮罩层运动还是被遮罩层运动
教学方法与教学手段：
讲授法、演示法、任务驱动法。
教学准备：
硬件：多媒体网络教室；
公开课教案遮罩动画
公开课教案-遮罩动画第一章：遮罩动画概述1.1 教学目标了解遮罩动画的概念和作用掌握遮罩动画的基本原理和制作方法1.2 教学内容遮罩动画的定义和应用场景遮罩动画的原理和制作流程遮罩动画的制作工具和技巧1.3 教学步骤1.3.1 导入：展示一些遮罩动画的例子，引导学生对遮罩动画产生兴趣。
1.3.2 讲解：讲解遮罩动画的定义、作用和制作原理。
1.3.3 演示：通过实际操作，演示遮罩动画的制作过程。
1.3.4 练习：让学生尝试制作简单的遮罩动画，巩固所学内容。
第二章：遮罩动画的制作工具2.1 教学目标了解遮罩动画制作工具的种类和功能掌握常用的遮罩动画制作工具的使用方法2.2 教学内容遮罩动画制作工具的介绍和比较常用遮罩动画制作工具的使用方法和技巧2.3 教学步骤2.3.1 导入：介绍遮罩动画制作工具的种类和作用。
2.3.2 讲解：讲解常用遮罩动画制作工具的使用方法和技巧。
2.3.3 演示：通过实际操作，演示常用遮罩动画制作工具的制作过程。
2.3.4 练习：让学生尝试使用常用遮罩动画制作工具制作简单的遮罩动画。
第三章：遮罩动画的制作技巧3.1 教学目标了解遮罩动画制作中的一些高级技巧掌握遮罩动画制作的优化方法和技巧3.2 教学内容遮罩动画制作的优化方法和技巧遮罩动画中的色彩处理和过渡效果3.3 教学步骤3.3.1 导入：介绍遮罩动画制作中的一些高级技巧。
3.3.2 讲解：讲解遮罩动画制作的优化方法和技巧。
3.3.3 演示：通过实际操作，演示遮罩动画制作中的色彩处理和过渡效果。
3.3.4 练习：让学生尝试使用高级技巧和优化方法制作遮罩动画。
第四章：遮罩动画的应用场景4.1 教学目标了解遮罩动画在不同场景中的应用掌握遮罩动画在不同场景中的制作方法和技巧4.2 教学内容遮罩动画在不同场景中的应用场景和实例遮罩动画在不同场景中的制作方法和技巧4.3 教学步骤4.3.1 导入：介绍遮罩动画在不同场景中的应用。
4.3.2 讲解：讲解遮罩动画在不同场景中的制作方法和技巧。
《利用遮罩层制作探照灯效果》教案
《利用遮罩层制作探照灯效果》优秀教案第一章：教学目标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 评价内容：课后作业的创新性和实用性；学生在课堂上的积极参与和问题解决能力；作品展示中的技术水平和创意表现。
探照灯效果动画制作
探照灯效果动画制作《探照灯效果动画制作》学案2007-06-11 08:24《探照灯效果动画制作》学案学习目标掌握探照灯效果制作学习重点遮罩效果的操作学习疑点方法指导先观看制作好的影片，思考制作原理，尝试来制作，精讲，再实践操作课前预习：1. 回忆时间轴、图层、帧的概念，及其作用。
2. 重点回忆引导线的作用及其操作方法。
3. 了解遮罩的概念，思考如何在动画制作中使用遮罩操作。
课堂教学:课程回顾：例1：制作一个地球围绕着太阳旋转的动画。
1.文件菜单“新建”，新建一Flash文件。
使用菜单命令“修改→影片…”，修改影片属性：尺寸为550px×500px，背景颜色为：黑色。
2、导入图片“太阳.jpg”, “地球.jpg”到库中。
3、单击“窗口“菜单选择图库（或按CTRL+L），把太阳拉进图层1中。
4.新建一个图层2，把地球拉进图层2中.5.单击图层2的第60帧，按F6插入一关键帧。
6. 单击图层1的第60帧，按F5插入一帧。
7、新建一个引导图层，使用椭圆工具，在工作区沿着太阳绘画一个线条为白色的空心椭圆。
单击箭头工具，在椭圆的某一处，选择一小段，按DEL键删除，并给引导层加锁。
8．单击图层2的第1帧，把地球的中心与椭圆的一端重合；单击图层2的第60帧，把地球的中心与椭圆的另一端重合。
9、单击图层2的第1帧，单击鼠标右键选择“面板“—”实例“，单击”帧数：项，变化设置为“动作”，旋转设置为“CW3次”10.单击引导层，解（开）锁。
11.按“Ctrl+Enter”测试影片。
课堂教学新课讲授：例2：制作探照灯效果动画注：使用探照灯时，只能看到同志德国照到的地方，其他的地方是看不到的。
下面我们一起来制作探照灯效果动画。
1、新建一Flash文件：movie。
使用菜单命令“修改→影片…”，修改影片属性：尺寸为550px×100px。
2、选取文字工具，输入字体为“隶书”，字号为“80”，颜色为红色的”Flash 动感世界“文字。
《利用遮罩层制作探照灯效果》教案
《利用遮罩层制作探照灯效果》优秀教案第一章：教学目标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 小组讨论法：学生分组讨论，共同解决问题，提高团队协作能力。
《遮罩动画》教案
重难点处理方法
对于重点问题遮罩动画原理的讲解中，通过遮罩动画原理模拟动画展示加深学生印象。对于遮罩动画的应用，通过一个职场情境，进行情境化的教学，先由教师抛出问题，由学生自主探究，解决问题，不但培养了学生观察分析的能力，而且化被动接受知识为主动探究。
教学改革方法
课堂上以“任务驱动”、学生自主学习为主，以讲授法、演示法为辅的教学方法。在教学中教师利用多媒体网络教学系统进行演示和引导，控制和参与整个教学过程上机练习，结合“任务”进行学习和交流。培养学生自主学习和探究学习的能力，提高学生信息获取、信息加工处理和信息应用的能力。
《遮罩动画》教案
题目
遮罩动画
课时安排
3学时
教材分析
该教学内容讲述了遮罩动画的原理，及遮罩动画的制作。遮罩动画是Flash学习的一个难点，特别是对遮罩动画的原理的理解。对于什么内容放在遮罩层，什么内容放在被遮罩层是必须要弄清楚的。Flash动画来源于生活，因此应以“再现生活”为整个学习的主线，让学生从生活中寻找“原型”，尝试利用动画自主探究再现，真正实现知识的触类旁通。
通过模拟职场情境，学以致用。采用学生自主探究的方式，培养学生独立思考与自主学习的能力。
通过展示部分学生的作品，指出优缺点，养学生解决问题的能力。
培养学生创新能力。
通过将作品传至Moodle平台，方便所有的同学点评。延伸教学的时间与空间。
在实践中巩固知识，并作为一种学生的学习效果反馈。培养学生观察和分析能力。
教学资源
案例中的素材来自教材以及自己创作，部分图片素材通过网络下载。
教学反思
通过本次课的学习，学生掌握了遮罩动画的原理与制作方式。在教学过程中，通过猜猜看小游戏的导入，激发学生学习兴趣。在重点内容的讲解中，通过遮罩动画原理模拟动画展示加深学生印象。对于实践内容，采取任务驱动教学法，在任务的布置中，通过一个职场情境，进行情境化的教学，不但激发了学生学习兴趣，而且提高学生解决问题的能力。课堂上以学生为主体，老师为主导，创设了一种愉快，主动的学习氛围，使学生在轻松的状态下学习。教学设计的案例讲解和活动任务是学生们熟悉的内容，使学生们能够联系生活，将生活中的东西运用到学习中来。在实际操作中，发现学生自我创作能力不强，创新能力不强，在今后的教学中要多多培养学生这方面能力。
- 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+回车测试影片播放
课堂小结
本堂课主要介绍了利用遮罩制作探照灯效果
课后作业
掌握利用遮罩制作探照灯效果。