遮罩式图片切换初步.ppt

计算机动画设计,第三讲：遮罩式图片切换初步 一、遮罩式图片切换的基本原理 二、遮罩式图片切换实例,一、遮罩式图片切换的基本原理,1、个性化的图片切换丰富的图片切换方式，是当前为一个网站添加个性化元素的重要方法之一。从制作手段的角度上来讲，我们可以把图片切换方式分为两种：非遮罩式的和遮罩式的。,2、图片切换方式,非遮罩式的图片切换：利用图片位置、形状、色调、不透明度的改变，实现图片之间的切换。例1：利用位置变化例2：利用形状的改变例3：利用色调变化例4：利用不透明度的改变遮罩式图片切换：利用遮罩层制作的切换效果。它和非遮罩式切换之间的区别是：在图片的过渡过程中，同一个时间点上，两幅图片有交叉的同时显示。可以实现更加复杂和流畅的切换效果。示例：几个遮罩式图片切换的例子。,3、遮罩式图片切换的基本原理,遮罩式图片切换的基本原理是：1、两个图层上各有一幅图片；2、为上面的一层建立遮罩，使其不显示。3、切换开始，遮罩层中的图形进入舞台，让上一层的图片逐部分地显示出来。例5：一个最简单的遮罩式图片切换制作实例,4、在遮罩层上制作较复杂的动画,要实现较复杂一点的遮罩式切换效果，需要在遮罩层上制作更复杂的动画。复杂的动画需要多图层的支持，在遮罩层上直接制作是不行的，因为一个图层只受一个遮罩层的控制。这时我们需要使用“影片剪辑”元件，在元件中编辑多图层的动画，然后将这个元件拖放到遮罩层上。例6：一个较复杂的遮罩式图片切换制作实例栅栏式交叉,制作步骤：1、建立两个图层，每个图层上放一幅图片；2、为上面一个图层添加遮罩；3、“插入”菜单，“新建元件”命令，建立一个影片剪辑类型的元件；4、在“库”面板中双击该元件，进入此元件的编辑界面；5、在该元件中制作动画效果；6、退回场景1的编辑界面。将编辑好的元件拖入到遮罩层上，生成该元件的实例。按CTRL+ENTER测试效果。,