第二讲图片切换动画.ppt

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