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

5.1.1計算機動畫概念5.1.2計算機動畫應用

5.1.3計算機動畫的發展與趨勢

5.1.4計算機動畫的常用格式5.2計算機動畫制作流程與軟件5.2.1二維動畫制作流程5.2.2三維動畫制作流程

5.2.3計算機動畫制作軟件5.3常用計算機動畫制作軟件

5.3.1Flash

5.3.23DStudioMax2第五章計算機動畫制作技術5.1計算機動畫概述2第五章計算機動畫制作技術5.3常用計算機動畫制作軟件5.3.1Flash5.3.2

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

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

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

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

225.3.1Flash225.3.1Flash3.基本操作（3）元件、實例的使用1）創建元件2）編輯元件3）創建實例4）編輯實例235.3.1Flash235.3.1Flash3.基本操作（4）庫資源的使用

共享庫資源允許在多個目標文檔中使用源文檔的資源。可使用兩種不同的方法共享庫資源。1）運行時的共享資源2）使用共享庫資源

245.3.1Flash245.3.1Flash3.基本操作（5）顏色的使用提供了多種應用、創建和修改顏色的方法。使用默認調色板或自己創建的調色板，可以選擇應用于要創建的對象或舞臺中已有對象的筆觸或填充的顏色。將筆觸顏色應用于形狀將會用這種顏色對形狀的輪廓涂色，將填充顏色應用于形狀將會用這種顏色對形狀的內部涂色。

255.3.1Flash255.3.1Flash3.基本操作（6）文本的使用1）創建文本2）設置文本屬性3）編輯文本

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

示例：逐幀動畫，補間動畫，形狀補間動畫，傳統補間動畫。285.3.1Flash285.3.1Flash3.基本操作（9）編輯動畫1）在時間軸中插入幀2）刪除或修改幀或關鍵幀

295.3.1Flash295.3.1Flash3.基本操作（10）使用視頻“視頻導入”向導為視頻導入到Flash文檔提供了簡潔的界面。通過此向導，可以選擇將視頻剪輯導入為流式文件、漸進式下載文件、嵌入文件或鏈接文件。而且根據文件的位置，“視頻導入”向導為不同的部署提供一系列選項。

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

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

325.3.1Flash325.3.1Flash3.基本操作（13）導出1）導出文件格式2）導出Flash內容和圖像

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

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

485.3.1Flash485.3.1Flash3.操作實例（2）步驟?在場景1的第2層，分別在40、60、100幀插入關鍵幀，并分別在1～40、41～60、61～100幀三個區間分別創建補間動畫。鎖住圖層2，插入引導層，如圖5-29所示。

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

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

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

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

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

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

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