網(wǎng)頁制作重點(diǎn)課件

網(wǎng)頁制作教師：李金雙Email：sy_lijsh@126.com第十六講flash概述網(wǎng)頁制作Flash的工作界面Flash軟件易學(xué)易用，而且用Flash制作的動(dòng)畫具有生動(dòng)靈活、體積小巧、表現(xiàn)力豐富、網(wǎng)絡(luò)功能強(qiáng)大等特點(diǎn)，它能通過聲音、文字、動(dòng)畫的結(jié)合來綜合表現(xiàn)作者的創(chuàng)意，制作出高品質(zhì)的網(wǎng)頁動(dòng)態(tài)效果。Flash界面Flash的菜單10個(gè)菜單【文件】：用于文件操作，如創(chuàng)建、打開和保存文件等?！揪庉嫛浚河糜趧?dòng)畫內(nèi)容的編輯操作，如復(fù)制、剪切和粘貼等?！疽晥D】：用于對(duì)開發(fā)環(huán)境進(jìn)行外觀和版式設(shè)置，包括放大、縮小、顯示網(wǎng)格及輔助線等?！静迦搿浚河糜诓迦胄再|(zhì)的操作，如新建元件、插入場(chǎng)景、圖層和幀等?！拘薷摹浚河糜谛薷膭?dòng)畫中的對(duì)象、場(chǎng)景甚至動(dòng)畫本身的特性，主要用于修改動(dòng)畫中各種對(duì)象的屬性，如幀、圖層、場(chǎng)景以及動(dòng)畫本身等?！疚谋尽浚河糜趯?duì)文本的屬性進(jìn)行設(shè)置?！久睢浚河糜趯?duì)命令進(jìn)行管理?！究刂啤浚河糜趯?duì)動(dòng)畫進(jìn)行播放、控制和測(cè)試。【窗口】：用于打開、關(guān)閉、組織和切換各種窗口面板?！編椭浚河糜诳焖佾@得幫助信息。1.繪圖工具區(qū)【選擇】工具：選定舞臺(tái)中的對(duì)象、拖動(dòng)對(duì)象等操作?！静糠诌x取】工具：可以選取對(duì)象部分區(qū)域?！揪€條】工具：使用此工具可以繪制各種形式的線條。【套索】工具：選擇一個(gè)不規(guī)則的圖形區(qū)域，并且還可以處理位圖圖形。【鋼筆】工具：可以使用此工具繪制曲線?！疚谋尽抗ぞ撸河糜谔砑游谋?。【橢圓】工具：用于繪制橢圓，也可以繪制正圓?！揪匦巍抗ぞ撸河糜诶L制矩形，也可以繪制正方形?！俱U筆】工具：用于繪制折線、直線等?！舅⒆印抗ぞ撸河糜诶L制填充圖形?！灸俊抗ぞ撸河糜诰庉嬀€條的屬性。【顏料桶】工具：用于編輯填充區(qū)域的顏色?！镜喂堋抗ぞ撸河糜趯D形的填充顏色或線條屬性復(fù)制到別的圖形線條上，還可以采集位圖作為填充內(nèi)容?！鞠鹌げ痢抗ぞ撸河糜诓脸枧_(tái)上的內(nèi)容。Flash的工具箱2.查看區(qū)【手形】工具：當(dāng)舞臺(tái)上的內(nèi)容較多時(shí)，可以用該工具平移舞臺(tái)以及各個(gè)部分的內(nèi)容。【縮放】工具：用于縮放舞臺(tái)中的圖形。3.顏色設(shè)置區(qū)【筆觸顏色】工具：用于設(shè)置線條的顏色?！咎畛渖抗ぞ撸河糜谠O(shè)置圖形的填充區(qū)域。4.選項(xiàng)區(qū)選項(xiàng)區(qū)的內(nèi)容是對(duì)繪圖工具中部分工具的補(bǔ)充，該選項(xiàng)區(qū)中的內(nèi)容會(huì)隨著當(dāng)前選擇工具的不同而有所變化。Flash的工具箱常用基本概念幀圖層場(chǎng)景元件時(shí)間軸位圖矢量圖逐幀動(dòng)畫與補(bǔ)間動(dòng)畫動(dòng)作腳本幀幀就像電影中的底片，制作動(dòng)畫的大部分操作都是對(duì)幀的操作，不同幀的前后順序?qū)㈥P(guān)系到這些幀中的內(nèi)容在影片播放中的出現(xiàn)順序。在時(shí)間軸窗口中，幀用小矩形的方格表示，一個(gè)方格表示1幀。幀是一個(gè)廣義概念，它包含3種類型，分別是空白關(guān)鍵幀、關(guān)鍵幀和普通幀。1.空白關(guān)鍵幀2.關(guān)鍵幀3.普通幀圖層圖層就像透明的薄片一樣，一層一層地向上疊加。圖層可以幫助用戶組織文檔中的插圖，可以在圖層上繪制和編輯對(duì)象，而不會(huì)影響其他圖層上的對(duì)象。如果一個(gè)圖層上沒有內(nèi)容，那么就可以透過它看到下面的圖層。場(chǎng)景Flash動(dòng)畫在網(wǎng)頁上相當(dāng)于一部小型的電影，在制作過程中需要使用不同的場(chǎng)景。通過場(chǎng)景的不斷變化以及一些特效的加入，然后在導(dǎo)演的指揮下各個(gè)演員按預(yù)定的時(shí)間出現(xiàn)在舞臺(tái)中，最終成為一部小型電影，這就是Flash動(dòng)畫。元件元件是可以重復(fù)使用的圖像、動(dòng)畫或按鈕，它們保存在庫中。實(shí)例是出現(xiàn)在舞臺(tái)上或者嵌套在其他元件中的元件。元件的運(yùn)用可以使影片的編輯更加容易，因?yàn)樵谛枰獙?duì)許多重復(fù)的元素進(jìn)行修改時(shí)，只要對(duì)元件做出修改，程序就會(huì)自動(dòng)根據(jù)修改的內(nèi)容對(duì)所有該元件的實(shí)例進(jìn)行更新。在Flash中元件可分為3類，分別是影片剪輯元件、按鈕元件和圖形元件。選擇【插入】|【新建元件】命令，彈出【創(chuàng)建新元件】對(duì)話框。時(shí)間軸時(shí)間軸用于對(duì)層和幀中的影片內(nèi)容進(jìn)行組織和控制，使這些內(nèi)容隨著時(shí)間相應(yīng)地變化。時(shí)間軸主要由層、幀和播放頭組成。位圖位圖圖像使用排列在網(wǎng)格內(nèi)的彩色點(diǎn)來描述圖像，這些顏色點(diǎn)被稱為像素。在編輯位圖圖像時(shí)，修改的是像素，而不是直線和曲線。位圖圖像與分辨率有關(guān)，因?yàn)槊枋鰣D像的數(shù)據(jù)是固定到特定尺寸的網(wǎng)格上的。編輯位圖圖形可以更改它的外觀品質(zhì)。特別是調(diào)整位圖圖形的大小會(huì)使圖像的邊緣出現(xiàn)鋸齒，如圖所示是位圖放大前后的效果。矢量圖矢量圖形采用直線和曲線來描述圖形，稱這些直線和曲線為矢量。每一條直線和曲線都有其屬性，它的屬性包括直線和曲線的位置信息、顏色信息等。當(dāng)修改一幅矢量圖形時(shí)，實(shí)際修改的是矢量圖形的直線和曲線的屬性?？梢砸苿?dòng)、縮放、變形和改變一幅矢量圖形的顏色而不影響矢量圖形的質(zhì)量以及矢量圖放大前后的效果，圖像仍然保持原有的清晰度和光滑度。矢量圖形與分辨率無關(guān)，這意味著它們可以顯示在各種分辨率的輸出設(shè)備上，而絲毫不影響其品質(zhì)。如圖所示是矢量圖放大前后的效果。逐幀動(dòng)畫與補(bǔ)間動(dòng)畫逐幀動(dòng)畫是更改每一幀中的舞臺(tái)內(nèi)容，它最適合于每一幀中的圖像都在更改而不是僅僅簡(jiǎn)單地在舞臺(tái)中移動(dòng)的復(fù)雜動(dòng)畫。制作逐幀動(dòng)畫的工作量非常大，但是能夠表達(dá)出復(fù)雜的動(dòng)畫。補(bǔ)間動(dòng)畫是創(chuàng)建隨時(shí)間移動(dòng)或更改動(dòng)畫的一種有效方法，能最大程度地減小所生成的文件大小。動(dòng)作腳本動(dòng)作腳本是一種面向?qū)ο蟮木幊陶Z言。面向?qū)ο蟮木幊淌褂脤?duì)象（或稱作數(shù)據(jù)結(jié)構(gòu)）將控制對(duì)象行為和外觀的屬性和方法組合在一起。使用對(duì)象可以組織并重用代碼。定義了一個(gè)對(duì)象后即可通過名稱引用該對(duì)象，而無需在每次使用它時(shí)重新進(jìn)行定義第十七講創(chuàng)建簡(jiǎn)單的動(dòng)畫網(wǎng)頁制作設(shè)置舞臺(tái)場(chǎng)景每個(gè)場(chǎng)景都有高、寬、背景顏色和幀頻屬性，因此在編輯動(dòng)畫前，需要設(shè)置場(chǎng)景的屬性。選擇【修改】|【文檔】命令，打開【文檔屬性】對(duì)話框，在此對(duì)話框中可以修改場(chǎng)景的屬性。在【文檔屬性】對(duì)話框中可以進(jìn)行如下設(shè)置?！編l】：在【幀頻】文本框中輸入播放速度?！境叽纭浚涸凇緦挕亢汀靖摺课谋究蛑性O(shè)置場(chǎng)景的寬度和高度?！颈尘邦伾浚?jiǎn)螕艉竺娴念伾颍趶棾龅恼{(diào)色板中可以設(shè)置場(chǎng)景的背景顏色?！灸J(rèn)】：選中此按鈕可以將設(shè)置的參數(shù)保存為默認(rèn)參數(shù)。修改了默認(rèn)的參數(shù)并且此單選按鈕后，以后新建的動(dòng)畫都會(huì)使用此默認(rèn)參數(shù)。圖形移動(dòng)動(dòng)畫創(chuàng)建新圖形元件創(chuàng)建關(guān)鍵幀補(bǔ)間動(dòng)畫圖像顏色漸變?cè)O(shè)置文檔屬性778*203導(dǎo)入圖片到舞臺(tái)轉(zhuǎn)換圖片為元件插入關(guān)鍵幀設(shè)置圖片顏色補(bǔ)間動(dòng)畫制作時(shí)間軸特效動(dòng)畫陰影文字爆炸效果展開效果模糊效果制作模版動(dòng)畫選擇模版創(chuàng)建文檔照片幻燈片放映替換模版內(nèi)容第十八講繪圖基礎(chǔ)網(wǎng)頁制作線條工具線條工具主要用來繪制各樣直線。單擊“工具箱”里的“線條工具”，光標(biāo)變成十字形狀，在舞臺(tái)上按下鼠標(biāo)左鍵拖動(dòng)，繪制一條直線。單擊“屬性面板”中的“筆觸按鈕”，在打開的顏色表中，選擇用戶需要的線條顏色。單擊“屬性面板”中的“筆觸寬度”，通過調(diào)整滑塊的位置來選擇線條的粗細(xì)。單擊“屬性面板”中的“筆觸樣式”，在打開的下拉列表里選擇所需線條的形狀。另外，還可以單擊“屬性面板”中的“自定義”按鈕，設(shè)置更多線條的形狀。鉛筆工具鉛筆工具可以用來繪制任意形狀的線條。單擊“工具箱”里的“鉛筆工具”，光標(biāo)會(huì)變成一枝鉛筆的形狀，在舞臺(tái)上按下鼠標(biāo)左鍵拖動(dòng)，繪制出任意線條。鉛筆工具一共有三種模式可供選擇：伸直、平滑、墨水，選擇“鉛筆工具”，單擊“選項(xiàng)”里的鉛筆模式。鋼筆工具鋼筆工具可以用來繪制直線，也可以用來繪制精確平滑的曲線。單擊“工具箱”里的“鋼筆工具”，光標(biāo)變成鋼筆的形狀，首先在舞臺(tái)中單擊左鍵，定位第一個(gè)錨記點(diǎn)，光標(biāo)移動(dòng)到第二個(gè)錨記點(diǎn)的位置，如果是繪制直線直接單擊左鍵即可，如果是繪制曲線，按下鼠標(biāo)左鍵拖動(dòng)，在錨記點(diǎn)上會(huì)顯示一條切線，通過拖拽切線來控制曲線的弧度和方向，確認(rèn)后松開鼠標(biāo)左鍵，光標(biāo)移動(dòng)到下一個(gè)錨記點(diǎn)，用同樣的方法繪制。橢圓工具和矩形工具橢圓工具可以用來繪制橢圓圖形。單擊“工具箱”里的“橢圓工具”，光標(biāo)變成十字形狀，在舞臺(tái)中按下鼠標(biāo)左鍵拖動(dòng)，可以繪制出橢圓圖形。如果在繪制的同時(shí)按住鍵盤SHIFT鍵，可以繪制出正圓圖形。矩形工具可以用來繪制直角矩形和圓角矩形。單擊“工具箱”里的“矩形工具”，光標(biāo)變成十字形狀，在舞臺(tái)中按下鼠標(biāo)左鍵拖動(dòng)，可以繪制出直角矩形圖形。如果在繪制的同時(shí)按住鍵盤SHIFT鍵，可以繪制出正方形圖形。如果要繪制圓角矩形，選擇“矩形工具”后，單擊“選項(xiàng)”里的“矩形圓角半徑”，打開“矩形設(shè)置”對(duì)話框，設(shè)置所需圓角矩形的邊角半徑。橢圓工具和矩形工具在“矩形工具”里還包含一個(gè)“多角星形工具”，使用“多角星形工具”可以繪制出多種多邊形和星形。左鍵按下矩形工具按鈕一會(huì)，在打開的菜單里選擇“多角星形工具”，單擊“屬性”欄的“選項(xiàng)”按鈕，打開“工具設(shè)置”對(duì)話框。在對(duì)話框里設(shè)置好參數(shù)，在舞臺(tái)按下鼠標(biāo)左鍵拖動(dòng)，可以繪制出所需圖形。刷子工具刷子工具可以用來繪制各種形狀的圖形。單擊“工具箱”里的“刷子工具”，在“選項(xiàng)”里可以設(shè)置刷子的模式、刷子的大小和形狀。五種刷子模式（1）在“標(biāo)準(zhǔn)繪畫”模式下，刷子經(jīng)過的地方都會(huì)被填充刷子顏色。（2）在“顏料填充”模式下，刷子經(jīng)過的地方除了線條和圖形邊框外，都被填充刷子顏色。（3）在“后面繪畫”模式下，刷子繪制的形狀在所有圖形的后面，其他圖形沒有變化。（4）在“顏料選擇”模式下，刷子只能在選定的顏色范圍內(nèi)使用，否則無效。刷子工具五種刷子模式（5）在“內(nèi)部繪畫”模式下，刷子只能在選定的區(qū)域范圍內(nèi)使用，否則無效。“刷子工具”在五種模式下的效果如圖所示。選擇工具選擇工具主要是用來選擇舞臺(tái)中的圖形。單擊“工具箱”中的“選擇工具”，鼠標(biāo)指針移動(dòng)到要選擇的圖形上，單擊鼠標(biāo)左鍵，即可選中圖形。也可以將鼠標(biāo)指針放在圖形外面，按下左鍵拖動(dòng)，用矩形選取框選中所需圖形，這種方法可以選中多個(gè)圖形，也可以選擇圖形的一部分。選取工具的使用選擇工具也可以用來改變圖形的形狀。單擊“工具箱”中的“選擇工具”，鼠標(biāo)指針移動(dòng)到要變形的圖形輪廓，可以改變圖形的角度，也可以改變圖形輪廓的弧度。改變角度后的效果改變輪廓弧度后的效果套索工具也是一種選取工具，可以選擇任意選區(qū)范圍，主要用于外部導(dǎo)入的位圖編輯。單擊“工具箱”中的“套索工具”，光標(biāo)變成套索的形狀，在舞臺(tái)上按下鼠標(biāo)左鍵拖動(dòng)，選取所要的區(qū)域。套索工具任意變形工具可以用來改變圖形的大小、形狀和角度。選擇圖形，單擊“工具箱”中的“任意變形工具”，在“選項(xiàng)”里有“旋轉(zhuǎn)與傾斜”、“縮放”、“扭曲”和“封套”四種變形方式。任意變形工具選擇“旋轉(zhuǎn)與傾斜”方式，光標(biāo)放在圖形四個(gè)頂點(diǎn)上的黑色句柄，變成形狀，按下鼠標(biāo)左鍵拖動(dòng)即可選轉(zhuǎn)圖形。旋轉(zhuǎn)的中心點(diǎn)是圖形中間的白色圓圈，位置可以隨意移動(dòng)。如果光標(biāo)放在圖形四條邊上的黑色句柄，按下鼠標(biāo)左鍵拖動(dòng)即可傾斜圖形。選擇“縮放”方式，光標(biāo)放在圖形的任何一個(gè)黑色句柄上，變成形狀，按下鼠標(biāo)左鍵拖動(dòng)即可改變圖形大小。選擇“扭曲”方式，光標(biāo)放在圖形的任何一個(gè)黑色句柄上，變成形狀，按下鼠標(biāo)左鍵拖動(dòng)即可扭曲圖形。選擇“封套”方式，圖形變框上會(huì)出現(xiàn)很多黑色圓型節(jié)點(diǎn)，在節(jié)點(diǎn)上按下鼠標(biāo)左鍵拖動(dòng)即可改變圖形形狀。文字工具用來輸入動(dòng)畫中使用的文字內(nèi)容。單擊“工具箱”中的“文字工具”，光標(biāo)移動(dòng)到舞臺(tái)中文字輸入的位置，單擊左鍵可以輸入文字?？梢詣?chuàng)建三種文字靜態(tài)文字動(dòng)態(tài)文字輸入文字文字工具第十九講創(chuàng)建基本圖形元件網(wǎng)頁制作

元件是制作FLASH動(dòng)畫的主要工具之一，特別是制作動(dòng)作補(bǔ)間動(dòng)畫。元件類型有影片剪輯、按鈕和圖形三種。元件存放在FLASH動(dòng)畫的“庫”中。任何一個(gè)元件都可以在舞臺(tái)或其它元件里多次調(diào)用，每次調(diào)用就相當(dāng)于創(chuàng)建了一個(gè)該元件的實(shí)例。由于一個(gè)元件可以創(chuàng)建多個(gè)實(shí)例，每個(gè)實(shí)例可以有不同的屬性，這樣就可以大幅減小動(dòng)畫的體積，便于網(wǎng)絡(luò)中瀏覽和傳播。元件和實(shí)例

庫面板一個(gè)元件的三個(gè)實(shí)例單擊“插入”菜單，選擇“新建元件”，打開“創(chuàng)建新元件”對(duì)話框。在對(duì)話框里選擇元件類型，輸入名稱，單擊“確定”按鈕，創(chuàng)建新元件。創(chuàng)建元件在元件中可以包含圖形、文字和外部導(dǎo)入的圖像、聲音和動(dòng)畫等。在舞臺(tái)左上角顯示編輯元件的名稱，創(chuàng)建新的元件后，在“庫”面板中就會(huì)顯示元件的記錄。編輯元件單擊“窗口”菜單，選擇“庫”，打開庫面板，在庫面板里顯示當(dāng)前動(dòng)畫包含的所有元件，左鍵雙擊要修改的元件就可以進(jìn)入元件編輯狀態(tài)。創(chuàng)建實(shí)例在舞臺(tái)中元件的屬性，在顏色中可以更改元件的亮度、色調(diào)、alpha（透明度）和高級(jí)屬性。創(chuàng)建影片剪輯元件創(chuàng)建影片剪輯元件的具體操作步驟如下(1)選擇【插入】|【新建元件】命令，彈出【創(chuàng)建新元件】對(duì)話框。(2)在對(duì)話框中的【名稱】文本框中輸入元件的名稱，在【類型】列表中選中【影片剪輯】單選按鈕，單擊【確定】按鈕，切換到影片剪輯編輯窗口。(3)根據(jù)需要，用戶可以在影片剪輯編輯窗口中進(jìn)行編輯。(4)完成元件內(nèi)容制作以后，選擇【編輯】|【編輯文檔】命令，返回場(chǎng)景窗口。創(chuàng)建按鈕元件按鈕是元件的一種，它可以根據(jù)可能出現(xiàn)的每一種狀態(tài)顯示不同的圖像、響應(yīng)鼠標(biāo)動(dòng)作和執(zhí)行指定的行為。按鈕有特殊的編輯環(huán)境，通過在4幀時(shí)間軸上創(chuàng)建關(guān)鍵幀，指定不同的按鈕狀態(tài)?！緩椘饚浚罕硎臼髽?biāo)指針不在按鈕上時(shí)的狀態(tài)?！局羔樈?jīng)過幀】：代表鼠標(biāo)指針在按鈕上時(shí)的狀態(tài)。【按下幀】：表示鼠標(biāo)單擊按鈕時(shí)的狀態(tài)。【單擊幀】：定義對(duì)鼠標(biāo)單擊做出反應(yīng)的區(qū)域，這個(gè)反應(yīng)區(qū)域在影片中是看不見的。第二十講創(chuàng)建基本動(dòng)畫網(wǎng)頁制作插入幀幀的刪除、移動(dòng)、復(fù)制、轉(zhuǎn)換與清除設(shè)置幀頻幀的使用與編輯圖層面板位于時(shí)間軸的左側(cè)。在層面板里用戶可以進(jìn)行以下操作：創(chuàng)建層和層文件夾、更改層的名稱、移動(dòng)層、刪除層、隱藏和鎖定層。創(chuàng)建層和層文件夾：在創(chuàng)建一個(gè)新的flash文件時(shí)，默認(rèn)只有一個(gè)圖層，對(duì)于效果比較復(fù)雜的動(dòng)畫，是遠(yuǎn)遠(yuǎn)不夠的，這就需要插入新的圖層。單擊層面板里的，可以插入新的圖層。對(duì)于有關(guān)聯(lián)的圖層，我們可以創(chuàng)建層文件夾組織管理，單擊層面板里的，將有關(guān)聯(lián)的層放在層文件夾里。圖層圖層面板創(chuàng)建層和層文件夾更改層的名稱：當(dāng)動(dòng)畫中含有多個(gè)圖層，用戶可以為圖層設(shè)定便于區(qū)別的名稱，在層面板中左鍵雙擊層的名稱，就可以更改。單擊層面板上的對(duì)應(yīng)小黑點(diǎn)，可以隱藏圖層，圖層里所包含的圖形就從舞臺(tái)中消失，再單擊就可以取消隱藏；單擊層面板上的對(duì)應(yīng)小黑點(diǎn)，可以鎖定圖層，圖層里的圖形還顯示在舞臺(tái)上，但是不可以選中或編輯，這樣避免調(diào)整其他圖形時(shí)對(duì)該物體進(jìn)行誤操作，再單擊可以取消鎖定。更改層的名稱

隱藏和鎖定圖層逐幀動(dòng)畫逐幀動(dòng)畫就是將動(dòng)畫的動(dòng)作效果分解，逐步實(shí)現(xiàn)，動(dòng)畫中的每一幀都是關(guān)鍵幀。這種動(dòng)畫制作方法復(fù)雜，過程繁瑣，最后生成的動(dòng)畫文件也相當(dāng)龐大。但是這種動(dòng)畫可以用來描述動(dòng)作比較復(fù)雜、效果比較細(xì)膩的動(dòng)畫，這種動(dòng)畫可以很好的模擬三維效果，在FLASH動(dòng)畫中也是比較常用的一種方式。當(dāng)我們導(dǎo)入外部動(dòng)畫時(shí)，外部動(dòng)畫都會(huì)被導(dǎo)入為逐幀動(dòng)畫。形狀補(bǔ)間動(dòng)畫主要用于制作圖形變形的動(dòng)畫，是FLASH中一種重要的動(dòng)畫表現(xiàn)方式。在動(dòng)畫中，用戶可以調(diào)整圖形的形狀、位置和顏色以達(dá)到動(dòng)畫效果。形狀補(bǔ)間動(dòng)畫只可以使用在圖形，文字、元件和外部導(dǎo)入的圖像都要轉(zhuǎn)換為圖形后才可以制作動(dòng)畫效果。形狀補(bǔ)間動(dòng)畫動(dòng)作補(bǔ)間動(dòng)畫動(dòng)作補(bǔ)間動(dòng)畫是FLASH動(dòng)畫中最主要的動(dòng)畫表現(xiàn)方式。動(dòng)作補(bǔ)間動(dòng)畫的構(gòu)成元素是之前提到的元件，并且不同屬性、動(dòng)畫效果的元件要擺放在不同的圖層內(nèi)。在動(dòng)畫里，可以通過更改元件的坐標(biāo)、大小、旋轉(zhuǎn)和透明度實(shí)現(xiàn)動(dòng)畫效果。動(dòng)作補(bǔ)間動(dòng)畫的變化很多，熟練使用可以制作出很多絢麗的動(dòng)畫作品，甚至可以模仿出逼真的三維效果。遮罩效果在FLASH動(dòng)畫中的應(yīng)用可謂是變幻莫測(cè)，是一種重要的動(dòng)畫表現(xiàn)方式。制作遮罩動(dòng)畫需要使用到遮罩圖層，在遮罩圖層里可以插入任何物體，最常用的就是圖形和文字，也可以給物體制作各類動(dòng)畫。在遮罩圖層里的物體不論是什么顏色都是完全透明的，通過這些透明物體可以看到下方圖層內(nèi)容，其它地方的內(nèi)容就被遮罩層完全覆蓋。遮罩動(dòng)畫引導(dǎo)線動(dòng)畫移動(dòng)動(dòng)畫是動(dòng)畫效果里的一個(gè)基本元素，前面我們介紹的移動(dòng)動(dòng)畫不論如何調(diào)整屬性，都是進(jìn)行的直線運(yùn)動(dòng)，但實(shí)際生活中有很多的運(yùn)動(dòng)不是以直線為軌跡的了，當(dāng)運(yùn)動(dòng)路徑為任意曲線的時(shí)候，我們就需要使用到引導(dǎo)線功能。在動(dòng)畫中使用引導(dǎo)線，需要先創(chuàng)建引導(dǎo)層。在引導(dǎo)層中的內(nèi)容可以是使用鋼筆、鉛筆、線條、橢圓工具或矩形工具等繪制出的線段，繪制線段時(shí)盡量使路徑圓滑，否則很可能導(dǎo)致線段斷開，引導(dǎo)線功能不成功。第二十一講創(chuàng)建有聲動(dòng)畫網(wǎng)頁制作聲音的導(dǎo)入和使用Flash中不能自行創(chuàng)建或錄制聲音，編輯動(dòng)畫所使用的聲音素材都要從腳本外部以文件的形式導(dǎo)入到Flash中。Flash將音頻文件存放在庫中，在編輯動(dòng)畫過程中，如果要反復(fù)用到同一個(gè)聲音文件，可以只保留一個(gè)聲音文件的副本，然后在動(dòng)畫中以不同的方式使用。導(dǎo)入聲音通過將聲音文件導(dǎo)入當(dāng)前文檔的庫，可以把聲音文件加入到Flash中。Flash提供多種控制音頻的方法，可以讓聲音獨(dú)立于時(shí)間軸循環(huán)播放，也可以專為動(dòng)畫配上一段音樂，或是為按鈕添加某種聲音，還可以讓聲音漸入漸出，造成余音繞梁的效果。用戶可以將以下聲音文件格式導(dǎo)入到Flash中：WAV，AIFF和MP3。使用聲音一般在Flash動(dòng)畫中聲音主要用于兩個(gè)方面，分別是按鈕和主時(shí)間軸。下面具體介紹怎樣向這兩個(gè)對(duì)象添加聲音效果。1.為按鈕添加聲音2.向主時(shí)間軸添加聲音網(wǎng)上大部分的動(dòng)畫都有自身的背景音樂，這個(gè)背景音樂往往就是在影片的主時(shí)間軸中添加的聲音文件，這個(gè)聲音將貫穿整個(gè)動(dòng)畫。聲音的屬性設(shè)置選中聲音所在的幀，在【屬性】面板中可以選擇聲音文件、改變播放效果和播放類型等。音效的設(shè)置設(shè)置聲音重復(fù)的次數(shù)音效的設(shè)置【效果】選項(xiàng)用來設(shè)置聲音的音效，其下拉列表中有以下幾個(gè)選項(xiàng)。【無】：表示對(duì)聲音元件不加任何效果，選擇該項(xiàng)可取消以前設(shè)定的效果。【左聲道】和【右聲道】：分別表示只在左聲道或者右聲道播放聲音?！緩淖蟮接业觥亢汀緩挠业阶蟮觥浚悍謩e表示聲音的播放從左聲道移到右聲道，或者從右聲道移到左聲道?！镜搿浚罕硎驹诼曇舨シ牌陂g逐漸增大音量?！镜觥浚罕硎驹诼曇舨シ牌陂g逐漸減小音量。【自定義】：允許創(chuàng)建自己的聲音效果，可以從【編輯封套】對(duì)話框中進(jìn)行編輯。設(shè)置聲音重復(fù)的次數(shù)單擊選定聲音幀，然后在【屬性】面板的【重復(fù)】文本框中輸入需要重復(fù)的次數(shù)，輸入2表示循環(huán)2次播放。再次單擊時(shí)間軸上的聲音幀或按Enter鍵，時(shí)間軸上已經(jīng)復(fù)制出2個(gè)波形。聲音的壓縮選中【庫】面板中需要壓縮的聲音文件，右擊，在彈出的快捷菜單中選擇【屬性】命令，彈出【聲音屬性】對(duì)話框。在【聲音屬性】對(duì)話框中可以進(jìn)行如下設(shè)置?！靖隆浚簩?duì)聲音進(jìn)行更新?！緦?dǎo)入】：?jiǎn)螕舸税粹o，可以重新導(dǎo)入一個(gè)聲音文件?！緶y(cè)試】：?jiǎn)螕舸税粹o，可以測(cè)試聲音效果?！就Ｖ埂浚?jiǎn)螕舸税粹o，可以停止聲音測(cè)試?！緣嚎s】：?jiǎn)螕舸税粹o，可以設(shè)置聲音輸出格式。在其右側(cè)的下拉列表中選擇聲音的輸出格式。導(dǎo)入視頻在Flash中，用戶可以導(dǎo)入QuickTime或Windows播放器支持的標(biāo)準(zhǔn)媒體文件夾。對(duì)于導(dǎo)入的視頻對(duì)象，可以進(jìn)行縮放、旋轉(zhuǎn)、扭曲和遮罩處理，也可以通過編寫腳本來創(chuàng)建視頻對(duì)象動(dòng)畫。導(dǎo)入視頻對(duì)象的具體操作步驟如下。(1)新建一個(gè)空白文檔，選擇【文件】|【導(dǎo)入】|【導(dǎo)入視頻】命令，彈出【導(dǎo)入視頻】對(duì)話框，單擊【瀏覽】按鈕，彈出【打開】對(duì)話框，在對(duì)話框中選擇導(dǎo)入的視頻，單擊【打開】按鈕，將視頻路徑添加到【文件路徑】后面的文本框中。(2)單擊【下一個(gè)】按鈕，彈出部署界面。(3)選中【從Web服務(wù)器漸進(jìn)式下載】單選按鈕，單擊【下一個(gè)】按鈕，進(jìn)入編碼界面。(4)單擊【下一個(gè)】按鈕，進(jìn)入外觀界面。(5)單擊【下一個(gè)】按鈕，進(jìn)入完成視頻導(dǎo)入界面。(6)單擊【完成】按鈕，彈出【另存為】對(duì)話框，在對(duì)話框中選擇視頻文件保存的路徑。(7)單擊【保存】按鈕，添加視頻。(8)選擇【控制】|【測(cè)試影片】命令，測(cè)試動(dòng)畫。第二十二講創(chuàng)建交互式動(dòng)畫網(wǎng)頁制作概述前面我們制作的動(dòng)畫在進(jìn)行播放時(shí)是按順序播放，用戶不可以人為干預(yù)，無法控制動(dòng)畫的播放進(jìn)程。在交互式動(dòng)畫中，我們可以通過鍵盤或鼠標(biāo)使影片按預(yù)先的設(shè)置進(jìn)行播放，這就需要使用到動(dòng)作腳本。ActionScript編輯環(huán)境動(dòng)作面板是Flash提供的進(jìn)行ActionScript編程的專用環(huán)境，在開始向動(dòng)畫中添加ActionScript腳本之前，首先來熟悉一下動(dòng)作面板。動(dòng)作面板的一個(gè)典型狀態(tài)如圖所示。1.動(dòng)作工具箱2.程序添加對(duì)象3.動(dòng)作編輯區(qū)4.工具欄ActionScript語法1.點(diǎn)語法2.斜杠語法3.大括號(hào)4.小括號(hào)5.關(guān)鍵字6.注釋7.分號(hào)和常量變量在腳本程序中，變量是一個(gè)重要的概念，就象是一個(gè)容器，可以在里面裝各種各樣的數(shù)據(jù)。1.變量的命名變量的命名主要遵循以下3條規(guī)則：變量必須是以字母或者下劃線開頭，其中可以包括$、數(shù)字、字母或者下劃線，如_myAge、_x2。變量不能和關(guān)鍵字同名，并且不能是true或者false。變量在自己的有效區(qū)域里必須唯一。2.變量的作用域變量只能在其作用域中被引用。在腳本程序中可將變量分為全局變量和局部變量。一個(gè)全局變量可以在所有的時(shí)間軸中共享，而一個(gè)局部變量?jī)H在它所屬的代碼塊內(nèi)可用。在程序中局部變量被大量地使用，因?yàn)槭褂镁植孔兞靠梢杂行У胤乐姑Q的沖突，并且在函數(shù)內(nèi)部使用局部變量將會(huì)使函數(shù)成為可重用的獨(dú)立代碼段。但在有些情況下只能使用全局變量，例如，要在一個(gè)代碼塊中引用另一個(gè)代碼塊中的變量，或者要在整個(gè)動(dòng)畫中傳遞某個(gè)變量的值。3.變量聲明聲明全局變量，可以使用“setvariables”動(dòng)作或賦值操作符；聲明局部變量，可以在函數(shù)體內(nèi)部使用“var”語句來實(shí)現(xiàn)，局部變量的作用域被限定在所處的代碼塊中，并在塊結(jié)束處終結(jié)。如果沒有在塊的內(nèi)部被聲明的局部量將在其腳本結(jié)束處終結(jié)。4.變量的賦值數(shù)據(jù)類型數(shù)據(jù)類型描述了一個(gè)變量或者元素能夠存放何種類型的數(shù)據(jù)信息。ActionScript的數(shù)據(jù)類型分為基本數(shù)據(jù)類型和引用數(shù)據(jù)類型。基本數(shù)據(jù)類型都有一個(gè)不變的值，如字符串、數(shù)字和布爾數(shù)等，可以保存它所表示元素的實(shí)際值。引用數(shù)據(jù)類型的值可以改變，所以它們所包含的是對(duì)元素實(shí)際值的引用，如電影片段和對(duì)象。運(yùn)算符在ActionScript中，運(yùn)算符用于指定表達(dá)式中的值將如何被聯(lián)合、比較或者是改變，操作符的動(dòng)作對(duì)象稱為操作數(shù)。動(dòng)作工具箱中的“運(yùn)算符”工具夾中包含了ActionScript的各種操作符，如圖22.6所示。1.數(shù)值運(yùn)算符2.比較運(yùn)算符3.邏輯運(yùn)算符4.位運(yùn)算符5.賦值運(yùn)算符6.相等運(yùn)算符添加ActionScript在Flash中可以在以下幾個(gè)對(duì)象中插入ActionScript。為幀添加動(dòng)作為按鈕添加動(dòng)作為影片剪輯添加動(dòng)作為幀添加動(dòng)作在默認(rèn)情況下，F(xiàn)lash制作的影片播放