《教學》Fireworks - 淡入淡出動畫製作技法 - Fireworks - Adobe系列學院 - 頂客論壇 ,免費遊戲,免費交友,免費空間,免費部落格,免費相簿,免費開店 - 頂客社區 dk101.com 最用心的華人社群網站
發新話題

《教學》Fireworks - 淡入淡出動畫製作技法

《教學》Fireworks - 淡入淡出動畫製作技法

適用版本:FW 4.0、FW MX
有用過FLASH的人,對這個動畫效果應該很面熟吧!!
不過這個動畫效果在Fireworks也做的出來喔!!
1.首先開啟新檔案,畫布大小:400x100像素,畫布顏色:#FFFFFF。
2.使用"文字工具"鍵入"法爾沃克"文字內容,字體:華康粗明體,填色顏色:#000000,筆畫顏色:無,並將其齊中對齊編輯區中央;接著用指標工具將"法爾沃克"選取,按"F8"快速鍵或者按"修改/元件/ 轉換為元件",元件屬性之名稱:請自訂,類型:圖像。
  


3.接著要開始排列文字,利用快速鍵Ctrl+C (拷貝)該文字後,再按Ctrl+V (貼上),排列文字如圖所示。
4.最重要的部份來了!首先叫出圖層面版,會看到三個"圖像元件-左、中、右",按"圖像元件-左"後,將不透明度選項從100 調至0 (如圖所示),接著按Shift 鍵將"圖像元件-左"及"圖像元件-中"兩者選取,按"修改/元件/實體補間動畫"後,出現"實體補間動畫"對話視窗,將步驟設定為10並勾選均分至影格,確定,這樣文字淡入動畫就完成了。






5.最後要做文字淡出動畫部份,首先在圖層面版將"圖像元件-右"選取,按快速鍵Ctrl+X(剪下)後,切換至影格面版之第12影格再按Ctrl+V (貼上),此時圖層面版就會出現"圖像元件-中、右"畫面,按"圖像元件-右"後,將不透明度選項從100 調至0 (如圖所示),接著按Shift 鍵將"圖像元件-中"及"圖像元件-右"兩者選取,按"修改/元件/實體補間動畫"後,出現"實體補間動畫"對話視窗,將步驟設定為10並勾選均分至影格,確定,這樣文字淡出動畫就完成了。。







6.整體淡入淡出動畫相關設定已完成了,最後要轉存有關GIF動畫設定,首先叫出最佳化面版,將轉存檔案格式設定為"GIF動畫",色盤設定為"接近網頁最適色彩",接著按"檔案/ 轉存"後,出現轉存對話視窗將其存檔類型選為"只有影像",檔案名稱請自訂,存檔。




7.完成淡入淡出動畫製作。

TOP

發新話題

本站所有圖文均屬網友發表,僅代表作者的觀點與本站無關,如有侵權請通知版主會盡快刪除。