1、课 题 项目七 制作遮罩层动画 授课时间 2012.5.9授课班级 11 计应（1） 授课类型 新授课授课时数 1 节 授课地点 306 机房教学目标 知识目标：1.了解遮罩层动画的制作原理 2.明确多层遮罩动画的制作原理 3.掌握利用遮罩层动画制作流水效果的方法 4.了解利用遮罩层动画表达艺术创意的方法 5.理解遮罩层与被遮罩层的概念。6.理解遮罩动画产生的设计原理。能力目标：1.理解制作遮罩动画的制作原理2.掌握使用遮罩原理制作动画的方法和技巧。情感态度价值观：1、进一步培养学生创新合作意识。2、进一步提高学生的竞争意识。教学重点 1. 理解遮罩层与被遮罩层的概念。2. 理解遮罩动画产生的
2、设计原理。3. 掌握使用遮罩原理制作动画的方法和技巧。教学难点 1. 掌握使用遮罩原理制作动画的方法和技巧2 掌握制作“动感文字” 动画设计的方法和技巧。教学用具 网络机房 Flash CS3 中文版 PPT 课件 动画资源教学方法 幻灯片演示 视频播放 演示法 案例展示等环 节 教 学 过 程 备 注引 入首先利用动画来展示制作简单遮罩层动画在制作动画时的效果，激发学生的学习兴趣；通过视频播放展示让学生掌握制作创建基本的遮罩层动画的方法和技巧，让学生掌握方法和技巧的同时，进一步激发学习兴趣；最后以一个综合型实例来引导学生的深入学习能力。展示作品激发兴趣第一课时任务一 了解遮罩层动画制作原理
3、任务一 了解遮罩层动画制作原理 1.创建遮罩层遮罩层和引导层一样，是 Flash 中特殊的图层。合理地使用遮罩层可以创建出丰富多彩的动画效果。一个遮罩效果的实现至少需要两个图层，上面的图层是遮罩层，下面的图层是被遮罩层。其中“图层 1”是遮罩层， “图层 2”是被遮罩层。2. 遮罩原理一个遮罩效果的实现至少需要两个图层，上面的图层是遮罩层，下面的图层是被遮罩层，如图所示，其中“图层 2”是遮罩层，“图层 1”是被遮罩层。与普通层不同的是，在具有遮罩层的场景中，只能通过遮罩层上对象的形状，才可以看到被遮罩层上的内容。 演示讲解学生理解记忆环 节 教 学 过 程 备注操作一 制作“动感文字”操作一
4、 制作“动感文字”【设计目标】本例将遮罩原理用于制作动感文字，在文字的轮廓中将出现流云的运动效果，避免文字过于呆板和单调，增加其美感，最终设计效果如图所示。【设计思路】 在最底层选取一幅图片做背景。 在这幅背景图上面做一个由文字和一组序列图片组成的遮罩效果。 在静态的图片上面可以透过文字的轮廓看到一幅动态的景色。制作“动感文字”的大致过程如下: 布置舞台。 制作遮罩。 预览动画。归纳总结学生小组协作完成课堂小结重要提示：这里运用了逐帧动画来实现“被遮罩层”的动态效果。本实例使用了遮罩层，可以透过遮罩层上文字“美景无限的轮廓看到被遮罩层上的动态图片，其中主要技巧是运用遮罩效果和逐帧动画。强调重点
5、展示作品 抽查检验学生作品并展示好作品，让学生更有自信爱上学习。 展示作品提交作业 按组提交各小组作业，教师评价成绩并记录学生日常成绩表。记录成绩教学后记环 节 教 学 过 程 备注课 题 项目七 制作遮罩层动画 授课时间 2012.5.9授课班级 11 计应（1） 授课类型 新授课授课时数 1 节 授课地点 306 机房教学目标 知识目标：1.了解遮罩层动画的制作原理 2.明确多层遮罩动画的制作原理 3.掌握利用遮罩层动画制作流水效果的方法 4.了解利用遮罩层动画表达艺术创意的方法 5.理解遮罩层与被遮罩层的概念。6.理解遮罩动画产生的设计原理。能力目标：1.理解制作遮罩动画的制作原理2.掌
6、握使用遮罩原理制作动画的方法和技巧。情感态度价值观：1、进一步培养学生创新合作意识。2、进一步提高学生的竞争意识。教学重点 1. 理解遮罩层与被遮罩层的概念。2. 理解遮罩动画产生的设计原理。3. 掌握使用遮罩原理制作动画的方法和技巧。教学难点 1. 了解制作“水中倒影效果”动画设计的方法和技巧。2. 掌握使用遮罩原理制作动画的方法和技巧教学用具 网络机房 Flash CS3 中文版 PPT 课件 动画资源教学方法 幻灯片演示 视频播放 演示法 案例展示等环 节 教 学 过 程 备 注引 入 提问学生简述遮罩层的原理，教师补充 提问第二课时操作二 制作“水中倒影效果 ”操作二 制作“水中倒影效
7、果”【设计目标】 利用遮罩原理可以表达很多动画效果。例如，“水”是动画中常用的主题，波光粼粼的水面、水中美丽的倒影、流动的小溪以及“飞流直下三千尺”的瀑布都是动画设计师宠爱的题材。 本例将进一步加深对遮罩效果的理解，掌握在影片剪辑中制作遮罩效果的方法。【设计思路】 在主场景中创建图片的背景层和文字层。 在文字层的上层放置一个影片剪辑，其内部包含文字倒影的遮罩效果。 利用倒影文字遮罩一组均匀相间的移动线条形成水波效果。利用遮罩原理可以表达很多动画效果，如波光粼粼的水面、水中美丽的倒影、流动的小溪等。本案例使用遮罩原理制作出物演示讲解上机实现环 节 教 学 过 程 备注体在水中产生倒影，并且倒影在
8、水中“随波荡漾”的动态效果，根据设计需要，可以更换倒影的颜色。操作二 制作“水中倒影效果”制作“水中倒影效果”的大致过程如下: 布置舞台，创建背景。新建一个 Flash 文档，设置文档【尺寸】为“779 像素 272像素”，背景颜色为 “蓝色 ”， 【帧频】为“20fps” ，其他属性保持默认设置。将图层名称“ 图层 1”重命名为“背景”。选择【文件】/【导入】/【导入到舞台】命令，导入“素材项目七制作“ 水中倒影效果” 背景图.jpg”图片，将其居中到舞台。 。 创建文字。 制作倒影。 绘制矩形，制作波纹。创建遮罩层。完成动画制作预览动画。学生上机操作教师巡视指导课堂小结 遮罩效果的实现关键
9、在于区分遮罩层和被遮罩层的关系。弄不清这个关系，头脑中就不会有这方面的想象。本例中主要是对全景文字实话遮罩，其中被遮罩的对象是一组做水平移动的均匀相间线条，并把遮罩的全景文字作为一个影片剪辑放于正常文字下面。线条在遮罩层上是不起作用的，却可以用在被遮罩层上。展示作品 抽查检验学生作品并展示好作品，让学生更有自信爱上学习。 展示作品提交作业 按组提交各小组作业，教师评价成绩并记录学生日常成绩表。记录成绩教学后记课 题 项目七 制作遮罩层动画 授课时间 2012.5.9授课班级 11 计应（1） 授课类型 新授课授课时数 1 节 授课地点 306 机房教学目标 知识目标：1.了解遮罩层动画的制作原
10、理 2.明确多层遮罩动画的制作原理 3.掌握利用遮罩层动画制作流水效果的方法 4.了解利用遮罩层动画表达艺术创意的方法 5.理解遮罩层与被遮罩层的概念。6.理解遮罩动画产生的设计原理。能力目标：1.理解制作遮罩动画的制作原理2.掌握使用遮罩原理制作动画的方法和技巧。情感态度价值观：1、进一步培养学生创新合作意识。2、进一步提高学生的竞争意识。教学重点 1. 理解遮罩层与被遮罩层的概念。2. 理解遮罩动画产生的设计原理。3. 掌握使用遮罩原理制作动画的方法和技巧。教学难点 1. 了解制作“瀑布效果”设计的方法和技巧。2. 掌握使用遮罩原理制作动画的方法和技巧教学用具 网络机房 Flash CS3
11、 中文版 PPT 课件 动画资源教学方法 幻灯片演示 视频播放 演示法 案例展示等环 节 教 学 过 程 备 注引 入 【设计思路】遮罩层的原理就是透过遮罩层物体的开关看到被遮罩层物体的内容，因此要使图片中静止的瀑布“动起来” ，而其他区域的景色则保持不变，应该分两步来处理。首先分离瀑布流水，然后给流水添加遮罩效果。讲授原理第三课时操作三 制作“瀑布效果”操作三 制作“瀑布效果”【设计目标】在位图中制作出逼真的遮罩效果。【设计效果】本例将制作瀑布流动的动画，将流水和美丽的景色有机地结合真情为，创建和谐自然的场景，完成逼真的设计效果。制作“瀑布效果”的大致过程如下: 新建 Flash 文档。 制
12、作“瀑布”元件。 制作“遮罩”元件。 完成制作“瀑布”元件。 预览动画。演示讲解环 节 教 学 过 程 备注具体操作流程：1. 新建文件2. 制作瀑布元件 3. 制作遮罩元件 4. 制作瀑布动画5. 预览动画。学生上机操作教师巡视指导操作三 制作“瀑布效果”重要提示：1. 分享图片是为了方便抠图，因为动画效果只需要瀑布中流水的部分，因此在“被遮罩”层只有瀑布流水被遮罩，其他部分要去掉。另外，绘制遮罩线条时，不能使用铅笔工具来绘制，否则会出错。2. 在制作动画的过程中要养成经常保存文档的习惯，一般每完成一部分操作就要保存一次，以免因失误而造成不必要的重复性劳动。保存文档的快捷键是 CTRL+S。
13、3. 遮罩效果的实现关键在于区分遮罩层和被遮罩层的关系。弄不清这个关系，头脑中就不会有这方面的想象。本例中主要是对全景文字实话遮罩，其中被遮罩的对象是一组做水平移动的均匀相间线条，并把遮罩的全景文字作为一个影片剪辑放于正常文字下面。线条在遮罩层上是不起作用的，却可以用在被遮罩层上。操作中易错的地方进行提示课堂小结 这种遮罩形成的水波效果在平面设计和动画设计中都有着广泛的应用，往往能够以假乱真的。本例中是选取图片上的某个区域并在这个区域上制作出遮罩效果。选取图片的过程中，抠图的操作很重要，直接影响最终效果。同时还应注意到，线条可以用在被遮罩层上。归纳重点展示作品 抽查检验学生作品并展示好作品，让
14、学生更有自信爱上学习。 展示作品提交作业 按组提交各小组作业，教师评价成绩并记录学生日常成绩表。记录成绩教学后记课 题 项目七 制作遮罩层动画 授课时间 2012.5.11授课班级 11 计应（1） 授课类型 新授课授课时数 1 节 授课地点 306 机房教学目标 知识目标：1.了解遮罩层动画的制作原理 2.明确多层遮罩动画的制作原理 3.掌握利用遮罩层动画制作流水效果的方法 4.了解利用遮罩层动画表达艺术创意的方法 5.理解遮罩层与被遮罩层的概念。6.理解遮罩动画产生的设计原理。能力目标：1.理解制作遮罩动画的制作原理2.掌握使用遮罩原理制作动画的方法和技巧。情感态度价值观：1、进一步培养学
15、生创新合作意识。2、进一步提高学生的竞争意识。教学重点 1. 理解遮罩动画产生的设计原理。2. 掌握使用遮罩原理制作动画的方法和技巧。3. 操作一 【基础练习】制作“电子影集切换效果”教学难点 1. 掌握使用遮罩原理制作“电子影集切换效果”动画的方法和技巧2. 掌握复杂动画设计的方法和技巧。教学用具 网络机房 Flash CS3 中文版 PPT 课件 动画资源教学方法 幻灯片演示 视频播放 演示法 案例展示等环 节 教 学 过 程 备 注引 入 遮罩层中有动画对象存在的地方都会产生一个孔，与其链接的被遮罩层相应区域中的对象可以显示出来；而没有动画对象的地方会产生一个罩子，遮住链接层相应区域中的
16、对象。利用这个原理再辅之以其他动画设计方法，可以制作出更多富有创意的设计作品。本任务将创建两个具有实用价值的动画作品。展示作品讲解原理激发兴趣第一课时操作一 【基础练习】制作“电子影集切换效果”知识解析将普通图层拖曳到遮罩层或被遮罩层的下面，即可将普通图层转化为被遮罩层。在一组遮罩中，遮罩层只能有一个，而被遮罩层可以有多个，即多层遮罩。其中“图层 1”为遮罩层，其余的所有图层都是被遮罩层。多层遮罩的创建原理十分简单，但是要利用多层遮罩动画做出精美的动画作品应该注意以下几点。 从现实生活中寻找创作灵感。 使用遮罩层动画来模拟表达创意。 多种动画技术结合使用。 在制作过程中不断完美自己的作品。操作
17、一 【基础练习】制作“电子影集切换效果”演示讲解学生理解记忆环 节 教 学 过 程 备注操作一 【基础练习】制作“电子影集切换效果”电子相册现在非常流行，使用 FLASH 来制作一个属于自己的电子相册是一件有趣的事情。本案例将使用遮罩动画来实现影集切换效果。制作“电子影集切换效果”的大致过程如下:1. 打开制作模板2. 编辑“相岫效果”元件。归纳总结学生小组协作完成课堂小结重要提示：此处的操作非常有效地应用了“图形”元件和“影片剪辑”元件受时间轴控制具有不同效果的特性。首先是通过利用“图形”元件具有跟随时间轴播放的特性来确定“方案 1”第一次循环结束的位置，而后将“图形”元件转化为“影片剪辑”
18、元件是为了保证遮罩动画的正确性。强调重点展示作品 抽查检验学生作品并展示好作品，让学生更有自信爱上学习。展示作品提交作业 按组提交各小组作业，教师评价成绩并记录学生日常成绩表。记录成绩教学后记课 题 项目七 制作遮罩层动画 授课时间 2012.5.11授课班级 11 计应（1） 授课类型 新授课授课时数 1 节 授课地点 306 机房教学目标 知识目标：1.了解遮罩层动画的制作原理 2.明确多层遮罩动画的制作原理 3.掌握利用遮罩层动画制作流水效果的方法 4.了解利用遮罩层动画表达艺术创意的方法 5.理解遮罩层与被遮罩层的概念。6.理解遮罩动画产生的设计原理。能力目标：1.理解制作遮罩动画的制
19、作原理2.掌握使用遮罩原理制作动画的方法和技巧。情感态度价值观：1、进一步培养学生创新合作意识。2、进一步提高学生的竞争意识。教学重点 1. 理解遮罩动画产生的设计原理。2. 掌握使用遮罩原理制作动画的方法和技巧。3. 操作二 【重点案例】制作“星球旋转效果” 教学难点 1. 掌握使用遮罩原理制作“星球旋转效果”动画的方法和技巧2. 掌握复杂动画设计的方法和技巧。教学用具 网络机房 Flash CS3 中文版 PPT 课件 动画资源教学方法 幻灯片演示 视频播放 演示法 案例展示等环 节 教 学 过 程 备 注引 入 本例将使用多层遮罩动画制作出超炫的三维球体旋转效果，本案例制作一个模拟地球旋
20、转的动画。展标第二课时操作二 【重点案例】制作“星球旋转效果 ” 操作二 【重点案例】制作“星球旋转效果”【设计效果】本例将使用多重遮罩的方法制作一个地球旋转的动画。蓝色背景中的地球模型均匀转动，可以清晰地看到其上的大陆版块图，最终效果如图所示。【设计思路】 首先制作蓝色方格背景。 然后制作半透明圆形球体作为遮罩层。 接着利用勾勒出来的大陆版块作为被遮罩层。圆形球体是不运动的，但如果让被遮罩的大陆版块运动起来，圆形球体看起来就是运动的。 对大陆版块要分正面和背面，因此需要使用多个被遮罩层。演示讲解上机实现环 节 教 学 过 程 备注操作二 制作“水中倒影效果”制作“地球旋转效果”的大致过程如下
21、: 新建一个 Flash 文档。 创建“元件 ”。 创建“元件 2”。 创建“元件 3”和“元件 4”。 导入外部元件。 创建动画 预览动画学生上机操作教师巡视指导课堂小结 本例制作的是个稍复杂的遮罩效果，通过这个例子可以知道，遮罩效果的实现不仅可以使用两层，还可以使用多层。遮罩层上放置静止不动的球形作为遮罩，被遮罩的物体包括正面和背面的运动大陆板块，并在最底层旋转一个地球模型背景，其中地球连贯旋转的关键是正面和背面的大陆板块运动的连续性。归纳总结展示作品 抽查检验学生作品并展示好作品，让学生更有自信爱上学习。展示作品提交作业 按组提交各小组作业，教师评价成绩并记录学生日常成绩表。记录成绩教学
22、后记课 题 项目七 制作遮罩层动画 授课时间 2012.5.11授课班级 11 计应（1） 授课类型 新授课授课时数 1 节 授课地点 306 机房教学目标 知识目标：1.了解遮罩层动画的制作原理 2.明确多层遮罩动画的制作原理 3.掌握利用遮罩层动画制作流水效果的方法 4.了解利用遮罩层动画表达艺术创意的方法 5.理解遮罩层与被遮罩层的概念。6.理解遮罩动画产生的设计原理。能力目标：1.理解制作遮罩动画的制作原理2.掌握使用遮罩原理制作动画的方法和技巧。情感态度价值观：1、进一步培养学生创新合作意识。2、进一步提高学生的竞争意识。教学重点 1. 理解遮罩动画产生的设计原理。2. 掌握使用遮罩
23、原理制作动画的方法和技巧。3. 操作三 【突破提高】制作“梦幻卷轴展开效果” 教学难点 1. 了解制作“梦幻卷轴展开效果”设计的方法和技巧。2. 掌握使用遮罩原理制作动画的方法和技巧教学用具 网络机房 Flash CS3 中文版 PPT 课件 动画资源教学方法 幻灯片演示 视频播放 演示法 案例展示等环 节 教 学 过 程 备 注引 入 【设计思路】遮罩层的原理就是透过遮罩层物体的开关看到被遮罩层物体的内容，因此要使图片中静止的瀑布“动起来” ，而其他区域的景色则保持不变，应该分两步来处理。首先分离瀑布流水，然后给流水添加遮罩效果。讲授原理第三课时操作三 【突破提高】制作“梦幻卷轴展开效果”
24、操作三 【突破提高】制作“梦幻卷轴展开效果”【设计目标】对遮罩效果的制作方法进行综合运用，进一步熟悉复杂动画的设计方法，总结设计技巧。【设计效果】本例将创建一个卷轴慢慢展开的动画，设计中使用卷轴中图画的模糊效果图作为背景，随着卷轴慢慢展开，模糊的图画逐渐清晰，具有强烈的视觉冲击效果，最后的设计效果如图所示。 【设计思路】 本例利用了两个遮罩。 清晰图片逐渐覆盖模糊图片的遮罩。 卷轴移动效果的遮罩。 两个遮罩始终保持同步。演示讲解环 节 教 学 过 程 备注制作“卷轴展开效果”的大致过程如下:1. 创建“元件 1”，制作发光轴。2. 创建“元件 2”，导入图片素材。3. 创建“元件 3”，制作遮
25、罩动画 14. 制作遮罩动画 25. 保存测试影片，预览动画。学生上机操作教师巡视指导操作三 【突破提高】制作“梦幻卷轴展开效果”重要提示：1. 遮罩效果的实现关键在于区分遮罩层和被遮罩层的关系。弄不清这个关系，头脑中就不会有这方面的想象。本例中主要是对全景文字实话遮罩，其中被遮罩的对象是一组做水平移动的均匀相间线条，并把遮罩的全景文字作为一个影片剪辑放于正常文字下面。线条在遮罩层上是不起作用的，却可以用在被遮罩层上。2. 遮罩是 Flash 中的重要工具，其功能强大，使用方法却很简单，许多优秀的 Flash 作品中都有其身影，希望读者能熟练掌握并灵活运用遮罩技术。本章通过大量的实例，由浅入深
26、地介绍了静态和动态遮罩效果，为读者全面展示了遮罩动画的魅力。3. 我们可以通过模拟本章的实例来进一步熟悉遮罩工具。在制作时，请读者从遮罩的原理出发，并充分发挥自己的创意，从而创作出更为生动有趣的 Flash 作品。 操作中易错的地方进行提示课堂小结 利用遮罩可以延伸制作出很多漂亮的动画效果。遮罩不与自身（除形状外）属性关联，包括边缘与羽化，半透明渐变等。遮罩层和补间动画、引导图层等互相搭配使用一个重要的设计技巧。在本例中用到了两个遮罩效果，并将它们重合在一起。第 1 层遮罩实现了图片由模糊到清晰的转换，第 2 层遮罩实现了透过卷轴的开关看到移动的清晰图片。需要注意的是，两个遮罩效果必须同时进行，而且卷轴内部清晰图片的运动要相对快一些。归纳重点展示作品 抽查检验学生作品并展示好作品，让学生更有自信爱上学习。 展示作品提交作业 按组提交各小组作业，教师评价成绩并记录学生日常成绩表。记录成绩教学后记
