多媒體技術(shù)應(yīng)用5計(jì)算機(jī)動(dòng)畫技術(shù)FlashCS4(陳永強(qiáng))多媒體技術(shù)應(yīng)用5計(jì)算機(jī)動(dòng)畫技術(shù)FlashCS4(陳永強(qiáng))多媒體技術(shù)應(yīng)用5計(jì)算機(jī)動(dòng)畫技術(shù)FlashCS4(陳永強(qiáng))第五章計(jì)算機(jī)動(dòng)畫制作技術(shù)5.1計(jì)算機(jī)動(dòng)畫概述5.1.1計(jì)算機(jī)動(dòng)畫概念5.1.2計(jì)算機(jī)動(dòng)畫應(yīng)用5.1.3計(jì)算機(jī)動(dòng)畫的發(fā)展與趨勢(shì)5.1.4計(jì)算機(jī)動(dòng)畫的常用格式5.2計(jì)算機(jī)動(dòng)畫制作流程與軟件5.2.1二維動(dòng)畫制作流程5.2.2三維動(dòng)畫制作流程5.2.3計(jì)算機(jī)動(dòng)畫制作軟件5.3常用計(jì)算機(jī)動(dòng)畫制作軟件5.3.1Flash5.3.23DStudioMax2通過閱讀文學(xué)作品，我們能提高文學(xué)鑒賞水平，培養(yǎng)文學(xué)情趣；多媒體技術(shù)應(yīng)用5計(jì)算機(jī)動(dòng)畫技術(shù)FlashCS4(陳永強(qiáng))多1第五章計(jì)算機(jī)動(dòng)畫制作技術(shù)5.1計(jì)算機(jī)動(dòng)畫概述

5.1.1計(jì)算機(jī)動(dòng)畫概念5.1.2計(jì)算機(jī)動(dòng)畫應(yīng)用

5.1.3計(jì)算機(jī)動(dòng)畫的發(fā)展與趨勢(shì)

5.1.4計(jì)算機(jī)動(dòng)畫的常用格式5.2計(jì)算機(jī)動(dòng)畫制作流程與軟件5.2.1二維動(dòng)畫制作流程5.2.2三維動(dòng)畫制作流程

5.2.3計(jì)算機(jī)動(dòng)畫制作軟件5.3常用計(jì)算機(jī)動(dòng)畫制作軟件

5.3.1Flash

5.3.23DStudioMax2第五章計(jì)算機(jī)動(dòng)畫制作技術(shù)5.1計(jì)算機(jī)動(dòng)畫概述2第五章計(jì)算機(jī)動(dòng)畫制作技術(shù)5.3常用計(jì)算機(jī)動(dòng)畫制作軟件5.3.1Flash5.3.2

3DStudioMax3第五章計(jì)算機(jī)動(dòng)畫制作技術(shù)5.3常用計(jì)算機(jī)動(dòng)畫制作軟件35.3.1Flash1.功能介紹2.編輯環(huán)境3.基本操作4.操作實(shí)例45.3.1Flash4版本演變2013，F(xiàn)lashCC2012，F(xiàn)lashCS62011，F(xiàn)lashCS5.52010，F(xiàn)lashCS52008，F(xiàn)lashCS42007，F(xiàn)lashCS32005，Adobe公司收購(gòu)Macromedia，F(xiàn)lash82003，F(xiàn)lashMXPro1996，美國(guó)Macromedia公司收購(gòu)了FutureWave，并將FutureSplash其改名為Flash15版本演變2013，F(xiàn)lashCC55.3.1Flash1.功能介紹Adobe公司的Flash是一款優(yōu)秀的交互式矢量動(dòng)畫軟件，由于它的市場(chǎng)地位等原因，已經(jīng)漸漸成為交互式矢量動(dòng)畫的事實(shí)標(biāo)準(zhǔn)。65.3.1Flash65.3.1Flash1.功能介紹Flash是一種創(chuàng)作工具，設(shè)計(jì)人員和開發(fā)人員可使用它來創(chuàng)建演示文稿、應(yīng)用程序和其他允許用戶交互的內(nèi)容。Flash可以包含簡(jiǎn)單的動(dòng)畫、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序，以與介于它們之間的任何內(nèi)容。通常，使用Flash創(chuàng)作的各個(gè)內(nèi)容單元稱為應(yīng)用程序，即使它們可能只是很簡(jiǎn)單的動(dòng)畫。可以通過添加圖片、聲音、視頻和特殊效果，構(gòu)建包含豐富媒體的Flash應(yīng)用程序。所以，它既是二維動(dòng)畫的制作軟件，也是多媒體創(chuàng)作的有力工具。75.3.1Flash75.3.1Flash1.功能介紹Flash是基于矢量圖形動(dòng)畫，結(jié)合腳本語(yǔ)言（ActionScript）交互的時(shí)序類多媒體創(chuàng)作工具。其主要優(yōu)點(diǎn)在于：①Flash圖形和動(dòng)畫都是矢量的，尺寸比點(diǎn)陣圖要小得多，聲音基于MP3壓縮，也是高壓縮比的。②Flash特別適用于創(chuàng)建通過Internet提供的內(nèi)容，因?yàn)樗奈募浅Ｐ?。③Flash動(dòng)畫的播放支持“數(shù)據(jù)流式”技術(shù)，既不必等待數(shù)據(jù)完全下載完即可播放。④Flash制作動(dòng)畫比較簡(jiǎn)單，靈活性大。85.3.1Flash85.3.1Flash1.功能介紹FlashCS4的新功能：編程方面的增強(qiáng)音頻、視頻方面的增強(qiáng)動(dòng)畫方面的增強(qiáng)繪畫方面的增強(qiáng)改進(jìn)的用戶界面95.3.1Flash95.3.1Flash2.編輯環(huán)境105.3.1Flash105.3.1Flash2.編輯環(huán)境（1）菜單欄（2）舞臺(tái)（3）時(shí)間軸（4）動(dòng)畫編輯器（5）面板組（6）工具面板（7）工作場(chǎng)所切換器115.3.1Flash115.3.1Flash2.編輯環(huán)境（1）菜單欄包含軟件的大部分命令，實(shí)現(xiàn)大部分功能。文件，編輯，視圖，插入，修改，文本，命令，控制，調(diào)試，窗口，幫助125.3.1Flash125.3.1Flash2.編輯環(huán)境（2）舞臺(tái)顯示當(dāng)前編輯的Flash文檔。舞臺(tái)大小可縮放。在用戶發(fā)布或?qū)С鲰?xiàng)目后，舞臺(tái)范圍決定用戶的可見區(qū)域。135.3.1Flash135.3.1Flash2.編輯環(huán)境（3）時(shí)間軸組織和控制一定時(shí)間內(nèi)的圖層、幀、播放幀等元素，是制作動(dòng)畫最常用的面板之一。時(shí)間軸主要由圖層區(qū)、播放頭、時(shí)間軸標(biāo)尺、時(shí)間軸狀態(tài)欄以與幀組成。圖層區(qū)用來創(chuàng)建和管理圖層；播放頭是時(shí)間軸上方的一條紅色垂直線；幀是構(gòu)成動(dòng)畫的最基本的單位。145.3.1Flash145.3.1Flash2.編輯環(huán)境（4）動(dòng)畫編輯器對(duì)關(guān)鍵幀屬性進(jìn)行獨(dú)立控制。155.3.1Flash155.3.1Flash2.編輯環(huán)境（5）面板組可選擇或關(guān)閉面板。165.3.1Flash165.3.1Flash2.編輯環(huán)境（6）工具面板包含各種選擇工具、繪圖工具、文本工具、填充工具、視圖工具，以與對(duì)應(yīng)于不同工具的相關(guān)選項(xiàng)。175.3.1Flash175.3.1Flash2.編輯環(huán)境（7）工作場(chǎng)所切換器用于選擇合適的工作區(qū)布局方式。185.3.1Flash185.3.1Flash3.基本操作（1）Flash文檔處理（2）項(xiàng)目管理（3）元件、實(shí)例的使用（4）庫(kù)資源的使用（5）顏色的使用（6）文本的使用（7）圖形繪制

（8）創(chuàng)建動(dòng)畫（9）編輯動(dòng)畫（10）使用視頻（11）處理聲音（12）發(fā)布（13）導(dǎo)出195.3.1Flash（8）創(chuàng)建動(dòng)畫195.3.1Flash3.基本操作（1）Flash文檔處理1）創(chuàng)建Flash文檔2）從模板創(chuàng)建新文檔3）打開現(xiàn)有文檔4）設(shè)置新文檔或現(xiàn)有文檔的屬性5）使用“命令”菜單自動(dòng)處理任務(wù)6）用“屬性”檢查器更改文檔屬性7）使用“查找和替換”功能8）保存Flash文檔

205.3.1Flash205.3.1Flash3.基本操作（2）項(xiàng)目管理使用“項(xiàng)目”面板來創(chuàng)建和管理項(xiàng)目。1）創(chuàng)建新項(xiàng)目2）打開現(xiàn)有項(xiàng)目3）添加文件4）創(chuàng)建文件夾5）移動(dòng)文件或文件夾

6）刪除某個(gè)文件或文件夾7）重命名項(xiàng)目或文件夾8）測(cè)試項(xiàng)目9）發(fā)布項(xiàng)目10）關(guān)閉項(xiàng)目215.3.1Flash6）刪除某個(gè)文件或文件夾215.3.1Flash3.基本操作（3）元件、實(shí)例的使用元件是在Flash中創(chuàng)建的圖形、按鈕或影片剪輯。元件可在整個(gè)文檔或其它文檔中重復(fù)使用。實(shí)例是指位于舞臺(tái)上或嵌套在另一個(gè)元件內(nèi)的元件副本。元件的具體表現(xiàn)形式就叫實(shí)例。Flash有三類元件：圖形元件、按鈕元件以與影片剪輯元件。

225.3.1Flash225.3.1Flash3.基本操作（3）元件、實(shí)例的使用1）創(chuàng)建元件2）編輯元件3）創(chuàng)建實(shí)例4）編輯實(shí)例235.3.1Flash235.3.1Flash3.基本操作（4）庫(kù)資源的使用

共享庫(kù)資源允許在多個(gè)目標(biāo)文檔中使用源文檔的資源。可使用兩種不同的方法共享庫(kù)資源。1）運(yùn)行時(shí)的共享資源2）使用共享庫(kù)資源

245.3.1Flash245.3.1Flash3.基本操作（5）顏色的使用提供了多種應(yīng)用、創(chuàng)建和修改顏色的方法。使用默認(rèn)調(diào)色板或自己創(chuàng)建的調(diào)色板，可以選擇應(yīng)用于要?jiǎng)?chuàng)建的對(duì)象或舞臺(tái)中已有對(duì)象的筆觸或填充的顏色。將筆觸顏色應(yīng)用于形狀將會(huì)用這種顏色對(duì)形狀的輪廓涂色，將填充顏色應(yīng)用于形狀將會(huì)用這種顏色對(duì)形狀的內(nèi)部涂色。

255.3.1Flash255.3.1Flash3.基本操作（6）文本的使用1）創(chuàng)建文本2）設(shè)置文本屬性3）編輯文本

265.3.1Flash265.3.1Flash3.基本操作（7）圖形繪制1）繪制直線、橢圓和矩形2）繪制多邊形和星形3）使用鋼筆工具275.3.1Flash275.3.1Flash3.基本操作（8）創(chuàng)建動(dòng)畫1）使用時(shí)間軸特效2）創(chuàng)建關(guān)鍵幀3）創(chuàng)建逐幀動(dòng)畫逐幀動(dòng)畫是將每一幀的畫面組織好，然后逐幀播放。4）創(chuàng)建補(bǔ)間動(dòng)畫補(bǔ)間動(dòng)畫是通過為一個(gè)對(duì)象的某一幀指定屬性值并為該對(duì)象的另一個(gè)幀指定一個(gè)相關(guān)屬性的不同值。Flash自動(dòng)計(jì)算這兩個(gè)幀之間其它屬性的值。

示例：逐幀動(dòng)畫，補(bǔ)間動(dòng)畫，形狀補(bǔ)間動(dòng)畫，傳統(tǒng)補(bǔ)間動(dòng)畫。285.3.1Flash285.3.1Flash3.基本操作（9）編輯動(dòng)畫1）在時(shí)間軸中插入幀2）刪除或修改幀或關(guān)鍵幀

295.3.1Flash295.3.1Flash3.基本操作（10）使用視頻“視頻導(dǎo)入”向?qū)橐曨l導(dǎo)入到Flash文檔提供了簡(jiǎn)潔的界面。通過此向?qū)?，可以選擇將視頻剪輯導(dǎo)入為流式文件、漸進(jìn)式下載文件、嵌入文件或鏈接文件。而且根據(jù)文件的位置，“視頻導(dǎo)入”向?qū)椴煌牟渴鹛峁┮幌盗羞x項(xiàng)。

305.3.1Flash305.3.1Flash3.基本操作（11）處理聲音1）導(dǎo)入聲音2）向文檔中添加聲音3）使用聲音編輯控件

315.3.1Flash315.3.1Flash3.基本操作（12）發(fā)布要發(fā)布Flash文檔，可以使用“發(fā)布設(shè)置”對(duì)話框選擇發(fā)布文件格式和文件格式設(shè)置，然后用“發(fā)布”命令發(fā)布Flash文檔。在“發(fā)布設(shè)置”對(duì)話框中指定的發(fā)布配置將隨文檔一起保存。也可以創(chuàng)建并命名發(fā)布配置文件，以便可以隨時(shí)使用已建立的發(fā)布設(shè)置。

325.3.1Flash325.3.1Flash3.基本操作（13）導(dǎo)出1）導(dǎo)出文件格式2）導(dǎo)出Flash內(nèi)容和圖像

335.3.1Flash335.3.1Flash3.操作實(shí)例（1）內(nèi)容（2）步驟345.3.1Flash345.3.1Flash3.操作實(shí)例（1）內(nèi)容通過一個(gè)蝴蝶在花叢中翻飛的例子，學(xué)習(xí)Flash圖層、引導(dǎo)線運(yùn)動(dòng)、幀與補(bǔ)間動(dòng)畫等技術(shù)。355.3.1Flash355.3.1Flash3.操作實(shí)例（2）步驟①啟動(dòng)Flash，新建Flash文檔，550×400像素，如圖5-16所示。365.3.1Flash365.3.1Flash3.操作實(shí)例（2）步驟②在圖層1分別導(dǎo)入背景圖和四個(gè)透明背景蝴蝶。選擇菜單“文件”→“導(dǎo)入”→“導(dǎo)入到庫(kù)”。導(dǎo)入素材后的效果如圖5-17所示。375.3.1Flash375.3.1Flash3.操作實(shí)例（2）步驟③選擇菜單“窗口”→“庫(kù)”，打開庫(kù)。把庫(kù)里的背景圖“藍(lán)花花”拖進(jìn)舞臺(tái)并調(diào)整為和舞臺(tái)一樣大小，如圖5-18所示。385.3.1Flash385.3.1Flash3.操作實(shí)例（2）步驟④選擇“窗口”→“對(duì)齊”，調(diào)出“對(duì)齊”面板，選擇“相對(duì)于舞臺(tái)”，水平對(duì)齊，垂直對(duì)齊，如圖5-19所示。395.3.1Flash395.3.1Flash3.操作實(shí)例（2）步驟⑤在時(shí)間軸第100幀插入幀，鎖定圖層1，如圖5-20所示。405.3.1Flash405.3.1Flash3.操作實(shí)例（2）步驟⑥新建圖層2，把“蝴蝶1”從庫(kù)拖進(jìn)舞臺(tái)，右擊蝴蝶1，然后從彈出菜單中選擇“轉(zhuǎn)換為元件”（影片剪輯），元件名為“蝶1”，如圖5-21所示。415.3.1Flash415.3.1Flash3.操作實(shí)例（2）步驟⑦右擊蝴蝶1，然后從彈出菜單中選擇“編輯”，進(jìn)入元件編輯區(qū)。右擊蝴蝶1，并從彈出菜單中選擇“分離”，打散蝴蝶圖片，如圖5-22所示。425.3.1Flash425.3.1Flash3.操作實(shí)例（2）步驟⑧選用“任意變形工具”，蝶1圖片四周出現(xiàn)8個(gè)小方框，把鼠標(biāo)放在右下角的小方框上，待鼠標(biāo)指針變?yōu)橐粋€(gè)圓形箭頭時(shí)輕輕向左一拖，把蝴蝶轉(zhuǎn)個(gè)方向，如圖5-23所示。435.3.1Flash435.3.1Flash3.操作實(shí)例（2）步驟⑨移動(dòng)蝴蝶，使蝴蝶的頭部正好在舞臺(tái)的正中央，右鍵單擊時(shí)間軸上的第3幀，插入關(guān)鍵幀，如圖5-24所示。445.3.1Flash445.3.1Flash3.操作實(shí)例（2）步驟⑩在第3幀，用“箭頭”工具框選蝴蝶的一個(gè)翅膀，如圖5-25所示。

455.3.1Flash455.3.1Flash3.操作實(shí)例（2）步驟?再用“任意變形工具”，把翅膀壓扁，如圖5-26所示。465.3.1Flash465.3.1Flash3.操作實(shí)例（2）步驟?用同樣的方法做好另一個(gè)蝴蝶翅膀。?單擊第1幀，選擇“修改”→“組合”；單擊第3幀，選擇“修改”→“組合”，如圖5-27所示。475.3.1Flash475.3.1Flash3.操作實(shí)例（2）步驟?單擊場(chǎng)景1，返回場(chǎng)景1。為了方便操作，我們把舞臺(tái)調(diào)整為50%，如圖5-28所示。

485.3.1Flash485.3.1Flash3.操作實(shí)例（2）步驟?在場(chǎng)景1的第2層，分別在40、60、100幀插入關(guān)鍵幀，并分別在1～40、41～60、61～100幀三個(gè)區(qū)間分別創(chuàng)建補(bǔ)間動(dòng)畫。鎖住圖層2，插入引導(dǎo)層，如圖5-29所示。

495.3.1Flash495.3.1Flash3.操作實(shí)例（2）步驟?在引導(dǎo)層的第1幀，選用鉛筆工具，選擇“平滑”，畫出蝴蝶飛行的軌跡(引導(dǎo)線)，用橡皮擦工具在引導(dǎo)線上，在想要蝴蝶停留的位置上擦出一個(gè)小缺口，鎖定引導(dǎo)層，打開圖層2的鎖，如圖5-30所示。

505.3.1Flash505.3.1Flash3.操作實(shí)例（2）步驟17在圖層2的第1幀，用箭頭工具將蝶1元件拖到引導(dǎo)線的最左端，蝶1的中心點(diǎn)一定要壓在引導(dǎo)線上，如圖5-31所示。

515.3.1Flash515.3.1Flash3.操作實(shí)例（2）步驟18在圖層2的第40幀，用箭頭工具將蝶1元件拖到缺口的左端，蝶1的中心點(diǎn)一定要壓在引導(dǎo)線上，如圖5-32所示。

525.3.1Flash525.3.1Flash3.操作實(shí)例（2）步驟19同第18步一樣，在圖層2的第60幀，用箭頭工具將蝶1元件拖到缺口的右端，蝶1的中心點(diǎn)一定要壓在引導(dǎo)線上。20在圖層2的第100幀，用箭頭工具將蝶1元件拖到引導(dǎo)線的最右端，蝶1的中心點(diǎn)一定要壓在引導(dǎo)線上，如圖5-33所示。535.3.1Flash535.3.1Flash3.操作實(shí)例（2）步驟現(xiàn)在一只蝴蝶已經(jīng)做好了，可以測(cè)試影片了。但這只是單個(gè)蝴蝶戀花的做法，如果要三對(duì)蝴蝶飛舞在花叢中，還需要如下的工作。

21把圖層2和引導(dǎo)層鎖好，增加圖層3，如圖5-34所示。

545.3.1Flash545.3.1Flash3.操作實(shí)例（2）步驟22為了方便操作，單擊圖層2和引導(dǎo)層的眼睛樣的按鈕，使圖層2和引導(dǎo)層不可見，把蝴蝶2從庫(kù)里拖入舞臺(tái)。重復(fù)④～⑥步得到元件蝶2。23在場(chǎng)景1的第3層，分別在35、55、100幀插入關(guān)鍵幀，并分別在1～35、36～55、56～100幀三個(gè)區(qū)間分別創(chuàng)建補(bǔ)間動(dòng)畫。鎖住圖層3，插入引導(dǎo)層，單擊引導(dǎo)層上眼睛樣的按鈕，使引導(dǎo)層可見，如圖5-35所示。555.3.1Flash555.3.1Flash3.操作實(shí)例（2）步驟24操作方法同第16步。在引導(dǎo)層的第1幀，選用鉛筆工具，選擇“平滑”，畫出蝴蝶2飛行的軌跡(第二條引導(dǎo)線)，用橡皮擦工具在引導(dǎo)線上，在想要蝴蝶停留的位置上擦出一個(gè)小缺口，鎖定引導(dǎo)層，打開圖層3的鎖(只要操作正確，引導(dǎo)線畫好，蝴蝶元件會(huì)自動(dòng)跑上引導(dǎo)線)，如圖5-36所示。

565.3.1Flash565.3.1Flash3.操作實(shí)例（2）步驟25這步操作方法與17、18、19、20步相同。在圖層3的第1幀，用箭頭工具將蝶2元件拖到引導(dǎo)線的最左端，蝶2的中心點(diǎn)一定要壓在引導(dǎo)線上。在圖層3的第35幀，用箭頭工具將蝶2元件拖到缺口的左端，蝶2的中心點(diǎn)一定要壓在引導(dǎo)線上。在圖層3的第55幀，用箭頭工具將蝶2元件拖到缺口的