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

下載本文檔

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

文檔簡介

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

42、視頻文件格式不是QuickTime影片,所以“用于發(fā)布到QuickTime的已鏈接的QuickTime視頻”這個單選項成灰色顯示,不可用。(5)單擊“下一個”按鈕,出現(xiàn)如圖6所示的“嵌入”向?qū)Т翱?。圖6嵌入在這個向?qū)Т翱谥校胺栴愋汀毕吕斜碇邪ㄇ度氲囊曨l、影片剪輯、圖形。嵌入到時間軸最常見的選擇是將視頻剪輯作為嵌入的視頻集成到時間軸。如果要使用在時間軸上線性回放的視頻剪輯,那么最合適的方法就是將該視頻導(dǎo)入到時間軸。嵌入為影片剪輯使用嵌入的視頻時,最佳的做法是將視頻放置在影片剪輯實例內(nèi),因為這樣可以更好地控制該內(nèi)容。視頻的時間軸獨立于主時間軸進行播放。將視頻剪輯嵌入為圖形元件意味著,將無法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

溫馨提示

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

評論

0/150

提交評論