资源简介

第三课 车灯扫过文字——遮罩层动画
教学目标 知识目标：
理解遮罩与被遮罩层方法，将图层转换为遮罩层方法，制作遮罩层动画。
情感目标：
让学生们理解车行驶过程中，应该注意的哪些
能力目标：
让学生们树立，创新，自信，独立，思考的能力。
教学重点 制作背景和被遮罩的内容
教学难点 制作遮罩的内容
教学方法 任务驱动式、探究式、协作式
教学用具 多媒体计算机网络教室
教 学 过 程 设计思路
一、实践园地 （一）、制作背景和被遮罩层的内容
1、启动FLASH CS3 ,新建一个FLASH 文件
2、使用[矩形工具]绘制一个与舞台等大的黑色矩形
3、将“图层”命名为“背景”，并锁定图层。
4、单击[插入图层]按钮创建一个新图层。
5、在“图层”2中使用按钮在舞台中央绘制一个与舞台同宽的黄色矩形。
6、选择[文本工具]设制字体为宋体，字体为35，文本为填充颜色 红色
7、将“图层”2命名为“文字”并锁定图层
8、分别在两个图层的第37帧处插入帧。
（二）、制作遮罩层的内容
1、单击[插入图层]按钮，创建一个新的图层。
2、在“图层3”中，使用[椭圆]绘制一个红色椭圆
3、在“图层3”的第37帧插入一个关键帧，将椭圆拖动到舞台右侧。
4、在“图层3”的1到37帧之间的任意帧单击鼠标右键，选择制作[补间动画]
5、在图层3名称位置上单击鼠标右键，选择遮罩层，将这个图层转换为遮罩层。
（三）、为动画填加一个“车”图层，使车随灯影一同移动。
1、创建一个新图层，将图层重命名为“车”
2、选中“车”图层的第1帧，导入“素材”文件夹中的“车”图片
3、将“车”拖动到舞台的左侧与“灯影”相接的位置。
4、在“车”图层的第37帧插入关键帧，并在这帧中将“车”位置
5、在“车”图层创建动作补间动画
6、测试影片，观看动画效果
7、以“车灯扫过文字”为文件名，保存文件。
分析：遮罩在Photoshop中类似蒙板，在Fireworks中我们也用到过。
　注意：要想看到遮罩效果，两层都要锁定，解锁的作用是为了编辑层中的内容。
变化：刚才是文字层遮罩图形层，现在我们来变换一下，改变为图片层遮罩文字层，看看效果怎样？
先解除遮罩，将鼠标放在文字层上，右击，在出现的下拉菜单中选择 mask（它前面已经有个小钩）按一下。
将鼠标放在文字层上，将它拖下至图形层下方。
　　将鼠标放在图形层上，对下面的文字设置遮罩。
结论：上面这一层只有形状作用于遮罩，它的颜色都不会产生任何影响，甚至透明度！
文字被遮罩层遮住，在遮罩层开一个灯影形成的洞
引导学生明白遮罩的内含
要完成一个任务，首先在有一张十字路口的图片作为动画的背景
并且还需要车辆和灯影一起移动才合理
引导层的图案可以为其他图层或对像定位
课学生的表现，给予赞许。让学生对信息技术课的兴趣无限延伸。
教学回顾：

展开更多......

收起↑