DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Fireworks 制作文字的淡入淡出
Fireworks 制作文字的淡入淡出
編輯:Fireworks基礎     
這是Macromedia網站上的一篇文章,文章很簡單卻極詳細的講解了如何做文字的淡入淡出,尤其對理解Tween動畫有很大的幫助,希望大家也能從中得到一些啟發。

一。建立一個新的Fireworks文檔,輸入一些文字,以你喜歡的顏色和字體設置文字的風格和顏色。
二。選擇Insert > Convert to Symbol 將這些文字轉換成為Symbol。
三。選擇Edit > Clone,克隆這個Symble。接著在層面板的右上角調節opacity(透明度),使這個克隆物體變成完全透明。
四。選擇Modify > Arrange > Send to Back 。將這個克隆物移動到原始實例的下面。
注意:在distributed to frames(分配到幀)的這個操作中,最下面的物體將顯示在第一幀,而最前面的物體將顯示在最後一幀,其余的物體以同樣的順序分配到中間相應的幀中。這是值得注意的一點,兩個物體順序不同,在tween Instances時,勾選distributed項將會產生不同的效果。
五。再次選擇Edit > Clone,克隆最下面的這個透明的實例。選擇Modify > Arrange > Bring to Front 將這個字移動到最前面。
這樣按這個動畫的思路,我們的這個動畫就會從最後一個完全透明的字體漸變到中間不透明的字體再漸變到完全透明的字體。
六。選擇Modify > Symbol > Tween instances...在出現的Tween Instances對話框中設置Steps:10,勾選Distribute to Frames選項。
注意:Tween Instances對每一個實例創建了同樣的數目,但不包括原來在畫布上的三個物體。
為了要讓動畫的兩個文字在第一個文字要消失的時候,第二個文字接著出現,我們第二個文字的位置也要安排在第一個文字完全不透明的幀上。這個不透明的文字是作為中間層的,因此它應該在第12幀上。
七。在幀面板中選擇第12幀,在層面板的右上角的下拉菜單中選擇New layer...按鈕,增加一個新層。並鎖定原來的層。選擇文本工具,在同樣的位置輸入新的文字。重復第二步到第六步同樣的操作。
好了。現在你的動畫已經做出來了。最後選擇導出為Animated Gif。

這個動畫適用於Fireworks的所有版本。只是一些工具的選擇做出相應的調整即可。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved