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

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

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

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

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

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

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

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

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

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

11、以拖動的， 括號內的幀將變為半透明，舞臺中可以觀察到這些幀的位置和運動狀態。在時間軸上單擊繪圖紙外觀輪廓按鈕，同樣可以觀察到括號內的幀變為半透明，不過所顯示的只是外框輪廓。很多情況下，只顯示輪廓反而能更清晰地觀察對象的運 動情況。2 .編輯多幀通常情況下，一次只能修改動畫的一幀。如果是連續的逐 幀動畫，只修改其中一幀，其他的幀并不隨之改變，這就會造 成動畫錯位。通過編輯多幀和繪制紙外觀功能，會讓用戶對整個動畫有更好的掌控和全局感。八、測試和發布影片1 .測試影片目的：大量的測試影片可以使用戶在創作過程中不斷修正自己的 作品、不斷排錯，以達到預期的效果和功能。同樣，通過大量 的測試，可使用戶制作

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

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

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