Flash CS5动画设计实例教程 第2版 教学课件 作者 鲍雷 教案 flash cs5动画设计实例教程5.pptVIP

本章重点：遮罩动画建立的方法 本章难点：运用遮罩技术制作遮罩动画。 5.1 遮罩动画实例１ 5.1.1 概念介绍 遮罩动画 　　遮罩动画是Flash中的一个很重要的动画类型，在Flash的作品中，很多生动的画面都是通过遮罩画实现的。例如：探照灯效果、水波、用放大镜将小物体放大以及百叶窗式图片的切换等等。 5.1.2 建立遮罩层 　步骤： 1）打开flash cs5，新建一个Flash文档。 2）双击图层名称，将文档中名称为图层1的普通图层重新命名为遮罩层。 3）在遮罩层名称框上单击右键，从弹出的快捷菜单中选择【遮罩层】命令，这时命令的左边出现一个小勾，该普通图层就成为了遮罩层。 4）此时，层图标就从普通图层图标变为“遮罩层”图标。 5.1.3 添加被遮罩层 　添加被遮罩层有多种方式。 　最常用的方式是： 　1）打开flash cs5，新建一个Flash文档。 　2）单击插入图层按钮，建立两个普通图层。 　3）将上面的图层重新命名为遮罩层，下面的图层重新命名为被遮罩层。 　 5.1.4 实现遮罩效果 　　制作遮罩动画：探照灯效果。 　　步骤： 　　1）打开flash cs5，新建一个Flash文档，设置影片尺寸为“400px×200px”,背景颜色为“黑色”，帧频为“12”。 　　2）单击插入图层按钮，建立两个图层，分别命名为：遮罩层和被遮罩层，遮罩层在上，被遮罩层在下。 　　 5.2 遮罩动画实例2 制作遮罩动画：水波 步骤： 1）打开flash cs5，新建一个Flash文档，影片尺寸为“500px×400px”,背景颜色为“黑色”，帧频为“12”。 2）选择图层1第1帧，选择菜单栏“文件”?“导入”命令，导入一幅图片（此图片就是光盘中的水波.jpg）到舞台，设置图片的宽和高分别为500 px×400 px，与舞台大小相同。 5.3 遮罩动画实例3 制作遮罩动画：红星闪闪 步骤： 1）打开flash cs5，新建一个Flash文档，影片尺寸为“400px×400px”,背景颜色为“黑色”，帧频为“12”。 2）选择工具箱中的矩形工具按钮，设置笔触颜色为无，填充颜色为“放射状”渐变色，在场景中绘制出一个“400px×400px”的无边正方形，调整它的位置与场景重叠。 机械工业出版社 中等职业教育“十一五”规划教材?电子商务专业 机械工业出版社 《Flash cs5 动画设计实例教程》 目标技能 理解遮罩动画的概念和原理 学会遮罩动画的建立方法 能够熟练运用遮罩技术制作遮罩动画 第5章 遮罩动画实例 本章目录 5.1 遮罩动画实例1 5.2 遮罩动画实例2 5.3 遮罩动画实例3 遮罩层及被遮罩层 　　最简单的遮罩动画需要上、下两个图层，上面的图层称为遮罩层，下面的图层称为被遮罩层。 遮罩层对象 　　按钮、影片剪辑、图形、位图、文字、经过处理的线条可作为遮罩层对象。 4）在遮罩层名称框上单击右键，从弹出的快捷菜单中选择【遮罩层】命令，这时命令的左边出现一个小勾，该普通图层就成为遮罩层。 5）在建立遮罩层后，系统会自动把遮罩层下面的一层关联为被遮罩层。 3）选择工具箱中的文本工具，在文本工具的属性面板中设置文本的属性：字体为“宋体”，字号为“96”，颜色为：“红色。 4）单击被遮罩层的第1帧，用鼠标在场景中拖出一个文本框，在其中输入文字——遮罩动画，适当调整文本的位置。 5）单击遮罩层的第1帧，选择工具箱中的椭圆工具，设置填充色为绿色。按住Shift键，用椭圆工具在场景中画一个绿色的圆，调整圆的大小和文本一样高，调整圆的位置，将它放在文字的左边。 6）单击被遮罩层的第50帧，单击鼠标右键，从弹出的快捷菜单选择【插入帧】命令。 7）单击遮罩层的第50帧，单击鼠标右键，从弹出的快捷菜单选择【插入关键帧】命令，选择工具箱中的箭头工具，将圆拖到文字的右边。 8）选中遮罩层的第1帧，单击鼠标右键，从弹出的快捷菜单中选择【创建补间动画】命令，设置遮罩层中的圆的补间为动画补间。 9）在遮罩层名称框上单击鼠标右键，从弹出的快捷菜单中选择【遮罩层】命令，这时将看不到场景中的对象，遮罩层和被遮罩层自动被锁定。 10）按【Ctrl】+【Enter】键预览动画效果。 3）选择菜单栏“插入”?“新建元件”命令，创建一个名称为水波的影片剪辑。 4）在水波元件的编辑模式下，导入水波.jpg图片到图层1的第1帧，将该图片作为水波元件的背景，设置图片的大小为500px×400px，调整图片的位置至中心。 5）在水波元件的编辑模式下，更改图层1名称为被遮罩层，在该图层的上面新建一个图层，命名为遮罩层。 6）选择被遮罩层的第23帧，单击鼠标右键，从弹出的快捷菜单选择【插入帧】命令。 7）选择遮罩层的