第9章遮罩动画.pptVIP

1.* Flash动画设计与制作 第9章遮罩动画 教师：杨萌 QQ：229781818 Email：xian_ameng@163.com 9.1 遮罩动画的基本概念 9.2 遮罩动画的制作方法 9.3 遮罩动画实例 内容概况 9 遮罩动画 同运动引导层相同，在Flash中遮罩动画的创建也至少需要两个图层才能完成，分别是遮罩层和被遮罩层。 位于上方的是遮罩层，位于下方的则是被遮罩层。 定义：遮罩动画是Flash中的一个很重要的动画类型，在Flash的作品中，很多生动的画面都是通过遮罩画实现的。例如：探照灯效果、水波、用放大镜将小物体放大以及百叶窗式图片的切换等等。 什么是遮罩动画 9.1 遮罩动画的基本概念 遮罩层及被遮罩层 　　最简单的遮罩动画需要上、下两个图层，上面的图层称为遮罩层，下面的图层称为被遮罩层。 遮罩层对象 　　按钮、影片剪辑、图形、位图、文字、经过处理的线条可作为遮罩层对象。 遮罩层和被遮罩层的概念 9.1 遮罩动画的基本概念 ① 遮罩层本身是不会被看见的，不管画出什么图形，简单或复杂，只要它被用做遮罩层，在播放时就不会显示出来。 ② 遮罩层中对象覆盖的部分，就是建立遮罩关系后显示出来的部分。另外，线条不可以被用来制作遮罩层，要应用线条，必须将它转换为填充色。 遮罩层原理 9.1 遮罩动画的基本概念 遮罩层其实是由普通层转化而来的，Flash会忽略遮罩层中的位图、渐变色、透明、颜色和线条样式。其中任何填充区域都是完全透明的，任何非填充区域都是不透明的。 效果就是，被遮罩层的对象可以在遮罩层的填充区域显露出来。类似于用一个有洞的布把画面遮挡起来，有洞的地方画面可见、没洞的地方画面被遮挡。 遮罩的效果 9.1 遮罩动画的基本概念 遮罩层 被遮罩层 制作遮罩动画的条件 9.1 遮罩动画的基本概念 1、至少要创建两个图层，一个是遮罩层，另一个是被遮罩层层 2、一个遮罩层下可以包括多个被遮罩层 3、按钮内部不能有遮罩层 4、不能将一个遮罩应用于另一个遮罩 【制作条件】 【遮罩层的图标】 遮罩层的标识 9.1 遮罩动画的基本概念 创建遮罩层和被遮罩层 9.2 遮罩动画的制作 可以通过菜单，也可以通过【图层属性】对话框创建。 1.通过菜单创建遮罩 在【时间轴】面板中选择需要设为遮罩层的图层，单击鼠标右键，在弹出的菜单中选择【遮罩层】命令。 2.通过【图层属性】对话框创建遮罩层 在【时间轴】面板中需要设置为遮罩层的图层，单击【修改】|【时间轴】|【图层属性】 选择【类型】下的“遮罩层”选项 同样的方法设置“被遮罩”层（选择“被遮罩层”选项） 9.3 遮罩动画实例 制作探照灯效果 9.3 遮罩动画实例 制作探照灯效果 1）在属性面板中，选择背景色图标将背景色设为黑色 2）选择椭圆工具，在属性面板中将画笔填充色设为无，区域填充色设为渐变红色，在工作区左边绘制一椭圆 3）在第40帧处按F6,创建关键帧，并将椭圆移动到右边 4）选中第1帧，单击右键，在菜单中选择“创建传统补间” 5）新建图层2，用文字工具输入Adobe Flash CS4 Professional，并设置字体颜色、字号等属性 6）在图层2的图标上单击右键，选择“遮罩层”命令即可 9）按Ctrl+Enter浏览动画效果 【步骤】 9.3 遮罩动画实例 制作放射效果 分别在遮罩层和被遮罩的普通图层中设置动画。就如同我们即移动带孔的画布又移动画布下面的丰富画面所产生出的效果一样。 9.3 遮罩动画实例 制作放射效果 (1)【属性】面板中选择背景色图标，将工作区的背景设置为黑色。 (2)在工具箱中选择矩形工具，在【属性】面板中将当前的画笔笔触色设置为无，将区域填充设置为红色(可根据自己的喜好进行颜色设置)，然后在工作区中绘制一个较细的长方形。 (3)在工具箱中选择任意变形工具，单击长方形，这时，长方形将被八个调整手柄和一个中心圆点所包围，利用鼠标拖拽中心圆点至长方形的左侧下方 (4)选择菜单栏中“窗口”→“变形”，打开变形面板，选择“旋转”，输入角度为10,然后通过鼠标多次点击变形面板右下角的拷贝并应用变形快捷图标，选中工具箱中的箭头工具将此图形移至工作区的中心位置。 【步骤】 9.3 遮罩动画实例 制作放射效果 (5)利用工具箱中的箭头工具选中图形，直接按快捷键F8，将图形转换为图形元件。 (6)在第50帧处按F6，，在【属性】面板中设置旋转为顺时针1次 (9)新建图层2，再选择矩形工具，在属性面板中将当前的画笔笔触色设置为无，将区域填充设置为蓝色然后在图层2的工作区中再绘制一个较细的长方形。 【步骤】 9.3 遮罩动画实例