欢迎来到山村网

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

2019-03-31 06:57:12浏览:328 来源:山村网   
核心摘要:  用Flash制作像册的教程已经很多了!这里就不在给大家罗嗦了!只要发挥自己的想象,相信自己!你能!那么超酷的旋转图像像册视觉

  用Flash制作像册的教程已经很多了!这里就不在给大家罗嗦了!只要发挥自己的想象,相信自己!你能!那么超酷的旋转图像像册视觉效果就会出现。

  简单给大家说一下制作步骤

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

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

  图1

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

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

  图2

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

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

  图3

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

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

  图4

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

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

  图5

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

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

  图6

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

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

  图7

  第二帧的action是:

  stop();

  positions = [];

  imageTotal = 8;

  pauseGallery = false;

  var current:MovieClip;

  for (var i = 0; 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

  gallery.thumbHolder["thumb"+j]._rotation -= 0.5;

  }

  gallery.thumbHolder._rotation += 0.5;

  }

  };

  最后可以测试了!就给大家这样解释了这个动画的大体的制作过程!

(责任编辑:豆豆)
下一篇:

用Dreamweaver合理为为网页进行优化

上一篇:

Dreamweaver在网页中给视频播放窗口预设图像

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com