Flash逐幀動(dòng)畫(huà)教案

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

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

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

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

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

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

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

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

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