萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Fireworks教程 >> FireWorks--用Fireworks 4.0制作旋轉文字動畫在線閱讀

FireWorks--用Fireworks 4.0制作旋轉文字動畫在線閱讀

  Fireworks與Dreamweaver Flash一起合稱網頁制作三劍客,可是如果我們沒有學會很好地利用它,那就與未出鞘的寶劍一樣,難見光芒。所謂萬事靠積累,只有多學多練才能讓劍客真正發揮威力。今天就讓我們來看一下如何利用Fireworks 4.0制作一個旋轉文字的小動畫,希望能對您有所幫助。

  1 建立新文件:
啟動Fireworks 4.0,按Ctrl+N鍵新建一個工作區,設置工作區寬度(Width)為400,高度(Height)為300,顏色為黑色,其余依照默認值。

  2 輸入文本圖形:
  首先單擊文本工具(就是那個“A”),設置參數如下:字體為“華文行楷”,大小為“20”,顏色為“紅色(#FF0000)”,其余的不用管它。然後在文本欄裡輸入文字,單擊OK按鈕。用箭頭工具選擇並移動文本到工作區稍微靠上的位置,接下來在Windows→Effect面板中選擇ShadowandGlow→Glow(發光)選項,設置具體參數如下:寬度為2,柔化度為1,顏色為黃色(#FFFF00),透明度為100%。此時文本效果如圖1所示。



圖1
  3 制作文本圖形的分布路徑:
  首先取消對文本圖形的選擇,然後單擊橢圓形工具(找不到?按矩形選擇工具兩秒鐘看看會不會出現!),在Stroke和Fill面板中均選擇None。按住Shift鍵在畫布中畫一個標准的圓形。按Ctrl+A鍵,或者單擊箭頭選擇工具,按住Shift鍵分別點擊文本圖形和圓形,從而將二者全部選定,單擊Text→AttachtoPath選項或者按快捷鍵Ctrl+Shift+Y,是不是看到文本圖形乖乖地沿著路徑進行了分布呢?哈哈,先不要得意的太早,路漫漫其修遠兮……如果你看到的文本圖形並未分布均勻的話,那麼請用鼠標左鍵雙擊文本圖形,在彈出的文本參數對話框中修改AV的值,直到文本圖形沿路徑均勻分布到令你滿意的狀態為止。

  4 開始制作動畫:
  選中圖形,單擊Insert→ConverttoSymbol…(轉變為符號)選項或者按F8鍵,在其對話框中將符號圖形命名為“TEXT”,並選擇“Graphic”(圖案)選項,單擊OK按鈕,此時圖形就被轉化為圖形符號了,並且被一個左下角有小箭頭標記的虛線框包圍著。
 


copyright © 萬盛學電腦網 all rights reserved