詳解Fireworks中的動(dòng)畫制作

2024-09-11 13:32:16

字體：大中小

供稿：網(wǎng)友

有過flash動(dòng)畫制作基礎(chǔ)的朋友一定知道，在flash中將繪制的圖像轉(zhuǎn)換成的“圖像元件”或“動(dòng)畫元件”是可以通過軟件的內(nèi)建指令，產(chǎn)生運(yùn)動(dòng)及其它變化的效果。而在fireworks中也沿用了這種動(dòng)畫制作方式，從而大大減省了gif動(dòng)畫制作時(shí)的繁瑣性。而在本篇教材中，我們也只針對軟件直接生成的動(dòng)畫效果進(jìn)行分析，不對手工分楨的動(dòng)畫制作進(jìn)行討論。
　　一、動(dòng)畫的基本運(yùn)動(dòng)

　　在fireworks中，動(dòng)畫的運(yùn)動(dòng)方式可分為四個(gè)基本動(dòng)作：

　　1、直線運(yùn)動(dòng)：圖像由a點(diǎn)直線移動(dòng)至b點(diǎn)；

　　2、旋轉(zhuǎn)：圖像原地進(jìn)行順時(shí)針或逆時(shí)針旋轉(zhuǎn)；

　　3、不透明度漸變：圖像的透明度發(fā)生變化；

　　4、縮放：圖像的產(chǎn)生放大或縮小的變化。

　　每種動(dòng)畫效果即可獨(dú)立作用于一個(gè)圖形對象，也可同時(shí)作用于一個(gè)圖形對象上。

　　二、圖像的動(dòng)畫制作

　　在fireworks中，將繪制完成的圖形對象制作成動(dòng)畫效果，可以通過“動(dòng)畫”的設(shè)置對話框直接完成。同時(shí)也可以將圖像轉(zhuǎn)為“圖像元件”后，通過“補(bǔ)間實(shí)例”功能來間接實(shí)現(xiàn)。

　　1、使用“動(dòng)畫”設(shè)置框制作動(dòng)畫

　　點(diǎn)選將要制作成動(dòng)畫的圖形對象后，選擇菜單欄上的“修改——?jiǎng)赢嫛x擇動(dòng)畫”命令，將會(huì)彈出“動(dòng)畫”的設(shè)置對話框，如圖01。

圖01
　　在這里，可以設(shè)置動(dòng)畫的幀數(shù)、圖像的移動(dòng)距離、運(yùn)動(dòng)方向、縮放程度、不透明度的變化以及旋轉(zhuǎn)的方向和角度等。設(shè)置完成后可點(diǎn)擊“確定”按鈕。如果此時(shí)的“幀”浮動(dòng)面板里的幀數(shù)少于當(dāng)前將要?jiǎng)?chuàng)建的動(dòng)畫幀數(shù)時(shí)，則會(huì)彈出一個(gè)提示框，示意是否為當(dāng)前動(dòng)畫建立足夠的幀數(shù)。再次點(diǎn)擊“確定”后，軟件將自動(dòng)把該圖形對象轉(zhuǎn)成動(dòng)畫元件并按剛才所設(shè)置的動(dòng)畫參數(shù)，自動(dòng)成動(dòng)畫效果。我們可通過fireworks畫布文檔下方的動(dòng)畫播放按鈕進(jìn)行效果查看。如圖02。

圖02
　　2、使用“補(bǔ)間實(shí)例”功能制作動(dòng)畫

　　這是一種間接制作動(dòng)畫的方式。具體的操作方法是，先選中圖形對象后按f8鍵，在“元件屬性”對話框中將圖象轉(zhuǎn)為“圖形元件”。此時(shí)打開“庫”浮動(dòng)面板的話就會(huì)看到，這里多了一個(gè)“圖形元件”。說明該對象已被成功轉(zhuǎn)換為“圖形元件”。如圖03。

圖03
　　而原來畫布中的圖像左下角則會(huì)多出一個(gè)小箭頭標(biāo)志，表明這是該“圖形元件”的一個(gè)分身。我們從“庫”面板中用鼠標(biāo)將該“圖形元件”拖拽至畫布當(dāng)中，為該“圖形元件”建立第二個(gè)分身對象。同時(shí)選中這兩個(gè)分身對象后，在任意一個(gè)分身對象上點(diǎn)擊鼠標(biāo)右鍵，并從彈出菜單中選擇“元件——補(bǔ)間實(shí)例”命令，從而啟動(dòng)“補(bǔ)間實(shí)例”對話框，如圖04。

圖04
　　在“步驟”欄中可輸入這兩個(gè)分身之間過渡的圖像步驟，在這里我們可以理解為該動(dòng)畫設(shè)置幀數(shù)。而“分散到幀”復(fù)選框則是將這兩個(gè)分身之間的過渡圖像按順序分發(fā)到每個(gè)幀之中。因此只有選中了該項(xiàng)，整個(gè)動(dòng)畫才能完成。在點(diǎn)擊“確定”按鈕后即可生成動(dòng)畫效果了。

　　如果想讓圖像做成動(dòng)畫后產(chǎn)生縮放、不透明度漸變以及旋轉(zhuǎn)效果的話，可在啟動(dòng)“補(bǔ)間實(shí)例”之前對這兩個(gè)分身對象進(jìn)行不同程度地縮放、不透明度設(shè)置和旋轉(zhuǎn)后，再進(jìn)行“補(bǔ)間實(shí)例”的操作。

上一篇：新年賀禮:制作百事可樂波浪動(dòng)畫

下一篇：&quot;揮&quot;出個(gè)精彩！乒乓球拍寫實(shí)技巧