1、了解遮罩层动画的制作原理了解遮罩层动画的制作原理 明确多层遮罩动画的制作原理明确多层遮罩动画的制作原理 掌握利用遮罩层动画制作流水效果的方法掌握利用遮罩层动画制作流水效果的方法 了解利用遮罩层动画表达艺术创意的方法了解利用遮罩层动画表达艺术创意的方法 教学目标教学目标:制作遮罩层动画制作遮罩层动画制作遮罩层动画任务一任务二小结制作遮罩层动画制作遮罩层动画制作遮罩层动画任务一任务二小结任务一 了解遮罩层动画制作原理 任务二 制作多层遮罩动画制作遮罩层动画制作遮罩层动画制作遮罩层动画任务一任务二小结任务一 了解遮罩层动画制作原理 任务二 制作多层遮罩动画任务一 了解遮罩层动画制作原理制作遮罩层动画
2、制作遮罩层动画任务一任务二小结1.创建遮罩层 一个遮罩效果的实现至少需要两个图层,上面的图层是遮罩层,下面的图层是被遮罩层。其中“图层1”是遮罩层,“图层2”是被遮罩层。2.遮罩原理制作遮罩层动画制作遮罩层动画任务一任务二小结 与普通层不同,在具有遮罩层的图层中,只能透过遮罩层上的形状,才可以看到被遮罩层上的内容。例如,在“图层2”上放置一幅背景图,在“图层1”上绘制一个花朵。在没有创建遮罩层之前,花朵遮挡了与背景图重叠的区域。操作一【基础练习】制作“水中倒影效果”制作遮罩层动画制作遮罩层动画任务一任务二小结 利用遮罩原理可以表达很多动画效果,如波光粼粼的水面、水中美丽的倒影、流动的小溪等。本
3、案例使用遮罩原理制作出物体在水中产生倒影,并且倒影在水中“随波荡漾”的动态效果,根据设计需要,可以更换倒影的颜色。操作一【基础练习】制作“水中倒影效果”制作遮罩层动画制作遮罩层动画任务一任务二小结 利用遮罩原理可以表达很多动画效果,如波光粼粼的水面、水中美丽的倒影、流动的小溪等。本案例使用遮罩原理制作出物体在水中产生倒影,并且倒影在水中“随波荡漾”的动态效果,根据设计需要,可以更换倒影的颜色。1.创建背景制作遮罩层动画制作遮罩层动画任务一任务二小结 新建一个Flash文档,设置文档【尺寸】为“779像素272像素”,背景颜色为“蓝色”,【帧频】为“20fps”,其他属性保持默认设置。将图层名称
4、“图层1”重命名为“背景”。选择【文件】/【导入】/【导入到舞台】命令,导入“素材项目七制作“水中倒影效果”背景图.jpg”图片,将其居中到舞台。2.创建文字制作遮罩层动画制作遮罩层动画任务一任务二小结1.创建文字制作遮罩层动画制作遮罩层动画任务一任务二小结3.制作倒影制作遮罩层动画制作遮罩层动画任务一任务二小结4.绘制矩形制作遮罩层动画制作遮罩层动画任务一任务二小结5.创建遮罩层制作遮罩层动画制作遮罩层动画任务一任务二小结操作二【重点案例】制作“瀑布效果”项目七:项目七:制作遮罩层动画制作遮罩层动画任务一任务二小结1.制作瀑布元件 制作遮罩层动画制作遮罩层动画任务一任务二小结2.制作遮罩元件
5、 制作遮罩层动画制作遮罩层动画任务一任务二小结倾斜后的图形遮罩线条2.制作遮罩元件 制作遮罩层动画制作遮罩层动画任务一任务二小结操作三【突破提高】制作“仙境小溪”制作遮罩层动画制作遮罩层动画任务一任务二小结1.导入背景图片制作遮罩层动画制作遮罩层动画任务一任务二小结2.制作动态小溪制作遮罩层动画制作遮罩层动画任务一任务二小结3.导入鹿群制作遮罩层动画制作遮罩层动画任务一任务二小结任务二 制作多层遮罩动画制作遮罩层动画制作遮罩层动画任务一任务二小结 将普通图层拖曳到遮罩层或被遮罩层的下面,即可将普通图层转化为被遮罩层。在一组遮罩中,遮罩层只能有一个,而被遮罩层可以有多个,即多层遮罩。其中“图层1
6、”为遮罩层,其余的所有图层都是被遮罩层。操作一【基础练习】制作“电子影集切换效果”制作遮罩层动画制作遮罩层动画任务一任务二小结舞台效果搭建骨骼绑定形状点动画效果1动画效果2动画效果31510152025303540451.打开制作模板制作遮罩层动画制作遮罩层动画任务一任务二小结2.编辑“相册效果”元件 制作遮罩层动画制作遮罩层动画任务一任务二小结操作二【重点案例】制作“星球旋转效果”制作遮罩层动画制作遮罩层动画任务一任务二小结打开制作模板绘制球体效果制作板块遮罩动画动画效果1动画效果2动画效果31020304050607080901101.绘制素材 制作遮罩层动画制作遮罩层动画任务一任务二小结
7、2.制作球体旋转效果制作遮罩层动画制作遮罩层动画任务一任务二小结制作“前景板块1”动画 2.制作球体旋转效果制作遮罩层动画制作遮罩层动画任务一任务二小结制作“后景板块1”动画 2.制作球体旋转效果制作遮罩层动画制作遮罩层动画任务一任务二小结制作“后景板块2动画 操作三【突破提高】制作“梦幻卷轴展开效果”制作遮罩层动画制作遮罩层动画任务一任务二小结1.制作发光轴 制作遮罩层动画制作遮罩层动画任务一任务二小结2.导入图片素材制作遮罩层动画制作遮罩层动画任务一任务二小结3.制作遮罩动画1 制作遮罩层动画制作遮罩层动画任务一任务二小结4.制作遮罩动画2制作遮罩层动画制作遮罩层动画任务一任务二小结小结制作遮罩层动画制作遮罩层动画任务一任务二小结 遮罩是Flash中的重要工具,其功能强大,使用方法却很简单,许多优秀的Flash作品中都有其身影,希望读者能熟练掌握并灵活运用遮罩技术。本项目通过3个实例,由浅入深地介绍了静态和动态遮罩效果,为读者全面展示了遮罩动画的魅力。读者可以通过模拟本项目所有实例来进一步熟悉遮罩工具。在制作时,应从遮罩的原理出发,充分发挥自己的创意,从而创作出更为生动有趣的Flash作品。