Flash 图片轮换效果

1.3、 确定所有内容正确输出以后，就可以进入加载图片的操作。

2.1、 按照下图创建三个图层。

其中动作脚本层就是1.2中输入代码的图层。
2.2 、在旧图片的图层里，新建一个MC，命名为loadPic，实例名为lastPic，并让该MC的注册点放在主场景的左上方。然后双击进入该MC，在里头再创建一个MC，元件名称和实例名均为graph。

·制作阳光照射的效果
·制做激光武器效果
·PS实例：魔幻效果轻松做
·PS7.0制作冰块效果
·用Photoshop打造电眼美女凝视效果
·胶片效果的制作
·教你制作遂道的光影效果
·教你用PS调出漂亮MM的唯美效果
·PS实现海报卷纸效果
·制作cs中女孩骑自行车的效果

2.3 这里我们将通过复制graph载入列表中的所有图像。名称将按graph0，graph1的规则来命名。因此，在这里的帧先定义一个设置图像可见性的函数。

function setImage(imgIndex){
  for(var i in _parent.imgabbrs){
    this["graph"+i]._visible=false
  }//先把所有图片隐藏
  this["graph"+imgIndex]._visible=true //把需要显示的图像重新显示出来
}

然后把loadPic这一MC复制一个到新图片所在的图层，实例名为thisPic，并让两个loadPic重合。

3.1、 到显示图片了。先在第三帧里初始化一下thisIndex和lastIndex值，这两个值分别控制两个图片容器显示哪个图片。
第三帧代码：

var thisIndex:Number=0
var lastIndex:Number=-1

其实是一开始没有旧图片，所以lastPic里头实际上是不显示任何图片的。正因为如此，这一代码只运行一次。就把它单独放到第三帧了。
第四帧就正式显示图片了。而且每一次切换都要重新调用一次：

thisPic._visible=true;
lastPic._visible=true;
thisPic.setImage(thisIndex);
lastPic.setImage(lastIndex);// setImage刚在是loadPic里头写好的函数，控制数组里第几张图片显示

3.2 、进入图片停止状态。加一段比较长的时间轴。笔者加到第42帧，并在42帧里加入代码：

lastIndex=thisIndex //让下一次新图片放到旧图片的位置。
thisIndex=(thisIndex+1)%imgabbrs.length //显示下一张图片，%运算让图片显示最后一张后，可以回到第一张

3.3、 在44帧里添加帧代码：

gotoAndPlay(4);

一个切换周期完成。
此时，运行影片，如果图像列表和图片都没有错误的话，图像就会轮着显示，但是现在的效果很生硬。是因为还没有遮罩动画做过渡。

4.1、要添加遮罩了。在遮罩图层的第一帧里创建一个mc，元件名和实例名均为mask。接着在里头添加这么一段形状补间动画：

·制作阳光照射的效果
·制做激光武器效果
·PS实例：魔幻效果轻松做
·PS7.0制作冰块效果
·用Photoshop打造电眼美女凝视效果
·胶片效果的制作
·教你制作遂道的光影效果
·教你用PS调出漂亮MM的唯美效果
·PS实现海报卷纸效果
·制作cs中女孩骑自行车的效果

其中，时间轴上的首尾两帧均加上：

stop();

主时间轴的第四帧追加：

mask.gotoAndPlay(2);

此时运行，效果就不再生硬了，是一个简单的遮罩动画切换效果。

上一页 [1] [2] [3] [4] [5] 下一页

复制本页网址和标题，发送给你QQ/Msn的好友一起分享

上一篇:flash 多图动态载入

下一篇:ShareObject 实现flash数据存储