DIV CSS 佈局教程網

　　淡入淡出動畫效果

　　用Fireworks做的淡入淡出效果，有人說看PNG格式看不出真正的步驟，所以在此補上這樣一篇教程。

　　對象的淡入淡出效果是firewoks可以創建的普通效果之一，對兩個鏈接對象進行插幀的時候，其中一個對象的不透明度設置為0%，一個對象的不透明度設置為100%，就可以獲得淡入淡出效果。
 
　　制作步驟：

　　一、首先新建一個文件，畫一個圓，在FILL面板中設置edge:feather:10，設feather的目的是在運動過程中邊緣不至於太生硬，影響效果。點中圓，按F8鍵，選擇type: graphic,使之變成symbol。 

　　二、在library面板中選中這個symbol,拖到屏幕中。重復上次操作，再拖一個出來。用scale工具把後拖出來的那個圓拉到自己滿意的大小，按ctrl+a，選中這二個圓。

　　三、在modiya菜單中選align選項，center vertical和center horizontal各點一下，二個圓球的圓心就對齊了。：）

　　四、選中大圓，在object面板中透明度設為0。

　　五、把二個instances選中（也就是圓），選modify菜單中的symbol->tween instances，在steps中填入自己想要的幀數。本例中我選了3。 
　　六、效果完成。

原文件保存編輯吧