DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> 在Fireworks中制作淡入淡出動畫效果
在Fireworks中制作淡入淡出動畫效果
編輯:Fireworks基礎     

淡入淡出動畫效果

  用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。

六、效果完成。


原文件保存編輯吧

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved