简单给大家说下制作步骤
1、首先修改文档属性准备好动画中用图片和缩略图
图1
2、然后制作影片剪辑先制作个背景
图2
3、影片剪辑图层效果如下所示thumbs是存放缩略图mask是画个正圆作为遮照使用images是原图bg是放上面那个背景
图3
4、其中注意要把图片转变为电影剪辑其它图片都是类似在这里给大家截个图
图4
5、为了把图片缩略图放置好位置我们利用个技术这样缩略图位置就解决了!
图5
6、每个小缩略图制作思路方法很简单给大家截图把缩略图用遮照遮好!
图6
7、最后把添加个加载loading第帧action是stop;
图7
第 2帧action是:
stop;
positions = ;
imageTotal = 8;
pauseGallery = false;
var current:MovieClip;
for (var i = 0; i<imageTotal; i) {
var t = gallery.thumbHolder["thumb"+i];
t.image = "image"+i;
t.onPress = function {
removeMovieClip(current);
current = gallery.imageHolder.attachMovie(this.image, this.image, i);
pauseGallery = false;
};
t.onRollOver = function {
pauseGallery = true;
};
t.onRollOut = function {
pauseGallery = false;
};
}
current = gallery.imageHolder.attachMovie("image0", "image0", 1000);
this.onEnterFrame = function {
(!pauseGallery) {
for (var j = 0; j<imageTotal; j) {
gallery.thumbHolder["thumb"+j]._rotation -= 0.5;
}
gallery.thumbHolder._rotation 0.5;
}
};
最后可以测试了!就给大家这样解释了这个动画大体制作过程!如果想深入学习就把源文件下载了好好研究下吧!
最新评论