Flash_CS3中文版基礎(chǔ)與實(shí)例教程下講課教案_第1頁(yè)
Flash_CS3中文版基礎(chǔ)與實(shí)例教程下講課教案_第2頁(yè)
Flash_CS3中文版基礎(chǔ)與實(shí)例教程下講課教案_第3頁(yè)
Flash_CS3中文版基礎(chǔ)與實(shí)例教程下講課教案_第4頁(yè)
Flash_CS3中文版基礎(chǔ)與實(shí)例教程下講課教案_第5頁(yè)
已閱讀5頁(yè),還剩192頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、Good is good, but better carries it.精益求精,善益求善。Flash_CS3中文版基礎(chǔ)與實(shí)例教程下-第十一課按鈕按鈕元件是Flash的基本元件之一,它具有多種狀態(tài),并且會(huì)響應(yīng)鼠標(biāo)事件,執(zhí)行指定的動(dòng)作,是實(shí)現(xiàn)動(dòng)畫交互效果的關(guān)鍵對(duì)象。從外觀上,按鈕可以是任何形式。比如,可能是一幅位圖,也可以是矢量圖;可以是矩形,也可以是多邊形;可以是一根線條,也可以是一個(gè)線框;甚至還可以是看不見(jiàn)的“透明按鈕”。11.1.1認(rèn)識(shí)按鈕元件下面通過(guò)制作來(lái)詳細(xì)認(rèn)識(shí)按鈕元件。(1)新建一個(gè)影片文檔,選擇“插入”|“新建元件”命令,彈出一個(gè)【創(chuàng)建新元件】對(duì)話框,在“名稱”中輸入“按鈕”,選擇

2、“類型”為“按鈕”,如圖1所示。圖1新建按鈕元件(2)單擊“確定”按鈕,進(jìn)入到按鈕元件的編輯場(chǎng)景中,如圖2所示。圖2按鈕元件的時(shí)間軸按鈕有特殊的編輯環(huán)境,通過(guò)在四個(gè)不同狀態(tài)的幀時(shí)間軸上創(chuàng)建關(guān)鍵幀,可以指定不同的按鈕狀態(tài)?!皬椘稹睅罕硎臼髽?biāo)指針不在按鈕上時(shí)的狀態(tài)。“指針經(jīng)過(guò)”幀:表示鼠標(biāo)指針在按鈕上時(shí)的狀態(tài)?!鞍聪隆睅罕硎臼髽?biāo)單擊按鈕時(shí)的狀態(tài)?!包c(diǎn)擊”幀:定義對(duì)鼠標(biāo)做出反應(yīng)的區(qū)域,這個(gè)反應(yīng)區(qū)域在影片播放時(shí)是看不到的。11.1.2變色按鈕本小節(jié)我們要制作一個(gè)變色按鈕,按鈕是一個(gè)藍(lán)色的橢圓形,當(dāng)鼠標(biāo)指向按鈕時(shí),橢圓變?yōu)辄S色,當(dāng)鼠標(biāo)單擊按鈕時(shí),橢圓變?yōu)榫G色。如圖3所示。圖3范例效果具體的制作步驟如

3、下:(1)新建一個(gè)影片文檔,選擇“插入”|“新建元件”命令,彈出【創(chuàng)建新元件】對(duì)話框,在“名稱”中輸入“橢圓”,選擇“類型”為“按鈕”,如圖4所示。圖4新建按鈕元件(2)單擊“確定”按鈕,進(jìn)入到按鈕元件的編輯場(chǎng)景中,選擇橢圓工具,設(shè)置“填充色”為樣本色中的“藍(lán)色球形”。如圖5所示。圖5選擇填充色單擊“確定”按鈕。在場(chǎng)景中繪制一個(gè)如圖6所示的橢圓。圖6橢圓(3)選擇“指針經(jīng)過(guò)”幀,按F6鍵插入一個(gè)關(guān)鍵幀。把該幀上的圖形重新填充為黃色到黑色的放射狀漸變色,效果如圖7所示。圖7“指針經(jīng)過(guò)”幀上的圖形(4)選擇“按下”幀,按F6鍵插入一個(gè)關(guān)鍵幀。把該幀上的圖形重新填充為綠色到黑色的放射狀漸變色,效果如

4、圖8所示。圖8“按下”幀上的圖形(5)選擇“點(diǎn)擊”幀,按F6鍵插入一個(gè)關(guān)鍵幀,這樣就定義了鼠標(biāo)的響應(yīng)區(qū)為橢圓?!包c(diǎn)擊”幀中的內(nèi)容,在播放時(shí)是看不到的,但是它可以定義對(duì)鼠標(biāo)單擊所能夠做出反應(yīng)的按鈕區(qū)域。也可以不定義“點(diǎn)擊”幀,這時(shí)“彈起”狀態(tài)下的對(duì)象就會(huì)被作為鼠標(biāo)響應(yīng)區(qū)。至此,這個(gè)按鈕元件就制作好了。現(xiàn)在返回“場(chǎng)景1”,并從“庫(kù)”面板中將“橢圓”按鈕元件拖放到舞臺(tái)上,然后按下CtrlEnter組合鍵測(cè)試一下,將鼠標(biāo)指針移動(dòng)到按鈕上,按鈕會(huì)變色了。11.1.3文字按鈕文字按鈕是導(dǎo)航菜單中經(jīng)常使用的元素。如圖9所示,這就是一個(gè)網(wǎng)站導(dǎo)航菜單,里面包括5個(gè)文字按鈕。圖9導(dǎo)航菜單下面我們先制作這個(gè)包括5個(gè)

5、文字按鈕的導(dǎo)航菜單。(1)新建一個(gè)FlashCS3影片文檔。設(shè)置舞臺(tái)尺寸為48080像素,背景顏色為黑色。(2)選擇“插入”|“新建元件”命令,彈出【創(chuàng)建新元件】對(duì)話框,在“名稱”中輸入“首頁(yè)按鈕”,選擇“類型”為“按鈕”,單擊“確定”按鈕,進(jìn)入到按鈕元件的編輯場(chǎng)景中。(3)選擇“文本工具”,在“屬性”面板中,設(shè)置“文本類型”為靜態(tài)文本,“字體”為楷體,“字體大小”為40,“文本顏色”為白色。在場(chǎng)景中輸入“首頁(yè)”文字。如圖10所示。圖10制作“彈起”幀上的文字(4)選擇“指針經(jīng)過(guò)”幀,按F6鍵插入一個(gè)關(guān)鍵幀。把該幀上的文字顏色重新設(shè)置為黃色。(5)選擇“按下”幀,按F6鍵插入一個(gè)關(guān)鍵幀。把該幀

6、上的文字顏色重新設(shè)置為紅色。如圖11所示。圖11制作“按下”幀上的文字(6)選擇“點(diǎn)擊”幀,按F7鍵插入一個(gè)空白關(guān)鍵幀。單擊“編輯多個(gè)幀”按鈕,如圖12所示。這樣可以使文字顯示出來(lái),輔助創(chuàng)建“點(diǎn)擊”幀上的感應(yīng)區(qū)。圖12單擊“編輯多個(gè)幀”按鈕(7)選擇“矩形工具”,繪制一個(gè)剛好覆蓋著文字的矩形。如圖13所示。這個(gè)矩形是文字按鈕的鼠標(biāo)感應(yīng)區(qū)域。如果不創(chuàng)建這個(gè)矩形,默認(rèn)情況下感應(yīng)區(qū)域是文字線條,這樣就會(huì)出現(xiàn)按鈕感應(yīng)不靈敏的現(xiàn)象,只有鼠標(biāo)剛好指向文字線條上才能感應(yīng)。圖13繪制矩形(8)返回“場(chǎng)景1”,并從“庫(kù)”面板中將“首頁(yè)”按鈕元件拖放到舞臺(tái)上,然后按下CtrlEnter組合鍵測(cè)試。(9)其他4個(gè)文

7、字按鈕的制作方法類似。制作完成以后,整齊排列在舞臺(tái)上即可。11.1.4透明按鈕透明按鈕是一種很特殊的按鈕,利用透明按鈕制作上小節(jié)的導(dǎo)航菜單會(huì)更簡(jiǎn)便。(1)新建一個(gè)FlashCS3影片文檔。設(shè)置舞臺(tái)尺寸為48080像素,背景顏色為灰色。(2)選擇“插入”|“新建元件”命令,新建一個(gè)名位“透明”的按鈕元件。在這個(gè)元件的編輯場(chǎng)景中,選擇“點(diǎn)擊”幀,按F7鍵插入一個(gè)空白關(guān)鍵幀。用“矩形工具”繪制一個(gè)大小合適的矩形。如圖14所示。圖14繪制矩形這樣就制作了一個(gè)透明按鈕。這個(gè)按鈕只有一個(gè)矩形鼠標(biāo)響應(yīng)區(qū),沒(méi)有按鈕圖形。(3)返回“場(chǎng)景1”,用“文本工具”在舞臺(tái)上輸入5個(gè)文字。如圖15所示。圖15輸入文字(4

8、)打開“庫(kù)”面板,拖放5個(gè)“透明”按鈕元件實(shí)例放置到5個(gè)文字上。如圖16所示。圖16添加透明按鈕元件后的效果這樣每個(gè)文字上都覆蓋一個(gè)透明按鈕,因此文字也就具備按鈕的功能了。教學(xué)后記:第十二課動(dòng)態(tài)特效按鈕影片剪輯的靈活性和無(wú)限擴(kuò)展性是其他兩種元件無(wú)法比擬的,而按鈕元件強(qiáng)大的動(dòng)畫控制功能又是影片剪輯不能相提并論的。如果將影片剪輯恰當(dāng)?shù)厍度氲桨粹o中,按鈕元件就會(huì)具兩者之長(zhǎng),這類按鈕就可以稱之為動(dòng)態(tài)特效按鈕。范例簡(jiǎn)介本范例利用影片剪輯強(qiáng)大的動(dòng)畫效果制作動(dòng)態(tài)特效按鈕,當(dāng)鼠標(biāo)移動(dòng)到按鈕上時(shí),按鈕呈現(xiàn)出動(dòng)態(tài)特效,如果將其運(yùn)用在動(dòng)畫作品中定會(huì)錦上添花。范例效果如圖1所示。圖1范例效果通過(guò)本例的學(xué)習(xí),可以掌握將

9、影片剪輯嵌入到按鈕元件的方法和技巧。制作步驟1新建影片文檔和設(shè)置文檔屬性(1)啟動(dòng)FlashCS3,選擇“文件”|“新建”命令,新建一個(gè)影片文檔。(2)展開“屬性”面板,單擊“大小”右邊的“文檔屬性”按鈕,彈出【文檔屬性】對(duì)話框。設(shè)置“背景顏色”為淡黃色,影片尺寸為200150像素,其他參數(shù)保持默認(rèn)。2制作“圓”影片剪輯(1)選擇“插入”|“新建元件”命令,彈出【創(chuàng)建新元件】對(duì)話框。輸入元件的“名稱”為“圓”,選擇“類型”為“影片剪輯”,如圖3所示。圖3【創(chuàng)建新元件】對(duì)話框(2)在此元件的編輯場(chǎng)景中,選擇“橢圓工具”,設(shè)置筆觸顏色為藍(lán)色,填充色為無(wú),將鼠標(biāo)十字指針對(duì)齊場(chǎng)景的中心點(diǎn)十字,接著按住

10、鍵盤上的Shift鍵和Alt鍵,繪制出1個(gè)以場(chǎng)景中心為圓心的圓。(3)按同樣的方法,在場(chǎng)景中再繪制1個(gè)稍小的圓。效果如圖3所示。圖3繪制圓形(4)選擇線條工具,在元件的編輯場(chǎng)景中繪制1條直線。如圖4所示。圖4繪制直線(5)選擇“窗口”|“變形”命令,打開“變形”面板,如圖5所示,設(shè)置旋轉(zhuǎn)的角度為22.5,接著單擊“復(fù)制并應(yīng)用變形”按鈕,繪制出1個(gè)被切割的圓。圖5變形面板(6)選擇圓形中多余的線條,按下鍵盤上的Del鍵將其刪除,使用選擇工具框選所有對(duì)象,按快捷鍵Ctrl+G將其組合,如圖6所示。圖6刪除多余線條(7)單擊圖層1的第10幀,按F6鍵插入關(guān)鍵幀。選中第1幀,在屬性面板的“補(bǔ)間”后的下

11、拉框中選擇“動(dòng)畫”命令,設(shè)置“旋轉(zhuǎn)”參數(shù)為“順時(shí)針,1次”。此時(shí)的時(shí)間軸和舞臺(tái)效果如圖7所示。圖7時(shí)間軸和舞臺(tái)效果3繪制“暈”影片剪輯(1)選擇“插入”|“新建元件”命令,彈出【創(chuàng)建新元件】對(duì)話框,輸入元件的“名稱”為“暈”,選擇“類型”為“影片剪輯”,如圖8所示。圖8【創(chuàng)建新元件】對(duì)話框(2)在此元件的編輯場(chǎng)景中,選擇橢圓工具,設(shè)置筆觸顏色為無(wú),填充色為藍(lán)色,將鼠標(biāo)十字指針對(duì)齊場(chǎng)景的中心點(diǎn)十字,接著按住鍵盤上的Shift鍵和Alt鍵,繪制出1個(gè)以場(chǎng)景中心為圓心的圓。(3)單擊圖層1的第10幀,按F6鍵插入關(guān)鍵幀。選中第10幀上的圓,單擊任意變形工具,按住Shift鍵拖動(dòng)角手柄,將圓放大。接著

12、選中第1幀,在屬性面板的“補(bǔ)間”后的下拉框中選擇“形狀”命令,完成形狀補(bǔ)間動(dòng)畫的定義。此時(shí)的時(shí)間軸和舞臺(tái)效果如圖9所示。圖9時(shí)間軸和場(chǎng)景效果(4)單擊選中第1幀,接著按住Shift鍵單擊第10幀,選中第110幀。然后右擊,在彈出的快捷菜單中選擇“復(fù)制幀”命令,如圖10所示。圖10復(fù)制幀(5)插入新圖層,在第5幀右擊,在彈出的快捷菜單中選擇“粘貼幀”命令,完成補(bǔ)間動(dòng)畫的復(fù)制。此時(shí)的時(shí)間軸如圖11所示。圖11圖層和時(shí)間軸效果4制作動(dòng)態(tài)特效按鈕元件(1)選擇“插入”|“新建元件”命令,彈出【創(chuàng)建新元件】對(duì)話框,在“名稱”中輸入“動(dòng)態(tài)特效按鈕”,“類型”選擇“按鈕”,單擊“確定”按鈕,如圖12所示。圖

13、12新建按鈕元件(2)在按鈕元件的編輯場(chǎng)景中,可以看到按鈕元件特有的四幀編輯時(shí)間軸結(jié)構(gòu)。將“圖層1”重命名為“按鈕圖形”,先在該圖層的第1幀(“彈起”幀)用繪圖工具繪制一個(gè)放射狀填充的按鈕圖形,如圖13所示。圖13“彈起”幀的按鈕圖形(3)選擇第2幀(“經(jīng)過(guò)”幀),按F6鍵插入關(guān)鍵幀,將這個(gè)幀上的按鈕圖形更改一下填充顏色,將原來(lái)的藍(lán)色到黑色的放射狀漸變色改為淡藍(lán)色到黑色的漸變色,并把按鈕向右下方移動(dòng)一些位置,如圖14所示。這樣將使按鈕按下時(shí)有一個(gè)顏色改變和一個(gè)動(dòng)態(tài)的效果。圖14“經(jīng)過(guò)”幀的按鈕圖形(4)選擇第3幀(“按下”幀),按F6鍵插入關(guān)鍵幀,將這個(gè)幀上的按鈕圖形更改一下填充顏色,將原來(lái)的

14、藍(lán)色到黑色的放射狀漸變色改為黑色到藍(lán)色的漸變色,如圖15所示。圖15“按下”幀的按鈕圖形(5)新建2個(gè)圖層,將它重命名為“圓”和“暈”,選中第2幀,按F7鍵插入空白關(guān)鍵幀。從“庫(kù)”面板中拖動(dòng)“圓”影片剪輯到舞臺(tái)上,調(diào)整它的大小恰好與按鈕相吻合。效果如圖16所示。圖16調(diào)整“圓”的位置(6)在“暈”圖層的第2幀上按F7鍵插入空白關(guān)鍵幀。從“庫(kù)”面板中拖動(dòng)“暈”影片剪輯到舞臺(tái)上,調(diào)整它的大小和位置如圖17所示。圖17調(diào)整“暈”的位置(7)拖動(dòng)“按鈕圖形”圖層置于“圓”和“暈”圖層之上,如圖18所示。返回到主場(chǎng)景,拖動(dòng)“庫(kù)”中的“動(dòng)態(tài)特效按鈕”到舞臺(tái)上。圖18時(shí)間軸圖層效果(8)按下快捷鍵“Ctrl

15、+S”保存文件。按下快捷鍵“Ctrl+Enter”測(cè)試影片效果,動(dòng)態(tài)特效按鈕制作完成。教學(xué)后記:第十三課聲音在Flash中的應(yīng)用HYPERLINK/fl9.0/lesson13/音樂(lè)素材.rar本課素材下載在Flash動(dòng)畫作品中,僅有動(dòng)感元素是遠(yuǎn)遠(yuǎn)不夠的,音視頻的支持同樣是不可缺少的。Flash支持音頻、視頻等多種媒體的導(dǎo)入功能,特別是FlashCS3版本,有了新的改進(jìn)。由于Flash設(shè)計(jì)的初衷是提供網(wǎng)絡(luò)應(yīng)用的多媒體集成元素,所以它對(duì)聲音和視頻的支持是非常好的,不但可以將聲音做大幅度的壓縮。而且改進(jìn)了視頻導(dǎo)入工具。它能創(chuàng)建、編輯和部署流和漸進(jìn)式下載的FlashVideo。Flash提供了許多使

16、用聲音的方式。可以使聲音獨(dú)立于時(shí)間軸連續(xù)播放,或使動(dòng)畫與一個(gè)聲音同步播放。還可以向按鈕添加聲音,使按鈕具有更強(qiáng)的感染力。另外,通過(guò)設(shè)置淡入淡出等效果可以使聲音更加優(yōu)美,通過(guò)自帶的壓縮功能能更好地提高作品質(zhì)量。由此可見(jiàn),F(xiàn)lash對(duì)聲音的支持已經(jīng)達(dá)到了新的高度。13.1.1導(dǎo)入聲音只有將外部的聲音文件導(dǎo)入到Flash中以后,才能在Flash作品中加入聲音效果。能直接導(dǎo)入Flash的聲音文件類型,主要有WAV和MP3兩種格式。另外,如果系統(tǒng)上安裝了QuickTime4或更高的版本,就可以導(dǎo)入AIFF格式和只有聲音而無(wú)畫面的QuickTime影片格式。下面通過(guò)操作來(lái)學(xué)習(xí)將聲音導(dǎo)入Flash動(dòng)畫中的方

17、法。(1)新建一個(gè)FlashCS3影片文檔。(2)選擇“文件”“導(dǎo)入”“導(dǎo)入到庫(kù)”命令,彈出【導(dǎo)入到庫(kù)】對(duì)話框,在該對(duì)話框中,選擇要導(dǎo)入的聲音文件,單擊“打開”按鈕,將聲音導(dǎo)入,如圖1所示。圖1【導(dǎo)入到庫(kù)】對(duì)話框(3)等待一段時(shí)間后,導(dǎo)入的聲音就可以在“庫(kù)”面板中看到剛導(dǎo)入的聲音文件,下面就可以像使用元件一樣使用聲音對(duì)象了,如圖2所示。圖2“庫(kù)”面板中的聲音文件13.1.2引用聲音無(wú)論是采用導(dǎo)入舞臺(tái)還是導(dǎo)入到庫(kù)的方法,將聲音從外部導(dǎo)入Flash中以后,時(shí)間軸并沒(méi)有發(fā)生任何變化。必須引用聲音文件,聲音對(duì)象才能出現(xiàn)在時(shí)間軸上,才能進(jìn)一步應(yīng)用聲音。接著13.1.1小節(jié)繼續(xù)操作。(1)將“圖層1”重新

18、命名為“聲音”,選擇第1幀,然后將“庫(kù)”面板中的聲音對(duì)象拖放到場(chǎng)景中,如圖3所示。圖3將聲音引用到時(shí)間軸上(2)這時(shí)會(huì)發(fā)現(xiàn)“聲音”圖層第1幀出現(xiàn)一條短線,這其實(shí)就是聲音對(duì)象的波形起始點(diǎn),任意選擇后面的某一幀,按下F5鍵,就可以看到聲音對(duì)象的波形,如圖4所示。這說(shuō)明已經(jīng)將聲音引用到“聲音”圖層了。這時(shí)按一下鍵盤上的回車鍵,可以聽到聲音了,如果想聽到效果更為完整的聲音,可以按下快捷鍵Ctrl+Enter。圖4圖層上的聲音13.1.3編輯聲音選擇“聲音”圖層的第1幀,打開屬性面板,可以發(fā)現(xiàn),屬性面板中有很多設(shè)置和編輯聲音對(duì)象的參數(shù),如圖5所示。圖5聲音的屬性面板面板中各參數(shù)的意義如下?!奥曇簟边x項(xiàng):

19、從中可以選擇要引用的聲音對(duì)象,這也是另一個(gè)運(yùn)用庫(kù)中聲音的方法。“效果”選項(xiàng):從中可以選擇一些內(nèi)置的聲音效果,比如讓聲音的淡入、淡出等效果?!熬庉嫛卑粹o:?jiǎn)螕暨@個(gè)按鈕可以進(jìn)入到聲音的編輯對(duì)話框中,對(duì)聲音進(jìn)行進(jìn)一步的編輯?!巴健保哼@里可以選擇聲音和動(dòng)畫同步的類型,默認(rèn)的類型是“事件”類型。另外,還可以設(shè)置聲音重復(fù)播放的次數(shù)。運(yùn)用到時(shí)間軸上的聲音,往往還需要在聲音的“屬性”面板中對(duì)它進(jìn)行適當(dāng)?shù)膶傩栽O(shè)置,才能更好地發(fā)揮聲音的效果。下面詳細(xì)介紹有關(guān)聲音屬性設(shè)置以及對(duì)聲音進(jìn)一步編輯的方法。1“效果”選項(xiàng)在時(shí)間軸上,選擇包含聲音文件的第一個(gè)幀,在聲音的“屬性”面板中,打開“效果”菜單,可以用該菜單設(shè)置聲音

20、的效果,如圖6所示。圖6聲音效果設(shè)置以下是對(duì)各種聲音效果的解釋?!盁o(wú)”:不對(duì)聲音文件應(yīng)用效果,選擇此選項(xiàng)將刪除以前應(yīng)用過(guò)的效果?!白舐暤馈?“右聲道”:只在左或右聲道中播放聲音?!皬淖蟮接业觥?“從右到左淡出”:會(huì)將聲音從一個(gè)聲道切換到另一個(gè)聲道。“淡入”:會(huì)在聲音的持續(xù)時(shí)間內(nèi)逐漸增加其幅度。“淡出”:會(huì)在聲音的持續(xù)時(shí)間內(nèi)逐漸減小其幅度?!白远x”:可以使用“編輯封套”創(chuàng)建聲音的淡入和淡出點(diǎn)。2“同步”屬性打開“同步”菜單,這里可以設(shè)置“事件”、“開始”、“停止”和“數(shù)據(jù)流”四個(gè)同步選項(xiàng),如圖7所示。圖7同步屬性“事件”選項(xiàng):會(huì)將聲音和一個(gè)事件的發(fā)生過(guò)程同步起來(lái)。事件與聲音在它的起始關(guān)鍵幀開

21、始顯示時(shí)播放,并獨(dú)立于時(shí)間軸播放完整的聲音,即使SWF文件停止執(zhí)行,聲音也會(huì)繼續(xù)播放。當(dāng)播放發(fā)布的SWF文件時(shí),事件與聲音混合在一起?!伴_始”選項(xiàng):與“事件”選項(xiàng)的功能相近,但如果聲音正在播放,使用“開始”選項(xiàng)則不會(huì)播放新的聲音實(shí)例。“停止”選項(xiàng):將使指定的聲音靜音。“數(shù)據(jù)流”選項(xiàng):將強(qiáng)制動(dòng)畫和音頻流同步。與事件聲音不同,音頻流隨著SWF文件的停止而停止。而且,音頻流的播放時(shí)間絕對(duì)不會(huì)比幀的播放時(shí)間長(zhǎng)。當(dāng)發(fā)布SWF文件時(shí),音頻流混合在一起。通過(guò)“同步”彈出菜單還可以設(shè)置“同步”選項(xiàng)中的“重復(fù)”和“循環(huán)”屬性。為“重復(fù)”輸入一個(gè)值,以指定聲音應(yīng)循環(huán)的次數(shù),或者選擇“循環(huán)”以連續(xù)重復(fù)播放聲音,如圖

22、8所示。圖8設(shè)置重復(fù)或者循環(huán)屬性3“編輯”按鈕單擊該按鈕可以利用Flash中的聲音編輯控件編輯聲音。雖然Flash處理聲音的能力有限,無(wú)法與專業(yè)的聲音處理軟件相比,但是在Flash內(nèi)部還是可以對(duì)聲音做一些簡(jiǎn)單的編輯,實(shí)現(xiàn)一些常見(jiàn)的功能,比如控制聲音的播放音量、改變聲音開始播放和停止播放的位置等。編輯聲音文件的具體操作如下。(1)在幀中添加聲音,或選擇一個(gè)已添加了聲音的幀,然后打開屬性面板,單擊右邊的“編輯”按鈕,如圖9所示。圖9單擊“編輯”按鈕(2)彈出【編輯封套】對(duì)話框,如圖10所示。圖10【編輯封套】對(duì)話框【編輯封套】對(duì)話框分為上下兩部分,上面的是左聲道編輯窗口,下面的是右聲道編輯窗口,在

23、其中可以執(zhí)行以下操作:要改變聲音的起始和終止位置,可拖動(dòng)【編輯封套】中的“聲音起點(diǎn)控制軸”和“聲音終點(diǎn)控制軸”,如圖11所示為調(diào)整聲音的起始位置。圖11編輯聲音的起始位置在對(duì)話框中,白色的小方框成為節(jié)點(diǎn),用鼠標(biāo)上下拖動(dòng)它們,改變音量指示線垂直位置,這樣,可以調(diào)整音量的大小,音量指示線位置越高,聲音越大,用鼠標(biāo)單擊編輯區(qū),在單擊處會(huì)增加節(jié)點(diǎn),用鼠標(biāo)拖動(dòng)節(jié)點(diǎn)到編輯區(qū)的外邊,單擊“放大”或“縮小”按鈕,可以改變窗口中顯示聲音的范圍。要在秒和幀之間切換時(shí)間單位,請(qǐng)單擊“秒”和“幀”按鈕。單擊“播放”按鈕,可以試聽編輯后的聲音。13.1.4按鈕聲效Flash動(dòng)畫最大的一個(gè)特點(diǎn)是交互性,交互按鈕是Flas

24、h中重要的元素,如果給按鈕加上合適的聲效,一定能讓作品增色不少。給按鈕加上聲效的步驟如下:(1)按照前面講解的方法導(dǎo)入一個(gè)合適的聲音文件,導(dǎo)入的聲音文件一般要短,這里不再詳述。(2)打開“庫(kù)”面板,用鼠標(biāo)雙擊需要加上聲效的按鈕元件,這樣就進(jìn)入到這個(gè)按鈕元件的編輯場(chǎng)景中,下面要將導(dǎo)入的聲音加入到這個(gè)元件中。(3)新插入一個(gè)圖層,重新命名為“音效”。選擇這個(gè)圖層的第2幀,按F7鍵插入一個(gè)空白關(guān)鍵幀,然后將“庫(kù)”面板中的“標(biāo)題”聲音拖放到場(chǎng)景中,這樣,“音效”圖層從第2幀開始出現(xiàn)了聲音的聲波線,如圖12所示。圖12給按鈕添加聲音(4)打開屬性面板,將“同步”選項(xiàng)設(shè)置為“事件”,并且重復(fù)1次。再測(cè)試一

25、下動(dòng)畫,當(dāng)鼠標(biāo)移動(dòng)到按鈕上時(shí),聲效就出現(xiàn)了。這里必須將“同步”選項(xiàng)設(shè)置為“事件”,如果還是“數(shù)據(jù)流”同步類型,那么聲效將聽不到。給按鈕加聲效時(shí)一定要使用“事件”同步類型。13.1.5壓縮聲音Flash動(dòng)畫在網(wǎng)絡(luò)上流行的一個(gè)重要原因就是因?yàn)樗捏w積小,這是因?yàn)楫?dāng)我們輸出動(dòng)畫時(shí),F(xiàn)lash會(huì)采用很好的方法對(duì)輸出文件進(jìn)行壓縮,包括對(duì)文件中的聲音的壓縮。但是,如果對(duì)壓縮比例要求得很高,那么就應(yīng)該直接在“庫(kù)”面板中對(duì)導(dǎo)入的聲音進(jìn)行壓縮了。在“庫(kù)”面板中直接將聲音“減肥”的具體操作方法如下:(1)雙擊“庫(kù)”面板中的聲音圖標(biāo),打開【聲音屬性】對(duì)話框,如圖13所示。圖13【聲音屬性】對(duì)話框在這個(gè)【聲音屬性】對(duì)

26、話框中,我們就可以對(duì)聲音進(jìn)行“壓縮”了,在“壓縮”下拉菜單中有“默認(rèn)”、“ADPCM”、“MP3”、“原始”和“語(yǔ)音”壓縮模式,如圖14所示。圖14幾種聲音壓縮模式在這里,我們重點(diǎn)介紹“MP3”壓縮選項(xiàng),因?yàn)檫@個(gè)選項(xiàng)最為常用而且對(duì)其他的設(shè)置也極具代表性,通過(guò)對(duì)它的學(xué)習(xí)可以達(dá)到舉一反三,掌握其他壓縮選項(xiàng)的設(shè)置。(2)進(jìn)行MP3壓縮設(shè)置。如果要導(dǎo)出一個(gè)以MP3格式導(dǎo)入的文件,可以使用與導(dǎo)入時(shí)相同的設(shè)置來(lái)導(dǎo)出文件,在【聲音屬性】對(duì)話框中,從“壓縮”菜單中選擇“MP3”,選擇“使用導(dǎo)入的MP3品質(zhì)”復(fù)選框。這是一個(gè)默認(rèn)的設(shè)置,如果不在“庫(kù)”里對(duì)聲音進(jìn)行處理的話,聲音將以這個(gè)設(shè)置導(dǎo)出。如果不想使用與導(dǎo)入

27、時(shí)相同的設(shè)置來(lái)導(dǎo)出文件,那么可以在“壓縮”下拉菜單中選擇“MP3”后,只要取消對(duì)“使用導(dǎo)入的MP3品質(zhì)”復(fù)選框的選擇,就可以重新設(shè)置MP3壓縮設(shè)置了,如圖15所示。圖15使用MP3壓縮功能(3)設(shè)置比特率?!氨忍芈省边@個(gè)選項(xiàng),確定導(dǎo)出的聲音文件中每秒播放的位數(shù)。Flash支持8Kbps到160Kbps(恒定比特率)的比特率,如圖16所示。圖16設(shè)置“比特率”在【聲音屬性】對(duì)話框中設(shè)置的比特率越低,聲音壓縮的比例就越大,但比特率的設(shè)置值不應(yīng)該低于16Kbps。如果這里將聲音的比特率設(shè)置過(guò)低,將會(huì)嚴(yán)重影響聲音文件的播放效果。因此應(yīng)該注意根據(jù)需要選擇一個(gè)合適值,在保證良好播放效果的同時(shí)盡量減小文件的

28、大小。(4)設(shè)置“預(yù)處理”選項(xiàng)。選擇“將立體聲轉(zhuǎn)換為單聲道”復(fù)選框,表示將混合立體聲轉(zhuǎn)換為單聲(非立體聲)。這里需要注意的是,“預(yù)處理”選項(xiàng)只有在選擇的比特率為20Kbps或更高時(shí)才可用。(5)設(shè)置“品質(zhì)”選項(xiàng)。選擇一個(gè)“品質(zhì)”選項(xiàng),以確定壓縮速度和聲音品質(zhì):“快速”:壓縮速度較快,但聲音品質(zhì)較低。“中”:壓縮速度較慢,但聲音品質(zhì)較高?!白罴选保簤嚎s速度最慢,但聲音品質(zhì)最高。(6)進(jìn)行壓縮測(cè)試。在【聲音屬性】對(duì)話框里,單擊“測(cè)試”按鈕,播放聲音一次。如果要在結(jié)束播放之前停止測(cè)試,請(qǐng)單擊“停止”按鈕。如果感覺(jué)已經(jīng)獲得了理想的聲音品質(zhì),就可以單擊“確定”按鈕了。除了采樣比特率和壓縮外,還可以使用下

29、面幾種方法在文檔中有效地使用聲音并減小文件的大小:設(shè)置切入和切出點(diǎn),避免靜音區(qū)域保存在Flash文件中,從而減小聲音文件的大小。通過(guò)在不同的關(guān)鍵幀上應(yīng)用不同的聲音效果(例如音量封套,循環(huán)播放和切入/切出點(diǎn)),從同一聲音中獲得更多的變化。只使用一個(gè)聲音文件就可以得到許多聲音效果。循環(huán)播放短聲音,作為背景音樂(lè)。13.2實(shí)戰(zhàn)范例帶配樂(lè)的古詩(shī)朗誦“沒(méi)有聲音,再好的戲也出不來(lái)”。如果Flash作品有了聲音,將會(huì)大大增加作品的吸引力。但Flash的音頻處理能力有限,有時(shí)需要借助其它音頻編輯工具對(duì)作品中的聲音進(jìn)行編輯,然后再將編輯好的聲音文件導(dǎo)入到Flash中應(yīng)用。13.2.1范例簡(jiǎn)介本范例是帶配樂(lè)的古詩(shī)朗

30、誦作品“鳥鳴澗”,它以配樂(lè)詩(shī)朗誦的形式將古詩(shī)的意境表現(xiàn)出來(lái),讓讀者在作品營(yíng)造的真情實(shí)景中欣賞優(yōu)美的音樂(lè)和古詩(shī)朗誦。范例效果如圖17所示。圖17范例效果通過(guò)制作,將學(xué)習(xí)使用GoldWave軟件編輯和裁減背景音樂(lè),以及在Flash中導(dǎo)入、處理聲音文件的方法。尤其要學(xué)習(xí)到制作配音作品時(shí)將聲音和動(dòng)畫同步的動(dòng)畫制作方法。13.2.2制作步驟1.用GoldWave剪裁和編輯背景音樂(lè)GoldWave是一個(gè)功能強(qiáng)大的聲音編輯軟件,它簡(jiǎn)單易學(xué)。制作多媒體作品時(shí),利用它可以彌補(bǔ)Flash在錄制聲音、編輯處理聲音上的不足。下面學(xué)習(xí)用GoldWave來(lái)編輯處理聲音的方法。根據(jù)古詩(shī)的意境,作品采用的背景音樂(lè)為一首古箏曲

31、“廣陵散”,音樂(lè)素材很容易找到,可以在網(wǎng)絡(luò)去下載,也可以從CD中截取。在這里提供的是一個(gè)MP3格式的音頻文件。根據(jù)作品的內(nèi)容和長(zhǎng)度,作品只需要整個(gè)古曲中一部分,下面將用GoldWave對(duì)音樂(lè)進(jìn)行剪裁和編輯。(1)在GoldWave中打開音樂(lè)。運(yùn)行GoldWave軟件,界面如圖19所示。圖19GoldWave界面(2)選擇“文件”|“打開”命令,彈出“打開”對(duì)話框,查找到“廣陵散”音樂(lè)素材文件:廣陵散.mp3,單擊“打開”按鈕,如圖20所示。圖20打開音樂(lè)文件音樂(lè)文件打開后,如圖21所示。圖21打開的音樂(lè)文件(3)剪裁音樂(lè)。在工具欄上單擊“播放”按鈕,音樂(lè)開始播放,在試聽過(guò)程中選擇一段合適的音樂(lè)

32、,記下這段音樂(lè)的時(shí)間段,時(shí)間提示標(biāo)記在打開的音樂(lè)窗口最下端。單擊選中音樂(lè)段的起始位置,再右擊音樂(lè)段的終止位置,選擇“設(shè)置結(jié)束標(biāo)記”,音樂(lè)段將在音樂(lè)窗口中高亮顯示,如圖22所示。圖22選取音樂(lè)片段(4)選擇“編輯”|“復(fù)制”命令,再選擇“編輯”|“粘貼為新文件”命令,這樣就把選擇的音樂(lè)段復(fù)制到了一個(gè)新建的聲音文檔中了。(5)編輯聲音效果。通過(guò)剪裁,得到了作品中需要的背景音樂(lè),為了使作品整體效果更好,往往還需要對(duì)音樂(lè)素材進(jìn)一步編輯,比如添加淡入、淡出效果等。(6)選擇“效果”|“音量”|“淡出”命令,彈出“淡出”對(duì)話框,如圖23所示。設(shè)置完后,單擊“確定”按鈕。圖23對(duì)聲音進(jìn)行漸出效果處理這時(shí)再播

33、放音樂(lè),就能聽出音樂(lè)快結(jié)束時(shí)的淡出效果。選擇“文件”|“保存”命令,把剪裁并編輯過(guò)的音樂(lè)片段保存為Wave格式的聲音文件(素材:背景音樂(lè).wav)。2新建Flash影片文檔和設(shè)置文檔屬性啟動(dòng)FlashCS3,新建一個(gè)影片文檔,按快捷鍵Ctrl+J,打開“文檔屬性”對(duì)話框,設(shè)置背景顏色為綠色,其他參數(shù)保持默認(rèn)值。3導(dǎo)入聲音、圖像素材選擇“文件”|“導(dǎo)入到庫(kù)”命令,彈出“導(dǎo)入”對(duì)話框,在“查找范圍”中找到存放素材文件的文件夾(素材素材13),選擇準(zhǔn)備好的圖像和聲音文件,將所需的圖像文件和聲音文件導(dǎo)入到文檔中。4創(chuàng)建元件(1)將“圖層1”重命名為“背景”,運(yùn)用繪圖工具在元件的編輯場(chǎng)景中繪制如圖24所

34、示的背景圖形。選擇圖形,按F8鍵將其轉(zhuǎn)換成名稱為“背景”的圖形元件,圖24繪制背景圖(2)繪制花瓣圖形元件。新建“花瓣”圖形元件,用繪圖工具繪制花瓣,并將其柔化,效果如圖25所示。圖25繪制的花瓣圖形元件(3)新建“月亮”圖形元件,運(yùn)用形狀切割法繪制一個(gè)月亮。效果如圖26所示。圖26古詩(shī)標(biāo)題(4)創(chuàng)建文本影片剪輯元件。用文本工具創(chuàng)建包括標(biāo)題在內(nèi)的5個(gè)古詩(shī)文本影片剪輯元件元件,其中標(biāo)題效果如圖27所示。圖27古詩(shī)標(biāo)題(5)創(chuàng)建“花瓣”影片剪輯元件,在其中運(yùn)用引導(dǎo)路徑動(dòng)畫制作花瓣飄落動(dòng)畫效果,圖層如圖28所示。圖28“花瓣”影片剪輯元件圖層結(jié)構(gòu)(6)創(chuàng)建“小鳥”影片剪輯元件,運(yùn)用逐幀動(dòng)畫創(chuàng)建小鳥飛

35、翔的動(dòng)畫效果。圖層和效果如圖29所示。圖29“小鳥”影片剪輯元件圖層和效果5.聲音和動(dòng)畫同步播放的制作(1)單擊“編輯場(chǎng)景”按鈕,轉(zhuǎn)換到“場(chǎng)景1”編輯環(huán)境中。插入2個(gè)新圖層并重新將3個(gè)圖層命名為“背景”、“古畫”和“背景音樂(lè)”。從“庫(kù)”中將背景圖形元件拖放到“背景”圖層上,將導(dǎo)入的“古畫”圖像拖放到“古畫”圖層上,如圖30所示。圖30放置古畫(2)將“背景聲音”文件拖放到“背景聲音”圖層,在第1幀上出現(xiàn)一條短線,說(shuō)明聲音文件已經(jīng)應(yīng)用到了關(guān)鍵幀上。如圖31所示。圖31添加音樂(lè)到關(guān)鍵幀(3)單擊“背景音樂(lè)”圖層的第1幀,在“屬性”面板中,選擇“聲音”下拉列表框中的“背景音樂(lè)”選項(xiàng),在“同步”下拉列

36、表框中選擇“數(shù)據(jù)流”選項(xiàng),如圖32所示。圖32應(yīng)用聲音(4)單擊“屬性”面板中的“編輯”按鈕,彈出【編輯封套】對(duì)話框,如圖33所示。圖33聲音編輯知道了聲音的長(zhǎng)度后,在“背景音樂(lè)”圖層上,選擇最后已經(jīng)知道的聲音幀數(shù),在最后一幀插入幀,這樣,聲音波形就完整的出現(xiàn)在“背景音樂(lè)”圖層上,如圖34所示。圖34完整的聲音波形(4)插入新圖層,并命名為“朗讀聲音”,用同樣的方法將“古詩(shī)標(biāo)題”和“古詩(shī)”聲音文件分別應(yīng)用到該圖層的第68幀和第157幀上,在“屬性”面板中設(shè)置它們的“同步”選項(xiàng)為“數(shù)據(jù)流”。(5)定義聲音分段標(biāo)記。新建圖層,命名為“文本”。按Enter鍵試聽聲音,當(dāng)出現(xiàn)第一句朗讀句子時(shí),再按一下

37、Enter鍵暫停聲音的播放。這時(shí),播放頭的位置就是出現(xiàn)第一句朗讀文字的幀的位置。在“文本”圖層上,選擇此時(shí)的播放頭處的幀,按F7鍵,插入一個(gè)空白關(guān)鍵幀。選中剛新增的空白幀,在“屬性”面板的“幀”文本框中,將“幀標(biāo)簽”修改為“第一句”,如圖35所示。圖36定義幀標(biāo)簽此時(shí)文本圖層的該幀出現(xiàn)小紅旗和幀標(biāo)簽的文字,如圖37所示。圖37“文本”圖層的標(biāo)簽標(biāo)志用同樣的方法在所有的朗讀句子處加上標(biāo)簽,將“庫(kù)”中的文本圖形元件拖放到相應(yīng)的空白關(guān)鍵幀上,這樣朗讀文字就能與聲音同步了。效果如圖38所示。圖38文字與聲音同步(6)定義動(dòng)畫。插入圖層,根據(jù)古詩(shī)的內(nèi)容創(chuàng)建相應(yīng)的關(guān)鍵幀,并定義畫軸、小鳥、月亮和文本的補(bǔ)間

38、動(dòng)畫,整個(gè)動(dòng)畫過(guò)程的圖層結(jié)構(gòu)如圖39所示。其它具體的制作過(guò)程在這里不再詳細(xì)敘述。圖39作品的圖層結(jié)構(gòu)教學(xué)后記:第十四課視頻在Flash中的應(yīng)用FlashCS3在視頻處理功能上更是躍上一個(gè)新的高度,F(xiàn)lash視頻具備創(chuàng)造性的技術(shù)優(yōu)勢(shì),允許把視頻、數(shù)據(jù)、圖形、聲音和交互式控制融為一體,從而創(chuàng)造出引人入勝的豐富體驗(yàn)。14.1Flash支持的視頻類型lash支持的視頻類型會(huì)因電腦所安裝的軟件不同而不同,比如:如果機(jī)器上已經(jīng)安裝了QuickTime7及其以上版本,則在導(dǎo)入嵌入視頻時(shí)支持包括MOV(QuickTime影片)、AVI(音頻視頻交叉文件)和MPG/MPEG(運(yùn)動(dòng)圖像專家組文件)等格式的視頻剪輯

39、,如表1所示。文件類型擴(kuò)展名音頻視頻交叉.avi數(shù)字視頻.dv運(yùn)動(dòng)圖像專家組.mpg、.mpegQuickTime影片.mov表1FlashCS3支持的視頻格式1如果系統(tǒng)安裝了DirectX9或更高版本,則在導(dǎo)入嵌入視頻時(shí)支持以下視頻文件格式。如表2所示。文件類型擴(kuò)展名音頻視頻交叉.avi運(yùn)動(dòng)圖像專家組.mpg、.mpegWindowsMedia文件.wmv、.Asf表2FlashCS3支持的視頻格式2默認(rèn)情況下,F(xiàn)lash使用On2VP6編解碼器導(dǎo)入和導(dǎo)出視頻。編解碼器是一種壓縮/解壓縮算法,用于控制多媒體文件在編碼期間的壓縮方式和回放期間的解壓縮方式。如果導(dǎo)入的視頻文件是系統(tǒng)不支持的文件格

40、式,那么Flash會(huì)顯示一條警告消息,表示無(wú)法完成該操作。而在有些情況下,F(xiàn)lash可能只能導(dǎo)入文件中的視頻,而無(wú)法導(dǎo)入音頻,此時(shí),也會(huì)顯示警告消息,表示無(wú)法導(dǎo)入該文件的音頻部分。但是仍然可以導(dǎo)入沒(méi)有聲音的視頻。FlashCS3對(duì)外部FLV(Flash專用視頻格式)的支持,可以直接播放本地硬盤或者web服務(wù)器上的.flv文件。這樣可以用有限的內(nèi)存播放很長(zhǎng)的視頻文件而不需要從服務(wù)器下載完整的文件。14.2導(dǎo)入視頻下面通過(guò)實(shí)際操作介紹將視頻剪輯導(dǎo)入為Flash中嵌入文件的方法。(1)新建一個(gè)FlashCS3影片文檔。(2)選擇“文件”|“導(dǎo)入”|“導(dǎo)入視頻”命令。彈出“導(dǎo)入視頻”向?qū)?,如圖3所示。

41、圖3打開“導(dǎo)入視頻”向?qū)В?)在“文件路徑”后面的文本框中輸入要導(dǎo)入的視頻文件的本地路徑和文件名?;蛘邌螕艉竺娴摹盀g覽”按鈕,彈出“打開”對(duì)話框,在其中選擇要導(dǎo)入的視頻文件。如圖4所示。圖4“打開”對(duì)話框單擊“打開”按鈕,這樣“文件路徑”后面的文本框中自動(dòng)出現(xiàn)要導(dǎo)入的視頻文件路徑。(4)單擊“下一個(gè)”按鈕,出現(xiàn)如圖所示的“部署”向?qū)Т翱?。如圖5所示。圖5部署這個(gè)窗口中有一個(gè)“您希望如何部署視頻?”的選項(xiàng),其中有6個(gè)單選項(xiàng)。FlashCS3增加了“作為在SWF中綁定的移動(dòng)設(shè)備視頻”功能,這里選擇“在SWF中嵌入視頻并在時(shí)間軸上播放”選項(xiàng)。選擇這種方式,視頻文件將直接嵌入到影片中。這里,由于導(dǎo)入的

42、視頻文件格式不是QuickTime影片,所以“用于發(fā)布到QuickTime的已鏈接的QuickTime視頻”這個(gè)單選項(xiàng)成灰色顯示,不可用。(5)單擊“下一個(gè)”按鈕,出現(xiàn)如圖6所示的“嵌入”向?qū)Т翱凇D6嵌入在這個(gè)向?qū)Т翱谥校胺?hào)類型”下拉列表中包括嵌入的視頻、影片剪輯、圖形。嵌入到時(shí)間軸最常見(jiàn)的選擇是將視頻剪輯作為嵌入的視頻集成到時(shí)間軸。如果要使用在時(shí)間軸上線性回放的視頻剪輯,那么最合適的方法就是將該視頻導(dǎo)入到時(shí)間軸。嵌入為影片剪輯使用嵌入的視頻時(shí),最佳的做法是將視頻放置在影片剪輯實(shí)例內(nèi),因?yàn)檫@樣可以更好地控制該內(nèi)容。視頻的時(shí)間軸獨(dú)立于主時(shí)間軸進(jìn)行播放。將視頻剪輯嵌入為圖形元件意味著,將無(wú)法

43、使用ActionScript與該視頻進(jìn)行交互。通常,圖形元件用于靜態(tài)圖像以及用于創(chuàng)建一些綁定到主時(shí)間軸的可重用的動(dòng)畫片段。因此,會(huì)很少希望將視頻嵌入為圖形元件。另外,在“嵌入”窗口中,還可以選擇是否“將實(shí)例放置在舞臺(tái)上”,如果不選擇,那么將存放在庫(kù)中。選擇“如果需要,可擴(kuò)展時(shí)間軸”這個(gè)選項(xiàng)以后,可以自動(dòng)擴(kuò)展時(shí)間軸以滿足視頻長(zhǎng)度的要求。這里保持默認(rèn)設(shè)置,不做任何改動(dòng)。(6)單擊“下一個(gè)”按鈕,出現(xiàn)如圖所示的“編碼”向?qū)Т翱?。如圖7所示。圖7編碼在這個(gè)窗口中,F(xiàn)lashCS3為4個(gè)選項(xiàng)卡,分別可以在其中詳細(xì)設(shè)置“編碼”的相關(guān)參數(shù)。下面主要介紹FlashCS3增加和改進(jìn)的功能。在視頻編碼配置文件中增

44、加了DV編碼配置,豐富了Flash視頻方面的功能。如圖8所示。圖8DV編碼配置增加了導(dǎo)入導(dǎo)出編碼配置文件功能。現(xiàn)在可以將自定義的配置配置以XML文件的形式導(dǎo)出,下次再使用時(shí)再導(dǎo)入即可。在上圖中,右上角的“文件夾”按鈕用來(lái)讀取保存過(guò)的編碼配置文件,“磁盤”按鈕用來(lái)將編碼配置文件保存在磁盤上。其實(shí)這項(xiàng)功能在Adobe的其它產(chǎn)品中就已經(jīng)屢見(jiàn)不鮮。單擊保存按鈕便彈出了如圖9所示的對(duì)話框。圖9導(dǎo)出xml文件另外,調(diào)整視頻大小被整合到“裁剪和調(diào)整大小”選項(xiàng)卡中。這里保持默認(rèn)設(shè)置,不做任何改動(dòng)。(7)單擊“下一個(gè)”按鈕,出現(xiàn)如圖10所示的“完成視頻導(dǎo)入”向?qū)Т翱?。圖10完成視頻導(dǎo)入這里會(huì)顯示一些提示信息。我

45、們直接單擊“結(jié)束”按鈕。將會(huì)出現(xiàn)如圖所示的導(dǎo)入進(jìn)度窗口。如圖11所示。圖11導(dǎo)入進(jìn)度最后進(jìn)度完成以后,視頻就被導(dǎo)入到了舞臺(tái)上。按下Enter鍵可以播放視頻效果。另外,在FlashCS3中我們還可以給視頻加上濾鏡效果。具體操作如下:(1)選擇舞臺(tái)上的視頻,選擇“修改”|“轉(zhuǎn)換為元件”命令,將其轉(zhuǎn)換為影片剪輯元件。(2)展開“濾鏡”面板,單擊“”按鈕,在彈出的菜單中選擇“模糊”濾鏡,設(shè)置參數(shù)如圖12所示。圖12添加模糊濾鏡(3)按CtrlEnter鍵測(cè)試影片,視頻被加上模糊濾鏡后效果發(fā)生了改變。14.3漸進(jìn)式下載播放外部視頻除了將視頻嵌入到SWF文件中進(jìn)行應(yīng)用外,還可以使用漸進(jìn)式下載播放外部視頻功

46、能。漸進(jìn)式下載是將外部FLV文件加載到SWF文件中,并在運(yùn)行時(shí)回放。與嵌入的視頻相比,漸進(jìn)式下載有如下優(yōu)勢(shì):創(chuàng)作過(guò)程中,只需發(fā)布SWF界面,即可預(yù)覽或測(cè)試Flash的部分或全部?jī)?nèi)容。因此能更快速地預(yù)覽,從而縮短重復(fù)試驗(yàn)的時(shí)間。運(yùn)行時(shí),視頻文件從計(jì)算機(jī)磁盤驅(qū)動(dòng)器加載到SWF文件上,并且沒(méi)有文件大小和持續(xù)時(shí)間的限制。不存在音頻同步的問(wèn)題,也沒(méi)有內(nèi)存限制。視頻文件的幀頻可以不同于SWF文件的幀頻,從而能更靈活地創(chuàng)作影片。在制作漸進(jìn)式下載播放外部視頻影片時(shí),可以導(dǎo)入已部署到Web服務(wù)器上的視頻文件,也可以選擇存儲(chǔ)在本地計(jì)算機(jī)上的視頻文件,導(dǎo)入到FLA文件后再將其上載到服務(wù)器上。下面通過(guò)具體操作進(jìn)行講解

47、。(1)新建一個(gè)FlashCS3影片。文檔屬性保持默認(rèn)設(shè)置。(2)選擇“文件”|“導(dǎo)入”|“導(dǎo)入視頻”命令。彈出“導(dǎo)入視頻”向?qū)?,如圖13所示。圖13打開導(dǎo)入向?qū)В?)在“文件路徑”后面單擊“瀏覽”按鈕,彈出“打開”對(duì)話框,在其中選擇要導(dǎo)入的視頻文件。如圖14所示。圖14“打開”對(duì)話框然后單擊“打開”按鈕,這樣“文件路徑”后面的文本框中自動(dòng)出現(xiàn)要導(dǎo)入的視頻文件路徑。(4)單擊“下一個(gè)”按鈕,出現(xiàn)如圖15所示的“部署”向?qū)Т翱?。圖15部署(5)選擇“從Web服務(wù)器漸進(jìn)式下載”單選按鈕,然后單擊“下一個(gè)”按鈕。出現(xiàn)如圖16所示的“編碼”向?qū)Т翱?。圖16編碼從上圖可以看出,編碼對(duì)話框的下方出現(xiàn)了新的

48、選項(xiàng)提示點(diǎn),在FlashCS3中,解碼參數(shù)和提示點(diǎn)的設(shè)置參數(shù)可以保存和導(dǎo)入。如圖17所示。圖17導(dǎo)出xml文件(6)直接單擊“下一個(gè)”按鈕。出現(xiàn)如圖18所示的“外觀”向?qū)Т翱?。圖18外觀在這個(gè)向?qū)Т翱谥锌梢赃x擇播放視頻文件的播放器外觀。在“外觀”下拉列表框中有許多默認(rèn)的播放器外觀可供選擇。同時(shí),F(xiàn)lashCS3在此頁(yè)面增加了外觀的“調(diào)色”功能,我們可以在調(diào)色板中任意設(shè)置播放器的顏色,設(shè)置完成后單擊“下一個(gè)”按鈕。(7)出現(xiàn)窗口后,單擊“結(jié)束”按鈕,彈出一個(gè)“另存為”對(duì)話框,在其中輸入要保存的文件名,并選擇保存的路徑。如圖19所示。圖19“另存為”對(duì)話框(8)單擊“保存”按鈕,經(jīng)過(guò)一定的導(dǎo)入進(jìn)度

49、提示后,就完成了操作。舞臺(tái)上出現(xiàn)先前所選擇的視頻播放器。如圖20所示。圖20視頻播放器(9)按CtrlEnter鍵測(cè)試影片,可以在播放器的支持下對(duì)視頻進(jìn)行播放。如圖21所示。保存文件后,在“資源瀏覽器”窗口中查看文件。我們可以發(fā)現(xiàn),保存影片的文件夾下對(duì)應(yīng)這個(gè)影片有4個(gè)文件:漸變式下載播放視頻.fla(影片源文件)、漸變式下載播放視頻.swf(影片播放文件)、視頻素材1.flv(外部視頻,這是在制作過(guò)程中自動(dòng)通過(guò)對(duì)原來(lái)的視頻文件的轉(zhuǎn)換得到的FLV視頻文件)。SkinOverPlaySeekMute.swf(播放器外觀組件影片)。圖21測(cè)試影片14.4導(dǎo)出FLV視頻文件FLV視頻文件是Flash的

50、專用視頻格式。如果想將其他格式的視頻文件轉(zhuǎn)換為FLV格式,可以先將視頻導(dǎo)入Flash中,然后在將視頻導(dǎo)出為FLV視頻文件。下面講解一下具體操作步驟。(1)先將視頻文件導(dǎo)入到Flash庫(kù)中。(2)在“庫(kù)”面板中,右擊視頻,在彈出的快捷菜單中選擇“屬性”命令,彈出“視頻屬性”對(duì)話框。如圖22所示。圖22“視頻屬性”對(duì)話框(3)單擊“導(dǎo)出”按鈕,出現(xiàn)“導(dǎo)出FLV”對(duì)話框。如圖23所示。圖23“導(dǎo)出FLV”對(duì)話框輸入要導(dǎo)出的視頻文件名,然后單擊“保存”按鈕即可。(4)最后,關(guān)閉“視頻屬性”對(duì)話框。教學(xué)后記:第十五課濾鏡和混合模式濾鏡和混合模式是FlashCS3在設(shè)計(jì)動(dòng)畫時(shí)非常實(shí)用的兩項(xiàng)功能,這兩個(gè)功能

51、極大地增強(qiáng)了Flash設(shè)計(jì)方面的能力。它們珠聯(lián)璧合,相得益彰,如果能恰如其分地結(jié)合使用,將能創(chuàng)造出意想不到藝術(shù)效果。FlashCS3的濾鏡功能,借用了PhotoShop的設(shè)計(jì),大大增強(qiáng)了它在設(shè)計(jì)方面的能力。這項(xiàng)特性對(duì)制作Flash動(dòng)畫帶來(lái)了極大的方便,產(chǎn)生了深遠(yuǎn)的影響。它不僅基本滿足了繪圖設(shè)計(jì)的需求,而且使動(dòng)畫作品更加精彩紛呈?;旌夏J胶蜑V鏡效果同源于圖像設(shè)計(jì)軟件,兩者相互配合使用可以相得益彰、錦上添花。使用混合模式,可以創(chuàng)建復(fù)合圖像。復(fù)合是改變兩個(gè)或兩個(gè)以上重疊對(duì)象的透明度或者顏色相互關(guān)系的過(guò)程。還可以混合重疊影片剪輯中的顏色,從而創(chuàng)造獨(dú)特的效果。綜合范例夕陽(yáng)紅夕陽(yáng)無(wú)限好,只是近黃昏。夕陽(yáng)自

52、古以來(lái)就給人以無(wú)盡的享受和無(wú)窮的遐想。運(yùn)用濾鏡效果和混合模式來(lái)表現(xiàn)夕陽(yáng)紅壯觀的一幕自然充滿了令人側(cè)目的美。15.1范例簡(jiǎn)介本范例利用Flash強(qiáng)大的濾鏡效果和混合模式制作夕陽(yáng)紅的一個(gè)鏡頭,波濤平緩地起伏,海鷗和文字在經(jīng)過(guò)不同的背景區(qū)域呈現(xiàn)出不同的姿態(tài),極富鏡頭感。范例效果如圖1所示。圖1范例效果通過(guò)本例的學(xué)習(xí),可以掌握使用混合模式的方法和技巧。15.2制作步驟1新建影片文檔和設(shè)置文檔屬性啟動(dòng)FlashCS3,新建一個(gè)影片文檔。參數(shù)保持默認(rèn)。2導(dǎo)入位圖選擇“文件”|“導(dǎo)入”|“導(dǎo)入到舞臺(tái)”命令,將準(zhǔn)備好的素材圖片導(dǎo)入到庫(kù)中:素材夕陽(yáng).jpg,niao001niao003.gif)。導(dǎo)入的海鷗圖片

53、可新建為影片剪輯元件。3制作簡(jiǎn)單的元件(1)制作“邊框1”元件。新建一個(gè)名稱為“邊框1”的影片剪輯元件,在該元件的編輯場(chǎng)景中繪制邊框形狀。如圖3所示。圖3“邊框1”元件(2)制作“邊框2”元件。改變填充色繪制一個(gè)名稱為“邊框2”的影片剪輯元件,如圖4所示。圖4“邊框2”元件(3)制作“海鷗飛翔”元件。新建一個(gè)名稱為“海鷗飛翔”的影片剪輯元件,將庫(kù)中的“海鷗”影片剪輯元件拖放到舞臺(tái)上,在第80幀按F6鍵插入關(guān)鍵幀。定義第180幀的補(bǔ)間動(dòng)畫。然后將第80幀上的海鷗實(shí)例拖放到左上方,減小該實(shí)例的大小和透明度。如圖5所示。圖5海鷗(4)制作“文字”元件。新建一個(gè)名稱為“文字”的影片剪輯元件,在該元件的

54、編輯場(chǎng)景中設(shè)置字體為黑體,字號(hào)為45,顏色為紅色,斜體。接著輸入“夕陽(yáng)紅”3個(gè)字,為其添加“漸變發(fā)光”濾鏡效果,設(shè)置如圖6所示。圖6濾鏡參數(shù)(5)在第50幀插入關(guān)鍵幀,在第60幀插入幀。然后運(yùn)用任意變形工具將第50幀上的文字放大,并向上拖動(dòng)一段距離,最后定義第160幀間的補(bǔ)間動(dòng)畫。最終效果如圖7所示。圖7文字效果4運(yùn)用濾鏡效果制作波紋動(dòng)畫效果(1)新建一個(gè)名稱為“波紋”的影片剪輯元件,選擇刷子工具,在“屬性”面板中設(shè)置其填充色為赭色,平滑度為10,如圖8所示。圖8設(shè)置刷子工具的平滑度(2)使用刷子工具在舞臺(tái)上畫出不規(guī)則的波紋狀圖形,如圖9所示。圖9繪制波紋狀圖形(3)新建一個(gè)名稱為“波紋上”的

55、影片剪輯元件。在這個(gè)元件的編輯場(chǎng)景中,將“波紋”元件從“庫(kù)”中拖放到舞臺(tái)上。(4)分別在第20幀第40幀處插入關(guān)鍵幀,并設(shè)置動(dòng)作補(bǔ)間運(yùn)動(dòng)。在第20幀處,將“波紋”元件向右斜上方向略加移動(dòng)。制作完畢“波紋”將會(huì)作從下向上再向下的運(yùn)動(dòng)。打開繪圖紙外觀按鈕可以看到其移動(dòng)軌跡,如圖10所示。圖10波紋上”影片剪輯元件(5)下面制作波紋向下運(yùn)動(dòng)的元件,其運(yùn)動(dòng)方向與“波紋上”剛好相反,是先向下再向上的運(yùn)動(dòng)。新建一個(gè)名稱為“波紋下”的影片剪輯元件。在這個(gè)元件的編輯場(chǎng)景中,將“波紋”元件從“庫(kù)”中拖放到舞臺(tái)上。(6)分別在第20幀第40幀處插入關(guān)鍵幀,并設(shè)置動(dòng)作補(bǔ)間運(yùn)動(dòng)。在第20幀處,將“波紋”元件向左斜下方

56、向略加移動(dòng)。(7)新建一個(gè)名稱為“重疊波紋”的影片剪輯元件。在這個(gè)元件的編輯場(chǎng)景中,將“波紋上”元件從“庫(kù)”中拖放到舞臺(tái)上。(8)插入一個(gè)新圖層,在“圖層2”中放入“波紋下”元件。調(diào)整實(shí)例位置,使“波紋下”的位置比“波紋上”略高,如圖11所示。圖11“重疊波紋”影片剪輯元件(9)新建一個(gè)名稱為“模糊波紋”的影片剪輯元件。在這個(gè)元件的編輯場(chǎng)景中,將“重疊波紋”元件從“庫(kù)”中拖放到舞臺(tái)上。(10)打開“濾鏡”面板,單擊“”號(hào)按鈕,在彈出的濾鏡菜單中選擇“模糊”。在默認(rèn)狀態(tài)下,X軸與Y軸的模糊值是同步變化的。單擊旁邊的鎖狀按鈕,解除其同步鎖定。分別修改X與Y的模糊值,如圖12所示。圖12設(shè)置模糊濾鏡

57、(11)將“波紋”影片剪輯元件的填充色改為放射狀漸變色,用來(lái)制作光亮集中的水波,好像夕陽(yáng)下的波光一樣。其填充色設(shè)置如圖13所示。圖13填充色設(shè)置運(yùn)用放射狀填充色后的“波紋”影片剪輯元件如圖14所示。圖14“波紋”影片剪輯元件5運(yùn)用濾鏡效果和混合模式制作主動(dòng)畫(1)回到主場(chǎng)景,將圖層1重新命名為“邊框”,將“邊框1”和“邊框2”影片剪輯元件拖放到舞臺(tái)上,調(diào)整內(nèi)外框的位置。選中“邊框1”實(shí)例,打開濾鏡面板,單擊其中的“十”字按鈕,在彈出的菜單中選擇“漸變斜角”濾鏡,其設(shè)置如圖15所示。圖15“漸變斜角”濾鏡設(shè)置此時(shí)的邊框1效果如圖16所示。圖16邊框1效果(2)接著為“邊框2”實(shí)例添加“漸變斜角”

58、濾鏡,其設(shè)置如圖17所示。圖17“漸變斜角”濾鏡設(shè)置這樣,邊框效果就完成了,如圖18所示。圖18邊框效果(3)創(chuàng)建新圖層,將其重新命名為“大?!?,將“夕陽(yáng)”圖片從庫(kù)中拖放到場(chǎng)景中,調(diào)整它的大小與邊框相吻合。如圖19所示。圖19大海(4)從庫(kù)中拖放“文字”元件到夕陽(yáng)圖片的中央,選中“文字”實(shí)例,單擊屬性面板中的“混合”后面的三角按鈕,在彈出的下拉列表中選擇“疊加”模式。如圖20所示。這樣,文字在運(yùn)動(dòng)時(shí)經(jīng)過(guò)不同區(qū)域會(huì)呈現(xiàn)出不同的顏色,非常符合客觀情況。圖20疊加模式(5)按同樣的方法拖放2個(gè)“海鷗飛翔”元件到夕陽(yáng)圖片的右下角,選中兩個(gè)實(shí)例,單擊屬性面板中的“混合”后面的三角按鈕,在彈出的下拉列表中

59、選擇“增加”模式。如圖21所示。圖21增加模式此時(shí)的舞臺(tái)效果如圖22所示。圖22舞臺(tái)效果(6)創(chuàng)建新圖層,將其重新命名為“海浪”,將“模糊波紋”元件拖放到場(chǎng)景中,調(diào)整它的大小和位置。如圖23所示。圖23海浪效果(7)創(chuàng)建新圖層,將其重新命名為“遮罩”,接著使用矩形工具繪制一個(gè)矩形剛好將大海遮住。如圖24所示。圖24繪制遮罩(8)選擇“遮罩”圖層,右擊,在彈出的快捷菜單中選擇“遮罩”命令,定義遮罩動(dòng)畫。此時(shí)的時(shí)間軸效果如圖25所示。圖25時(shí)間軸效果至此,本范例制作完畢。教學(xué)后記:第十六課動(dòng)畫交互的簡(jiǎn)單控制HYPERLINK/fl9.0/lesson16/飛行.fla本課素材下載通過(guò)前面幾課的學(xué)習(xí)

60、,我們已經(jīng)掌握了一些動(dòng)畫的基本制作方法,那么如何能實(shí)現(xiàn)動(dòng)畫的交互控制呢?下面一起制作一個(gè)控制動(dòng)畫播放的簡(jiǎn)單實(shí)例。(1)我們首先制作一個(gè)文字動(dòng)畫,打開FlashCS3軟件并建立一個(gè)“Flash文件(ActionScript2.0)”新文檔,場(chǎng)景設(shè)置默認(rèn).將圖層1命名為“背景”,在“背景”圖層的第1幀,繪制如圖1所示的背景圖:圖1參考背景圖插入圖層2,將該圖層命名為“動(dòng)畫”,在第1幀用文本工具,屬性中選用靜態(tài)文本,字號(hào)為35,字體和字的顏色任意,寫出“歡迎光臨閃客啟航”幾個(gè)字,將其置于舞臺(tái)左側(cè).第15幀插入關(guān)鍵幀,將字水平移動(dòng)到舞臺(tái)中間,30幀插入關(guān)鍵幀,將文本適當(dāng)放大,選中圖層2,屬性中創(chuàng)建補(bǔ)間

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論