1、第第 1414 课课 遮罩动画显奇效遮罩动画显奇效 教学目标教学目标 知识与技能: 1、使学生理解遮罩动画中遮罩的含义及原理 2、学会遮罩图层的建立和遮罩效果的实现方法 3、能够独立制作遮罩动画 方法与过程: 提问调动学生思维,观察动画原理,再通过实例演示教学,让学生了解制作原理充 分发挥自己的创意 情感态度价值观: 1、感受用 Flash 制作作品的乐趣,激发学生兴趣 2、感受动画制作的奇妙,培养学生的合作、探究精神 教学重点教学重点 遮罩的含义以及遮罩效果的制作方法 教学难点教学难点 遮罩的含义以及遮罩效果的制作方法 教学过程教学过程 导入导入 播放遮罩动画实例(探照灯、画卷、水中倒影)
2、新授新授 1、提问 打开探照灯源文件,让学生主要观察遮罩层和被遮罩层回答问题 师:通过观察源文件你发现什么没有? 生:光图层的探照灯经过的地方文字亮图层的内容显示,其余部分不显示! 师:回答的很好!这就是我们这节课要讲的动画效果-遮罩动画 2、遮罩的原理: 遮罩层好比黑夜中的一支手电筒,照在哪儿(指被遮罩层)哪儿就显现。遮罩层决 定形状,被遮罩层决定显示的内容! 遮罩层与被遮罩层: (1)遮罩层:图形 (2)被遮罩层:被挡住的图片或文字(最终看到的内容) 3、实例制作-探照灯效果【演示】 (1)运行 Flash,设置文档属性,背景黑色 (2)把图层 1 命名为 “文字亮” 图层,在第 1 帧键
3、入静态文本 “欢迎学习遮罩动画” , 文本颜色白色,并拷贝 (3)新建图层“文字暗”,单击右键【粘贴到当前位置】命令,把欢迎学习遮罩动 画粘贴到原来位置。并改变文本颜色为深灰 (4)新建一个图形元件,命名为“光”。在编辑区里面画一个放射状填充的圆形 (5)返回到场景 1,新建图层“遮罩”层。把“光”图形元件拖动到第 1 帧,调整 其在场景中的位置 (6)在“遮罩”图层的第 70 帧插入关键帧,并调整场景中“光”图形元件的位置。 (7)创建移动渐变动画。并把“遮罩”图层移动到“文字亮”图层的下面,在“文 字亮”图层创建遮罩 (8)测试影片 4、实例制作-展开画卷【由学生思考回答】 (1)新建 f
4、lash 文档,在“画”图层第 1 帧制作自己喜欢的画面(制作完成后最好 转换为元件),并延续至 50 帧左右 (2)在 “矩形”图层第 1 帧上制作一纵向能覆盖画卷的矩形(如图 2 中暗红色矩形 (3)在“矩形”图层的第 40 帧上插入关键帧(此时该帧内容现第 1 帧的相同),并 用 “任意变形工具”将该小矩形变形为如图 3 所示,并在第 1 帧和第 40 帧之间做 形状补间,延续至 50 帧: (4)在“右轴”图层第 1 帧上制作自己喜爱的画卷卷轴,制作完成后转换为元件, 延续至 50 帧, (5)在“左轴”图层第 1 帧上从库中拖入卷轴元件 (6)在“左轴”图层第 40 帧上插入关键帧(
5、此时该帧内容也为卷轴),将该卷轴移 动到如图 6 所示左边位置,并在第 1 帧和第 40 帧之间做动作补间,延续至 50 帧 (7)设置 “矩形” 图层为遮罩层, “画” 图层为被遮罩图层,如图 7 所示,测试影片。 实例制作水中倒影 分析动画: 观察生活中的水中倒影可以看出,水波波动时,水里物体的影像会向外扩散,产生 比真实物体放大的效果 (1)制作倒影层 在图层“背景”和“小熊”的第 80 帧插入帧 新建图层,重命名为“水中倒影”,在第 50 帧插入关键帧 复制“背景”层上的倒影图案,粘贴在“水中倒影”图层的第 50 帧位置,使用 “任意变形工具”将图像适当放大 (2)制作水波遮罩 新建图
6、层,重命名为“水波” 在第 50 帧处插入关键帧,使用“刷子工具”绘制圆环图案 在“水波”层的第 80 帧处插入关键帧,使用“任意变形工具”将水波图案放大 在“水波”层的第 50 帧至 80 帧之间创建形状补间动画 右击图层“水波”,选择“遮罩层”命令,测试影片 应用遮罩时的技巧 1、要在场景中显示遮罩效果,可以锁定遮罩层和被遮罩层。 2、不能用一个遮罩层试图遮蔽另一个遮罩层。 3、遮罩可以应用在 gif 动画上。 4、在制作过程中,遮罩层经常挡住下层的元件,影响视线,无法编辑,可以按下遮 罩层时间轴面板的显示图层轮廓按钮,使之变成,使遮罩层只显示边框形状,在种 情况下,你还可以拖动边框调整遮罩图形的外形和位置。 学生练习 练习一:制作探照灯效果 文字内容自定,探照灯形状自定 拓展练习:制作水中倒影特效 小结小结 1、 制作遮罩动画之前,先要明确遮罩层和被遮罩层的对象 2、 注意遮罩层与被遮罩层的图层顺序 3、 一种遮罩效果的实现可以有多种方法