《電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)與制作》課件項(xiàng)目四

項(xiàng)目四使用Flash制作動(dòng)畫(huà)和導(dǎo)航能力目標(biāo)：（1）基本會(huì)應(yīng)用FlashCS6的工具進(jìn)行動(dòng)畫(huà)制作。（2）能夠進(jìn)行簡(jiǎn)單動(dòng)畫(huà)效果的設(shè)計(jì)和制作。知識(shí)目標(biāo)：（1）熟悉FlashCS6的特點(diǎn)和功能（2）了解FlashCS6軟件操作界面和各面板功能（3）掌握FlashCS6動(dòng)畫(huà)制作的一般方法任務(wù)一認(rèn)識(shí)FlashCS6Flash動(dòng)畫(huà)的特點(diǎn)（1）由于Flash制作的動(dòng)畫(huà)是矢量的，無(wú)論把它放大多少倍都不會(huì)失真。（2）Flash動(dòng)畫(huà)具有交互性優(yōu)勢(shì)，可以更好的滿足所有用戶的需要，它可以讓欣賞者的動(dòng)作成為動(dòng)畫(huà)的一部分。用戶可以通過(guò)單擊、選擇等動(dòng)作，決定動(dòng)畫(huà)的運(yùn)行過(guò)程和結(jié)果，這一點(diǎn)是傳統(tǒng)動(dòng)畫(huà)所無(wú)法比擬的。（3）Flash動(dòng)畫(huà)可以放在網(wǎng)上供人欣賞和下載。由于它使用的是矢量圖技術(shù)，具有文件小、傳輸?shù)乃俣瓤?、播放采用流式技術(shù)，因此動(dòng)畫(huà)是邊下載邊播放。如果速度控制得好，則根本感覺(jué)不到文件的下載過(guò)程。所以Flash動(dòng)畫(huà)在網(wǎng)上得到廣泛的傳播。（4）Flash動(dòng)畫(huà)有嶄新的視覺(jué)效果，比傳統(tǒng)的動(dòng)畫(huà)更加輕易與靈巧，已經(jīng)成為一種新時(shí)代的藝術(shù)表現(xiàn)形式。（5）Flash動(dòng)畫(huà)制作的成本非常低，使用Flash制作的動(dòng)畫(huà)能夠大大減少人力、物力資源的消耗。同時(shí)，在制作時(shí)間上也會(huì)大大減少。（6）Flash動(dòng)畫(huà)在制作完成后，可以把生成的文件設(shè)置成保護(hù)格式，這樣就能維護(hù)設(shè)計(jì)者的版權(quán)利益。任務(wù)一認(rèn)識(shí)FlashCS6Flash使用領(lǐng)域（1）網(wǎng)頁(yè)廣告（2）網(wǎng)絡(luò)動(dòng)畫(huà)（3）多媒體教學(xué)課件（4）Flash游戲Flash動(dòng)畫(huà)創(chuàng)作流程1．前期策劃2.準(zhǔn)備素材3.制作動(dòng)畫(huà)4.后期調(diào)試5.發(fā)布作品任務(wù)二FLASHCS6的基本操作工具面板時(shí)間軸工作區(qū)舞臺(tái)菜單欄編輯欄屬性檢查器面板任務(wù)二FLASHCS6的基本操作時(shí)間軸是用于組織和控制文檔內(nèi)容在指定的時(shí)間內(nèi)播放的涂層數(shù)和幀的數(shù)量。和傳統(tǒng)膠片一樣，F(xiàn)lash動(dòng)畫(huà)也將時(shí)長(zhǎng)通過(guò)幀來(lái)計(jì)算。每個(gè)圖層就像是多張堆疊在一起的幻燈膠片，每個(gè)膠片上都包含了一個(gè)不同的圖像。通過(guò)連續(xù)播發(fā)每幀上的圖片，形成連續(xù)的動(dòng)畫(huà)效果。時(shí)間軸的主要組件式圖層、幀和播放頭。工具面板中提供了在動(dòng)畫(huà)制作過(guò)程中經(jīng)常用到的一些基本的工具。工具面板默認(rèn)位于工作界面的右側(cè)。工具面板上的工具根據(jù)功能的不同，分為工具、查看、顏色、選項(xiàng)4個(gè)區(qū)域。FLASH的基本組成元件：在Flash中，元件是指創(chuàng)建一次可以多次使用的圖形、按鈕、影片編輯或者文本。因?yàn)閷?duì)元件的編輯和修改可以直接應(yīng)用于動(dòng)畫(huà)中所有應(yīng)用該元件的實(shí)例，所以對(duì)于一個(gè)具有大量重復(fù)元素的動(dòng)畫(huà)作品來(lái)說(shuō)，只要對(duì)元件進(jìn)行修改，系統(tǒng)將自動(dòng)更新所有使用該元件的實(shí)例。元件創(chuàng)建完畢，自動(dòng)添加到該影片的庫(kù)中，然后可以自始自終在當(dāng)前影片或者其他影片中進(jìn)行重復(fù)使用。元件是Flash中一個(gè)比較重要而且使用非常頻繁的功能，每個(gè)元件都有獨(dú)立的時(shí)間軸、工作區(qū)和圖層。圖形元件包括靜態(tài)圖形元件和動(dòng)態(tài)圖形元件兩種；按鈕元件是隨著鼠標(biāo)的動(dòng)作，按鈕顏色或者形狀發(fā)生改變的元件，在Flash中經(jīng)常使用；影片剪輯元件是主動(dòng)畫(huà)的一個(gè)組成部分，是功能最多的元件。和圖形元件的主要區(qū)別在于其支持Actionscript和聲音、具有交互性。圖層：Flash中不同的圖層上可以放置不同的對(duì)象，圖層給Flash引入了縱深的概念。層和層之間可以相互掩映、相互疊加，但是不會(huì)相互干擾；層和層之間可以沒(méi)有聯(lián)系，也可以結(jié)合在一起體現(xiàn)動(dòng)畫(huà)效果。新建的Flash文檔中只有一個(gè)圖層，可以通過(guò)點(diǎn)擊“新建圖層”按鈕創(chuàng)建，新建的圖層會(huì)根據(jù)創(chuàng)建的先后順序由下到上統(tǒng)一放置在時(shí)間軸面板上。對(duì)圖層的操作主要有：鎖定圖層和隱藏圖層。幀：Flash動(dòng)畫(huà)是由幀組成的，制作動(dòng)畫(huà)就是對(duì)幀的編輯過(guò)程。按照制作方法，F(xiàn)lash動(dòng)畫(huà)主要分為逐幀動(dòng)畫(huà)和補(bǔ)間動(dòng)畫(huà)，逐幀動(dòng)畫(huà)需要在每一幀中生成圖像，補(bǔ)間動(dòng)畫(huà)只需要生成開(kāi)始和結(jié)束關(guān)鍵幀即可，F(xiàn)lash自動(dòng)在開(kāi)始和結(jié)束關(guān)鍵幀之間均勻的改變對(duì)象的大小、方向、位置等屬性，產(chǎn)生動(dòng)畫(huà)。幀是生成動(dòng)畫(huà)的基本單位，通過(guò)在不同的幀中放置相應(yīng)的文字圖像，然后對(duì)幀進(jìn)行連續(xù)的播放，實(shí)現(xiàn)動(dòng)畫(huà)效果?？瞻钻P(guān)鍵幀：在時(shí)間軸上以一個(gè)空心圓表示，表示該幀沒(méi)有任何內(nèi)容，主要用于結(jié)束前一個(gè)關(guān)鍵幀的內(nèi)容或分隔兩個(gè)相連的補(bǔ)間動(dòng)畫(huà)。關(guān)鍵幀：在時(shí)間軸中以一個(gè)黑色實(shí)心圓表示，在動(dòng)畫(huà)播放過(guò)程中，表現(xiàn)為關(guān)鍵性動(dòng)作或者關(guān)鍵性內(nèi)容的變化，關(guān)鍵幀定義了動(dòng)畫(huà)的變化環(huán)節(jié)，一般情況下圖像必須在關(guān)鍵幀中盡心編輯如果關(guān)鍵幀中的內(nèi)容被刪除，就變成空白關(guān)鍵幀。普通幀：在時(shí)間軸中以一個(gè)灰色方塊表示，通常處于關(guān)鍵幀的后面，只是作為關(guān)鍵幀之間的過(guò)渡，用于延長(zhǎng)關(guān)鍵幀中動(dòng)畫(huà)的播放時(shí)間，因此不能對(duì)普通幀中的圖形進(jìn)行編輯。一個(gè)關(guān)鍵幀后的普通幀越多，該關(guān)鍵幀的播放時(shí)間越長(zhǎng)。FLASH的基本組成導(dǎo)入外部聲音：在Flash中添加聲音，首先應(yīng)準(zhǔn)備好聲音文件。因?yàn)镕lash本身不能錄制聲音，也不能對(duì)聲音進(jìn)行編輯處理。所以必須使用其他設(shè)備和軟件處理聲音文件，或者使用現(xiàn)有的聲音素材文件。從音效的角度考慮，可以導(dǎo)入22KHZ、16位的立體聲音格式。從文件的大小來(lái)考慮，可以導(dǎo)入8KHZ、8位的單聲道聲音格式。Flash可以導(dǎo)入WAV、AIFF、MP3等格式的聲音文件。和元件一樣，導(dǎo)入聲音文件實(shí)際上就是創(chuàng)建一個(gè)聲音實(shí)例，導(dǎo)入的聲音被存放到庫(kù)中，不直接顯示在時(shí)間軸上。在導(dǎo)出動(dòng)畫(huà)時(shí)，聲音的采樣頻率和壓縮率都會(huì)影響音質(zhì)，用戶可以通過(guò)“聲音屬性”對(duì)話框控制聲音的導(dǎo)出質(zhì)量和大小，也可以在“發(fā)布設(shè)置”對(duì)話框中對(duì)動(dòng)畫(huà)中的所有聲音進(jìn)行統(tǒng)一設(shè)置。傳統(tǒng)補(bǔ)間動(dòng)畫(huà)：此類(lèi)動(dòng)畫(huà)是根據(jù)同一對(duì)象在兩個(gè)關(guān)鍵幀中大小、位置、旋轉(zhuǎn)、傾斜、透明度等屬性的差別計(jì)算生成的。通常用于實(shí)現(xiàn)對(duì)象的移動(dòng)、大小變化、旋轉(zhuǎn)等的變化。各關(guān)鍵幀之間用淺藍(lán)色背景加黑色的箭頭來(lái)表示。補(bǔ)間形狀動(dòng)畫(huà)：此類(lèi)動(dòng)畫(huà)是利用系統(tǒng)計(jì)算兩個(gè)關(guān)鍵幀之間的矢量圖形的差別，并在連個(gè)關(guān)鍵幀中自動(dòng)添加變化過(guò)程的一種動(dòng)畫(huà)類(lèi)型