當前位置:才華齋>設計>網頁設計>

Fireworks製作GIF動畫圖解

網頁設計 閱讀(6.75K)

大家知道Fireworks製作GIF動畫嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗,在此拿出來與大家分享下,請大家互相指正。

Fireworks製作GIF動畫圖解

1、下載並安裝濾鏡外掛Xenofex2到FW的Plug-in目錄下(將解壓出的檔案複製進Plug-in資料夾即可),下載頁面在這裡(不是廣告,我也不知道這是誰的BLOG)。

2、執行FW,開啟一張圖片,我們可以適當縮小這張圖片的尺寸,令周圍留些空白,背景色設為白色。這樣我們更能看清楚破碎擴散的效果。將這層命名為“破碎”。

3、然後在圖片的中間部分輸入破碎效果之後顯現的`文字,比如此例中的“JSUPER”,將文字層移動到“破碎”層的下面。

4、將此幀的時間設為7,然後複製出與此幀相同的6幀,複製幀的具體操作是在“幀”面板中,用滑鼠左鍵拖拽“幀1”至下面的新建按鈕上即可進行復制,反覆操作就可複製出6幀相同內容的幀(現在一共有7幀,它們的內容都相同)。將第1幀的時間設為100,第7幀的時間設為150。

5、選中第2幀,並單擊圖片,選擇選單中的“濾鏡”>“Alien Skin Xenofex 2”>“粉碎”(Shatter)。彈出“粉碎”濾鏡效果的主視窗。

6、將“碎片大小”(Size)設為40,“翻滾”(Tumble)和“時間”(Time)兩個滑動條移到總長度的五分之一的位置(20),點選“確定”(OK)。這樣我們就可以看到第2幀的破碎開始的效果了。

7、選中第3幀,並單擊圖片(這張圖片是沒破碎過的就對了),也對其運用“粉碎”濾鏡,這次將“翻滾”(Tumble)和“時間”(Time)兩個滑動條移到總長度五分之二的位置,點選“確定”(OK)。我們看到破碎的圖片開始有點變化。

8、用此法將第4、5、6幀的圖片運用“破碎”濾鏡效果。不同的地方只是“翻滾”(Tumble)和“時間”(Time)這兩個滑動條分別移動到總長度五分之三(60)、五分之四(80)和最大長度(100)的位置。

9、選中第6幀的圖片,在屬性面板中將不透明度設為50%,這樣到下一幀的過渡才不會顯得突兀。

10、將第7幀的圖片刪掉,只留下文字。點選“幀”面板下方“無迴圈”字樣前面的圖示,選擇“永久”,這樣動畫就可以迴圈播放了。

11、在“優化”面板中選擇“GIF動畫”。然後就可以匯出欣賞了。

相信大家已經瞭解Fireworks製作GIF動畫了吧!感謝大家對我們網站的支援!