當前位置:開發者網絡 >> 技術教程 >> 網頁設計 >> Flash >> 內容
精彩推薦
分類最新教程
分類熱點教程
    
金雞賀歲!Flash製作雞年新春動畫賀卡 2
作者:未知
日期:2005-04-30
人氣:
投稿:(轉貼)
來源:未知
字體:
收藏:加入瀏覽器收藏
以下正文:
背景準備

  1.背景圖

  背景圖的樣子要顯得喜慶才行,至於用什麼圖案大家可以自己設計,最好使用紅黃色的色調來作背景。

  2.福字

  新春佳節大家都講究「福」,福字的設計我們用黃色字體、紅色背景再加一個圓框來處理。注意為了保證字體「歸納」在圓環之內,需要用一個遮照。整個福字元件第一層是背景、中間被遮照的是文字、上面一層是遮照層用和背景一樣大小的圓形(圖8)。


圖8


  3.春字

  新春佳節當然少不了春字,春字的設計方法和福字相同。

  二、動畫組合

  1.開門動畫

  開門的動畫只需要將門的左右兩邊往外移動就是了,設計一個移動的補間動畫。不過需要設計一個遮照層,只能看到圖1大小的範圍,這樣整個動畫就是在這樣一個範圍內演繹。

  2.福字轉動

  當門打開後福字就跳出來旋轉一圈變成一個春字,在門打開後的幀後面再設計一個福字動畫,其中第15到29幀福字(靜態)元件由小變大,用移動的補間動畫來設計(圖9),在第30幀增加一個關鍵幀這裡把原來的元件去掉換上福字轉動的動畫元件(設計方法見下文)。


圖9

  創建一個福字轉動的電影剪輯元件,在元件中製作第1到5幀的動作補間動畫,設計順時針旋轉一次(圖10)。在第5幀的關鍵幀把福字垂直旋轉180度,這樣福字旋轉一周後福字倒立。在第20幀插入關鍵幀現在要讓福字旋轉回來後變成春字,第20幀設計順時針旋轉的補間動畫,在第25幀插入關鍵幀把春字(靜態)元件放到該幀上,注意春字的大小和位置要和前面的福字相同。


圖10


  3.春字閃動

  春字的閃動也需要另外設計一個元件,第一幀的字小、第五幀的字大,注意多插入幀可控制閃動的變化速度(圖11)。


圖11

  回到主場景,前面設計的福字轉動動畫一共有25幀,在「福字」成讓福字動畫所佔的幀長度保持25幀。然後再添加一個關鍵幀(第56幀)該幀的元件使用春字閃動效果。在第100幀增加關鍵幀放上春字的靜態元件,再把幀長度延長到120幀,整個時間軸的佈局如圖12所示。注意這一層上從第29幀開始以後的每個元件在場景中的大小和位置都必須一樣,保證動畫演示的連貫性。


圖12


  4.小雞搖擺

  小雞動畫是左右搖擺的和設計春字閃動效果一樣,用幀的長短來控制變化速度,分別設定兩個關鍵幀演示小雞的動作(圖13)。


圖13

  最後在主場景上依次排列好上面的元件,在對聯「聞雞起舞」的「雞」字上放上小雞動畫元件,感覺更加形象生動,在某一個層上添上喜慶的背景音樂,在屬性面板中對音樂的播放方式設計一下,在第120幀處需要把音樂設定為「停止」(圖14),現在整個動畫的設計工作就完成了。


圖14

相關文章: