《商務(wù)網(wǎng)站規(guī)劃與網(wǎng)頁制作》07-05

1、7.5 Fireworks 8動畫制作 動畫是由若干靜態(tài)畫面快速交替顯示而成。因人的眼睛會產(chǎn)生視覺暫留作用而產(chǎn)生動感。每一幅靜態(tài)畫面叫做一幀。 7.5.1合并圖像生成動畫 合并圖像形成動畫，顧名思義就是將一系列圖片按序排列生成不同幀而形成動畫，不過這種排列完全是程序自動執(zhí)行的，免去了大量的手工操作。 7.5.2使用元件生成動畫 動畫元件在 Fireworks 文件中表演的動作看起來就像演員在電影中表演。使用元件生成動畫，是通過創(chuàng)建元件并不停地改變它們的屬性來產(chǎn)生運(yùn)動的錯覺。每個元件的動作都儲存在相應(yīng)的幀中。當(dāng)按順序播放所有幀時，就成了動畫 創(chuàng)建動畫元件有兩種方式： 可以新建一個動畫元件，也可以

2、將現(xiàn)有的對象轉(zhuǎn)換成動畫元件。 “動畫”對話框 幀：動畫中包含的幀數(shù)。盡管滑塊限制的最大值為250，但仍可以在“幀”文本框中輸入任何想要的數(shù)字。默認(rèn)值為5。移動：每個對象移動的距離，以像素為單位。盡管默認(rèn)值為72，但仍可以在“移動”文本框中輸入任何想要的數(shù)字。移動只能是線性的。方向：對象移動的方向，以度為單位。值的范圍從0到360?？s放：從開始到完成大小變化的百分比。盡管默認(rèn)值為100%，但仍可以在“縮放”文本框中輸入任何想要的數(shù)字。若要將對象從0縮放到100%，原始對象必須非常??；建議使用矢量對象。不透明度：從開始到完成淡入或淡出的度數(shù)。值的范圍從0到100，默認(rèn)值為 100%。旋轉(zhuǎn)：從開始到

3、完成元件旋轉(zhuǎn)的數(shù)量，以度為單位。值的范圍從0到360。 要想讓元件旋轉(zhuǎn)不止一圈，可以輸入更高的值。默認(rèn)值為 0?！绊槙r針”和“逆時針”：表示對象的旋轉(zhuǎn)方向?！绊槙r針”表示順時針旋轉(zhuǎn)，“逆時針”表示逆時針旋轉(zhuǎn)。修改幀延時 7.5.3手工分幀動畫 制作一個動畫，首先要進(jìn)行策劃，然后依照策劃方案進(jìn)行動畫構(gòu)思。需要考慮的內(nèi)容包括：動畫尺寸、顏色和風(fēng)格、幀數(shù)、每頁要出現(xiàn)的元素。動畫策劃完成后，再對動畫腳本進(jìn)行分析和處理： 每一幀中都要出現(xiàn)的元素制作成背景重復(fù)使用的元素制作成符號只出現(xiàn)一次的元素直接在幀中繪制。7.5.4動畫的導(dǎo)出 在導(dǎo)出文件之前，需要輸入一些設(shè)置使動畫的載入更容易、播放更流暢。可以修改播

4、放設(shè)置，如循環(huán)和透明度，然后使用優(yōu)化處理使導(dǎo)出文件更小和更容易下載。 1設(shè)置動畫循環(huán) “幀”面板中的“循環(huán)”設(shè)置決定動畫重復(fù)的次數(shù)。此功能可以使幀一遍又一遍地循環(huán)，因此可以將制作動畫所需要的幀數(shù)減到最少。2設(shè)置透明度 作為優(yōu)化處理的一部分，可以使 GIF 動畫文件中的一種或多種顏色在 Web 瀏覽器中顯示為透明。這在需要網(wǎng)頁背景色或圖像透過動畫顯示時很有用。3優(yōu)化動畫 優(yōu)化處理可以將文件壓縮成最小的包以便快速載入和導(dǎo)出，從而極大地提高了動畫下載的速度。4導(dǎo)出動畫 創(chuàng)建并優(yōu)化了動畫后，它就可以導(dǎo)出了?？梢詫赢嬕浴癎IF 動畫”、“Flash SWF”文件或多個文件的形式導(dǎo)出。本章小結(jié)本章介紹了圖像處理軟件Fireworks 8的功能特點(diǎn)、安裝和基本操作。通過網(wǎng)頁效果圖實(shí)例的制作，詳細(xì)介紹了繪圖工具、文字工具的使用。本章小結(jié)按鈕及導(dǎo)航欄的制作也是十分實(shí)用的內(nèi)容。網(wǎng)頁效果圖制作完成后，還需要對它進(jìn)行切圖處理，將切好的圖片按HTML格式輸出，成為HTML效果圖，這個效果圖是一個HTML文件，