萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Flash教程 >> Flash制作超酷的旋轉圖像像冊視覺效果

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;

  }

  };

  最後可以測試了!就給大家這樣解釋了這個動畫的大體的制作過程!

copyright © 萬盛學電腦網 all rights reserved