Flash遮罩动画.ppt

遮罩动画遮罩动画教学目标教学目标知识与技能知识与技能1 1、掌握遮罩动画的基本原理、掌握遮罩动画的基本原理2 2、理解遮罩层与被遮罩层之间的关系、理解遮罩层与被遮罩层之间的关系3 3、学会制作探照灯效果、学会制作探照灯效果过程与方法过程与方法1 1、演示遮罩动画的制作，加深对遮罩动画原理的理解、演示遮罩动画的制作，加深对遮罩动画原理的理解2 2、引导学生完成遮罩动画的制作、引导学生完成遮罩动画的制作情感态度与价值观情感态度与价值观1 1、培养学生学习、培养学生学习FlashFlash的兴趣，体验创作的喜悦的兴趣，体验创作的喜悦2 2、通过知识迁移，培养学生的创新精神和应变能力、通过知识迁移，培养学生的创新精神和应变能力 复习内容复习内容回顾前面学习的内容，请同学们回忆一下回顾前面学习的内容，请同学们回忆一下 形状补间动画形状补间动画 动作补间动画动作补间动画 都有什么特点都有什么特点。形状补间动画创建的是一个形状补间动画创建的是一个形状变化的效果形状变化的效果，使，使一个形状看起来随着时间的推移变成另一个形状。一个形状看起来随着时间的推移变成另一个形状。动作补间动画定义的是动作补间动画定义的是实例的属性实例的属性，比如位置、，比如位置、大小、角度等，然后在其他位置改变这些属性，由大小、角度等，然后在其他位置改变这些属性，由此产生变化的动画。此产生变化的动画。概念理解概念理解 1、遮罩就像黑暗中的一束光，光照到的地方就是、遮罩就像黑暗中的一束光，光照到的地方就是亮的，而没被照到的地方就是暗的。亮的，而没被照到的地方就是暗的。2、至少要有两个图层，、至少要有两个图层，一个是遮罩层，另一个就是一个是遮罩层，另一个就是被遮罩层。被遮罩层。遮罩截图遮罩截图 观察遮罩动画的时间轴，我们观察遮罩动画的时间轴，我们会发现它有什么特征呢？会发现它有什么特征呢？从位置上来看，遮罩层与从位置上来看，遮罩层与被遮罩层之间有什么关系？被遮罩层之间有什么关系？1.1.至少要有两个图层。至少要有两个图层。2.2.两个图层均处于锁定状态。两个图层均处于锁定状态。3.3.被遮罩层自动向右缩进。被遮罩层自动向右缩进。4.4.图层的前面出现了遮罩与被遮罩的标记。图层的前面出现了遮罩与被遮罩的标记。遮罩层在上面，遮罩层在上面，被遮罩层在下面。被遮罩层在下面。遮遮罩罩动动画画遮罩层遮罩层被遮被遮罩层罩层一面挡住一面挡住风景的墙风景的墙开天窗开天窗 FlashFlash中遮罩的应用中遮罩的应用被遮罩层被遮罩层遮罩层上的图形遮罩层上的图形设置遮罩层后的效果设置遮罩层后的效果步骤一：制作背景图层步骤一：制作背景图层步骤二：制作遮罩图层步骤二：制作遮罩图层导入一张图片，并将其延长至导入一张图片，并将其延长至5050帧帧步骤一：制作补间动画步骤一：制作补间动画1 1、执行、执行“插入插入 新建元件新建元件 图形图形”，做一，做一个个 元件，此时元件自动保存到库中。元件，此时元件自动保存到库中。2 2、点击场景、点击场景1 1，切换到舞台，从库中将元件拖动到舞台，切换到舞台，从库中将元件拖动到舞台 的某一个位置的某一个位置,此时原件变为实例。此时原件变为实例。3 3、在第、在第5050帧处插入关键帧，并且改变实例的位置。帧处插入关键帧，并且改变实例的位置。4 4、在第一帧到插入的关键帧处任选一帧，在属性面板、在第一帧到插入的关键帧处任选一帧，在属性面板的补间中选择的补间中选择“动画动画”。1 1、右击图层二，选择、右击图层二，选择“遮罩层遮罩层”。2 2、执行、执行“控制控制 测试影片。测试影片。”步骤二：制作神奇的遮罩层步骤二：制作神奇的遮罩层体验神奇的动画根据所学知识，制作一个探照灯效果。要求：1、做一个背景图层。2、做一个遮罩图层，并且遮罩层背景 为黑色。3、探照灯的运动为左右摆动。制作一个遮罩动画，要求如下：制作一个遮罩动画，要求如下：1.1.在背景图层中输入文字在背景图层中输入文字“遮罩动画遮罩动画”，设置字，设置字 体为华文行楷，字号为体为华文行楷，字号为8080，颜色为红色。，颜色为红色。2.2.遮罩图形选择遮罩图形选择“五角星五角星”形。形。3.3.遮罩动作为遮罩动作为“从左到右，再从右到左从左到右，再从右到左”。4.4.测试效果。测试效果。1 1、小组内部互相欣赏作品。、小组内部互相欣赏作品。2 2、教师通过观察，收集优秀、教师通过观察，收集优秀 作品，通过多媒体网络展示。作品，通过多媒体网络展示。3 3、学生相互评价。、学生相互评价。1 1、说说你对遮罩的理解。、说说你对遮罩的理解。2 2、遮罩必须要有几层？它们之间是什么关系？、遮罩必须要有几层？它们之间是什么关系？3 3、遮罩层决定的是看到的形状，被遮罩层决定的是、遮罩层决定的是看到的形状，被遮罩层决定的是看到的内容。看到的内容。4 4、只有在遮罩层上的填充色块之下的内容才是可见、只有在遮罩层上的填充色块之下的内容才是可见的，而遮罩层的填充色块本身则是不可见的。的，而遮罩层的填充色块本身则是不可见的。知识拓展知识拓展 一张有水的静态图片，我们也可以通过一张有水的静态图片，我们也可以通过遮罩动画做成动态流水效果，应该怎样去遮罩动画做成动态流水效果，应该怎样去做？写出你的想法和思路，下节课尝试制做？写出你的想法和思路，下节课尝试制作。作。