ppt遮罩动画聚光灯效果

第一篇：《遮罩动画》教学设计

《遮罩动画》教学设计

【课型】：新授课 【课时】：1课时 【教学内容分析】：

遮罩动画是Flash中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩动画来完成的，同时遮罩动画也是Flash动画教学中的一个难点，特别是在理解遮罩与被遮罩的关系和遮罩动画运动效果上更是难点中的难点，只有解决好这个两个问题学生才能熟练地运用形状补间动画、动作补间动画、引导动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。针对本节课的教学内容我主要是通过任务驱动、合作探究与操作演示，展示成果等方法进行教学。 【教学目标】：

1.知识与技能：

让学生理解遮罩动画的含义；掌握遮罩动画制作方法和技巧。

2.过程与方法：

让学生在欣赏-模仿-分析-探究的过程中学会学习，培养学生分析问题、解决问题的能力。

3.情感、态度、价值观：

让学生理解遮罩动画在动画制作方面的重要作用，激发学生对Flash的学习兴趣，养成主动学习积极实践的学习态度。

【教学重、难点】：

1.教学重点：

（1）遮罩动画的含义 （2）遮罩动画制作方法和技巧 2.教学难点：

理解遮罩与被遮罩的关系，实现遮罩动画的举一反三 【教学过程】：

一、导入新课：

给学生欣赏一些flash中的神奇动画效果（遮罩动画）；通过播放动画引起学生的好奇心激发学生学习兴趣，从而引出本节新课内容：“遮罩动画”。

二、讲授新课：

1.举例讲解遮罩动画的含义，“利用小纸片进行直观的讲解”（通过教具帮助学生更加直观理解遮罩动画）

遮罩动画的含义：遮罩动画是Flash中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩动画来完成的。在Flash的图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在遮罩层上创建一个任意形状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。

flash遮罩层实训心得

一、实训前的期待与小紧张。

在开始这次Flash遮罩层实训之前，我心里既兴奋又有点小紧张。兴奋的是，终于有机会深入学习这个看起来很神奇的功能啦！遮罩层就像是一个魔法工具，能让动画呈现出各种奇妙的效果。比如说，我之前在网上看到过一些用遮罩层做的导航栏动画，当鼠标移上去的时候，菜单选项就会有很炫酷的渐变显示效果，感觉特别厉害。我就盼着自己也能做出这样有趣的动画。但同时又有点紧张，毕竟这是个新的知识领域，担心自己学不会，做不出想要的效果。

二、实训过程中的探索与发现。

刚开始接触遮罩层的时候，我真是一头雾水。按照教程一步一步操作，创建遮罩层、在遮罩层和被遮罩层里绘制图形，可就是看不到预期的效果。就像第一次做饭，手忙脚乱的，盐放多了，菜也炒糊了那种感觉。

后来我仔细检查，发现原来是自己把图层的顺序搞反了。遮罩层和被遮罩层的关系就像是一个筛子和要筛选的东西，如果放错了，那肯定就筛不出想要的结果啦。调整好之后，终于看到了一点点效果，那种成就感就像黑暗中看到了一丝曙光。

接着，我开始尝试做一些简单的动画。比如说，做一个聚光灯效果。我在被遮罩层里放了一张漂亮的风景图片，然后在遮罩层里画了一个圆形，通过关键帧让这个圆形从左边慢慢移动到右边。哇塞！就真的出现了聚光灯扫过图片的效果，就像舞台上的灯光一样，感觉太神奇了！

在这个过程中，我也遇到了不少问题。比如遮罩的边缘不够平滑，动画过渡不自然等等。这时候，我就上网找资料，看别人是怎么解决这些问题的。原来可以通过调整笔触的大小、形状，还有添加缓动效果来让动画更流畅。通过不断地尝试和调整，我的动画效果也越来越好啦。

三、实训后的收获与感悟。 经过这次实训，我收获可多啦！不仅学会了怎么使用Flash遮罩层制作动画，还培养了自己的耐心和解决问题的能力。就像搭积木一样，一开始可能会搭得歪歪扭扭，但只要不放弃，不断调整，最后就能搭出漂亮的作品。

而且，遮罩层真的给了我很多创作的灵感。我发现可以用它来做很多有趣的东西，比如制作动态的文字效果、创意的图片展示等等。比如说，我可以把文字作为遮罩层，让图片在文字的轮廓里显示出来，就像文字是一个窗口，透过它能看到背后的精彩世界。这种创意的表达方式让我对动画制作有了更深的认识。

1.广义的动画定义：一切非实拍方法获得

的活动影像都是动画。2.狭义的动画定义：动画是一门通过在连续多格的胶片上

拍摄一系列单个画面，从而产生动态视觉

的技术和艺术，这种视觉是通过将胶片以一定速率放映的形式来表达，动画中动态

生成的一系列相关画面，每一幅与前一幅

略有不同。3.视觉暂留：动画利用了与电影、电视相同的基本视觉原理，即人类存

在“视觉暂留”特性。4.动画的技术定义：动画是一种技术，通过将一系列单个图画

拍摄成一个连续电影胶片，从而产生一种

运动的幻觉效果。5.动画的影像角度定义：动画是动态生成一组对象的帧序列过

程。在这个帧序列中，每个帧都是其前趋

帧的变换。6.延伸的动画定义：（1）通过一个形体变换成另一个形体来实现动画

的变形；（2）通过色彩变化来实现动画的

变色；（3）通过亮度的变化来实现动画的变光。7.魔术幻灯：是一个里面放置有灯

的铁箱，在箱的一边开有一个小洞，洞口

覆盖透镜。将一片绘有图案的玻璃片放在透镜后，灯光通过玻璃片和透镜将将图案

投射在墙上，形成影像。8.计算机动画：

是应用计算机程序，以一定的规律快速连续绘制并显示一系列有关联的静止图像。

9.主画面：是指与序列中主要运动相对应的画面。10.动画单元：是指由成千上万

画面组成动画的最小单位。动画单元在传

统动画中被称为画面，而在计算机动面被称为帧。11.运动的视觉语法：是指使用

计算机动画技术来表达活动与故事情节

的合成，能够实现可表达预期效果的活动设计。12.运动控制技术：是指计算机动

画制作过程中，用来控制3D物体或人物

运动的技术。运动控制技术的类别很多，将多种不同的运动控制技术和制作方法

组合到一个项目中十分常见。13.插入画

面：是指用于填充主画面之间空隙的过渡画面。14.插入画面制作技术：是动画制

作的一种基本技术，是指当主画面绘制完成后，根据画面视觉需要制作的插入画

面。15.计算机三维动画技术：由建模.

激活和处理等标准流程组成，通过对动画各个组件要素的数字化描述和表达来实

第十四课 初识遮罩动画

教学目标 1、使学生认识遮罩动画的特点；

2、制作遮罩动画

教学重点与难点 教学重点：

遮罩层的设置

教学难点：

遮罩动画的时间轴比较

一、导入：

1、教师播放FLASH影片《我的校园真美丽》，激起学生对遮罩动画的兴趣。

2、教师介绍遮罩动画。

遮罩动画是利用遮罩层制作的动画。在FLASH中，遮罩层是一种特殊图层，如一层不透明的纸，在其上挖洞，就可看到下层的内容。

3、展示实例：水波、万花筒、百页窗、放大镜、望远镜、聚光灯……

二、新课

制作过程：

1、定义场景为400px×100px，背景定义为黑色；

2、准备图层：两个图层(图层一、图层二)；

3、更改图层名称：.将“图层一”改为“遮罩”；将“图层二”改为“文字”；

4、遮罩图层：插入图形组件“圆”并填色；

5、文字图层：输入文字“FLASH遮罩效果”，并设置文字的大小、字体、颜色；

6、制作影片长度：“文字”层在第60格插入普通帧；“遮罩”层在第60格，插入关键帧；

7、在“遮罩”层创建补间动画；

8、测试影片；

9、保存。

三、布置学生制作遮罩动画《我的校园真美丽》的背景

1、制作“背景”图层

2、制作“校园”图层

（1）新建“校园景色”图片元件 （2）为“校园景色”图片元件制作运动渐变动画

3、测试影片

四、引导学生观看本课学习支持FLASH影片

五、学生制作遮罩动画《我的校园真美丽》。 1、讲解遮罩层的设立

不能直接建立遮罩层，只能将现有的图层转换为遮罩层。同时，其下方相邻图层自动转换被遮罩层，并且这两个图层被同时锁定，显出遮罩效果。

2、添加图层“遮罩校园”

3、绘制遮罩矩形

4、教师巡视辅导

5、学生自己测试作

六、点评学生作品

1、展示成功作品

2、为何部分同学未制作成功？分析原因

七、制作成功的同学准备试一试中的内容，未成功的同学继续制作。