1、精選優(yōu)質(zhì)文檔-傾情為你奉上教 案課程名稱FLASH二維動畫 N0. 10 教師姓名陳國旋班 級計機07-1、計機07-2授課形式實驗課授課日期2007年 10 月 9日第 6 周（第五、六節(jié)）授課時數(shù)2章節(jié)名稱第一章 第二節(jié) 天空翱翔小鳥飛行教學目的1、 理解時間軸、幀、關鍵幀、空白關鍵幀2、 掌握幀動畫的制作方法教學重點掌握幀動畫的制作方法教學難點掌握幀動畫的制作方法增刪改內(nèi)容無教學手段與資源動畫片展示、多媒體復習與導入新課： 時間：5分鐘展示幀動畫的效果，提出傳統(tǒng)的動畫制作方法與電腦制作方法的相似之處。教 學 過 程 與組織 時間：30分鐘教學提示一、 幀的類型1、 普通幀2、 關鍵幀：指

2、用于定義動畫變化或包含幀動作的幀。在Flash中可以通過在兩個關鍵幀之間補間或填充幀來產(chǎn)生動畫。創(chuàng)建關鍵幀的方法：菜單法、右鍵法、快捷鍵法（F6）3、 空白關鍵幀：表示當前舞臺上沒有任何對象，當在舞臺上導入了某個對象后，空白關鍵幀會自動轉變?yōu)殛P鍵幀。創(chuàng)建空白關鍵幀的方法：菜單法、右鍵法、快捷鍵法（F7）、關鍵幀加內(nèi)容法。二、 幀動畫逐幀動畫（FrameBy Frame），這是一種常見的動畫手法，它的原理是在“連續(xù)的關鍵幀”中分解動畫動作，也就是每一幀中的內(nèi)容不同，連續(xù)播放而成動畫。由于逐幀動畫的幀序列內(nèi)容不一樣，不僅增加制作負擔而且最終輸出的文件量也很大，但它的優(yōu)勢也很明顯：因為它相似與電影播

3、放模式，很適合于表演很細膩的動畫，如3D效果、人物或動物急劇轉身等等效果。1逐幀動畫的概念和在時間幀上的表現(xiàn)形式 在時間幀上逐幀繪制幀內(nèi)容稱為逐幀動畫，由于是一幀一幀的畫，所以逐幀動畫具有非常大的靈活性，幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容。逐幀動畫在時間幀上表現(xiàn)為連續(xù)出現(xiàn)的關鍵幀逐幀動畫2創(chuàng)建逐幀動畫的幾種方法 （1）用導入的靜態(tài)圖片建立逐幀動畫用jpg、png等格式的靜態(tài)圖片連續(xù)導入Flash中，就會建立一段逐幀動畫。（2）繪制矢量逐幀動畫用鼠標或壓感筆在場景中一幀幀的畫出幀內(nèi)容。（3）文字逐幀動畫用文字作幀中的元件，實現(xiàn)文字跳躍、旋轉等特效。（4）導入序列圖像可以導入gif序列圖像、swf動畫文

4、件或者利用第3方軟件（如swish、swift 3D等）產(chǎn)生的動畫序列。3繪圖紙功能 （1）繪畫紙的功能繪畫紙是一個幫助定位和編輯動畫的輔助功能，這個功能對制作逐幀動畫特別有用。通常情況下，F(xiàn)lash 在舞臺中一次只能顯示動畫序列的單個幀。使用繪畫紙功能后，你就可以在舞臺中一次查看兩個或多個幀了。如圖3-2-2所示，這是使用繪畫紙功能后的場景，可以看出，當前幀中內(nèi)容用全彩色顯示，其它幀內(nèi)容以半透明顯示，它使我們看起來好像所有幀內(nèi)容是畫在一張半透明的繪圖紙上，這些內(nèi)容相互層疊在一起。當然，這時你只能編輯當前幀的內(nèi)容。圖3-2-2 同時顯示多幀內(nèi)容的變化（2）繪圖紙各個按鈕的介紹繪圖紙外觀按鈕 按

5、下此按鈕后，在時間幀的上方，出現(xiàn) 繪圖紙外觀標記。拉動外觀標記的兩端，可以擴大或縮小顯示范圍。 繪圖紙外觀輪廓 按下此按鈕后，場景中顯示各幀內(nèi)容的輪廓線，填充色消失，特別適合觀察對象輪廓，另外可以節(jié)省系統(tǒng)資源，加快顯示過程。3. 繪圖紙顯示多幀按鈕，按下后可以顯示全部幀內(nèi)容，并且可以進行“多幀同時編輯”。 修改繪圖紙標記 按下后，彈出菜單，菜單中有以下選項： “總是顯示標記”選項會在時間軸標題中顯示繪圖紙外觀標記，無論繪圖紙外觀是否打開。“錨定繪圖紙外觀標記”選項會將繪圖紙外觀標記鎖定在它們在時間軸標題中的當前位置。通常情況下，繪圖紙外觀范圍是和當前幀的指針以及繪圖紙外觀標記相關的。通過錨定繪

6、圖紙外觀標記，可以防止它們隨當前幀的指針移動。“繪圖紙 2”選項會在當前幀的兩邊顯示兩個幀。“繪圖紙 5”選項會在當前幀的兩邊顯示五個幀。“繪制全部”選項會在當前幀的兩邊顯示全部幀。上面，我們?nèi)娼榻B了逐幀動畫的特點和創(chuàng)建方法，現(xiàn)在，我們來動手制作二個逐幀動畫實例，以加深對逐幀動畫的認識。4奔跑的豹子 茫茫雪原上，有一只矯健的豹子在奔跑跳躍，這是一個利用導入連續(xù)位圖而創(chuàng)建的逐幀動畫，如圖 3-2-3所示。圖 3-2-3 奔跑的豹子1、 創(chuàng)建影片文檔 執(zhí)行【文件】|【新建】命令，在彈出的面板中選擇【常規(guī)】|【Flash文檔】選項后，點擊【確定】按鈕，新建一個影片文檔，在【屬性】面板上設置文件大小

7、為400*260象素，【背景色】為白色，如圖 3-2-4所示。圖 3-2-4 創(chuàng)建新文檔2、 創(chuàng)建背景圖層 選擇第一幀，執(zhí)行【文件】|【導入到場景】命令，將本實例中的名為“雪景.bmp”圖片導入到場景中。在第8幀按F5，加過渡幀使幀內(nèi)容延續(xù)。3、 導入gif動畫新建一層，選擇第一幀，執(zhí)行【文件】|【導入到場景】命令，將本教程中的“奔跑的豹子”系列圖片導入。此時，會彈出一個對話框，如圖3-2-5所示。3-2-5 系列圖片導入選擇【是】按鈕，F(xiàn)lash 會自動把gif中的圖片序列按序以逐幀形式導入場景的左上角，如圖3-2-7所示。3-2-7導入的gif動畫在場景的上方形成幀幀動畫如圖3-2-8所示

8、是導入后的動畫序列，它們被Flash自動分配在8個關鍵幀中。圖 3-2-8 導入的8張圖片4 、調(diào)整對象位置此時，時間幀區(qū)出現(xiàn)連續(xù)的關鍵幀，從左向右拉動播放頭，就會看到一頭勇猛的豹子在向前奔跑，但是，被導入的動畫序列位置尚未處于我們需要的地方，缺省狀況下，導入的對象被放在場景坐標“0，0”處，我們必須移動它們。你當然可以一幀幀調(diào)整位置，完成一幅圖片后記下其坐標值，再把其它圖片設置成相同坐標值，如果你有足夠耐性和時間，也無妨，那么，我們何不試試“多幀編輯”功能呢？先把“雪景”圖層加鎖，然后按下時間軸面板下方的【繪圖紙顯示多幀】按鈕 ，再單擊【修改繪圖紙標記】按鈕 ，在彈出的菜單中選擇【顯示全部】

9、選項，如圖3-2-9所示。圖3-2-9 選擇顯示全部選項最后執(zhí)行【編輯】|【全選】命令，此時時間軸和場景效果如圖3-2-10所示。圖3-2-10 選取多幀編輯用鼠標左鍵按住場景左上方的豹子拖動，就可以一次把8幀中的圖片一次全移動到場景中了。5、 設置標題文字在場景中新建一個圖層，單擊工具欄上的文字工具按鈕 ,設置【屬性】面板上的文本參數(shù)如下，【文本類型】為靜態(tài)文本；【字體】為隸書；【字體大小】35；【顏色】為深藍色。如圖 3-2-11所示。圖 3-2-11 字體【屬性】面板參數(shù)設置在文本框輸入“奔跑的豹子”五個字，居中放置。6、 測試存盤 執(zhí)行【控制】|【測試影片】命令，觀察本例swf文件生成的動畫有無問題，如果滿意，執(zhí)行【文件】|【保