《Flash CS5工作過程導(dǎo)向標(biāo)準(zhǔn)教程》課件項(xiàng)目10

項(xiàng)目10設(shè)計(jì)制作圣誕賀卡10.1項(xiàng)目說明10.2項(xiàng)目分析10.3項(xiàng)目實(shí)施10.4知識(shí)延伸10.5項(xiàng)目實(shí)訓(xùn)

10.1項(xiàng)目說明

電子賀卡是一種比較時(shí)尚、便捷、環(huán)保的問候方式，已經(jīng)成為一種潮流。在圣誕節(jié)來臨之際，小王同學(xué)要為遠(yuǎn)在異國的朋友設(shè)計(jì)制作一個(gè)圣誕賀卡，并提供了他們小時(shí)候一起玩耍的錄像和一段音樂，要求Flash設(shè)計(jì)師將這些內(nèi)容設(shè)計(jì)到Flash賀卡當(dāng)中，為遠(yuǎn)方的朋友送上一份特殊的禮物與真摯的祝福。10.2項(xiàng)目分析

Flash賀卡的最大特點(diǎn)就是圖文并茂、聲像俱全，可以非常立體化地表達(dá)情感，更好地抒發(fā)對(duì)親人、朋友、同學(xué)的思念。

10.3項(xiàng)目實(shí)施

在制作本項(xiàng)目的過程中，關(guān)鍵是學(xué)會(huì)在Flash中使用視頻文件、聲音文件，并合理設(shè)置聲音的屬性，然后配合前面學(xué)習(xí)的各種動(dòng)畫制作技術(shù)，就可以創(chuàng)建出非常漂亮的Flash賀卡。本項(xiàng)目的參考效果如圖10-1所示。圖10-1動(dòng)畫參考效果任務(wù)一：制作背景

圖10-2【對(duì)齊】面板與對(duì)齊后的圖片效果圖10-3【時(shí)間軸】面板圖10-4“選擇視頻”界面圖10-5選擇視頻圖10-6“嵌入”界面圖10-7“完成視頻導(dǎo)入”界面圖10-8【變形】面板

圖10-9調(diào)整視頻對(duì)象的位置任務(wù)二：制作飄雪動(dòng)畫

圖10-10【時(shí)間軸】面板圖10-11設(shè)置多角星形邊數(shù)圖10-12繪制的六角星形

圖10-13【柔化填充邊緣】對(duì)話框圖10-14雪花效果

圖10-15轉(zhuǎn)換為元件圖10-16選擇元件圖10-17噴涂刷工具屬性設(shè)置

圖10-18繪出的雪花圖形圖10-19分離雪花圖形

圖10-20調(diào)整后的效果圖10-21復(fù)制雪花圖10-22調(diào)整“飄雪”實(shí)例的位置圖10-23【屬性】面板

圖10-24第300幀中的實(shí)例位置任務(wù)三：制作文字動(dòng)畫

圖10-25【時(shí)間軸】面板圖10-26輸入文字并設(shè)置屬性圖10-27【時(shí)間軸】面板圖10-28輸入的小詩與文字屬性設(shè)置圖10-29調(diào)整小詩的位置

圖10-30【時(shí)間軸】面板

圖10-31繪制的矩形圖10-32創(chuàng)建遮罩動(dòng)畫圖10-33【顏色】面板圖10-34調(diào)整漸變方向圖10-35測試影片任務(wù)四：添加背景音樂

圖10-36【導(dǎo)入到庫】對(duì)話框圖10-37設(shè)置聲音的屬性圖10-38【時(shí)間軸】面板

圖10-39添加聲音圖10-40最終效果

10.4知識(shí)延伸

知識(shí)點(diǎn)一：視頻的使用

FlashCS5可以支持視頻格式并增強(qiáng)了對(duì)視頻文件的編輯功能，編輯的內(nèi)容包括編輯視頻的長度、視頻的大小、視頻的色彩、視頻的清晰度等，并且可以將導(dǎo)入的視頻文件作為一個(gè)元件來使用，就像使用影片剪輯元件一樣。圖10-41【導(dǎo)入視頻】對(duì)話框圖10-42視頻文件的路徑與名稱圖10-43警示框

1.使用回放組件加載外部視頻

當(dāng)選擇【使用回放組件加載外部視頻】選項(xiàng)后，單擊

按鈕，這時(shí)進(jìn)入【導(dǎo)入視頻】對(duì)話框的“外觀”界面，如圖10-44所示。圖10-44【導(dǎo)入視頻】對(duì)話框的“外觀”界面圖10-45【導(dǎo)入視頻】對(duì)話框的“完成視頻導(dǎo)入”界面

2.在時(shí)間軸中嵌入視頻

對(duì)于較短小的視頻，可以直接嵌入到Flash的時(shí)間軸中，發(fā)布時(shí)可以作為SWF文件的一部分。這種情況下，通常會(huì)顯著地占用文件的存儲(chǔ)空間，增大SWF文件的體積，因此，較長的視頻不宜采用這種方式，否則，可能會(huì)導(dǎo)致視頻與音頻不同步，并且發(fā)布后不能更改嵌入的視頻內(nèi)容。圖10-46【導(dǎo)入視頻】對(duì)話框的“嵌入”界面

3.?AdobeMediaEncoder編碼器

前面已經(jīng)介紹，如果導(dǎo)入的視頻不是FLV格式或H.264格式，需要使用AdobeMediaEncoder編碼器進(jìn)行重新編碼。圖10-47AdobeMediaEncoder編碼器圖10-48【導(dǎo)出設(shè)置】對(duì)話框圖10-49自由裁切視頻圖10-50對(duì)視頻進(jìn)行簡單修剪圖10-51【導(dǎo)出設(shè)置】選項(xiàng)組圖10-52濾鏡、格式、視頻等選項(xiàng)圖10-53正在轉(zhuǎn)換及轉(zhuǎn)換完成的視頻知識(shí)點(diǎn)二：柔化填充邊緣

【柔化填充邊緣】命令是Flash中的一種特殊命令，它只能用于圖形對(duì)象，其功能與Photoshop中的模糊濾鏡或羽化類似，可以實(shí)現(xiàn)圖形邊緣的虛化效果，按照某一像素值來擴(kuò)展或收縮圖形。圖10-54柔化填充邊緣效果圖10-55【柔化填充邊緣】對(duì)話框圖10-56原圖、擴(kuò)展、插入的效果知識(shí)點(diǎn)三：噴涂刷工具

“噴涂刷工具”類似于粒子噴射器，使用它可以一次性將圖案“刷”到舞臺(tái)上。默認(rèn)情況下，噴涂刷使用當(dāng)前選定的填充顏色噴射粒子點(diǎn)。除此之外，用戶也可以自定義噴涂對(duì)象。圖10-57【屬性】面板知識(shí)點(diǎn)四：聲音素材的導(dǎo)入

1.添加聲音

聲音是一種特殊的動(dòng)畫元素，主要用于增強(qiáng)Flash動(dòng)畫聽覺效果。使用聲音前必須先導(dǎo)入聲音文件，導(dǎo)入的聲音文件將出現(xiàn)在【庫】面板中。

圖10-58【庫】面板

圖10-59“聲音”的公用【庫】面板

2.刪除或切換聲音

不管向文檔中導(dǎo)入多少聲音文件，聲音文件都會(huì)出現(xiàn)在當(dāng)前文檔的【庫】面板中。在【時(shí)間軸】面板中插入關(guān)鍵幀或空白關(guān)鍵幀以后，將聲音從【庫】面板中拖動(dòng)到舞臺(tái)中，即可在當(dāng)前關(guān)鍵幀中插入聲音。圖10-60【庫】面板與【屬性】面板中的聲音一致

3.套用聲音效果

為Flash文檔添加聲音以后，可以在【屬性】面板中為聲音套用不同的聲音效果，這些效果是系統(tǒng)預(yù)置的，不需要設(shè)置就可以使用，包括淡入、淡出、左聲道、右聲道等。圖10-61預(yù)置的聲音效果

4.自定義聲音效果

除了可以使用預(yù)置的聲音效果外，用戶還可以自定義聲音效果。在【屬性】面板的【效果】下拉列表中選擇“自定義”選項(xiàng)，或者單擊【效果】右側(cè)的按鈕，將彈出【編輯封套】對(duì)話框，在該對(duì)話框中可以靈活地編輯聲音的效果，如圖10-62所示。圖10-62【編輯封套】面板圖10-63改變一個(gè)聲道的音量圖10-64以“秒”為單位的時(shí)間軸圖10-65改變了聲音的長度

5.聲音同步

為Flash動(dòng)畫添加聲音以后，還需要解決聲音同步的問題，即播放的聲音要與播放的動(dòng)畫相匹配。這一功能可以在【屬性】面板的【聲音】選項(xiàng)中進(jìn)行設(shè)置。在這里不僅可以設(shè)置聲音同步屬性，還可以設(shè)置聲音在動(dòng)畫中的播放次數(shù)，如圖10-66所示。圖10-66【屬性】面板

10.5項(xiàng)目實(shí)訓(xùn)

電子賀卡的形式是多種多樣的，但是基本都有聲音、祝福語，并配以適當(dāng)?shù)膭?dòng)畫。我們學(xué)習(xí)了聲音的運(yùn)用以后，并結(jié)合前面學(xué)習(xí)的動(dòng)畫知識(shí)，制作一個(gè)具有中國民間風(fēng)格的新年賀卡。

任務(wù)分析

本項(xiàng)目提供了大量的素材，其中有圖片也有動(dòng)畫，合理地運(yùn)用會(huì)創(chuàng)造出非常漂亮的效果。主要思路如下：(1)使用傳統(tǒng)補(bǔ)間動(dòng)畫、逐幀動(dòng)畫制作梅花開放動(dòng)畫、小鳥飛入與飛出動(dòng)畫；(2)