Fireworks中的gif動畫制作方式圖解

有過FLASH動畫制作基礎的朋友一定知道,在FLASH中將繪制的圖像轉換成的“圖像元件”或“動畫元件”是可以通過軟件的內(nèi)建指令,產(chǎn)生運動及其它變化的效果。而在Fireworks中也沿用了這種動畫制作方式,從而大大減省了GIF動畫制作時的繁瑣性。而在本篇教材中,我們也只針對軟件直接生成的動畫效果進行分析,不對手工分楨的動畫制作進行討論。
一、動畫的基本運動
在Fireworks中,動畫的運動方式可分為四個基本動作:
1、直線運動:圖像由A點直線移動至B點;
2、旋轉:圖像原地進行順時針或逆時針旋轉;
3、不透明度漸變:圖像的透明度發(fā)生變化;
4、縮放:圖像的產(chǎn)生放大或縮小的變化。
每種動畫效果即可獨立作用于一個圖形對象,也可同時作用于一個圖形對象上。
二、圖像的動畫制作
在Fireworks中,將繪制完成的圖形對象制作成動畫效果,可以通過“動畫”的設置對話框直接完成。同時也可以將圖像轉為“圖像元件”后,通過“補間實例”功能來間接實現(xiàn)。
1、使用“動畫”設置框制作動畫
點選將要制作成動畫的圖形對象后,選擇菜單欄上的“修改——動畫——選擇動畫”命令,將會彈出“動畫”的設置對話框,如圖01。
圖01
在這里,可以設置動畫的幀數(shù)、圖像的移動距離、運動方向、縮放程度、不透明度的變化以及旋轉的方向和角度等。設置完成后可點擊“確定”按鈕。如果此時的“幀”浮動面板里的幀數(shù)少于當前將要創(chuàng)建的動畫幀數(shù)時,則會彈出一個提示框,示意是否為當前動畫建立足夠的幀數(shù)。再次點擊“確定”后,軟件將自動把該圖形對象轉成動畫元件并按剛才所設置的動畫參數(shù),自動成動畫效果。我們可通過Fireworks畫布文檔下方的動畫播放按鈕進行效果查看。如圖02。
圖02
2、使用“補間實例”功能制作動畫
這是一種間接制作動畫的方式。具體的操作方法是,先選中圖形對象后按F8鍵,在“元件屬性”對話框中將圖象轉為“圖形元件”。此時打開“庫”浮動面板的話就會看到,這里多了一個“圖形元件”。說明該對象已被成功轉換為“圖形元件”。如圖03。
圖03
而原來畫布中的圖像左下角則會多出一個小箭頭標志,表明這是該“圖形元件”的一個分身。我們從“庫”面板中用鼠標將該“圖形元件”拖拽至畫布當中,為該“圖形元件”建立第二個分身對象。同時選中這兩個分身對象后,在任意一個分身對象上點擊鼠標右鍵,并從彈出菜單中選擇“元件——補間實例”命令,從而啟動“補間實例”對話框,如圖04。
圖04
在“步驟”欄中可輸入這兩個分身之間過渡的圖像步驟,在這里我們可以理解為該動畫設置幀數(shù)。而“分散到幀”復選框則是將這兩個分身之間的過渡圖像按順序分發(fā)到每個幀之中。因此只有選中了該項,整個動畫才能完成。在點擊“確定”按鈕后即可生成動畫效果了。
如果想讓圖像做成動畫后產(chǎn)生縮放、不透明度漸變以及旋轉效果的話,可在啟動“補間實例”之前對這兩個分身對象進行不同程度地縮放、不透明度設置和旋轉后,再進行“補間實例”的操作。
相關文章
- firework輸入的文字可以根據(jù)需求添加一些效果,該怎么給文字添加字體傾斜效果呢?下面我們就來看看詳細的教程2024-05-23
fireworks淡化邊緣工具在哪里? fireworks輪廓虛化效果的實現(xiàn)方法
fireworks繪制的圖形輪廓線尖銳了,想要虛化一下,需要使用淡化邊緣工具,這個工具在哪?怎么使用呢?詳細請看下文介紹2024-05-23電腦怎么批量添加照片日期? Fireworks給電腦圖片批量添加日期的技巧
電腦怎么批量添加照片日期?電腦中圖片的名字想要添加日期,該怎么操作呢?下面我們就來看看Fireworks給電腦圖片批量添加日期的技巧2023-06-05fw怎么設計科技干的線條? fireworks混合路徑工具制作圖形的技巧
fw怎么設計科技干的線條?fireworks中想要畫曲線線條,我們需要用到混合路徑工具,下面我們就來看看fireworks混合路徑工具制作圖形的技巧2023-01-09Fireworks圖形怎么做高光? fw中幾種制作高光效果的方法
Fireworks圖形怎么做高光?Fireworks中想要做高光效果,有幾種方法可以添加高光?下面我們就來看看fw中幾種制作高光效果的方法2022-12-21Fireworks剪切的圖片怎么導出? fw將裁剪區(qū)域導出保存的技巧
Fireworks剪切的圖片怎么導出?fw中剪切好的圖片想要保存,該怎么保存呢?下面我們就來看看fw將裁剪區(qū)域導出保存的技巧2022-12-20fw圖片漸隱效果怎么做? Fireworks給圖片添加漸隱效果的技巧
fw圖片漸隱效果怎么做?fw中想要給圖片添加漸隱效果,該怎么添加這個效果呢?下面我們就來看看Fireworks給圖片添加漸隱效果的技巧,詳細請看下文介紹2022-11-28Fireworks如何給圖片添加陰影效果? fw給圖片增加陰影效果的技巧
Fireworks如何給圖片添加陰影效果?fw中導入的圖片想要給圖片中的圖形添加陰影,該怎么操作呢?下面我們就來看看fw給圖片增加陰影效果的技巧2022-11-28fw文字怎么添加內(nèi)陰影? Fireworks給字體添加陰影的技巧
fw文字怎么添加內(nèi)陰影?fw中輸入的文字想要添加陰影,該怎么添加內(nèi)陰影呢?下面我們就來看看Fireworks給文字添加陰影的技巧,詳細請看下文介紹2022-11-28Fireworks中如何創(chuàng)建蒙版以及使用? FW蒙版功能的使用技巧
Fireworks中如何創(chuàng)建蒙版以及使用?fw中想要使用蒙版制作一些效果,該怎么創(chuàng)建蒙版并使用呢?下面我們就來看看FW蒙版功能的使用技巧,詳細請看下文介紹2022-11-28