第4章 计算机动画技术（5）.ppt

第4章 计算机动画技术 高等学校计算机基础及应用教材遮罩遮罩 maskmask遮罩动画是遮罩动画是FlashFlash中的一个很重要的动中的一个很重要的动画类型遮罩动画中有一个遮罩动画中有一个特殊图层特殊图层叫叫遮罩层遮罩层，通过它，可以控制被其遮罩住的图层上通过它，可以控制被其遮罩住的图层上对象的显示情况对象的显示情况FLASH五、遮罩动画1、什么是遮罩动画？FLASH五、遮罩动画1、什么是遮罩动画？主要有主要有2 2种用途：种用途： 用在整个场景或一个特定区域，使用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象场景外的对象或特定区域外的对象不可见；不可见； 用来遮罩住某一元件的一部分，从用来遮罩住某一元件的一部分，从而实现一些特殊的效果而实现一些特殊的效果FLASH五、遮罩动画2、遮罩动画有什么用？在遮罩层上创建一个任意形状的在遮罩层上创建一个任意形状的“视窗视窗”，遮罩层下方的对象可通过，遮罩层下方的对象可通过该该“视窗视窗”显示，而显示，而“视窗视窗”之外之外的对象将不会显示的对象将不会显示FLASH五、遮罩动画3、遮罩动画的原理在遮罩层上绘制的图形或输入的文在遮罩层上绘制的图形或输入的文字，字，相当于在遮罩层上挖掉了相应相当于在遮罩层上挖掉了相应形状的洞，形成挖空区域形状的洞，形成挖空区域。

通过挖空区域，下面图层的内容就通过挖空区域，下面图层的内容就可以显示出来可以显示出来，而遮罩层中没有绘，而遮罩层中没有绘制图形或输入文字的地方就成了遮制图形或输入文字的地方就成了遮挡物，把下面图层的内容完全遮盖挡物，把下面图层的内容完全遮盖起来FLASH五、遮罩动画3、遮罩动画的原理FLASH五、遮罩动画遮罩动画（1）望远镜可见，遮罩层上所绘制的对象只是可见，遮罩层上所绘制的对象只是用来帮助显示，其本身的颜色不会用来帮助显示，其本身的颜色不会显示出来显示出来因此，在遮罩层中绘制各种图形或因此，在遮罩层中绘制各种图形或输入文字时可以不必考虑颜色输入文字时可以不必考虑颜色FLASH五、遮罩动画3、遮罩动画的原理 将要被部分显示的内容放置在某个图将要被部分显示的内容放置在某个图层上；层上； 在这个图层上创建一个新图层，以备在这个图层上创建一个新图层，以备作为遮罩层；作为遮罩层； 在这个图层上绘制要挖空显示下层图在这个图层上绘制要挖空显示下层图像的形状；像的形状； 将这个图层设置成为遮罩层将这个图层设置成为遮罩层FLASH五、遮罩动画4、创建遮罩动画的方法设置成为遮罩层的方法：设置成为遮罩层的方法：选中要设置为遮罩层的选中要设置为遮罩层的图层上，右键图层上，右键【遮罩遮罩层层】系统会自动认为此遮罩系统会自动认为此遮罩层的下一层便是被遮罩层的下一层便是被遮罩层。

层FLASH五、遮罩动画4、创建遮罩动画的方法FLASH五、遮罩动画遮罩动画（2）卡拉ok歌词FLASH五、遮罩动画遮罩动画（2）卡拉ok歌词FLASH五、遮罩动画遮罩动画（3）卷轴FLASH五、遮罩动画遮罩动画（3）卷轴FLASH五、遮罩动画遮罩动画（4）电影镜头效果FLASH五、遮罩动画遮罩动画（5）百叶窗切换效果FLASH五、遮罩动画遮罩动画（6）旋转的地球FLASH五、遮罩动画遮罩动画（7）放大镜（1 1）制作要点：制作要点：首先明确要被遮罩和用来遮罩的对首先明确要被遮罩和用来遮罩的对象及动画（象及动画（注意分清要显示和不显注意分清要显示和不显示的内容示的内容）；）；分别制作好遮罩层和被遮罩层；分别制作好遮罩层和被遮罩层；切记要设置好遮罩图层的类型为切记要设置好遮罩图层的类型为“遮罩层遮罩层”！FLASH五、遮罩动画5、小结（2 2）注意：注意： 遮罩层中的对象的颜色属性在播遮罩层中的对象的颜色属性在播放时是看不到的因此，在遮罩放时是看不到的因此，在遮罩层中绘制各种图形或输入文字时层中绘制各种图形或输入文字时可以不必考虑颜色可以不必考虑颜色FLASH五、遮罩动画5、小结（2 2）注意：注意： 在遮罩层和被遮罩层中，均可以在遮罩层和被遮罩层中，均可以使用各种类型的动画，如：形状使用各种类型的动画，如：形状补间动画、动作补间动画、路径补间动画、动作补间动画、路径动画等。

动画等FLASH五、遮罩动画5、小结（2 2）注意：注意： 不能用一个遮罩层试图遮蔽另一不能用一个遮罩层试图遮蔽另一个遮罩层个遮罩层 FLASH五、遮罩动画5、小结FLASHActionScriptActionScript是是FlashFlash中提供的一种动中提供的一种动作脚本语言，可以让用户对动画元件作脚本语言，可以让用户对动画元件进行较好的控制进行较好的控制对帧或者元件添加对帧或者元件添加ActionScriptActionScript动作动作，可以达到，可以达到用户和动画相互交互的效用户和动画相互交互的效果果FLASH六、ActionScript交互动画1、什么是ActionScriptFLASH六、ActionScript交互动画交互动画（1）拖动的探照灯ActionScriptActionScripton on (press) (press) startDrag(thisstartDrag(this);); on (release) on (release) stopDragstopDrag();(); FLASH六、ActionScript交互动画交互动画（1）拖动的探照灯ActionScriptActionScript on(press);on(press);表示当鼠标按下时的表示当鼠标按下时的事件。

事件 on(release);on(release);表示当鼠标释放（表示当鼠标释放（松开）时的事件松开）时的事件 startDrag( startDrag( ););开始拖拽，括号中填写开始拖拽，括号中填写要拖拽的对象要拖拽的对象 stopDrag( );stopDrag( );停止拖拽停止拖拽FLASH六、ActionScript交互动画交互动画（1）拖动的探照灯ActionScriptActionScript on(press);on(press);表示当鼠标按下时的表示当鼠标按下时的事件 on(release);on(release);表示当鼠标释放（表示当鼠标释放（松开）时的事件松开）时的事件 startDrag( startDrag( ););开始拖拽，括号中填写开始拖拽，括号中填写要拖拽的对象要拖拽的对象 stopDrag( );stopDrag( );停止拖拽停止拖拽FLASH六、ActionScript交互动画交互动画（1）拖动的探照灯FLASH六、ActionScript交互动画交互动画（2）个性化鼠标指针ActionScriptActionScript mouse.hide( );mouse.hide( );表示将原鼠标隐藏。

表示将原鼠标隐藏 startDrag(“_root.startDrag(“_root.新鼠标新鼠标”,true);”,true); 第一第一个参数是要拖动的影片剪辑的个参数是要拖动的影片剪辑的目标路径；目标路径； 第二第二个参数个参数truetrue指定可拖动的影片指定可拖动的影片剪辑是锁定到鼠标位置中央，如果剪辑是锁定到鼠标位置中央，如果锁定到用户首次单击该影片剪辑的锁定到用户首次单击该影片剪辑的位置，用位置，用falsefalseFLASH六、ActionScript交互动画交互动画（2）个性化鼠标指针FLASH六、ActionScript交互动画交互动画（3）小熊鼠标ActionScriptActionScript 按钮的按钮的点击点击帧：帧：设定对鼠标单击按设定对鼠标单击按钮动作发生时做出反应的区域钮动作发生时做出反应的区域 s stop();top();使使FlashFlash停留在当前帧；停留在当前帧； on(rollOver) on(rollOver) ;表示当鼠标滑过表示当鼠标滑过时发生的动作时发生的动作FLASH六、ActionScript交互动画交互动画（3）小熊鼠标利用利用ActionScriptActionScript，可以帮助创建灵，可以帮助创建灵活丰富的交互性动画。

活丰富的交互性动画注意：注意：要被设置动作的元件要命名，方便要被设置动作的元件要命名，方便指定必须搞清楚设置的动作是某个元件必须搞清楚设置的动作是某个元件的动作还是某一帧的动作的动作还是某一帧的动作FLASH六、ActionScript交互动画2、小结。