學(xué)習(xí)啦>學(xué)習(xí)電腦>工具軟件>圖像處理教程>Fireworks>

fireworks如何做動(dòng)畫

時(shí)間: 健麗747 分享

  制作網(wǎng)頁(yè)動(dòng)畫可用許多種方法來實(shí)現(xiàn),如:用Java或DHTML或等,也可用.而Fireworks提供了三種制作動(dòng)畫的手段:手工繪制、使用符號(hào)(Symbol)、圖像法。那么下面學(xué)習(xí)啦小編跟大家分享了關(guān)于fireworks如何做動(dòng)畫的步驟/方法,希望你喜歡。

  fireworks做動(dòng)畫的步驟/方法:

  一、動(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è)圖形對(duì)象,也可同時(shí)作用于一個(gè)圖形對(duì)象上。

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

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

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

  點(diǎn)選將要制作成動(dòng)畫的圖形對(duì)象后,選擇菜單欄上的“修改——動(dòng)畫——選擇動(dòng)畫”命令,將會(huì)彈出“動(dòng)畫”的設(shè)置對(duì)話框,如圖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)把該圖形對(duì)象轉(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)畫的方式。具體的操作方法是,先選中圖形對(duì)象后按F8鍵,在“元件屬性”對(duì)話框中將圖象轉(zhuǎn)為“圖形元件”。此時(shí)打開“庫(kù)”浮動(dòng)面板的話就會(huì)看到,這里多了一個(gè)“圖形元件”。說明該對(duì)象已被成功轉(zhuǎn)換為“圖形元件”。如圖03。圖03

  而原來畫布中的圖像左下角則會(huì)多出一個(gè)小箭頭標(biāo)志,表明這是該“圖形元件”的一個(gè)分身。我們從“庫(kù)”面板中用鼠標(biāo)將該“圖形元件”拖拽至畫布當(dāng)中,為該“圖形元件”建立第二個(gè)分身對(duì)象。同時(shí)選中這兩個(gè)分身對(duì)象后,在任意一個(gè)分身對(duì)象上點(diǎn)擊鼠標(biāo)右鍵,并從彈出菜單中選擇“元件——補(bǔ)間實(shí)例”命令,從而啟動(dòng)“補(bǔ)間實(shí)例”對(duì)話框,如圖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í)例”之前對(duì)這兩個(gè)分身對(duì)象進(jìn)行不同程度地縮放、不透明度設(shè)置和旋轉(zhuǎn)后,再進(jìn)行“補(bǔ)間實(shí)例”的操作。

fireworks如何做動(dòng)畫

制作網(wǎng)頁(yè)動(dòng)畫可用許多種方法來實(shí)現(xiàn),如:用Java或DHTML或等,也可用.而Fireworks提供了三種制作動(dòng)畫的手段:手工繪制、使用符號(hào)(Symbol)、圖像法。那么下面學(xué)習(xí)啦小編跟大家分享了關(guān)于fireworks如何做動(dòng)畫的步驟/方法,希望你喜歡。 fir
推薦度:
點(diǎn)擊下載文檔文檔為doc格式

精選文章

  • fireworks如何做layer
    fireworks如何做layer

    常常我們?cè)趐s中會(huì)打字,但是卻不知道怎么做出layer。那么下面學(xué)習(xí)啦小編跟大家分享了關(guān)于fireworks如何做layer的步驟/方法,希望你喜歡。 fireworks做layer步驟

  • fireworks如何做gif
    fireworks如何做gif

    flash的主要作用還是在制作矢量的swf動(dòng)畫上,gif動(dòng)畫則是flash的一塊雞肋,發(fā)色數(shù)不多、文件體積巨大、文字不清晰都是flash制作gif的最大毛

  • fireworks如何做gif動(dòng)畫
    fireworks如何做gif動(dòng)畫

    制作gif動(dòng)畫一直都是fireworks的強(qiáng)項(xiàng),方便、快捷、自由是fireworks的特點(diǎn)。雖然還有其他的一些優(yōu)秀的動(dòng)畫制作工具,比如flash,比如imageready。但在制作gif動(dòng)

  • fireworks如何字體弧度
    fireworks如何字體弧度

    Macromedia Fireworks 是Macromedia開發(fā)的圖像軟件,可以在直觀、可定制的環(huán)境中創(chuàng)建和優(yōu)化用于網(wǎng)頁(yè)的圖像并進(jìn)行精確控制。那么下面學(xué)習(xí)啦小編跟大家分享了關(guān)

579585