当前位置:
文档之家› Flash 教案8水波荡漾-“遮罩层”动画
Flash 教案8水波荡漾-“遮罩层”动画
四、保存文件
将动画源文件以“水波荡漾”为文件名保存到自己文件夹中的“作业”文件夹中,并测试生成swf格式的文件。
【知识着陆】
遮罩是Flash中的一个常用功能,在遮罩层中,可以使用“绘图工具”绘制各种图形作为遮罩,透过这些图形能够看到被遮罩层的内容,而遮罩层图形以外的内容将遮蔽。利用遮罩层的特点,可以制作各种文字变幻、水波纹、百叶窗切换等特效。
学生上机制作有水中倒影效果的背景。
二、制作乘伞落下的小熊
师先做演示操作,然后学生上机操作。
具体演示操作步骤:
1、新建图形元件“落水的小熊”,使用“线条工具”、“椭圆工具”等绘制小熊图案,如教材P67图10.5所示。
2、回到“场景1”的编辑状态,新建图层,重命名为“小熊”,将图形元件“落水的小熊”拖放到舞台上方。在第50帧插入关键帧,移动小熊位置,使其位于有倒影的水中。
4、测试影片,观看效果。
师引导分析:实例1以由小变大的椭圆图形作为遮罩,使下面一层的文字通过镂空的椭圆显示出来,椭圆以外的文字被遮蔽。由于椭圆是遮罩层,所以椭圆的颜色不影响画面效果。
实例2以文本作为遮罩层,通过镂空的文字线条将下一层的椭圆图形显示出来,文字线条以外的图形被遮蔽。由于文字是遮罩层,所以文字的颜色将不影响画面效果,而椭圆的色彩透过文字线条显示出来。
3、在图层“小熊”上添加运动引导层,绘制小熊落下的轨迹。
4、将图层“小熊”上第1帧和第50帧位置的实例“落水的小熊”分别锁定在路径的两端。
5、在图层“小熊”上第1至第50帧之间创建动画补间动画,完成小熊落下的引导层动画,如教材P67图10.6所示。
学生上机制作乘伞落下的小熊。
第2课时:
三、利用遮罩层制作水中倒影特效
【视野拓展】网页制作三剑客
学生阅读了解。
第4课时:
【创作天地】
使用遮罩效果制作绽放的礼花。
制作提示:
将彩球作为被遮罩层,将刷子工具绘制的线条作为遮罩层。
教学
后记
本节教学实例、DIY制作的两个实例及创作天地内容多,需要学生制作也很多,因此,为了保障教学质量,需用三个课时完成。
学生上机往库导入图片。
、制作有水中倒影效果的背景
师先做演示操作,然后学生上机操作。
具体演示操作步骤:
1、执行“插入”→“新建元件”命令,新建图形元件“背景图”。
2、打开“库”面板,将图像bk10.bmp拖放到舞台。
3、回到场景1的编辑状态,重命名“图层1”为“背景”,将图形元件“背景图”拖放到舞台上,在“属性”面板中调整X、Y 的坐标值为0、0,如教材P66图10.2所示。
4、在“图层1”上复制图形元件“背景图”的另一个实例,在属性面板中调整其X、Y坐标值为0、300,颜色透明度设置为40%,如教材P66图10.3所示。
5、使用“选择工具”单击舞台下方位置的“背景图”,执行“修改”→“变形”→“垂直翻转”命令,制作出水中倒影的物效,如教材P66图10.4所示。
6、在“背景”层第50帧插入帧。
师:导入外部图片用于制作动画作品的背景,并利用影片剪辑元件的颜色透明度设置制作出水中倒影效果。
、导入图片
师先做演示操作,然后学生上机操作。
具体演示操作步骤:
1、新建动画文件。修改文档“属性”的大小为“800*600像素”,背景色为“蓝色”。
2、执行“文件”→“导入”→“导入到库”命令,将素材图片bk10.bmp导入到库中。
、制作倒影层
师:观察生活中的水中倒影可以看出,水波波动时,水里物体的影像会向外扩散,产生比真实物体放大的效果。
师先做演示操作,然后学生上机操作。
具体演示操作步骤:
1、在图层“背景”和图层“小熊”的第80帧插入帧。
2、新建图层,重命名为“水中倒影”,在第50帧插入关键帧。
3、复制“背景”层上的倒影图案,粘贴在“水中倒影”层的第50帧位置,使用“任意变形工具”将图像适当放大,如教材P68图10.7所示。
课题
水波荡漾----“遮罩层”动画
课型
实作
教学
目标
1、复习各类型元件的制作方法,熟练掌握元件的位置、颜色等属性的更改。
2、复习巩固引导层动画的制作方法。
3、学习遮罩层动画的制作。
重点
遮罩层动画
难点
遮罩层动画的创建
教学
方法
演示和学生上机
教学
媒体
课件
多媒体网络教室
教学
课时
4课时
教学过程与方法
教师活动
学生活动
4、在“水波”层的第50至80帧之间创建形状补间动画。
5、右击图层“水波”,在弹出的快捷菜单中选择“遮罩层”命令,则水波荡漾的效果就制作完成了,如教材P69图10.10所示。
学生上机制作水波遮罩。
【智多星】遮罩
师:遮罩动画是Flash中常用的一种技巧。遮罩动画就像是一张纸上镂空了一个形状,透过这个形状可以看到下面的图层。用于遮罩的对象可以是任意形状的图形、文字或元件等。遮罩下面的图层(被遮罩层)可以透过遮罩层中的对象显示出来,对象以外的部分将被遮蔽。
4、右击图层“圆”,在弹出的快捷菜单中选择“遮罩层”命令,如教材P70图10.11所示。
5、测试影片,观看效果。
第3课时:
实例2:以文字作为遮罩层
学生上机制作体会。
制作步骤:
1、重复实例1中的第1—3步。
2、调整图层顺序,使”,在弹出的快捷菜单中选择“遮罩层”命令,如教材P71图10.12所示。
学生上机制作倒影层。
、制作水波遮罩
师先做演示操作,然后学生上机操作。
具体演示操作步骤:
1、新建图层,重命名为“水波”。
2、在第50帧插入关键帧,使用“刷子工具”绘制如教材P68图10.8所示的圆环图案。
3、在“水波”层的第80帧插入关键帧,使用“任意变形工具”将水波图案放大,如教材P69图10.9所示。
第1课时:
新课的引入:
师引入课题:教师演示本课范例、创作天地范例、百叶窗特效、放大镜特效等具有遮罩层特效的动画,让学生观察用所学的知识能否完成这些动画效果的制作?以此引入本课学习的重点——遮罩层动画。
新课的教学:
一、制作背景
师引入第8课完成的作品实例,添加图形元件“鲜花”来丰富画面,为飞舞的蝴蝶设置情境。
【DIY】遮罩
师:比较下面两个实例的不同,体会遮罩动画的神奇效果。
实例1:以渐变的图形作为遮罩层
学生上机制作体会。
制作步骤:
1、新建文件,修改文档“属性”的大小为“300*180像素”。
2、将图层1重命名为“文字”,使用“文本工具”写入静态文字GELLO,在该图层第25帧插入帧。
3、新建图层,重命名为“圆”,在第1帧绘制“七彩线形填充”的图形;在第25帧插入关键帧,使用“任意变形工具”放大圆形图案使其覆盖住文字,并在该层创建形状补间动画。