用Fireworks 4.0制作旋轉文字動畫(組圖)

2024-09-11 13:31:38

字體：大中小

來源：轉載

供稿：網友

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

　　1、建立新文件：啟動fireworks4.0，按ctrl+n鍵新建一個工作區，設置工作區寬度（width）為400，高度（border=1height）為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按鈕，此時圖形就被轉化為圖形符號了，并且被一個左下角有小箭頭標記的虛線框包圍著。1

5、克隆圖例：

　　單擊edit→clone選項或者按ctrl+shift+d鍵克隆一個圖例出來（前提是工作區的圖例處于被選中狀態），然后單擊比例變換工具，可以看到圖例周圍出現了八個小方塊，拖動鼠標，將克隆出來的圖例順時針旋轉一定的角度（如圖2）。使用同樣的方法將當前圖例再克隆一個并再次旋轉一定角度。總共連續三次（也可以更多次）執行此操作。

圖2

　　6、創建動畫：

　　按ctrl+a鍵選中所有圖形，單擊modify→symbol→tweeninstances…選項，在彈出的對話框中輸入步驟（steps）為3，單擊選中“distributetoframes”選項，最后單擊ok按鈕。這時我們打開frame面板，可以發現fireworks已經自動加入了很多幀，到此為止，我們的旋轉動畫已經完成一大半了。

　　7、加入修飾圖形：

　　在幀面板（frames）中單擊第1幀，單擊畫布空白處，取消所有圖形的選擇。單擊橢圓形工具，設置筆刷顏色為無色（none），油漆桶顏色為紅色。在stroke面板中選擇填充方式為none。在fill面板中選擇cone，并單擊edit按鈕將漸變色調整為紅、黃漸變，按住shift鍵在畫布上的文本中畫一個圓形，并使之居中（使圓形居中的方法：按ctrl+a選中所有圖形，然后在上方的工具欄上先后

上一篇：超酷圖標教你做

下一篇：FireWorks金屬節教程