遮罩式图片切换初步.pptVIP

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