Yesky首页| 产品报价| 行情| 手机 | 数码 | 笔记本 | 台式机 | DIY硬件 | 外设 | 网络 | 数字家庭 | 评测 | 软件 | e时代 | 游戏 | 图片 | 壁纸 | 群乐 | 社区 | 博客 | 下载
软件频道>设计在线>Flash|平面网页Flash视频三维欣赏|设计专题教程素材| 群乐:Vista系统下载
您现在的位置: 天极网 > 软件频道 > 设计在线 > flash > Flash制作超酷旋转互动相册
全文
群乐:Flash

Flash制作超酷旋转互动相册

2007-07-27 10:21 作者: 闪电儿(网页教学网) 出处: 论坛整理 责任编辑:Shiny

  用Flash制作像册的教程已经很多了,只要发挥自己的想象,相信自己,你也能做出超酷的旋转像册!

  注:这个效果从一个国外站点上下载来的!简单给大家讲解一下制作过程。

  先看效果


用鼠标点击相册外圈的照片,中间就会显示大照片

  制作过程

  首先修改文档属性,准备好动画中用的图片和缩略图。

Flash制作超酷的旋转图像像册视觉效果

  然后制作影片剪辑,先制作一个背景。

Flash制作超酷的旋转图像像册视觉效果

  影片剪辑的图层效果如下所示。thumbs是存放缩略图的,mask是画一个正圆,作为遮照使用,images是原图,bg是放上面那个背景的。

Flash制作超酷的旋转图像像册视觉效果

  其中注意要把图片转变为电影剪辑。其它图片都是类似,在这里给大家截个图。

Flash制作超酷的旋转图像像册视觉效果

  为了把图片缩略图放置好位置,我们利用一个技术。这样缩略图的位置就解决了!

Flash制作超酷的旋转图像像册视觉效果

  每个小的缩略图的制作方法很简单,给大家截图。把缩略图用遮照遮好!

Flash制作超酷的旋转图像像册视觉效果

  最后把添加一个加载loading...,第一帧的action是stop();

Flash制作超酷的旋转图像像册视觉效果

  第二帧的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() {
 if (!pauseGallery) {
  for (var j = 0; j<imageTotal; j++) {
   gallery.thumbHolder["thumb"+j]._rotation -= 0.5;
  }
  gallery.thumbHolder._rotation += 0.5;
 }
}; 

    最后Ctrl+F5就可以测试了!

  如对于本文有任何疑问、意见以及建议,请在文章底部的留言板上留言。

  更多精彩,尽在天极设计在线 design.yesky.com!


电脑美术设计热门专区


设计软件视频教程大全

设计软件经典教程

设计人生——数码设计人访谈实录集
·精彩设计作品展示
·精彩网页素材
·照片处理专区
·设计软件经典专题集粹

  阅读关于 Flash 动态相册 实例 代码 的全部文章
网友关注
最新上市
编辑推荐
文章阅读排行
周排行
月排行
欢迎订阅天极网RSS聚合资讯:http://www.yesky.com/index.xml