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

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

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

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

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

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

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

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

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

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

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

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

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

13、 進(jìn)行放大、改變畫質(zhì)等操作。在播放的同時，在 Flash 源文件所在的目錄中會產(chǎn)生一個.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)頁上使用的 GIF動畫， 甚至序列文件。發(fā)布影片執(zhí)行菜單“文件”“發(fā)布設(shè)置”命令進(jìn)入“發(fā)布設(shè)置”對話框，在“格式”選項卡中，可以選擇當(dāng)前Flash文檔以何種格式發(fā)布。如果發(fā)布成“Window

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