動(dòng)畫的基本創(chuàng)作流程

1、二維動(dòng)畫制作教案授課日期第（）周 星期（）年 月日教案序號(hào)2課題動(dòng)畫的基本創(chuàng)作流程課程節(jié)數(shù)教學(xué)目的Flash動(dòng)園的創(chuàng)作流程并非 成小變的，但一般情況卜也 有一個(gè)大致的流程，本章通過(guò)一個(gè)實(shí)例一一模擬客機(jī)從滑行到 起飛以至降落的全過(guò)程，讓學(xué)員了解詳細(xì)的Flash的制作流程， 以便更全面地掌握基本動(dòng)畫創(chuàng)作思路。重點(diǎn)難點(diǎn)熟悉認(rèn)取和制作素材的方法掌握新建和設(shè)置文檔的屬性掌握導(dǎo)入和調(diào)整圖像素材理解什么是幀和關(guān)鍵幀理解設(shè)置幀標(biāo)簽的作用掌握如何創(chuàng)建補(bǔ)間動(dòng)畫理解繪圖紙外觀和編輯多幀的作用掌握影片的測(cè)試和發(fā)布教學(xué)方法講解+上機(jī)操作課程總動(dòng)畫創(chuàng)作的通用工作流程如何新建文檔和設(shè)置文檔的屬性如何導(dǎo)入、調(diào)整、轉(zhuǎn)換圖形素材

2、覽插入普通幀和關(guān)鍵幀并設(shè)置幀的類型創(chuàng)建補(bǔ)間動(dòng)畫繪圖紙外觀和編輯多幀的使用測(cè)試和發(fā)布Flash影片一、通用工作作流程Flash動(dòng)畫的創(chuàng)作流程并非一成不變的，這里所說(shuō)的工作流程，是指一般情M的步驟，具有 定的通用性。創(chuàng)作流程大致可分為三大步驟：素材的準(zhǔn)備。素材的準(zhǔn)備直接影響到動(dòng)畫作品的整體效果。素材包括：圖片（圖像或圖形）、文字、音效和視頻剪輯等。教溫馨提不：素材有獲取和自行制作一種方式。學(xué)如何獲取素材過(guò)素材可以通過(guò)各種設(shè)備獲取，比如圖片和視頻的獲取可程以利用數(shù)碼相機(jī)、攝像機(jī)、掃描儀等，音效的獲取可以來(lái)自麥克風(fēng)、網(wǎng)絡(luò)等。推薦使用 Adobe Stock Photos來(lái)獲取圖像素材，這是Adobe所

3、提供的一個(gè)龐大的網(wǎng)上圖片庫(kù)。如何制作素材用戶也可以自己定制需要的素材。除了在Flash中繪制以外，還可以通過(guò) Photoshop、川ustrator等軟件繪制或編輯素材，而后導(dǎo)入到Flash中使用。Flash支持 大多數(shù)的圖形/圖像格式，因此用戶完全可以采用自己 擅長(zhǎng)的方式和軟件來(lái)創(chuàng)作。至于音頻的制作，AdobeAudition是非常強(qiáng)大的多軌音頻錄制、編輯、合成軟 件。動(dòng)畫的制作。用戶可以根據(jù)自己的想法或已經(jīng)設(shè)計(jì)好的場(chǎng)景、情節(jié)來(lái)制作動(dòng)畫，在時(shí)間軸中合理地規(guī)劃和編排已經(jīng)準(zhǔn)備好的 素材。創(chuàng)作動(dòng)畫的手法依具體情況而定，可使用逐幀動(dòng)畫、動(dòng)作或形狀補(bǔ)間、時(shí)間軸特效等。必要時(shí)還可以為按鈕加入音效，為場(chǎng)景

4、配以背景音樂。如果希望為動(dòng)畫 添加交互能力，使用腳本代碼也是必不可少的。動(dòng)畫的發(fā)布。Flash能夠發(fā)布或?qū)С?SWF AVh MOV FLV等眾多格式，而無(wú)需重新制作或進(jìn)行任何更改。用戶也可以把它打包成EXE可執(zhí)行文件，這樣在其他機(jī)器上播放時(shí)就不 必安裝任何插件。二、新建和設(shè)置文檔屬性 練習(xí)：模擬客機(jī)從滑行到起飛以至降落的全過(guò)程。練習(xí)所用到的知識(shí)點(diǎn)：設(shè)置文檔的屬性標(biāo)題和描述：在文本框內(nèi)為動(dòng)畫加入描述性語(yǔ)言和內(nèi)容說(shuō)明。用戶就能夠直接通過(guò)搜索引擎輸入關(guān)鍵字，查找到相應(yīng)的Flash文檔。匹配：該選項(xiàng)規(guī)定了尺寸大小的匹配方式，其中“打印機(jī)”是匹配紙張大小?！皟?nèi)容”是匹配當(dāng)前幀中對(duì)象的大小。背景顏色：用

5、來(lái)設(shè)置動(dòng)畫的背景顏色， 單擊會(huì)出現(xiàn)拾色器。幀頻：用來(lái)設(shè)置影片播放的速度， 即每秒播放動(dòng)畫的幀數(shù)，F(xiàn)lash默認(rèn)值為每秒12幀。標(biāo)尺單位：用來(lái)設(shè)定標(biāo)尺的度量單位，有像素、英寸、厘米等。三、導(dǎo)入和調(diào)整圖形素材1 .導(dǎo)入素材方法：執(zhí)行菜單“文件”-“導(dǎo)入”“導(dǎo)入到舞臺(tái)“命 令。.ai為Adobe川ustrator的格式，如希望導(dǎo)入到 Flash的.ai圖片盡可能地保持原貌，在存儲(chǔ)時(shí)請(qǐng)另存為較低版本的.ai格式，這樣做的好處是兼容性更強(qiáng)。理論上 Flash可以 導(dǎo)入版本10或更低版本的 川ustrator文檔。導(dǎo)入.ai文件會(huì)出現(xiàn)川ustrator 導(dǎo)入對(duì)話框，其中包含 的設(shè)置有將層轉(zhuǎn)換為 Flash

6、層或關(guān)鍵幀以及平面化所有層、包 括不可見圖層等。圖層：該選項(xiàng)將源.ai文檔中的每個(gè)圖層轉(zhuǎn)換為Flash文檔中的一個(gè)圖層，分層的內(nèi)容可以方便用戶制作動(dòng) 畫。關(guān)鍵幀：該選項(xiàng)將源 .ai文檔中的每個(gè)圖層轉(zhuǎn)換為Flash文檔中的一個(gè)關(guān)鍵幀，可方便制作逐幀動(dòng)畫。平面化：該選項(xiàng)將源.ai文檔中的所有層轉(zhuǎn)換為Flash文檔中的單個(gè)平面化的圖層，這樣就可以作為一個(gè)整體對(duì)象來(lái)進(jìn)行處理了。包括不可見圖層：該選項(xiàng)將導(dǎo)入源.ai文件中所有的圖 層，包括可見層和隱藏層。2 .調(diào)整和轉(zhuǎn)換素材如果導(dǎo)入后的素材不適合直接使用，可以修改其顏色，或 使用任意變形工具調(diào)整其大小和角度等。溫馨提示：在制作動(dòng)畫之前，必須把運(yùn)動(dòng)對(duì)象轉(zhuǎn)換

7、為元件轉(zhuǎn)換為元件的類型：圖形元件：是指可重用的靜態(tài)圖像， 也可以創(chuàng)建與主時(shí) 間軸同步動(dòng)畫的動(dòng)畫片段，但無(wú)法為該類型加入聲音和 腳本控制。按鈕元件：用來(lái)創(chuàng)建響應(yīng)鼠標(biāo)點(diǎn)擊、滑過(guò)或其他動(dòng)作的 交互式按鈕，該類型可以添加腳本控制。影片剪輯元件：用來(lái)創(chuàng)建獨(dú)立于時(shí)間軸、 可重用的動(dòng)畫 片段。該類型可以添加腳本控制、 聲音甚至嵌套其他影 片剪輯和元件。四、插入幀和關(guān)鍵幀所謂動(dòng)畫，其實(shí)就是一系列靜態(tài)圖像通過(guò)連續(xù)變化形成的 動(dòng)態(tài)效果。動(dòng)畫是數(shù)個(gè)連續(xù)動(dòng)作畫面的集合，每個(gè)單獨(dú)的畫面 稱之為1幀。在時(shí)間軸中，灰色區(qū)間內(nèi)被標(biāo)識(shí)為普通幀，它是是不能被 編輯的。普通幀總是延續(xù)上一個(gè)關(guān)鍵幀的畫面，直到下一個(gè)關(guān)鍵幀的開始。我們

8、經(jīng)常使用插入幀來(lái)擴(kuò)展幀區(qū)間，也就是增加幀的長(zhǎng)度來(lái)對(duì)畫面進(jìn)行延時(shí)、定格。插入普通幀的快捷鍵為F5, 關(guān)鍵幀的特點(diǎn)是該幀和其前后的畫面都不相同，在時(shí)間軸上關(guān)鍵幀被標(biāo)為一個(gè)實(shí)心圓點(diǎn)，并可以被任意編輯。關(guān)鍵幀可以讓用戶不必畫出每個(gè)幀就能夠生成動(dòng)畫，中間的過(guò)程由補(bǔ)間自動(dòng)完成，而用戶只需要提供關(guān)鍵的一些變化。插入關(guān)鍵幀的快捷鍵為F6。五、設(shè)置幀標(biāo)簽如果動(dòng)畫使用了很多幀，不加以說(shuō)明，將來(lái)編輯時(shí)查找起 來(lái)就不太方便，因此要為幀設(shè)置標(biāo)簽加以說(shuō)明。幀標(biāo)簽有如下 三種類型：名稱：用來(lái)標(biāo)識(shí)時(shí)間軸中關(guān)鍵幀的名稱，主要作用是方便動(dòng)作腳本引用該幀，圖標(biāo)顯示為紅色小旗。注釋：用來(lái)對(duì)關(guān)鍵幀加以注釋和說(shuō)明， 動(dòng)畫發(fā)布后不輸 出注

9、釋信息，因此不會(huì)增大SW戌檔的大小，圖標(biāo)顯示 為綠色雙斜框。錨記：可以使用瀏覽器中的“前進(jìn)”和“后退”按鈕來(lái)控制Flash動(dòng)畫，從而使Flash動(dòng)畫在瀏覽器中的導(dǎo)航 更加方便，圖標(biāo)顯示為金色錨。標(biāo)簽的設(shè)置方法：選擇需要設(shè)置標(biāo)簽的幀，調(diào)出“屬性”檢查器，在左側(cè)的文本框中輸入文字，然后在“標(biāo)簽類型”下拉式列表中選擇需要的類型。六、創(chuàng)建補(bǔ)間動(dòng)畫1 .增強(qiáng)顏色對(duì)比補(bǔ)間用來(lái)產(chǎn)生兩個(gè)關(guān)鍵幀之間的過(guò)渡圖像，用戶只需要建 立一個(gè)起始幀和一個(gè)結(jié)束幀，即可通過(guò)補(bǔ)間來(lái)填充中間的過(guò) 程。在Flash中可以產(chǎn)生兩類補(bǔ)間：動(dòng)畫補(bǔ)間（動(dòng)作補(bǔ)間）。可以產(chǎn)生的變化包括大小、顏 色、位置、旋轉(zhuǎn)等。形狀補(bǔ)間。可以產(chǎn)生的變化包括形狀

10、、顏色、位置等。2 .加速度和減速度在補(bǔ)間動(dòng)畫中調(diào)出“屬性”檢查器，找到“緩動(dòng)”項(xiàng)，拖 拽后面的滑桿值，負(fù)值表示加速度，運(yùn)動(dòng)會(huì)越來(lái)越快，正值表 示減速度，運(yùn)動(dòng)會(huì)越來(lái)越慢。七、繪圖紙外觀和編輯多幀1 .繪圖紙外觀在正常狀態(tài)下，在舞臺(tái)中只能顯示動(dòng)畫序列的當(dāng)前幀，這 非常不方便編輯和觀察，因此需要繪圖紙外觀這個(gè)功能，它也 被稱為“洋蔥皮”效果。它可使前后多幀變?yōu)榘胪该鳡顟B(tài)，方 便進(jìn)行參照。通過(guò)它能夠更容易了解整個(gè)的運(yùn)動(dòng)流程，也便于 臨摹和對(duì)比前后幀的圖像。使用方法：在時(shí)間軸上單擊繪圖紙外觀按鈕， 可以看到幀刻度上會(huì)出現(xiàn)左右兩個(gè)大括號(hào)，分別叫做“開始繪圖紙外觀”和 “結(jié)束繪圖紙外觀”標(biāo)記。兩個(gè)括號(hào)是可

11、以拖動(dòng)的， 括號(hào)內(nèi)的幀將變?yōu)榘胪该?，舞臺(tái)中可以觀察到這些幀的位置和運(yùn)動(dòng)狀態(tài)。在時(shí)間軸上單擊繪圖紙外觀輪廓按鈕，同樣可以觀察到括號(hào)內(nèi)的幀變?yōu)榘胪该?，不過(guò)所顯示的只是外框輪廓。很多情況下，只顯示輪廓反而能更清晰地觀察對(duì)象的運(yùn) 動(dòng)情況。2 .編輯多幀通常情況下，一次只能修改動(dòng)畫的一幀。如果是連續(xù)的逐 幀動(dòng)畫，只修改其中一幀，其他的幀并不隨之改變，這就會(huì)造 成動(dòng)畫錯(cuò)位。通過(guò)編輯多幀和繪制紙外觀功能，會(huì)讓用戶對(duì)整個(gè)動(dòng)畫有更好的掌控和全局感。八、測(cè)試和發(fā)布影片1 .測(cè)試影片目的：大量的測(cè)試影片可以使用戶在創(chuàng)作過(guò)程中不斷修正自己的 作品、不斷排錯(cuò)，以達(dá)到預(yù)期的效果和功能。同樣，通過(guò)大量 的測(cè)試，可使用戶制作

12、的Flash動(dòng)畫或應(yīng)用程序運(yùn)行得更穩(wěn)定，效果更完美。方法：直接在場(chǎng)景中按回車鍵來(lái)播放當(dāng)前場(chǎng)景中的動(dòng)畫。 需要 注意的是，一種方法只能播放主時(shí)間軸中的動(dòng)畫，而 一 無(wú)法播放影片剪輯:使用控制器，執(zhí)行菜單“窗口” ” “工具欄”“控制 器”命令就可將其調(diào)出，它的外觀與普通播放器類似， 有播放、暫停、前進(jìn)、后退等按鈕。通過(guò)它，用戶可以 監(jiān)控主時(shí)間軸中動(dòng)畫的播放過(guò)程，甚至可以一幀一幀地進(jìn)行播放。如果想預(yù)覽整個(gè)動(dòng)畫（包括影片剪輯），可以執(zhí)行菜單 “控制”“測(cè)試影片”命令或按快捷鍵Ctrl+Enter ,那么動(dòng)畫就會(huì)在一個(gè)新窗口中播放了。 在該窗口中單擊 右鍵，可以看到一個(gè)快捷菜單， 通過(guò)菜單，能夠?qū)?dòng)畫

13、 進(jìn)行放大、改變畫質(zhì)等操作。在播放的同時(shí)，在 Flash 源文件所在的目錄中會(huì)產(chǎn)生一個(gè).swf文檔，也就是最 終的輸出文件了。2 .導(dǎo)出和發(fā)布影片導(dǎo)出執(zhí)行菜單“文件”“導(dǎo)出”“導(dǎo)出影片”命令，就可 以直接導(dǎo)出.swf格式的影片了，和使用快捷鍵Ctrl+Enter直接生成.swf的不同之處在于，你可以把它導(dǎo)出到硬盤上的任意位置，并且不但可以選擇默認(rèn)的 .swf格式，還可以 選擇AVI、MO游常見視頻格式以及網(wǎng)頁(yè)上使用的 GIF動(dòng)畫， 甚至序列文件。發(fā)布影片執(zhí)行菜單“文件”“發(fā)布設(shè)置”命令進(jìn)入“發(fā)布設(shè)置”對(duì)話框，在“格式”選項(xiàng)卡中，可以選擇當(dāng)前Flash文檔以何種格式發(fā)布。如果發(fā)布成“Window

14、s放映文件（.exe）” 那么不管用戶端是否有 Flash和Flash插件，在 Windows 平臺(tái)上都可以運(yùn)行該 Flash動(dòng)畫。發(fā)布命令一次可以發(fā)布多種格式的文檔，發(fā)布后的文檔被一存放于 Flash 源文件的所在目錄?；仡檶W(xué)習(xí)要點(diǎn)：1 .通常制作Flash動(dòng)畫的工作流程是什么2 .如何設(shè)置舞臺(tái)的尺寸課后總結(jié)與回顧3 .簡(jiǎn)述把對(duì)象轉(zhuǎn)換成元件的方法。4 .元件有哪三種類型5 .幀標(biāo)簽都有哪三種類型6 .動(dòng)畫補(bǔ)間的創(chuàng)建方法有哪兩種7 .觀察前后幀的半透明圖像需要用到什么功能8 .輸出同一文件的不同格式或不同版本，需要用哪條命令學(xué)習(xí)要點(diǎn)參考：1 .總體創(chuàng)作流程大致可分三大步驟：素材的準(zhǔn)備、動(dòng)畫的制 作和動(dòng)畫的發(fā)布。2 .執(zhí)行菜單“修改”“文檔”命令，在該對(duì)話框中直接輸入寬和高的值。3 .選擇對(duì)象，執(zhí)行菜單“修改”“轉(zhuǎn)換為元件”命令，或按快捷鍵F8。4 .圖形元件、按鈕元件和影片剪輯元件。5 .名稱、注釋和錨記。6 .直接在兩關(guān)鍵幀之間單擊右鍵，選擇“創(chuàng)建補(bǔ)間動(dòng)畫”，或在“屬性”面板的補(bǔ)間下拉式列表中選擇“動(dòng)畫” 。7 .繪圖紙