Fireworks製作飛翔的海鷗GIF動畫圖片教程

欄目: 數碼 / 釋出於: / 人氣:2.94W

當我們在網上衝浪時，看到形形色色的動畫效果，一定會有一種衝動，那就是將這個漂亮的動畫儲存到自己的硬碟上，那麼你知道這些動畫是如何製作的的嗎?

利用Firework 3製作動畫總共有三種方法，由易到難分別為：合併已有圖片生成動畫,利用Tween Instances生成動畫和手工繪製。

一、合併已有圖片生成動畫

合併已有圖片形成動畫，顧名思義就是將一系列圖片按順序排列在不同的幀中從而生成動畫，當然，首先我們必須有一串連續的圖片，然後，在Fireworks中，選擇選單指令“File/Open Multiple”，這時將彈出“開啟”對話方塊(如圖1)，進入所需圖片所在的目錄，然後按照動畫中圖片顯示的順序依次選取圖片，並單擊“Add”按鈕將這三張圖片加入到對話方塊下面的視窗;

注意：我們還必須勾選對話方塊最下面的“Open as Animation”(以動畫開啟)選項，不然的話，我們開啟的將是三張分開的靜態圖片;最後，單擊“Done”(完成)按鈕。

圖1以動畫開啟

單擊視窗右下角狀態列的播放按鈕，怎麼樣?效果還不錯吧!

現在只是一隻海鷗在不停地飛，如果為它再新增一副背景，效果一定會更好，好吧，下面我們就為海鷗新增一副大海的背景。

新增背景的方法有兩種：自動複製和共享圖層。

1.自動複製

圖2新增幀

首先，單擊“Frames”面板右上角如圖2按鈕，選擇“Add Frames”，在彈出的對話方塊中選擇“Number”為1和“At the end”，單擊“ok”按鈕。

圖3編輯模式狀態

然後將畫布的大小改為200x150(Pixels);接下來，開啟背景圖片，發現圖片周圍有一個如圖3的邊框，說明圖片處於影象編輯模式，選擇“Modify/Exit Image Edit (Ctrl+Shift+D)”，使圖片進入物件編輯模式，如果想讓圖片開啟時總為物件編輯模式，我們將“File/Preferences”的“Editing”面板中“Open in Image Edit Mode”複選框前面的對鉤去掉即可。(如圖4)

圖4Prefernces對話方塊

選中新新增的“Frame 4”，將背景圖片拷入其中並適當地調整一下背景圖片的位置，然後選中圖片，單擊“Frames”面板右上角如圖4按鈕,在彈出選單中選擇“Copy to Frames”，進入“Copy to Frames”視窗，選擇拷貝範圍為：All Frames，單擊“ok”按鈕。

圖4拷貝幀

開啟“Frames”面板，我們發現前三幀的圖片都被背景圖片遮住了，單擊第一幀，然後選中畫布中的圖片，執行選單指令“Modify/Arrange/Send”;或者單擊修改工具欄的置後工具(如圖5)，將背景圖片移到動畫圖片的後面，其它幀同理。

圖5置後工具

最後雙擊“Frame 4”，將它的時間延遲設定為0(如圖6)。

圖6延時設定

至此，背景新增完畢，趕快預覽一下動畫的效果吧!(如圖7)

圖7動畫效果圖

2.共享圖層

共享圖層就是使用“Layers”圖層面板，將指定的背景圖片設定為共享圖層，如此即可在所有的幀中看到該背景。

我們有時可能會誤認為每一幀都擁有一個圖層，其實不論設定的幀有多少，這些幀都位於同一圖層上，只是出現的時間不同罷了。

下面我們就利用此方法為剛才的動畫新增一個背景：首先，將畫布的大小改為200x150(Pixels)，然後開啟“Layers”圖層面板，單擊“Layers”圖層面板右上角如圖按鈕，選擇“New Layer”，在彈出的“New Layer”對話方塊中，為新層起一個名字，例如：background，鉤選“Share Across Frames”複選框,單擊“ok”按鈕，“background”圖層就成了共享圖層，(如圖8)左鍵按住“background”圖層，將它拖到“Layer 1”圖層下面;然後開啟背景圖片，單擊“矩形選擇工具”