《图片切换动画》PPT课件.ppt

第二讲：图片切换动画初步,一、非遮罩式图片切换动画位置形状（大小）色调不透明度二、遮罩式图片切换动画,什么是图片切换动画,图片切换动画是指若干幅图片以某种方式相互切换的过渡动画。在网页设计上应用非常广泛按照实现过渡动画是否使用了遮罩层，图片切换动画分遮罩式和非遮罩式两种,一、非遮罩式图片切换动画,利用位置变化利用形状（大小）改变利用色调变化利用不透明度的变化,1.利用位置变化,一个最简单的利用位置切换的动画时间轴：,2.利用大小变化,一个利用大小变换实现切换的时间轴（三张图片）：,3.利用色调变化,一般是用白色作为过渡色。一个利用色调变化实现切换的时间轴：,4.利用不透明度的变化,利用不透明度的变化进行图片切换比较好理解，也应用得较多。以下是三幅图片利用不透明度变化切换的时间轴：,二、遮罩式图片切换动画,1.单元件遮罩层切换2.多元件遮罩层切换,1.单元件遮罩层切换,每个遮罩层上只有一个图形变化。以下是一个典型的遮罩式图片切换动画时间轴的例子，共三张图片在进行切换。,2.多元件遮罩,“插入”菜单“新建元件”命令，可以新建一个空白的元件。一个元件内可以编辑多个图层，制作较为复杂的动画。在遮罩层上添加该元件，就可以得到较为复杂的遮罩效果。注意元件动画长度，和它主场景中的持续长度要保持一致。,