DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> FW MX 2004為卡通圖片添活力(三)
FW MX 2004為卡通圖片添活力(三)
編輯:Fireworks基礎     

  在主圖下面新建一個圖層,將眼睛動畫元件拖到場景裡加菲貓眼睛的位置。由於原圖的眼睛部分是不透明的,我們使用橡皮工具將眼眶裡的顏色仔細地去除後,就會看見原來的眼睛已經被我們添加進去的眼睛動畫元件代替了。在這裡需要結合每一幀的效果預覽,仔細地移動和旋轉眼睛元件的角度和位置,同時調整元件的旋轉軸心,將兩個眼珠的轉動范圍控制在加菲貓的眼眶裡(圖5)。

  添加了眼睛動畫元件之後,我們看到加菲貓的眼睛隨著小窗口活動圖片的輪顯示,忽閃忽閃地轉動起來。

  提示:制作多重動畫時,每增加一個新動畫元件之前,都要打開幀面板,將當前幀定位在首幀上,否則會造成各個動畫效果之間的不協調和動畫顯示錯誤。


  現在我們的作品馬上就要完成了。最後選擇“文件→導出預覽”命令,將輸出格式定為“Gif動畫”後打開動畫設置選項,在這裡將全部幀的間隔時間設置為100(圖6),即每秒顯示1幀,就可以把它保存下來了。看看這幅加工後的加菲貓,是不是增添了幾分活力呢?

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved