萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Flash教程 >> 使用Flash MX將GIF動畫圖片制成FLASH動畫

使用Flash MX將GIF動畫圖片制成FLASH動畫

   gif動畫比較簡單

  gif動畫只能做一些比較簡單的動畫,FLASH可以比較多元化,最大的不同是格式不一樣,一個是SWF,一個是Gif,還有Gif的那是圖片,按照flash裡面講Gif是逐貞動畫

  PS也可以做,而flash動畫要比那個Gif復雜的多,還可以編程。

  我找到一只狗,是GIF動畫,如何弄到FLASH裡制作成FLASH動畫?

  動畫的創意是:讓狗在森林中行走.

  如果你想按我的教程做一遍的話,先下載素材:

  在你電腦裡建一個專用文件夾,下載方法:分別右擊下面素材一和二兩張圖片,點"圖片另存為...",放到該文件夾裡,以後的源文件也放這.

  你可以完完全全,按我的樣照做,其實,這也是用例題交你入門的又一個教程.

  素材一:狗是一張透明的GIF動畫圖片:(必須透明,才能和背景合成)

使用Flash MX將GIF動畫圖片制成FLASH動畫 三聯

  素材二:森林是一張普通的JPG靜態圖片(圖片尺寸1004x272象素):

  1,打開FLASH軟件:點插入,新建元件

  2,把名稱改成"動物",行為選"影片剪輯",點確定.

  3,進入元件編輯中(注意和場景編輯的區別,沒舞台,全白.並在場景1後面多一個"動物"元件名稱)

  4,點文件裡的導入(注意:不是導入到庫).

  5,找到狗的圖片(24.gif),選中:

  6,自動把狗的行為做成幀:元件制作完成.

  7,開始制作背景:點"場景1",回到場景編輯中(注意不能忘記回到場景),點文件.點"導入到庫".

  8,找到背景圖片:bjtp.jpg 選中:

  9,打開"庫",點窗口,選中"庫":

  10,彈出庫窗口,在庫裡找到bjtp.jpg,並點擊,在上側窗口出現畫面.

  11,點一次層中的第一幀.用鼠標壓住庫中的畫面(上窗口),拉入舞台,放適當位置.

  12,再設置舞台:雙擊寫著"12.0 fps"幾個字,彈出"文檔屬性"面板,只把高度設置成272(和圖片同高)

  13,點"對齊工具"(在幫助下行),彈出對齊窗口,先點"相對於舞台"按鈕.再點對齊符號中的第五個符號(垂直中齊),圖片和舞台吻合.

  14,取消對齊窗口:在"50"下方點藍:

  15,,按鍵盤中的功能鍵"F5",幀延長到50.注意:首幀是黑點,尾幀是長方快.

  16,在1-50中間任意位置右擊,彈出窗口,點"創建補間動畫",1-50變成灰藍色和虛線:

  17,對准尾幀右擊,彈出窗口點"插入關鍵幀":

  18,於是變成從1指向50的黑實線箭頭.

  19,對准尾幀的黑點,用鼠標點選一次,點對齊工具,點對齊符號中的第三個符號"右對齊":讓圖片右邊緣和舞台右邊緣吻合:

  20,點選首幀,點對齊工具中對齊符號的第一個,讓圖片左邊緣和舞台坐邊緣對齊:

  21,全部完成後,點插入圖層符號,增加圖層2,圖層2的空白幀自動成為1-50:

  22,鎖住圖層1,從庫中把"動物元件"(注意:庫中的圖片不要管,只拉入動物元件)拉入舞台適當位置.(下方中間)或點對齊工具裡的"水平中齊"符號:

  23,以上基本完成.保存源文件:點"文件"裡的"另存為",選路徑命名,保存:

  24,點"控制"中的"測試影片",同時在保存源文件的同一文件夾裡得到同一名稱的成品文件SWF格式:

  25,點"控制"中的"測試影片",彈出演播窗口,看到狗在原地踏步,背景向後移動,視覺狗在前進:

  看後請關閉演播窗口:

  26,效果:以上制作完成後,去保存源文件的文件夾裡,找SWF灰色圖標的文件再次播放,效果如下:

  27,源文件下載:源文件一 源文件二 為了更好練習制作,在源文件1中加上聲效(加第三層狗叫聲),這裡下載:源文件三.

  28,同理,讓背景不動狗移動效果如下圖,方法:第一層背景圖片不做"補間動畫",第二層,元件拉入後,對狗做補間動畫(也可以弄成其他效果):

  29,用教程的制作方法可以弄成:飛機在空中飛翔,飛鳥在樹林裡飛翔,蝴蝶在花叢裡飛舞,...等等.

  只要找到透明GIF動畫,用上方法弄成FLASH元件,就可以實現.當然你有藝術水平,自己繪制就更好了!

copyright © 萬盛學電腦網 all rights reserved