Fireworks 製作 GIF動畫圖形

動畫製作 除了可以使用Flash與Photoshop製作之外

其實 Fireworks 有可以 很輕鬆完成製作GIF動畫

雞蛋貓老師這裡 完成 一個 GIF 動畫設計 讓大家看看

33333    

步驟如下:

1.選取 圖形

2.修改→元件→轉換成元件

snap001  

3.選取  動畫  選項 ,之後下 確定按鈕

4.按下右下角的 編輯鈕

snap002  

5.進入 動畫元件  畫面

6. 打開 視窗→圖層

snap003  

7.將 圖層一 複製一個 圖層二 出來(製作 變化圖形使用)

snap004  

snap005  

8.針對 圖層二 開始設計 您要變化的項目

例如:

8.1 在圖層二 增加一個物件項目 打上 要顯示的 廣告字....日本旅遊
8.2 在圖層二 增加一個物件項目 打上 要顯示的 廣告字....費用只要 12000元

snap007  

9.設定完後 針對圖層一標籤 按右鍵 選擇 (共享圖層至狀態)

snap008  

10. 選取 圖層二 標籤 (很重要一定要選)

snap009  

11.切換到 視窗→狀態 

12. 在  (01 狀態1)標籤上 按右鍵 選擇 (分散至狀態)

snap010   

到這裡就幾乎完成了動畫的設計,可以按下右下角的播放鍵 測試看看,如果沒有問題

snap011  

即可以點選 左上角的(頁面一)回主場景

 

13 開啟 視窗→ 元件庫 ,將剛剛製作好的 動畫元件拖曳到 場景上,這時候畫面 會出現此訊息~~按下 確定 即可

snap013

 在測試一次看看,如果 發現播放速度太快 ,請到

snap014

視窗→狀態 面板,將所有狀態選取後,按下右鍵 選擇 屬性

snap015

來設定每一張50/100秒 播放時間

    

14. 最後 準備輸出

15.視窗→ 最佳化:挑選 GIF動畫+Alpha透明度

 snap016

16.檔案 / 匯出 這樣即可完成使用 Fireworks 製作 動畫圖形

 

這樣製作是不是粉簡單歐~~~

 

arrow
arrow
    全站熱搜

    雞蛋貓異想世界 發表在 痞客邦 留言(0) 人氣()