遮罩动画教案讲述.doc

教 学 流 程 设 计 2016年全省技工教育和职业培训参评教案 学科 Flash动画制作 第七章 制作特殊效果动画 第一节 遮罩动画 审批签字 授课时数 2 授课方法 自主学习、协作学习 教具 多媒体网络教室 授课时间 2016年4月16日 授课班级 计算机1541 教学目的 学会遮罩图层的建立和遮罩效果的实现方法能够独立制作遮罩动画 和 难 点 教学重点：遮罩的含义以及遮罩效果的制作方法理解遮罩层与被遮罩层之间的关系 复习提问 补间动画有几种类型？ 教学内容、方法和过程 §7.1 遮罩动画 【组织教学】 清点人数，， 附 记 集中学生注意力，进入课堂教学氛围。 师生互动，引导学生回顾所学知识。 教学内容、方法和过程 附 记 【教学引入】 教师引导 学生 同学们喜欢看看动画吗？ 非常喜欢。 想不想自己动手制作呢？ 想！ 播放遮罩动画实例（探照灯、画卷、水中倒影遮罩层好比黑夜中的一支手电筒，照在哪儿（指被遮罩层）哪儿就显现。遮罩层决定形状，被遮罩层决定显示的内容！ ?导入：打开探照灯源文件，让学生主要观察遮罩层和被遮罩层回答问题 师：通过观察源文件你发现什么没有？ 生：光图层的探照灯经过的地方文字亮图层的内容显示，其余部分不显示！ 师：回答的很好！这就是我们这节课要讲的动画效果---遮罩动画 原理解释： 遮罩动画是利用遮罩图层创建的，使用遮罩图层后，被遮罩层上的内容就像通过一个窗口显示出来一样，这个窗口便是遮罩层上的对象。播放动画时，遮罩层上的对象不会被显示，被遮罩层上位于遮罩层对象之外的内容也不会被显示。 1.静态遮罩 实例制作—镜中猫： 操作讲解： 教师引导 学生 探照灯文字效果有几个图层？两个，一层放的是，一层放的是图形（圆） 哪一个图层中的内容在变化？圆 “圆”图层中是什么动画类型？ 动作补间动画 遮罩层就像是一张带有镂空图形的纸，我们透过镂空的图形可以看到它下面的被遮罩层中的内容。（两者的位置：遮罩层在上，被遮罩层在下）遮罩效果的实现，需要两层：一层是遮罩层（在上层）——提供了形状；另一层是被遮罩层（在下层）——提供了被挡住的内容——（文字、图片等）。 2.动态遮罩 实例制作—探照灯效果： （1）运行Flash，设置文档属性，背景黑色 （2）把图层1命名为“文字亮”图层，在第1帧键入静态文本“欢迎学习遮罩动画”，文本颜色白色，并拷贝 （3）新建图层“文字暗”，单击右键【粘贴到当前位置】命令，把欢迎学习遮罩动画粘贴到原来位置。并改变文本颜色为深灰 （4）新建一个图形元件，命名为“光”。在编辑区里面画一个放射状填充的圆形 （5）返回到场景1，新建图层“遮罩”层。把“光”图形元件拖动到第1帧，调整其在场景中的位置 （6）在“遮罩”图层的第70帧插入关键帧，并调整场景中“光”图形元件的位置。 （7）创建移动渐变动画。并把“遮罩”图层移动到“文字亮”图层的下面，在“文字亮”图层创建遮罩 （8）测试影片操作要点：要创建动态效果，可以让遮罩层动起来。对于用作遮罩的填充形状，可以使用补间形状；对于文字对象、图形实例或影片剪辑，可以使用补间动画。当使用影片剪辑实例作为遮罩时，可以让遮罩沿着运动路径运动。 3.多层动态遮罩 实例制作—放大镜效果 1.打开Flash新建文档，大小为1100px×200px，背景为淡黄色； 2.将图层1命名为小字，并在舞台上打上“聪明在于勤奋，天才在于积累。”，具体属性设置如下图所示： 3.新建一层，命名为大字，也打上和图层一一样的字，具体属性设置如下图所示： 4.新建一层，命名为放大镜，可以在网上找一个素材，或者自己画一个也行； 5.在图层3第40帧插入关键帧，在图层1、2插入帧； 6.将放大镜层第一帧放在舞台左边，第四十帧放在舞台右边，并创建补间动画； 7.新建一层，命名为放大镜2，将放大镜层复制，然后将放大镜2放到大字和小字层中间； 8.选择放大镜层右击—遮罩层，到此放大镜效果就完成了！按ctrl+enter看看效果吧！ 操作讲解： 　1. 　　2. 3.在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮廓按钮，使之变成，使遮罩层只显示边框形状，在种情况下，你还可以拖动边框调整遮罩图形的外形和位置。 操作要点：一个遮罩层只能包含一个遮罩项目，也不能用一个遮罩层试图遮蔽另一个遮罩层。—水中倒影 ??分析动画： 观察生活中的水中倒影可以看出，水波波动时，水里物体的影像会向外扩散，产生比真实物体放大的效果 制作倒影层 在图层“背景”和“小熊”的第80帧插入帧 新建图层，重命名为“水中倒影”，在第50帧插入关键帧 复制“背景”层上的倒影图案，