2023學(xué)年完整公開課版Flash動畫的制作

第六章Flash動畫的制作學(xué)習(xí)目標(biāo)1.熟悉Flash8操作界面；2.掌握Flash8的基本工具和常用面板的基本操作；3.熟悉時間軸、圖層、幀、關(guān)鍵幀、空白關(guān)鍵幀、庫、元件等的概念及其基本操作；4.掌握逐幀動畫、補(bǔ)間動畫、引導(dǎo)動畫和遮罩動畫等各類動畫的設(shè)計與制作；5.掌握聲畫同步動畫的制作方法。內(nèi)容提要第一節(jié)Flash基礎(chǔ)知識第二節(jié)Flash8常用工具與面板的使用第三節(jié)Flash動畫制作第四節(jié)

聲畫同步制作第五節(jié)

綜合實(shí)例第一節(jié)Flash基礎(chǔ)知識一、Flash8操作界面二、Flash的基本操作1.文件的新建、打開和保存2.設(shè)定文件屬性3.文件的導(dǎo)入4.文件的測試與導(dǎo)出時間軸是Flash動畫制作的核心，時間軸由圖層、幀和播放頭三部分組成。（一）時間軸三、Flash的基本概念1.圖層（1）圖層的概念圖層是從上到下逐層疊加的，一個圖層如同一張透明的玻璃紙，不同圖層上的內(nèi)容會疊加在一起，一個Flash影片中往往包含許多圖層。它與Photoshop中的圖層類似。圖層從類型上可分為：普通圖層、遮罩層和引導(dǎo)層。（2）圖層的操作1）圖層的創(chuàng)建和修改單擊“圖層”面板下方的“插入新建圖層”按鈕，可以創(chuàng)建一個新的圖層并將其激活。圖層上方的“眼睛”代表是否顯示或隱藏圖層；“鎖”代表是否鎖定圖層；“線框”代表圖層是否以線框模式顯示，默認(rèn)為預(yù)覽模式。2）選取圖層的方法

選中“時間軸”面板中的圖層名稱，可以選取圖層。單擊屬于該圖層時間軸上的任意一幀，也可以選取圖層。在舞臺編輯區(qū)中選擇該層中的對象，可以選中圖層。想要同時選區(qū)多個圖層時，按“Shift”鍵的同時再單擊所要選擇的圖層名稱即可。3）刪除圖層的方法單擊“時間軸”面板上的“刪除圖層”按鈕，可將圖層刪除。將要刪除的圖層用鼠標(biāo)拖動到“刪除圖層”按鈕上，直接刪除。在圖層上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“刪除圖層”命令，可將圖層刪除。4）圖層的屬性設(shè)置雙擊某個圖層圖標(biāo)時，會彈出“圖層屬性”對話框，可以調(diào)節(jié)圖層屬性。5）改變圖層的次序按住鼠標(biāo)左鍵可上下拖動圖層來改變圖層的位置。2.幀（1）幀的概念幀一般分為：關(guān)鍵幀、空白關(guān)鍵幀、結(jié)束幀（1）關(guān)鍵幀

（2）空白關(guān)鍵幀（3）結(jié)束幀（4）過渡幀關(guān)鍵幀是一個動作的起始畫面和結(jié)束畫面關(guān)鍵幀中的小黑點(diǎn)表示此幀中有內(nèi)容。沒有畫面的關(guān)鍵幀每個圖層的第1幀默認(rèn)為一個空白關(guān)鍵幀，可以在上面創(chuàng)建內(nèi)容，從而變成關(guān)鍵幀。結(jié)束幀代表一段相同內(nèi)容幀的最后一幀。兩個關(guān)鍵幀之間的部分。（2）幀的操作（1）插入新幀（F5）菜單“插入>時間軸>幀”鼠標(biāo)右鍵單擊時間軸，選擇“插入幀”（2）插入關(guān)鍵幀（F6）菜單“插入>時間軸>關(guān)鍵幀”鼠標(biāo)右鍵單擊時間軸，選擇“插入關(guān)鍵幀（3）插入空白關(guān)鍵幀：菜單“插入>時間軸>空白關(guān)鍵幀”鼠標(biāo)右鍵單擊時間軸，選擇“插入空白關(guān)鍵幀”（4）刪除幀（Shift+F5）選中需要刪除的幀或關(guān)鍵幀，單擊鼠標(biāo)右鍵，選擇“刪除幀”。（5）移動幀

鼠標(biāo)選中需要移動的幀，拖曳至目標(biāo)位置釋放。（6）復(fù)制、粘貼關(guān)鍵幀

選中關(guān)鍵幀，單擊鼠標(biāo)右鍵，選擇“復(fù)制幀”，然后在待復(fù)制的位置單擊鼠標(biāo)右鍵，選擇“粘貼幀”。（7）清除幀（Shift+F6）

“清除幀”命令用來清除幀和關(guān)鍵幀中的內(nèi)容。被清除以后的幀內(nèi)部將沒內(nèi)容。

操作：選中幀或關(guān)鍵幀，單擊鼠標(biāo)右鍵，選擇“清除幀”，該幀將轉(zhuǎn)換為空白關(guān)鍵幀，其后的幀將變成關(guān)鍵幀。（8）轉(zhuǎn)換幀選中幀，單擊鼠標(biāo)右鍵，選擇“轉(zhuǎn)換為關(guān)鍵幀/轉(zhuǎn)換為空白關(guān)鍵幀”。若轉(zhuǎn)換多個幀，使用shift鍵或Ctrl鍵選擇需轉(zhuǎn)換的幀，單擊鼠標(biāo)右鍵，選擇“轉(zhuǎn)換為關(guān)鍵幀/轉(zhuǎn)換為空白關(guān)鍵幀”。

（9）翻轉(zhuǎn)幀選中幀，單擊鼠標(biāo)右鍵，選擇“翻轉(zhuǎn)幀”。幀操作的快捷鍵

<F5>：插入幀（非關(guān)鍵幀）

<F6>：插入關(guān)鍵幀，并復(fù)制前一關(guān)鍵幀的內(nèi)容

<F7>：轉(zhuǎn)換為空白關(guān)鍵幀

<Shift+F5>：刪除幀

<Shift+F6>：清除關(guān)鍵幀

<Ctrl+Alt+C>：復(fù)制幀

<Ctrl+Alt+X>：剪切幀

<Ctrl+Alt+V>：粘貼幀（二）元件和庫元件（符號）是Flash的重要功能也是最基本的元素，全部放在庫中，通過庫面板可以對元件進(jìn)行管理和編輯。元件可以被重復(fù)利用，被調(diào)動的元件就形成一個元件實(shí)例。Flash中的元件有3種類型：圖形、按鈕、影片編輯。（三）舞臺和場景1.舞臺舞臺是Flash動畫的主要場所空間，F(xiàn)lash中的所有運(yùn)動對象的動畫表現(xiàn)都是在舞臺上完成的，舞臺也就是Flash的工作區(qū)，白色的區(qū)域就是Flash的舞臺。2.場景場景就是動畫中一個相應(yīng)獨(dú)立的場所，有背景襯托，動畫對象就在這樣一個場所中運(yùn)動或表現(xiàn)出來的。第二節(jié)Flash8常用工具與面板的使用工具箱好比是一個百寶箱，包含繪制、編輯圖形所需的大部分工具。使用工具箱中的工具可以使繪制的圖形千變?nèi)f化，滿足教學(xué)需要。一、

常用工具箱繪圖原理線條與填充色填充和筆觸是不同的對象合并繪制模式重疊直線會在交叉點(diǎn)處分成線段對象繪制模式創(chuàng)建的形狀會在圖形上添加矩形邊框，在同一圖層互不干擾1.鉛筆工具——繪制不規(guī)則曲線和直線●伸直：繪制的曲線相鄰節(jié)點(diǎn)間是以直線段連接。●平滑：使用該模式可使繪制的線條變得平滑?！衲菏褂迷撃Ｊ嚼L制出的圖形與繪制時的筆跡最接近。2.線條工具——繪制各種不同方向的矢量直線段（1）單擊繪圖工具面板中的“線條工具”按鈕。（2）將鼠標(biāo)移動到場景中繪制直線的起點(diǎn)處，光標(biāo)將變?yōu)槭中螤?。?）按住鼠標(biāo)左鍵拖動到直線的終點(diǎn)即可繪制出一條直線。按住shift鍵可繪制水平、垂直或以450為角度增量倍數(shù)的直線3.矩形工具——繪制任意矩形、多邊形和多角星形1）繪制矩形（圓角矩形）2）繪制多邊形4.任意變形工具——用于變形●旋轉(zhuǎn)與傾斜：對選取的圖形進(jìn)行旋轉(zhuǎn)和傾斜處理。●縮放：對選取的圖形進(jìn)行縮小與放大處理。●扭曲：對選取的圖形進(jìn)行扭曲變形?！穹馓祝簡螕粼摪粹o，對象周圍出現(xiàn)很多控制柄，拖動這些控制柄，可對對象進(jìn)行更細(xì)微的變形。5.鋼筆工具——繪制比較復(fù)雜、精確高的圖形，也可作為選區(qū)工具使用（1）單擊繪圖工具面板中的“鋼筆工具”按鈕。（2）將鼠標(biāo)移動到場景中要繪制直線的起點(diǎn)處，光標(biāo)將變?yōu)橐粋€鋼筆頭形狀。（3）單擊所繪線條的起點(diǎn)位置，移動鼠標(biāo)至線條的下一個點(diǎn)位置處單擊，相鄰兩點(diǎn)自動以直線段相連，繪出直線；繼續(xù)單擊其它點(diǎn)，將繪成一條直線段。6.顏料桶工具——用于填充顏色（1）單擊繪圖工具面板中的“顏料桶工具”按鈕。（2）在顏料桶工具屬性面板中對填充色進(jìn)行設(shè)置。（3）單擊選項欄中按鈕,在選擇列表中選擇相應(yīng)的填充模式。7.橢圓工具——繪制橢圓和圓8.選擇工具1.選取對象2.移動對象3.修改圖形9.刷子工具——給圖形上色，繪制自定義形狀、大小及顏色的圖形1）刷子模式2）刷子大小3）刷子形狀10.墨水瓶工具——給沒有邊框的矢量圖添加邊框，修改已有的線條或邊框的顏色等屬性（1）單擊繪圖工具面板中的“墨水瓶工具”按鈕。（2）在墨水瓶工具屬性面板中對筆觸顏色、粗細(xì)等進(jìn)行設(shè)置。（3）將墨水瓶工具移到需填充的線條上或圖形的外邊框上，單擊鼠標(biāo)完成線條填充。11.滴管工具滴管工具用于獲取已有圖形顏色以及類型等的屬性，它能夠?qū)κ噶烤€、矢量圖、位圖和文字的屬性進(jìn)行復(fù)制，并將它應(yīng)用到場景上不同的對象。單擊繪圖工具面板中的“滴管工具”按鈕后，單擊圖形邊框或填色，可以使筆觸顏色或填充顏色的設(shè)定與被單擊圖形中的顏色設(shè)定一樣。并且，若單擊的是填色，當(dāng)前工具便會自動變成顏料桶工具，若單擊的是筆觸，則當(dāng)前工具會自動變成墨水瓶工具。12.填充變形工具—可以對漸變色或分離后的位圖進(jìn)行編輯，可以調(diào)整填充顏色的范圍、方向、角度等屬性，達(dá)到特殊的色彩填充效果。（1）單擊繪圖工具面板中的“填充變形工具”按鈕。（2）單擊要調(diào)整圖形的填充色,圖形周圍出現(xiàn)調(diào)整框控制點(diǎn)。（3）將鼠標(biāo)指向漸變色調(diào)整框控制點(diǎn)，按住鼠標(biāo)左鍵拖動漸變色調(diào)整框完成調(diào)整。13.部分選取工具部分選取工具是通過調(diào)整線條節(jié)點(diǎn)上的方向線來改變曲線對象的形狀。單擊部分選取工具后，單擊或框選圖形，在圖形四周出現(xiàn)綠色的圖像輪廓線，該圖像輪廓線有很多控制點(diǎn)，通過對各控制點(diǎn)的調(diào)整來改變線條形狀。如圖2-27所示。14.套索工具——選擇不規(guī)則的區(qū)域●魔術(shù)棒：用于在打散的位圖中選擇顏色相同或相近的所有區(qū)域?！衲g(shù)棒設(shè)置：單擊該按鈕打開“魔術(shù)棒設(shè)置”對話框。

閾值：用于定義選取范圍內(nèi)的顏色與單擊處像素顏色的相近程度，輸入的數(shù)值越大，選取的相鄰區(qū)域范圍就越大。平滑：用于定義所選區(qū)域的邊緣的平滑度?！穸噙呅文Ｊ剑喊聪隆岸噙呅文Ｊ健卑粹o，鼠標(biāo)移到場景中單擊，畫出一個多邊形選擇區(qū)域，雙擊則結(jié)束選擇。15.橡皮擦工具——用于擦除圖形的框線或填充1）擦除模式2）水龍頭用于快速刪除整個線條、整個填充圖形或所有選定區(qū)域。3）橡皮擦形狀16.文本工具——用于動畫中文字的設(shè)置與輸入單擊繪圖工具面板中的“文本工具”按鈕，在場景中拖動或者單擊出現(xiàn)文本框；在文本框中輸入需要的文字，文字輸入完成后，在場景的其它地方單擊或者選擇其它工具，結(jié)束文字輸入，文本框消失。1.屬性面板屬性面板是一個智能化的面板,可以顯示當(dāng)前文檔、文本、元件、組、幀或工具等的屬性和參數(shù)，在屬性面板中可對當(dāng)前對象的一些屬性和參數(shù)進(jìn)行修改。當(dāng)用戶未選擇任何工具或所選工具沒有設(shè)置項時，在“屬性”面板中將顯示當(dāng)前文檔屬性。屬性面板的默認(rèn)內(nèi)容是關(guān)于整個文檔的信息。二、常用面板2.混色器面板混色器面板可以對筆觸和填充的顏色進(jìn)行設(shè)置。可以直接輸入RGB值、十六進(jìn)制值、從“顏色拾取器”中拾取顏色來創(chuàng)建顏色，還可以使用色調(diào)滑塊拾取所需的顏色。

“純色”類型：單純的顏色“線性”類型：使用線性漸變。

（從起點(diǎn)到終點(diǎn)沿直線逐漸變化）“放射性”類型：使用放射性漸變（從起點(diǎn)到終點(diǎn)按照環(huán)形模式向四周逐漸變化）“位圖”類型：使用計算機(jī)上的圖像作為填充Alpha值表示透明度，0~100%漸變定義欄，下面有指針指示漸變中的每一種顏色3.顏色樣本面板（1）單擊混色器面板中“筆觸顏色”或“填充顏色”按鈕。（2）在顏色面板中單擊目標(biāo)顏色，單擊處的顏色將被賦予給筆觸顏色或填充顏色。4.對齊面板對齊面板操作步驟：（1）選擇要對齊的對象。（2）單擊“窗口”→“對齊”，打開對齊面板。（3）在對齊面板中，單擊相應(yīng)的對齊按鈕。5.信息面板信息面板上顯示當(dāng)前選定對象的一些基本信息，例如高度、寬度和顏色等。通過信息面板可以對對象的大小和位置進(jìn)行精確的編輯。選中對象后,可在該面板中,直接輸入位置、大小信息，從而改變對象。6.變形面板變形面板可以對選定對象的大小、旋轉(zhuǎn)、傾斜等進(jìn)行精確變形處理。利用該面板中“復(fù)制并應(yīng)用變形按鈕”我們可以制作出一些有韻律的圖案。7.公用庫面板（1）單擊“窗口”→“公用庫”，然后從子菜單中選擇一個庫。（2）將項目從公用庫中拖入當(dāng)前文檔的庫或場景中。第三節(jié)Flash基本動畫逐幀動畫的設(shè)計與制作補(bǔ)間動畫的設(shè)計與制作引導(dǎo)動畫的設(shè)計與制作遮罩動畫的設(shè)計與制作一、逐幀動畫1.概念與特點(diǎn) 逐幀動畫（FrameByFrame）是一種常見的動畫形式，是由一幅幅內(nèi)容相關(guān)的圖像組成的連續(xù)畫面，其原理是在“連續(xù)的關(guān)鍵幀”中分解動畫動作，也就是逐幀逐幀在時間軸上繪制不同的內(nèi)容，使其連續(xù)播放而成動畫。 逐幀動畫由于是逐幀逐幀繪制不同的幀內(nèi)容，不僅增加制作負(fù)擔(dān)，而且最終輸出的文件量也很大，但其卻具有非常大的靈活性，幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容，適合于表演很細(xì)膩的動畫。2.基本創(chuàng)建方法在Flash中創(chuàng)建逐幀（FrameByFrame）動畫的方法可分為兩種，一種是在Flash中逐幀逐幀地制作矢量分解動作，由不同的幀內(nèi)容形成動畫，另一種方法是從外部導(dǎo)入在其它繪圖軟件中制作出來的分解動作的連續(xù)文件，如Gif序列圖。下面我們結(jié)合案例來解釋如何創(chuàng)建逐幀動畫。一、逐幀動畫二、補(bǔ)間動畫補(bǔ)間動畫是Flash最基本的一種動畫形式補(bǔ)間動畫包括形狀補(bǔ)間動畫和動畫補(bǔ)間動畫補(bǔ)間動畫只需要繪制起始幀和結(jié)束幀，而中間的全部幀由補(bǔ)間來完成。二、補(bǔ)間動畫1.形狀補(bǔ)間動畫技術(shù)

形狀補(bǔ)間動畫就是將對象變形的動畫，形狀補(bǔ)間動畫只能用于屬性為形狀的對象，也就是說形狀補(bǔ)間動畫是針對形狀變化的動畫.創(chuàng)建方法：（1）開始幀創(chuàng)建一個對象的開始形狀（2）結(jié)束幀創(chuàng)建要變成的終止形狀（3）單擊開始關(guān)鍵幀，在“屬性”面板上單擊“補(bǔ)間”旁邊的小三角，在彈出的下拉列表中選擇“形狀”。（或右擊選擇“創(chuàng)建補(bǔ)間形狀”）2.動畫補(bǔ)間動畫技術(shù)動作補(bǔ)間動畫就是在動畫中只出現(xiàn)同一對象的移動、縮放、旋轉(zhuǎn)或變色，就是針對同一對象的移動、縮放、旋轉(zhuǎn)或變色的運(yùn)動。創(chuàng)建方法：（1）開始幀創(chuàng)建一個對象（2）結(jié)束幀改變這個對象的大小、顏色、位置等（3）單擊開始關(guān)鍵幀，在“屬性”面板上單擊“補(bǔ)間”旁邊的小三角，在彈出的下拉列表中選擇“動畫”。（或右擊選擇“創(chuàng)建補(bǔ)間動畫”）動畫補(bǔ)間創(chuàng)建好后，時間軸線的背景色變?yōu)榈仙ǖ{(lán)色），在起始幀和結(jié)束幀之間有一個長長的箭頭。(如果創(chuàng)建動畫補(bǔ)間動畫沒有成功，在時間軸上顯示虛線)三、引導(dǎo)層動畫引導(dǎo)層動畫是物體按照一定的路徑運(yùn)動，而物體自身屬性也可像前幾種動畫那樣改變。引導(dǎo)層動畫，至少設(shè)置一個引導(dǎo)層和一個被引導(dǎo)層，且引導(dǎo)層在上，被引導(dǎo)層在下。引導(dǎo)層只有一層，而被引導(dǎo)層可以有多層。被引導(dǎo)層上的對象，可以按照引導(dǎo)層上指定的路徑運(yùn)動。程序運(yùn)行時，引導(dǎo)層是不可見的，只顯示被引導(dǎo)的物體按照路徑運(yùn)動。四、遮罩動畫遮罩動畫，依字面而言，就是用一個物體遮住另一物體，通過添加補(bǔ)間形成的一種動畫。這種動畫至少需要一個遮罩層與一個被遮罩層。被遮罩層的對象只能顯示遮罩層區(qū)域大小的圖像。由于這種動畫有一個遮罩層與一個被遮罩層，因此至少需要兩層，當(dāng)然被遮罩層可以有多層。遮罩動畫的原理是：只有在遮罩層上編輯有圖形的區(qū)域，才可以看到被遮罩層上的內(nèi)容；如果是線條一定要將線