多媒體技術(shù)應(yīng)用flash

1、重點(diǎn)難點(diǎn)：重點(diǎn)難點(diǎn)：Flash動(dòng)畫對(duì)象的繪制和編輯動(dòng)畫對(duì)象的繪制和編輯簡(jiǎn)單動(dòng)畫制作簡(jiǎn)單動(dòng)畫制作引導(dǎo)路徑動(dòng)畫和遮罩動(dòng)畫的設(shè)計(jì)與制作引導(dǎo)路徑動(dòng)畫和遮罩動(dòng)畫的設(shè)計(jì)與制作1. 使用使用ActionScript2.0實(shí)現(xiàn)交互實(shí)現(xiàn)交互第第3章章 Flash 動(dòng)畫制作動(dòng)畫制作內(nèi)容提要：內(nèi)容提要：3.1 計(jì)算機(jī)動(dòng)畫基礎(chǔ)知識(shí)計(jì)算機(jī)動(dòng)畫基礎(chǔ)知識(shí)3.2 Flash基本操作基本操作3.3 Flash簡(jiǎn)單動(dòng)畫制作簡(jiǎn)單動(dòng)畫制作3.4 圖層特效動(dòng)畫制作圖層特效動(dòng)畫制作3.5 聲音與按鈕聲音與按鈕3.6 交互動(dòng)畫制作交互動(dòng)畫制作3.7 動(dòng)畫制作綜合應(yīng)用動(dòng)畫制作綜合應(yīng)用3.1 計(jì)算機(jī)動(dòng)畫基礎(chǔ)知識(shí)3.1.1 3.1.1 動(dòng)畫的概

2、念動(dòng)畫的概念 動(dòng)畫是一種通過(guò)連續(xù)畫面來(lái)顯示運(yùn)動(dòng)的技術(shù)，通過(guò)一定速度投放畫面以達(dá)到連續(xù)的動(dòng)態(tài)效果；或動(dòng)畫是一系列物體組成的圖像幀的動(dòng)態(tài)變化過(guò)程，其中每幀圖像只是前一幀圖像的略加變化。 3.1 計(jì)算機(jī)動(dòng)畫基礎(chǔ)知識(shí)3.1.2 3.1.2 動(dòng)畫原理動(dòng)畫原理 動(dòng)畫原理傳統(tǒng)動(dòng)畫的生產(chǎn)過(guò)程計(jì)算機(jī)動(dòng)畫的概念Flash動(dòng)畫動(dòng)畫制作應(yīng)注意的問(wèn)題速度的處理循環(huán)動(dòng)畫夸張與擬人3.2 Flash基本操作3.2.1 3.2.1 熟悉熟悉FlashFlash操作界面操作界面3.2 Flash基本操作時(shí)間軸面板時(shí)間軸面板 圖層文件夾 引導(dǎo)圖層 圖層名稱 隱藏顯示圖層 鎖定圖層 輪廓顯示圖層 空白關(guān)鍵幀 播放頭 關(guān)鍵幀 幀視圖

3、按鈕 運(yùn)行時(shí)間 幀頻 當(dāng)前幀數(shù) 繪圖紙按鈕 幀居中按鈕 刪除圖層 添加圖層文件夾 添加引導(dǎo)層 添加圖層 3.2.4 文件操作新建文件新建文件保存文件保存文件打開文件打開文件設(shè)置文檔屬性設(shè)置文檔屬性導(dǎo)入導(dǎo)出文件導(dǎo)入導(dǎo)出文件3.2.5 繪制和編輯圖形案例案例3-2-13-2-1：繪制“鳥語(yǔ)花香”設(shè)計(jì)效果設(shè)計(jì)效果：舞臺(tái)效果圖如下所示。設(shè)計(jì)目標(biāo)設(shè)計(jì)目標(biāo)：學(xué)習(xí)Flash動(dòng)畫對(duì)象的繪制和編輯方法，掌握各種繪圖工具的使用。設(shè)計(jì)思路設(shè)計(jì)思路：該案例包含背景、草地、花朵、蘑菇、太陽(yáng)、文字和小鳥圖層。利用工具箱中的各種繪圖工具，分別在各個(gè)圖層中繪制相應(yīng)的對(duì)象。3.2.5 繪制和編輯圖形矩形工具和橢圓工具：矩形工具

4、和橢圓工具：繪制幾何圖形繪制幾何圖形屬性面板可設(shè)置筆觸顏色，填充顏色等屬性面板可設(shè)置筆觸顏色，填充顏色等多角星形工具：點(diǎn)擊屬性面板的多角星形工具：點(diǎn)擊屬性面板的“選項(xiàng)選項(xiàng)”，可設(shè)置樣，可設(shè)置樣式、邊數(shù)等式、邊數(shù)等填充變形工具：填充變形工具：調(diào)整漸變色填充調(diào)整漸變色填充調(diào)漸變中心點(diǎn)調(diào)漸變中心點(diǎn)調(diào)漸變大小調(diào)漸變大小調(diào)漸變角度調(diào)漸變角度3.2.5 繪制和編輯圖形直線工具：直線工具：繪制矢量線段繪制矢量線段 在屬性面板設(shè)置直線顏色、粗細(xì)、樣式等在屬性面板設(shè)置直線顏色、粗細(xì)、樣式等 Shift+Shift+拖動(dòng)鼠標(biāo)：繪制與水平成拖動(dòng)鼠標(biāo)：繪制與水平成4545度直線度直線選擇工具選擇工具: 選取、移動(dòng)和復(fù)

5、制對(duì)象（按住選取、移動(dòng)和復(fù)制對(duì)象（按住CTRLCTRL） 改變對(duì)象形狀改變對(duì)象形狀3.2.5 繪制和編輯圖形墨水瓶工具：墨水瓶工具： 改變線條顏色和樣式（不是填充色?。└淖兙€條顏色和樣式（不是填充色?。?顏料桶工具：顏料桶工具：對(duì)封閉區(qū)域填充顏色對(duì)封閉區(qū)域填充顏色 四種封閉模式：不封閉空隙、封閉小空隙、封閉中等空四種封閉模式：不封閉空隙、封閉小空隙、封閉中等空隙、封閉大空隙隙、封閉大空隙 填充顏色：使用顏色面板（填充顏色：使用顏色面板（純色、漸變色、位圖純色、漸變色、位圖）3.2.5 繪制和編輯圖形任意變形工具：任意變形工具：改變對(duì)象形狀改變對(duì)象形狀旋轉(zhuǎn)、傾斜、縮放等旋轉(zhuǎn)、傾斜、縮放等變形面板

6、變形面板3.2.5 繪制和編輯圖形怎樣繪制蘑菇？3.2.5 繪制和編輯圖形文字工具文字工具 文本對(duì)象類型：文本對(duì)象類型： 靜態(tài)文本：動(dòng)畫播放時(shí)不會(huì)改變靜態(tài)文本：動(dòng)畫播放時(shí)不會(huì)改變 動(dòng)態(tài)文本：動(dòng)畫播放時(shí)可以動(dòng)態(tài)更新動(dòng)態(tài)文本：動(dòng)畫播放時(shí)可以動(dòng)態(tài)更新 輸入文本：瀏覽者可以輸入輸入文本：瀏覽者可以輸入 文字方向：文字方向：3 3種種 文字的格式化：在屬性面板完成文字的格式化：在屬性面板完成 文字的變形：任意變形工具文字的變形：任意變形工具 轉(zhuǎn)化為圖形：轉(zhuǎn)化為圖形：兩次分離兩次分離 Ctrl+BCtrl+B組合鍵組合鍵3.2.5 繪制和編輯圖形 橡皮擦工具：橡皮擦工具：擦除圖形（矢量圖）擦除圖形（矢量圖

7、） 套索工具：套索工具：選擇不規(guī)則區(qū)域選擇不規(guī)則區(qū)域 模式：自由選取模式、多邊形模式、魔術(shù)棒模式模式：自由選取模式、多邊形模式、魔術(shù)棒模式 魔術(shù)棒屬性設(shè)置魔術(shù)棒屬性設(shè)置Ctrl+Enter組合鍵：測(cè)試影片，在與源文件相同位置創(chuàng)建同名swf影片文件內(nèi)容提要：內(nèi)容提要：動(dòng)畫的原理動(dòng)畫的原理Flash文件格式？影片文件格式？文件格式？影片文件格式？文檔屬性的修改文檔屬性的修改工具箱的使用工具箱的使用Premiere的界面有哪幾部分構(gòu)成？的界面有哪幾部分構(gòu)成？使用使用Premiere制作視頻的流程？制作視頻的流程？00:00:05:02代表什么意思？代表什么意思？1. 插入操作和覆蓋操作的區(qū)別？插入操

8、作和覆蓋操作的區(qū)別？上次課復(fù)習(xí)3.2.5 繪制和編輯圖形FlashFlash繪制模式繪制模式合并繪制模式合并繪制模式對(duì)象繪制模式對(duì)象繪制模式需要需要在工具箱中在工具箱中的工具選項(xiàng)區(qū)按的工具選項(xiàng)區(qū)按下下對(duì)象繪制按鈕對(duì)象繪制按鈕3.2.5 繪制和編輯圖形對(duì)象的組合和分離對(duì)象的組合和分離組合：對(duì)個(gè)對(duì)象組合在一起，組合：對(duì)個(gè)對(duì)象組合在一起，Ctrl+G Ctrl+G 快捷鍵快捷鍵取消組合：已經(jīng)組合的對(duì)象重新分散成為單個(gè)的對(duì)象取消組合：已經(jīng)組合的對(duì)象重新分散成為單個(gè)的對(duì)象分離：對(duì)象打散成形狀，分離：對(duì)象打散成形狀，Ctrl+B Ctrl+B 快捷鍵快捷鍵組合是可逆操作，分離是不可逆操作3.3.1 動(dòng)畫的

9、分類1. Flash CS51. Flash CS5支持的動(dòng)畫類型支持的動(dòng)畫類型3.3.2 幀操作 幀是幀是Flash動(dòng)畫的基本單位。動(dòng)畫的基本單位。Flash中的幀分為：中的幀分為：關(guān)鍵幀關(guān)鍵幀空白關(guān)鍵幀空白關(guān)鍵幀普通幀普通幀概念概念用來(lái)存放動(dòng)畫中關(guān)用來(lái)存放動(dòng)畫中關(guān)鍵畫面的幀鍵畫面的幀和關(guān)鍵幀類似和關(guān)鍵幀類似，但但對(duì)應(yīng)的舞臺(tái)對(duì)應(yīng)的舞臺(tái)中沒(méi)有內(nèi)容。中沒(méi)有內(nèi)容。用來(lái)延長(zhǎng)上一用來(lái)延長(zhǎng)上一個(gè)關(guān)鍵幀的播個(gè)關(guān)鍵幀的播放狀態(tài)和時(shí)間放狀態(tài)和時(shí)間在時(shí)間軸的在時(shí)間軸的表示表示黑色實(shí)心小圓點(diǎn)黑色實(shí)心小圓點(diǎn)空心圓圈空心圓圈灰色矩形灰色矩形是否能編輯是否能編輯可編輯可編輯可編輯可編輯不可編輯不可編輯插入方法插入方法F

10、6F6F7F7F5F53.3.2逐幀動(dòng)畫逐幀動(dòng)畫在每一幀中都會(huì)更改舞臺(tái)內(nèi)容，它最適合于圖像在每一幀中均發(fā)生變化的精細(xì)動(dòng)畫，例如動(dòng)物的奔跑，人物的動(dòng)作等。若要?jiǎng)?chuàng)建逐幀動(dòng)畫，要將每個(gè)幀都定義為關(guān)鍵幀，然后為每個(gè)幀制作不同的圖像。工作量大，生成的文件也較大。在Flash中，制作逐幀動(dòng)畫主要有2種方式：將動(dòng)畫過(guò)程分解成一個(gè)個(gè)畫面，在每個(gè)關(guān)鍵幀處繪制畫面的的內(nèi)容；通過(guò)導(dǎo)入表示連續(xù)分解動(dòng)作的圖片文件，如GIF文件。3.3.2逐幀動(dòng)畫案例案例3-3-13-3-1：利用逐幀動(dòng)畫制作“草原女孩”動(dòng)畫設(shè)計(jì)效果設(shè)計(jì)效果：舞臺(tái)效果圖如下所示。設(shè)計(jì)目標(biāo)設(shè)計(jì)目標(biāo)：理解逐幀動(dòng)畫原理，掌握兩種逐幀動(dòng)畫的制作方法。設(shè)計(jì)思路設(shè)計(jì)

11、思路：包含3個(gè)逐幀動(dòng)畫：馬、眨眼睛、字幕的出現(xiàn)。3.3.2逐幀動(dòng)畫繪制各關(guān)鍵幀方式：在動(dòng)畫開始的第在動(dòng)畫開始的第1 1個(gè)關(guān)鍵幀處繪制動(dòng)畫對(duì)象。個(gè)關(guān)鍵幀處繪制動(dòng)畫對(duì)象。按按F6F6插入關(guān)鍵幀，將其中的內(nèi)容稍作修改?；虬床迦腙P(guān)鍵幀，將其中的內(nèi)容稍作修改。或按F7F7鍵插鍵插入空白關(guān)鍵幀，重新繪制對(duì)象。重復(fù)這一操作，直至動(dòng)入空白關(guān)鍵幀，重新繪制對(duì)象。重復(fù)這一操作，直至動(dòng)畫完畢。畫完畢。1.1. 需要時(shí)在關(guān)鍵幀之間插入普通幀來(lái)降低動(dòng)畫速度。需要時(shí)在關(guān)鍵幀之間插入普通幀來(lái)降低動(dòng)畫速度。導(dǎo)入連續(xù)圖片的方式：準(zhǔn)備好展現(xiàn)對(duì)象運(yùn)動(dòng)的連續(xù)圖片，如準(zhǔn)備好展現(xiàn)對(duì)象運(yùn)動(dòng)的連續(xù)圖片，如GIFGIF圖片。圖片。在動(dòng)畫開始的

12、第在動(dòng)畫開始的第1 1個(gè)幀處導(dǎo)入連續(xù)圖片。個(gè)幀處導(dǎo)入連續(xù)圖片。1.1. 需要時(shí)在關(guān)鍵幀之間插入普通幀來(lái)降低動(dòng)畫速度。需要時(shí)在關(guān)鍵幀之間插入普通幀來(lái)降低動(dòng)畫速度。3.3.3 庫(kù)、元件、實(shí)例庫(kù)、元件、實(shí)例的概念庫(kù)、元件、實(shí)例的概念元件是指在元件是指在 Flash 創(chuàng)作環(huán)境中創(chuàng)建過(guò)一次的圖形、按創(chuàng)作環(huán)境中創(chuàng)建過(guò)一次的圖形、按鈕或影片剪輯。創(chuàng)建完成后，可在整個(gè)文檔或其它文鈕或影片剪輯。創(chuàng)建完成后，可在整個(gè)文檔或其它文檔中重復(fù)使用該元件。每個(gè)元件都有一個(gè)唯一的時(shí)間檔中重復(fù)使用該元件。每個(gè)元件都有一個(gè)唯一的時(shí)間軸和舞臺(tái)。軸和舞臺(tái)。用戶所創(chuàng)建的元件會(huì)存放在當(dāng)前文檔的庫(kù)中。用戶所創(chuàng)建的元件會(huì)存放在當(dāng)前文檔的庫(kù)

13、中。實(shí)例是指庫(kù)中元件實(shí)例是指庫(kù)中元件在在舞臺(tái)上的具體應(yīng)用。舞臺(tái)上的具體應(yīng)用。3.3.3 庫(kù)、元件、實(shí)例元件元件的分類：的分類：圖形元件圖形元件：可用于靜態(tài)圖像。也可用來(lái)創(chuàng)建連接到主：可用于靜態(tài)圖像。也可用來(lái)創(chuàng)建連接到主時(shí)間軸的可重用動(dòng)畫片段，與主時(shí)間軸同步運(yùn)行。交時(shí)間軸的可重用動(dòng)畫片段，與主時(shí)間軸同步運(yùn)行。交互式控件和聲音在圖形元件的動(dòng)畫序列中不起作用?；ナ娇丶吐曇粼趫D形元件的動(dòng)畫序列中不起作用。影片剪輯元件影片剪輯元件：創(chuàng)建可重用的動(dòng)畫片段。影片剪輯的：創(chuàng)建可重用的動(dòng)畫片段。影片剪輯的時(shí)間軸獨(dú)立于主時(shí)間軸。影片剪輯元件可以包含交互時(shí)間軸獨(dú)立于主時(shí)間軸。影片剪輯元件可以包含交互式控件、聲音甚

14、至其它影片剪輯實(shí)例。式控件、聲音甚至其它影片剪輯實(shí)例。按鈕元件按鈕元件：可以創(chuàng)建用于響應(yīng)鼠標(biāo)單擊、滑過(guò)或其它：可以創(chuàng)建用于響應(yīng)鼠標(biāo)單擊、滑過(guò)或其它動(dòng)作的交互式按鈕。動(dòng)作的交互式按鈕。3.3.3 庫(kù)、元件、實(shí)例元件元件的操作：的操作：創(chuàng)建元件：創(chuàng)建元件：新建原件新建原件Ctrl+F8，將已有內(nèi)容轉(zhuǎn)換為元件，將已有內(nèi)容轉(zhuǎn)換為元件F8復(fù)制元件復(fù)制元件：在庫(kù)面板上直接復(fù)制在庫(kù)面板上直接復(fù)制編輯編輯元件：元件：雙擊庫(kù)面板上的原件雙擊庫(kù)面板上的原件實(shí)例的操作：實(shí)例的操作：創(chuàng)建創(chuàng)建實(shí)例實(shí)例：將庫(kù)中的元件拖動(dòng)至舞臺(tái)將庫(kù)中的元件拖動(dòng)至舞臺(tái)編輯實(shí)例屬性編輯實(shí)例屬性：屬性面板屬性面板分離實(shí)例元件分離實(shí)例元件：Ctr

15、l+B使用庫(kù)使用庫(kù)內(nèi)容提要：內(nèi)容提要： Flash動(dòng)畫對(duì)象的繪制動(dòng)畫對(duì)象的繪制 逐幀動(dòng)畫適用的場(chǎng)合、特點(diǎn)及制作方法逐幀動(dòng)畫適用的場(chǎng)合、特點(diǎn)及制作方法 什么是元件？庫(kù)？實(shí)例？什么是元件？庫(kù)？實(shí)例？1. 修改元件和修改實(shí)例之間的區(qū)別修改元件和修改實(shí)例之間的區(qū)別上次課復(fù)習(xí)快捷鍵快捷鍵：Ctrl+G：組合：組合Shift+Ctrl+G：取消組合：取消組合Ctrl+B：打散（分離）：打散（分離）Ctrl+Enter：測(cè)試動(dòng)畫：測(cè)試動(dòng)畫精細(xì)動(dòng)作精細(xì)動(dòng)作每一幀都是關(guān)鍵幀，都需要編輯每一幀都是關(guān)鍵幀，都需要編輯兩種制作方法：兩種制作方法：將動(dòng)畫分解為一個(gè)個(gè)畫面，在每將動(dòng)畫分解為一個(gè)個(gè)畫面，在每個(gè)關(guān)鍵幀中繪制畫

16、面?zhèn)€關(guān)鍵幀中繪制畫面 導(dǎo)入連續(xù)圖片導(dǎo)入連續(xù)圖片元件：元件：FlashFlash中創(chuàng)作過(guò)一次的圖形、小段動(dòng)畫或按鈕，可以中創(chuàng)作過(guò)一次的圖形、小段動(dòng)畫或按鈕，可以反復(fù)使用反復(fù)使用制作好的元件存放在庫(kù)中制作好的元件存放在庫(kù)中將庫(kù)中的元件拖動(dòng)至舞臺(tái)上，就是創(chuàng)建了該元件的一個(gè)實(shí)例將庫(kù)中的元件拖動(dòng)至舞臺(tái)上，就是創(chuàng)建了該元件的一個(gè)實(shí)例修改一個(gè)實(shí)例，舞臺(tái)上的其他實(shí)例和庫(kù)中的元件都不會(huì)變修改一個(gè)實(shí)例，舞臺(tái)上的其他實(shí)例和庫(kù)中的元件都不會(huì)變修改了元件，舞臺(tái)上所有該元件的實(shí)例都會(huì)發(fā)生變化修改了元件，舞臺(tái)上所有該元件的實(shí)例都會(huì)發(fā)生變化F5：插入普通幀，延續(xù)時(shí)間：插入普通幀，延續(xù)時(shí)間F6：插入關(guān)鍵幀：插入關(guān)鍵幀F(xiàn)7：插入

17、空白關(guān)鍵幀：插入空白關(guān)鍵幀F(xiàn)8：轉(zhuǎn)換為元件：轉(zhuǎn)換為元件 內(nèi)容提要：內(nèi)容提要：形狀補(bǔ)間動(dòng)畫的原理和制作方法形狀補(bǔ)間動(dòng)畫的原理和制作方法傳統(tǒng)補(bǔ)間動(dòng)畫的原理和制作方法傳統(tǒng)補(bǔ)間動(dòng)畫的原理和制作方法1.補(bǔ)間動(dòng)畫的原理和制作方法補(bǔ)間動(dòng)畫的原理和制作方法本次課內(nèi)容重點(diǎn)重點(diǎn)：形狀補(bǔ)間動(dòng)畫的原理和制作方法形狀補(bǔ)間動(dòng)畫的原理和制作方法1.傳統(tǒng)補(bǔ)間動(dòng)畫的原理和制作方法傳統(tǒng)補(bǔ)間動(dòng)畫的原理和制作方法難點(diǎn)難點(diǎn)：1.正確區(qū)分幾種簡(jiǎn)單動(dòng)畫類型正確區(qū)分幾種簡(jiǎn)單動(dòng)畫類型3.3.4 形狀補(bǔ)間動(dòng)畫形狀補(bǔ)間動(dòng)畫概述形狀補(bǔ)間動(dòng)畫概述時(shí)間軸中的一個(gè)起始關(guān)鍵幀上繪制一個(gè)矢量形狀結(jié)束關(guān)鍵幀處更改該形狀或繪制另一個(gè)形狀Flash 將自動(dòng)給出中間

18、內(nèi)插幀的形狀補(bǔ)間形狀最適合用于簡(jiǎn)單補(bǔ)間形狀最適合用于簡(jiǎn)單形狀形狀變化變化、位置位置變化、變化、顏色顏色變化等變化等的動(dòng)畫的動(dòng)畫3.3.4 形狀補(bǔ)間動(dòng)畫形狀補(bǔ)間動(dòng)畫創(chuàng)建形狀補(bǔ)間動(dòng)畫創(chuàng)建案例案例3-3-23-3-2：制作矩形漸變?yōu)闄E圓的形狀補(bǔ)間動(dòng)畫設(shè)計(jì)效果設(shè)計(jì)效果：舞臺(tái)效果圖如下所示。設(shè)計(jì)目標(biāo)設(shè)計(jì)目標(biāo)：理解形狀補(bǔ)間動(dòng)畫原理，學(xué)習(xí)形狀補(bǔ)間動(dòng)畫的制作。設(shè)計(jì)思路設(shè)計(jì)思路：形狀和顏色的變化。起始關(guān)鍵幀處繪制一個(gè)藍(lán)色的矩形，在結(jié)束關(guān)鍵幀處繪制一個(gè)黃色的橢圓，中間的過(guò)渡幀由Flash自動(dòng)生成。3.3.4 形狀補(bǔ)間動(dòng)畫形狀補(bǔ)間動(dòng)畫的制作步驟形狀補(bǔ)間動(dòng)畫的制作步驟：在變化起始時(shí)刻的關(guān)鍵幀中繪制變化前的形狀。在變化

19、結(jié)束時(shí)刻，按F7鍵插入空白關(guān)鍵幀，并在該幀中繪制變化后的形狀。1. 右擊時(shí)間軸上起始關(guān)鍵幀和結(jié)束關(guān)鍵幀中的任意一幀，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間形狀”，完成形狀補(bǔ)間動(dòng)畫的創(chuàng)建。案例拓展拓展拓展1 1：在案例3-2-2基礎(chǔ)之上，繼續(xù)實(shí)現(xiàn)圓變紅色五角星的動(dòng)畫設(shè)計(jì)效果設(shè)計(jì)效果：舞臺(tái)效果圖如下所示。設(shè)計(jì)目標(biāo)設(shè)計(jì)目標(biāo)：進(jìn)一步理解形狀補(bǔ)間動(dòng)畫原理，學(xué)習(xí)形狀補(bǔ)間動(dòng)畫的制作。設(shè)計(jì)思路設(shè)計(jì)思路：起始關(guān)鍵幀處已有黃色橢圓，在結(jié)束關(guān)鍵幀處繪制兩個(gè)紅色的五角星，中間的過(guò)渡幀由Flash自動(dòng)生成。形狀補(bǔ)間動(dòng)畫可以是一對(duì)多案例拓展拓展拓展2 2：在案例拓展1基礎(chǔ)之上，添加字母A到B的演變動(dòng)畫設(shè)計(jì)效果設(shè)計(jì)效果：舞臺(tái)效果

20、圖如下所示。設(shè)計(jì)目標(biāo)設(shè)計(jì)目標(biāo)：進(jìn)一步理解形狀補(bǔ)間動(dòng)畫原理，學(xué)習(xí)形狀補(bǔ)間動(dòng)畫的制作。設(shè)計(jì)思路設(shè)計(jì)思路：新建圖層，在起始和結(jié)束關(guān)鍵幀處輸入字母A和B，打散后建立形狀補(bǔ)間動(dòng)畫。形狀補(bǔ)間動(dòng)畫的對(duì)象必須是形狀（單擊呈點(diǎn)狀），如果是元件、組合、文字等需先打散一個(gè)形狀補(bǔ)間動(dòng)畫產(chǎn)生在同一圖層案例拓展拓展拓展3 3：在案例拓展2基礎(chǔ)之上，添加三角形翻轉(zhuǎn)的動(dòng)畫。設(shè)計(jì)效果設(shè)計(jì)效果：舞臺(tái)效果圖如下所示。設(shè)計(jì)目標(biāo)設(shè)計(jì)目標(biāo)：進(jìn)一步理解形狀補(bǔ)間動(dòng)畫原理，學(xué)習(xí)為形狀補(bǔ)間動(dòng)畫添加形狀提示點(diǎn)。設(shè)計(jì)思路設(shè)計(jì)思路：新建圖層，在起始和結(jié)束關(guān)鍵幀處繪制三角形，建立形狀補(bǔ)間動(dòng)畫并添加形狀提示點(diǎn)。添加形狀提示點(diǎn)，可以控制形變過(guò)程3.3.4

21、形狀補(bǔ)間動(dòng)畫使用形狀提示控制形狀變化使用形狀提示控制形狀變化創(chuàng)建形狀補(bǔ)間動(dòng)畫在起始關(guān)鍵幀， “修改”“形狀”“添加形狀提示點(diǎn)”，將提示點(diǎn)移動(dòng)到合適位置在結(jié)束關(guān)鍵幀，將對(duì)應(yīng)的提示點(diǎn)移動(dòng)到對(duì)應(yīng)位置3.3.4 形狀補(bǔ)間動(dòng)畫3.3.4 形狀補(bǔ)間動(dòng)畫形狀補(bǔ)間動(dòng)畫總結(jié)形狀補(bǔ)間動(dòng)畫總結(jié)適合形狀、顏色、位置的變化動(dòng)畫的對(duì)象必須是形狀（單擊呈點(diǎn)狀），若是元件、組合、文字、位圖等必須先打散成形狀動(dòng)畫可以是一對(duì)一，也可以是一對(duì)多動(dòng)畫發(fā)生在同一圖層添加形狀提示點(diǎn)可以控制形狀補(bǔ)間過(guò)程課后思考題案例案例3-3-33-3-3：生日賀卡的制作設(shè)計(jì)效果設(shè)計(jì)效果：參照“生日賀卡.swf”。設(shè)計(jì)目標(biāo)設(shè)計(jì)目標(biāo)：進(jìn)一步掌握形狀補(bǔ)間動(dòng)畫

22、的制作，使用形狀提示點(diǎn)控制形變過(guò)程。掌握元件的概念、制作和使用。3.3.5 傳統(tǒng)補(bǔ)間動(dòng)畫傳統(tǒng)補(bǔ)間動(dòng)畫概述傳統(tǒng)補(bǔ)間動(dòng)畫概述時(shí)間軸中的一個(gè)起始關(guān)鍵幀上放置元件、文本、組合或位圖結(jié)束關(guān)鍵幀處更改其屬性Flash 將自動(dòng)給出中間內(nèi)插幀的形狀傳統(tǒng)補(bǔ)間動(dòng)畫傳統(tǒng)補(bǔ)間動(dòng)畫適合用于適合用于對(duì)象的對(duì)象的大小大小、位置位置（包括旋轉(zhuǎn)、（包括旋轉(zhuǎn)、加減速）加減速）、顏色顏色（包括亮度、色調(diào)、透明度）變化。（包括亮度、色調(diào)、透明度）變化。3.3.5 傳統(tǒng)補(bǔ)間動(dòng)畫傳統(tǒng)補(bǔ)間動(dòng)畫創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫創(chuàng)建案例案例3-3-33-3-3：制作蝴蝶飛過(guò)的傳統(tǒng)補(bǔ)間動(dòng)畫。設(shè)計(jì)效果設(shè)計(jì)效果：一只蝴蝶從舞臺(tái)左側(cè)向右側(cè)飛過(guò)的動(dòng)畫。設(shè)計(jì)目標(biāo)設(shè)計(jì)目標(biāo)

23、：理解傳統(tǒng)補(bǔ)間動(dòng)畫原理，學(xué)習(xí)傳統(tǒng)補(bǔ)間動(dòng)畫的制作。設(shè)計(jì)思路設(shè)計(jì)思路：只需在起始關(guān)鍵幀處舞臺(tái)左側(cè)放置一個(gè)蝴蝶元件，在結(jié)束關(guān)鍵幀處將蝴蝶移動(dòng)到舞臺(tái)右側(cè)并縮小，中間的過(guò)渡幀由Flash自動(dòng)生成。3.3.5 傳統(tǒng)補(bǔ)間動(dòng)畫傳統(tǒng)補(bǔ)間動(dòng)畫創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫創(chuàng)建傳統(tǒng)傳統(tǒng)補(bǔ)間動(dòng)畫的制作步驟補(bǔ)間動(dòng)畫的制作步驟：在起始鍵幀中添加運(yùn)動(dòng)對(duì)象的元件，設(shè)置其屬性。在變化結(jié)束時(shí)刻，按F6鍵插入關(guān)鍵幀。根據(jù)需要，修改該幀中運(yùn)動(dòng)對(duì)象的屬性（如位置、旋轉(zhuǎn)、縮放、顏色等）。1. 右擊時(shí)間軸上起始關(guān)鍵幀和結(jié)束關(guān)鍵幀中的任意一幀，在彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”，完成傳統(tǒng)補(bǔ)間動(dòng)畫的創(chuàng)建。3.3.5 傳統(tǒng)補(bǔ)間動(dòng)畫案例案例3-3-53-3

24、-5：制作一個(gè)藍(lán)圖白云的動(dòng)畫效果。設(shè)計(jì)效果設(shè)計(jì)效果：參照“藍(lán)圖白云.swf”。設(shè)計(jì)目標(biāo)設(shè)計(jì)目標(biāo)：進(jìn)一步掌握傳統(tǒng)補(bǔ)間動(dòng)畫的制作，例如對(duì)象進(jìn)行直線運(yùn)動(dòng)、旋轉(zhuǎn)、搖擺、放大縮小、顏色改變等動(dòng)畫效果的制作。3.3.5 傳統(tǒng)補(bǔ)間動(dòng)畫傳統(tǒng)補(bǔ)間動(dòng)畫總結(jié)傳統(tǒng)補(bǔ)間動(dòng)畫總結(jié)適合大小、顏色、位置的變化，還可以制作加減速，旋轉(zhuǎn)、透明度變化動(dòng)畫的對(duì)象必須是元件、組合、文字、位圖等，如果是形狀，需要先組合或轉(zhuǎn)換為元件動(dòng)畫只能是一對(duì)一動(dòng)畫發(fā)生在同一圖層3.3.5 補(bǔ)間動(dòng)畫補(bǔ)間動(dòng)畫概述補(bǔ)間動(dòng)畫概述時(shí)間軸中的一個(gè)起始關(guān)鍵幀上放置元件、文本、組合或位圖為該幀創(chuàng)建補(bǔ)間動(dòng)畫添加屬性關(guān)鍵幀，改變對(duì)象屬性補(bǔ)間動(dòng)畫可以設(shè)置運(yùn)動(dòng)對(duì)象的補(bǔ)間動(dòng)畫

25、可以設(shè)置運(yùn)動(dòng)對(duì)象的大小大小、位置位置、顏顏色色等屬性的變化，還可以進(jìn)行等屬性的變化，還可以進(jìn)行曲線曲線運(yùn)動(dòng)。運(yùn)動(dòng)。3.3.5 傳統(tǒng)補(bǔ)間動(dòng)畫案例案例3-3-53-3-5：制作一個(gè)氣球升起的補(bǔ)間動(dòng)畫。設(shè)計(jì)效果設(shè)計(jì)效果：參照“氣球.swf”。設(shè)計(jì)目標(biāo)設(shè)計(jì)目標(biāo)：理解補(bǔ)間動(dòng)畫原理，學(xué)習(xí)補(bǔ)間動(dòng)畫制作。3.3.5 傳統(tǒng)補(bǔ)間動(dòng)畫補(bǔ)間動(dòng)畫創(chuàng)建補(bǔ)間動(dòng)畫創(chuàng)建補(bǔ)間動(dòng)畫的制作步驟補(bǔ)間動(dòng)畫的制作步驟：新建一個(gè)圖層，向第一個(gè)關(guān)鍵幀添加元件，右鍵單擊該幀，在快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”。選擇后面某個(gè)幀，按F6添加屬性關(guān)鍵幀。（黑色菱形）修改屬性關(guān)鍵幀處元件的屬性，如位置，顏色、傾斜等。舞臺(tái)中2個(gè)關(guān)鍵幀的對(duì)象之間將產(chǎn)生運(yùn)動(dòng)路

26、徑。1. 使用編輯工具修改運(yùn)動(dòng)路徑。補(bǔ)充：4種簡(jiǎn)單動(dòng)畫比較逐幀動(dòng)畫形狀補(bǔ)間動(dòng)畫傳統(tǒng)補(bǔ)間動(dòng)畫補(bǔ)間動(dòng)畫每個(gè)幀都是關(guān)鍵幀，都需要人工編輯只需要規(guī)定首尾關(guān)鍵幀或者屬性關(guān)鍵幀，過(guò)渡幀由Flash自動(dòng)生成補(bǔ)充：4種簡(jiǎn)單動(dòng)畫比較形狀補(bǔ)間動(dòng)畫傳統(tǒng)補(bǔ)間動(dòng)畫補(bǔ)間動(dòng)畫場(chǎng)合大小顏色位置的變化形狀的變化大小顏色位置的變化透明度、亮度等的變化還可以旋轉(zhuǎn)、加減速大小顏色位置的變化可以做曲線運(yùn)動(dòng)時(shí)間軸淡綠色背景帶箭頭實(shí)線淡紫色背景帶箭頭實(shí)線 淡藍(lán)色背景幀首尾兩個(gè)關(guān)鍵幀，過(guò)渡幀F(xiàn)lash生成首尾兩個(gè)關(guān)鍵幀，過(guò)渡幀F(xiàn)lash生成首關(guān)鍵幀，后續(xù)幾個(gè)屬性關(guān)鍵幀圖層同一圖層同一圖層同一圖層對(duì)象形狀，單擊呈芝麻點(diǎn)狀若不是，需先Ctrl+

27、B打散元件、組合，文字或位圖，單擊有邊框線。絕不能是形狀。元件、組合，文字或位圖，單擊有邊框線。絕不能是形狀。3.4.1 引導(dǎo)路徑動(dòng)畫 現(xiàn)實(shí)世界里，很多物體的運(yùn)動(dòng)軌跡并不是直線，而是任意的曲線，有的甚至還是封閉的曲線。3.4.1 引導(dǎo)路徑動(dòng)畫1. 引導(dǎo)路徑動(dòng)畫概述引導(dǎo)路徑動(dòng)畫概述 引導(dǎo)路徑動(dòng)畫，也稱引導(dǎo)層動(dòng)畫，是指將一個(gè)或多個(gè)層鏈接到一個(gè)運(yùn)動(dòng)引導(dǎo)層，使一個(gè)或多個(gè)對(duì)象沿同一條路徑運(yùn)動(dòng)的動(dòng)畫形式。3.4.1 引導(dǎo)路徑動(dòng)畫2. 引導(dǎo)路徑動(dòng)畫引導(dǎo)路徑動(dòng)畫創(chuàng)建創(chuàng)建案例案例3-4-13-4-1：制作一片楓葉隨風(fēng)飄落的動(dòng)畫。設(shè)計(jì)效果設(shè)計(jì)效果：參照“楓葉飄飄.swf”文件。設(shè)計(jì)目標(biāo)設(shè)計(jì)目標(biāo)：理解引導(dǎo)路徑動(dòng)畫的

28、原理。學(xué)習(xí)最基本的引導(dǎo)層動(dòng)畫創(chuàng)建設(shè)計(jì)思路設(shè)計(jì)思路：楓葉是運(yùn)動(dòng)對(duì)象，放置于被引導(dǎo)層，在引導(dǎo)圖層中繪制飄落時(shí)的運(yùn)動(dòng)軌跡。3.4.1 引導(dǎo)路徑動(dòng)畫引導(dǎo)路徑引導(dǎo)路徑動(dòng)畫動(dòng)畫（最基本）（最基本）的制作步驟的制作步驟：新建圖層，在第1幀中放置動(dòng)畫對(duì)象。 右鍵點(diǎn)擊動(dòng)畫對(duì)象所在的圖層，快捷菜單中選擇“添加傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層”，添加運(yùn)動(dòng)引導(dǎo)層。在運(yùn)動(dòng)引導(dǎo)層中，利用鉛筆或其他工具繪制引導(dǎo)線。繪制的引導(dǎo)線要平滑流暢，盡量一氣呵成，不作停頓。選中動(dòng)畫對(duì)象所在圖層的第1幀，拖動(dòng)對(duì)象，將中心點(diǎn)對(duì)準(zhǔn)引導(dǎo)線的起點(diǎn)。在結(jié)束處，按F6鍵插入關(guān)鍵幀，并將實(shí)例的中心對(duì)準(zhǔn)引導(dǎo)線的終點(diǎn)。創(chuàng)建該圖層的傳統(tǒng)補(bǔ)間動(dòng)畫。3.4.1 引導(dǎo)路徑動(dòng)畫運(yùn)動(dòng)

29、軌跡為封閉曲線的運(yùn)動(dòng)軌跡為封閉曲線的引導(dǎo)路徑動(dòng)畫引導(dǎo)路徑動(dòng)畫創(chuàng)建創(chuàng)建案例案例3-4-23-4-2：制作小狗繞著旋轉(zhuǎn)的圓球跑動(dòng)的動(dòng)畫。設(shè)計(jì)效果設(shè)計(jì)效果：參照“小狗圓球.swf”文件。設(shè)計(jì)目標(biāo)設(shè)計(jì)目標(biāo)：進(jìn)一步理解運(yùn)動(dòng)引導(dǎo)動(dòng)畫的原理，學(xué)習(xí)引導(dǎo)線為封閉曲線的引導(dǎo)路徑動(dòng)畫制作。設(shè)計(jì)思路設(shè)計(jì)思路：小狗作為運(yùn)動(dòng)對(duì)象放置于被引導(dǎo)層，在引導(dǎo)層中繪制運(yùn)動(dòng)軌跡：有缺口的圓線，還需另外一個(gè)圖層，制作圓球旋轉(zhuǎn)的動(dòng)畫。3.4.1 引導(dǎo)路徑動(dòng)畫運(yùn)動(dòng)軌跡為封閉曲線的運(yùn)動(dòng)軌跡為封閉曲線的引導(dǎo)路徑動(dòng)畫引導(dǎo)路徑動(dòng)畫創(chuàng)建創(chuàng)建案例案例3-4-23-4-2：制作小狗繞著旋轉(zhuǎn)的圓球跑動(dòng)的動(dòng)畫。設(shè)計(jì)效果設(shè)計(jì)效果：參照“小狗圓球.swf”文件

30、。設(shè)計(jì)目標(biāo)設(shè)計(jì)目標(biāo)：進(jìn)一步理解運(yùn)動(dòng)引導(dǎo)動(dòng)畫的原理，學(xué)習(xí)引導(dǎo)線為封閉曲線的引導(dǎo)路徑動(dòng)畫制作。設(shè)計(jì)思路設(shè)計(jì)思路：小狗作為運(yùn)動(dòng)對(duì)象放置于被引導(dǎo)層，在引導(dǎo)層中繪制運(yùn)動(dòng)軌跡：有缺口的圓線，還需另外一個(gè)圖層，制作圓球旋轉(zhuǎn)的動(dòng)畫。3.4.1 引導(dǎo)路徑動(dòng)畫多個(gè)對(duì)象沿著同一條軌跡運(yùn)動(dòng)的多個(gè)對(duì)象沿著同一條軌跡運(yùn)動(dòng)的引導(dǎo)路徑動(dòng)畫引導(dǎo)路徑動(dòng)畫創(chuàng)建創(chuàng)建案例案例3-4-33-4-3：制作星空文字匯聚動(dòng)畫。設(shè)計(jì)效果設(shè)計(jì)效果：參照“星空文字匯聚.swf”文件。設(shè)計(jì)目標(biāo)設(shè)計(jì)目標(biāo)：學(xué)習(xí)一條引導(dǎo)路徑引導(dǎo)多個(gè)運(yùn)動(dòng)對(duì)象的引導(dǎo)路徑動(dòng)畫制作設(shè)計(jì)思路設(shè)計(jì)思路：多個(gè)“星”字圖案沿著同一條路徑匯聚在一起，一個(gè)引導(dǎo)層要引導(dǎo)多個(gè)被引導(dǎo)層，每個(gè)被引導(dǎo)

31、層里放置一個(gè)“星”文字，而且各個(gè)圖層中文字的透明度也是不同的。3.4.1 引導(dǎo)路徑動(dòng)畫多個(gè)對(duì)象沿著同一條軌跡運(yùn)動(dòng)的多個(gè)對(duì)象沿著同一條軌跡運(yùn)動(dòng)的引導(dǎo)路徑動(dòng)畫引導(dǎo)路徑動(dòng)畫創(chuàng)建創(chuàng)建案例案例3-4-33-4-3：制作星空文字匯聚動(dòng)畫。設(shè)計(jì)效果設(shè)計(jì)效果：參照“星空文字匯聚.swf”文件。設(shè)計(jì)目標(biāo)設(shè)計(jì)目標(biāo)：學(xué)習(xí)一條引導(dǎo)路徑引導(dǎo)多個(gè)運(yùn)動(dòng)對(duì)象的引導(dǎo)路徑動(dòng)畫制作設(shè)計(jì)思路設(shè)計(jì)思路：多個(gè)“星”字圖案沿著同一條路徑匯聚在一起，一個(gè)引導(dǎo)層要引導(dǎo)多個(gè)被引導(dǎo)層，每個(gè)被引導(dǎo)層里放置一個(gè)“星”文字，而且各個(gè)圖層中文字的透明度也是不同的。3.4.1 引導(dǎo)路徑動(dòng)畫運(yùn)動(dòng)軌跡可見的運(yùn)動(dòng)軌跡可見的引導(dǎo)路徑動(dòng)畫引導(dǎo)路徑動(dòng)畫創(chuàng)建創(chuàng)建案例案例

32、3-4-33-4-3：制作多個(gè)小球繞著橢圓軌跡線運(yùn)動(dòng)的動(dòng)畫。設(shè)計(jì)效果設(shè)計(jì)效果：參照“小球運(yùn)動(dòng).swf”文件。設(shè)計(jì)目標(biāo)設(shè)計(jì)目標(biāo)：進(jìn)一步掌握引導(dǎo)路徑為封閉曲線的運(yùn)動(dòng)引導(dǎo)路徑動(dòng)畫制作，掌握如何顯示對(duì)象運(yùn)動(dòng)軌跡的方法。掌握元件的創(chuàng)建和使用方法。設(shè)計(jì)思路設(shè)計(jì)思路：由于引導(dǎo)路徑在動(dòng)畫播放時(shí)是不顯示的，所以看到的橢圓并不是引導(dǎo)線，而是在另外圖層中繪制的橢圓。3.4.2 遮罩動(dòng)畫1.遮罩動(dòng)畫概述遮罩動(dòng)畫概述 遮罩動(dòng)畫由兩個(gè)圖層構(gòu)成：遮罩層和被遮罩層，兩個(gè)圖層上下鏈接在一起。在遮罩圖層中繪制填充色塊或文字，或者放置對(duì)象，就等于在遮罩層上挖出了與之形狀相同的“視窗”，動(dòng)畫的效果就是透過(guò)遮罩圖層上的“視窗”來(lái)觀看下

33、方被遮罩圖層的內(nèi)容。3.4.2 遮罩動(dòng)畫 在Flash作品中，我們常?？吹胶芏嗌衿骒拍康男Ч?，比如探照燈、放大鏡、萬(wàn)花筒、水波漣漪等等，這些豐富的效果都可以使用“遮罩動(dòng)畫”來(lái)打造。3.4.2 遮罩動(dòng)畫2. 遮罩遮罩動(dòng)畫動(dòng)畫創(chuàng)建創(chuàng)建案例案例3-4-53-4-5：利用遮罩動(dòng)畫實(shí)現(xiàn)會(huì)變顏色的彩虹文字效果。設(shè)計(jì)效果設(shè)計(jì)效果：參照“彩虹文字.swf”文件。設(shè)計(jì)目標(biāo)設(shè)計(jì)目標(biāo)：理解遮罩動(dòng)畫原理，掌握動(dòng)畫產(chǎn)生在被遮罩層的遮罩動(dòng)畫創(chuàng)建方法。設(shè)計(jì)思路設(shè)計(jì)思路：文字形狀是“視窗”，透過(guò)這個(gè)視窗，可以看到下方彩條的移動(dòng)，從而形成會(huì)變顏色的彩虹字。所以，文字所在的圖層是遮罩圖層，彩條所在的圖層是被遮罩層。彩條在做位移運(yùn)

34、動(dòng)。3.4.2 遮罩動(dòng)畫遮罩遮罩動(dòng)畫的制作步驟動(dòng)畫的制作步驟：制作被遮罩層中的內(nèi)容制作遮罩層中的內(nèi)容在圖層面板中，右鍵點(diǎn)擊遮罩圖層，在快捷菜單中選擇“遮罩層”。 正確區(qū)分哪個(gè)是遮罩層，哪個(gè)是被遮罩層；進(jìn)一步確定到正確區(qū)分哪個(gè)是遮罩層，哪個(gè)是被遮罩層；進(jìn)一步確定到底是哪個(gè)圖層在動(dòng)或者是兩個(gè)圖層都在動(dòng)。底是哪個(gè)圖層在動(dòng)或者是兩個(gè)圖層都在動(dòng)。3.4.2 遮罩動(dòng)畫案例案例3-4-63-4-6：利用遮罩動(dòng)畫打造探照燈效果。設(shè)計(jì)效果設(shè)計(jì)效果：參照“探照燈.swf”文件。設(shè)計(jì)目標(biāo)設(shè)計(jì)目標(biāo)：進(jìn)一步理解遮罩動(dòng)畫原理，掌握動(dòng)畫產(chǎn)生在遮罩層的遮罩動(dòng)畫創(chuàng)建方法。設(shè)計(jì)思路設(shè)計(jì)思路：動(dòng)畫中應(yīng)該包含三個(gè)圖層，從下到上分別放

35、置黑暗的夜景，光照的夜景和探照燈。其中，光照的夜景是被遮罩層，探照燈是遮罩層，遮罩層中要制作探照燈移動(dòng)的位移動(dòng)畫。3.4.2 遮罩動(dòng)畫案例案例3-4-73-4-7：古詩(shī)誦讀。圖層圖層中的對(duì)象動(dòng)畫是否為遮罩層或被遮罩層背景圖層棕色系背景圖片無(wú)否左卷軸圖層左卷軸從舞臺(tái)中心至左側(cè)的位移動(dòng)畫否右卷軸圖層右卷軸從舞臺(tái)中心至右側(cè)的位移動(dòng)畫否詩(shī)句背景圖層白色矩形，荷葉，荷花無(wú)被遮罩層蜻蜓圖層蜻蜓向左下角的補(bǔ)間動(dòng)畫被遮罩層詩(shī)句圖層詩(shī)句透明度變化的傳統(tǒng)補(bǔ)間動(dòng)畫被遮罩層遮罩層矩形從小到大的形狀補(bǔ)間動(dòng)畫遮罩層3.5.1 Flash中聲音的應(yīng)用Flash CS5Flash CS5支持的聲音文件格式支持的聲音文件格式

36、： WAV WAV，MP3MP3，ASNDASND，AIFFAIFF等等2.2.在在FlashFlash中如何加入聲音？中如何加入聲音？導(dǎo)入聲音素材：文件菜單導(dǎo)入聲音素材：文件菜單導(dǎo)入導(dǎo)入導(dǎo)入到舞臺(tái)命令導(dǎo)入到舞臺(tái)命令添加聲音：新建圖層，拖動(dòng)到舞臺(tái)上添加聲音：新建圖層，拖動(dòng)到舞臺(tái)上設(shè)置聲音的同步選項(xiàng)設(shè)置聲音的同步選項(xiàng)設(shè)置聲音的效果設(shè)置聲音的效果壓縮聲音壓縮聲音3.5.1 Flash中聲音的應(yīng)用聲音的同步選項(xiàng)：聲音的同步選項(xiàng)：“事件” ：會(huì)將聲音和一個(gè)事件的發(fā)生過(guò)程同步起來(lái)。獨(dú)立于時(shí)間軸完整播放，即使SWF 文件停止聲音也會(huì)繼續(xù)播放。同步選項(xiàng)“事件”多用于按鈕中的聲音，或較短的聲音?！伴_始” ：與

37、“事件”選項(xiàng)的功能相近，但是如果聲音已經(jīng)在播放，則新聲音實(shí)例就不會(huì)播放?！巴Ｖ埂?：使指定的聲音靜音?！皵?shù)據(jù)流”：強(qiáng)制動(dòng)畫和音頻流同步。與事件聲音不同，音頻流將隨著SWF文件的停止而停止。3.5.1 Flash中聲音的應(yīng)用聲音效果：聲音效果：屬性面板的“效果”選項(xiàng)中可以設(shè)置聲音的效果自定義聲音效果3.5.2 Flash中導(dǎo)入視頻Flash CS5Flash CS5支持的視頻文件格式支持的視頻文件格式 ：FLVFLV或或F4VF4V（H.264H.264）2.2.在在FlashFlash中如何加入視頻？中如何加入視頻？文件菜單文件菜單導(dǎo)入導(dǎo)入導(dǎo)入視頻導(dǎo)入視頻按照向?qū)е鸩讲僮靼凑障驅(qū)е鸩讲僮?.5

38、.3 按鈕的制作什么是按鈕？什么是按鈕？ 按鈕元件可以被看作是一個(gè)按鈕元件可以被看作是一個(gè)4 4幀的影片剪輯幀的影片剪輯u第1幀是彈起幀：鼠標(biāo)沒(méi)有經(jīng)過(guò)按鈕時(shí)，該按鈕的外觀。u第2幀是指針經(jīng)過(guò)幀：鼠標(biāo)滑過(guò)按鈕時(shí)，該按鈕的外觀。u第3幀是按下幀：鼠標(biāo)按下按鈕時(shí)，該按鈕的外觀。u第4幀是點(diǎn)擊幀：定義響應(yīng)鼠標(biāo)單擊的物理區(qū)域。此區(qū)域在影片播放時(shí)不可見。3.5.3 按鈕的制作用戶自定義按鈕用戶自定義按鈕 按鈕設(shè)計(jì)時(shí)，應(yīng)分別設(shè)計(jì)其包含的按鈕設(shè)計(jì)時(shí)，應(yīng)分別設(shè)計(jì)其包含的4 4個(gè)幀，并為按鈕添加個(gè)幀，并為按鈕添加腳本，以實(shí)現(xiàn)交互的功能。腳本，以實(shí)現(xiàn)交互的功能。案例案例3-5-2 設(shè)計(jì)制作“play”和“stop”

39、按鈕。3.5.3 按鈕的制作公用庫(kù)按鈕公用庫(kù)按鈕 窗口菜單窗口菜單公用庫(kù)公用庫(kù)按鈕命令，打開按鈕公用庫(kù)。將所按鈕命令，打開按鈕公用庫(kù)。將所需按鈕拖動(dòng)至舞臺(tái)上即可使用。需按鈕拖動(dòng)至舞臺(tái)上即可使用。3.6 交互動(dòng)畫制作 Flash Flash是一款非常優(yōu)秀的動(dòng)畫制作軟件，最吸引人的是是一款非常優(yōu)秀的動(dòng)畫制作軟件，最吸引人的是它強(qiáng)大的交互功能。它強(qiáng)大的交互功能。FlashFlash的交互功能是基于動(dòng)作腳本語(yǔ)言的交互功能是基于動(dòng)作腳本語(yǔ)言的基礎(chǔ)之上的。的基礎(chǔ)之上的。 ActionScript ActionScript，簡(jiǎn)稱，簡(jiǎn)稱ASAS，中文譯為，中文譯為“動(dòng)作腳本動(dòng)作腳本”，是，是FlashFlas

40、h的內(nèi)置腳本語(yǔ)言。它是一種面向?qū)ο蟮木幊陶Z(yǔ)言。的內(nèi)置腳本語(yǔ)言。它是一種面向?qū)ο蟮木幊陶Z(yǔ)言。3.6.1動(dòng)作面板的使用窗口菜單窗口菜單動(dòng)作命令，或者按下動(dòng)作命令，或者按下F9F9鍵，打開動(dòng)作面板。鍵，打開動(dòng)作面板。腳本語(yǔ)言編輯窗格動(dòng)作工具箱腳本導(dǎo)航器3.6.2 ActionScript基礎(chǔ)ActionScriptActionScript書寫規(guī)則書寫規(guī)則 區(qū)分大小寫。 分號(hào)。用以表示每一句語(yǔ)句的結(jié)束。 大括號(hào)。一段完整的代碼需要放置在中，用可以將語(yǔ)句分成若干部分。 圓括號(hào)()。用來(lái)為函數(shù)傳遞參數(shù)。例如，GotoAndPlay(1)表示跳轉(zhuǎn)到第1幀播放。 下劃線_。用來(lái)表示屬性。例如，my_mc._h

41、eight表示影片剪輯my_mc的高度。 點(diǎn)語(yǔ)法。在ActionScript中，點(diǎn)有兩種作用：訪問(wèn)對(duì)象的屬性和方法my_mc._x=100；my_mc._x.stop()；表示路徑_root.my_mc.my1_mc。3.6.2 ActionScript基礎(chǔ)ActionScript語(yǔ)法 數(shù)據(jù)類型 常量 變量 運(yùn)算符 函數(shù)：能夠完成某些特定功能的程序塊 程序結(jié)構(gòu)：順序結(jié)構(gòu)，選擇結(jié)構(gòu)和循環(huán)結(jié)構(gòu)3.6.3 ActionScript交互動(dòng)畫制作腳本添加的對(duì)象 Flash里可以為3類對(duì)象添加動(dòng)作腳本，分別是幀、按鈕元件和影片剪輯元件變量。為關(guān)鍵幀添加動(dòng)作：選中幀后，只需雙擊動(dòng)作工具箱里所需的動(dòng)作，將動(dòng)作

42、添加到腳本編輯區(qū)中即可。為按鈕添加動(dòng)作：在添加動(dòng)作到腳本編輯區(qū)之前，需要通過(guò)工具箱中的影片剪輯控制類中的on語(yǔ)句來(lái)指定觸發(fā)該動(dòng)作的鼠標(biāo)或鍵盤事件函數(shù)。若是為影片剪輯添加動(dòng)作，則在添加動(dòng)作到腳本編輯區(qū)之前，需要通過(guò)工具箱中影片剪輯控制類中的onClipEvent語(yǔ)句來(lái)指定觸發(fā)該動(dòng)作的事件。3.6.3 ActionScript交互動(dòng)畫制作ActionScript中的常用動(dòng)作控制Flash影片的停止與播放案例案例3-6-13-6-1：兩個(gè)按鈕，分別控制影片的播放和停止。設(shè)計(jì)思路：設(shè)計(jì)思路：默認(rèn)打開SWF文件時(shí)，動(dòng)畫會(huì)開始循環(huán)播放。只需在舞臺(tái)上放置兩個(gè)按鈕，編寫腳本，使用時(shí)間軸控制類中的stop和play動(dòng)作，使得單擊“Stop”按鈕時(shí)，動(dòng)畫停止播