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