‹‹ 上一主題 | 下一主題 ››
發新話題

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

蔡逸竹

孤獨者 - 心在黑暗裡旅行 ...... ...

至尊會員

Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

遊蕩的過客 - 枉入紅塵若許年 .. ...

UID
18273 
帖子
12122 
精華
1273 
積分
240737 
金幣
492641  
威望
5001  
推廣
0  
閱讀權限
99 
來自
尋覓中 
註冊時間
2006-6-24 
最後登錄
2015-5-27 

總版主 典獄長 榮譽勳章 陽光會員 宣傳大使 榮退獎章 糾察隊長 鍾愛一生勳章 大學博士勳章 守護天使勳章 忠誠勳章 高級糾察 社區建設獎章 社區巡守獎章 社界宗師勳章 資源專家勳章 傳學大師勳章 文壇大家勳章 點評專家勳章 終身成就獎章 熱心助人獎章 最佳分享獎章

1樓 大 中 小 發表於 2006-12-8 20:09 

《教學》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

‹‹ 上一主題 | 下一主題 ››
發新話題

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