Flash動(dòng)畫制作快速入門-段立飛

Flash動(dòng)畫制作快速入門

一.Flash動(dòng)畫簡(jiǎn)介和軟件界面二.Flash根本概念三.動(dòng)作補(bǔ)間動(dòng)畫四.運(yùn)動(dòng)引導(dǎo)動(dòng)畫五.范例：涂膠操作動(dòng)畫制作目錄一.Flash動(dòng)畫簡(jiǎn)介和軟件界面Flash是一個(gè)網(wǎng)頁(yè)交互動(dòng)畫制作工具,使用Flash可以快速制作簡(jiǎn)單的動(dòng)畫，直觀的顯示復(fù)雜的操作過(guò)程，生動(dòng)形象地展示匯報(bào)內(nèi)容。Flash8.0是目前最常用的版本，在百度中輸入Flash8.0免費(fèi)下載，便可找到相關(guān)提供下載的網(wǎng)頁(yè)。注：flash8注冊(cè)碼：WPD800511313013222478。一.Flash動(dòng)畫簡(jiǎn)介和軟件界面Flash軟件界面：選擇“創(chuàng)立新工程”下的“Flash文檔”，啟動(dòng)Flash8的工作窗口并新建一個(gè)影片文檔，軟件界面如下圖。工具箱圖層區(qū)時(shí)間軸顏色面板舞臺(tái)區(qū)元件庫(kù)屬性面板筆觸顏色填充顏色縮放工具手形工具滴管工具填充工具鉛筆工具選擇工具局部選取工具任意變形工具填充變形工具工具箱：窗口左側(cè)是“工具箱”，它是Flash中最常用到的面板，由“工具”、“查看”、“顏色”和“選項(xiàng)”四局部組成，類似于畫圖工具，可以繪制簡(jiǎn)單的汽車構(gòu)件。線條工具使用線條工具和填充工具繪制圖形一.Flash動(dòng)畫簡(jiǎn)介和軟件界面Flash的工作窗口：工作區(qū)是用戶設(shè)計(jì)動(dòng)畫和布置場(chǎng)景對(duì)象的場(chǎng)所，中間的矩形區(qū)域是舞臺(tái)。動(dòng)畫的對(duì)象可以放置在工作區(qū)中也可以放置在舞臺(tái)中，區(qū)別是放在舞臺(tái)外面的工作區(qū)的內(nèi)容在動(dòng)畫播放時(shí)不可見(jiàn)，只有在舞臺(tái)中的對(duì)象才可見(jiàn)。在默認(rèn)情況下，舞臺(tái)的寬為550像素，高為400像素，用戶可以通過(guò)【屬性】面板設(shè)置和改變舞臺(tái)的大小。一.Flash動(dòng)畫簡(jiǎn)介和軟件界面二.Flash根本概念元件：是保存在庫(kù)中可反復(fù)取出使用的圖形、按鈕或一段小動(dòng)畫。實(shí)例：從庫(kù)窗口中被拖入到舞臺(tái)的編輯區(qū)的元件稱為該元件的實(shí)例，它實(shí)際上是元件的復(fù)制品。庫(kù)：是Flash動(dòng)畫中所有可以重復(fù)使用的元素的存儲(chǔ)倉(cāng)庫(kù)，各種元件都放在庫(kù)中，使用時(shí)可從庫(kù)中調(diào)用。1.創(chuàng)立Flash文檔：執(zhí)行“文件”/“新建”命令，在“新建文檔”對(duì)話框中選擇“Flash文檔”。執(zhí)行“文件”/“新建”命令，在“新建文檔”對(duì)話框中設(shè)置文檔的大小和背景色等屬性。根本概念：根本操作：2.在Flash中導(dǎo)入對(duì)象：執(zhí)行“文件”/“導(dǎo)入”/“導(dǎo)入到舞臺(tái)”命令，可以導(dǎo)入外部的圖像聲音等文件，如在網(wǎng)上下載或繪圖軟件中繪制的汽車零件等。3.保存文檔：執(zhí)行“文件”/“保存”命令，“另存為”對(duì)話框中設(shè)置要保存文件的名稱、路徑Flash源文件的后綴是.fla。4.輸出動(dòng)畫：執(zhí)行“文件”/“導(dǎo)出”/“導(dǎo)出影片”命令，可以把動(dòng)畫輸出為.swf或.gif格式的動(dòng)畫文件。根本概念：圖1中飛機(jī)位于圖片的最左邊，圖2中飛機(jī)位于圖片的中間，圖3中飛機(jī)位于圖片的最右邊。將這三幅畫面依次按照一定速度播放的時(shí)候，視覺(jué)效果就是看上去感覺(jué)飛機(jī)在從左向右飛行，如圖4所示。動(dòng)畫就是由一系列近似的畫面按照一定的順序和速度進(jìn)行播放而產(chǎn)生。

圖1

圖2

圖3

圖4二.Flash根本概念Flash是利用播放連續(xù)幀的方式產(chǎn)生動(dòng)畫效果。其默認(rèn)動(dòng)畫效果是每秒12幀二.Flash根本概念根本概念：動(dòng)畫是由一幅幅靜止的圖像按照一定的速度連續(xù)播放形成的畫面。Flash中可以制作三種動(dòng)畫：逐幀動(dòng)畫：在連續(xù)的關(guān)鍵幀中繪制或編輯同一對(duì)象的不同形態(tài)〔或不同的對(duì)象〕所形成的動(dòng)畫被稱為逐幀動(dòng)畫。在創(chuàng)立逐幀動(dòng)畫時(shí)，需要將動(dòng)畫中的每個(gè)幀都定義為關(guān)鍵幀，然后為每個(gè)幀創(chuàng)立不同的圖像。動(dòng)作補(bǔ)間動(dòng)畫：補(bǔ)間動(dòng)畫是在制作好前后兩個(gè)關(guān)鍵幀上的內(nèi)容后，由Flash自動(dòng)生成中間各幀，使得畫面從一個(gè)關(guān)鍵幀漸變到另一個(gè)關(guān)鍵幀所形成的動(dòng)畫。其變化效果是由Flash控制的，常用于制作對(duì)象的位移、旋轉(zhuǎn)等效果。形狀補(bǔ)間動(dòng)畫：指兩個(gè)圖像對(duì)象的變換，其變化效果是由Flash控制的，其動(dòng)畫效果是從一個(gè)圖形轉(zhuǎn)換為另一個(gè)圖形。三.動(dòng)作補(bǔ)間動(dòng)畫動(dòng)作補(bǔ)間動(dòng)畫是在兩個(gè)關(guān)鍵幀中創(chuàng)立出來(lái)的，兩個(gè)關(guān)鍵幀必須是同一個(gè)對(duì)象的兩個(gè)不同狀態(tài)，通過(guò)動(dòng)作補(bǔ)間將兩個(gè)關(guān)鍵幀中的不同狀態(tài)的對(duì)象補(bǔ)間出來(lái)。動(dòng)作補(bǔ)間可以是元件、組合或文本產(chǎn)生位移、變形、旋轉(zhuǎn)、顏色漸變，是Flash中應(yīng)用最廣泛的動(dòng)畫。。

在Flash中，除了可以使對(duì)象沿直線運(yùn)動(dòng)外，還能夠使其沿某種特定的軌跡運(yùn)動(dòng)，這種使對(duì)象沿指定路徑運(yùn)動(dòng)的動(dòng)畫可以通過(guò)添加運(yùn)動(dòng)引導(dǎo)層來(lái)實(shí)現(xiàn)。四.運(yùn)動(dòng)引導(dǎo)動(dòng)畫五.范例：涂膠操作動(dòng)畫制作1.如圖1所示，創(chuàng)立Flash文檔：執(zhí)行“文件”/“新建”命令，在“新建文檔”對(duì)話框中選擇“Flash文檔”。圖1圖22.如圖2所示，使用繪圖工具在舞臺(tái)區(qū)繪制最底層的部件作為動(dòng)畫背景，或直接從外部導(dǎo)入繪制好的圖形。*本例如以涂膠操作為例，演示Flash的根本操作，以及動(dòng)作補(bǔ)間、運(yùn)動(dòng)引導(dǎo)和逐幀動(dòng)畫的實(shí)現(xiàn)過(guò)程。3.導(dǎo)入背景后，在圖層區(qū)域再新建兩個(gè)圖層。點(diǎn)擊新建圖層運(yùn)動(dòng)引導(dǎo)層4.選中圖層3，點(diǎn)擊添加運(yùn)動(dòng)引導(dǎo)層。五.范例：涂膠操作動(dòng)畫制作5.在引導(dǎo)層中使用鉛筆工具，自始至終畫出膠槍的運(yùn)動(dòng)軌跡，軌跡不要間斷。6.在引導(dǎo)層第60處單擊右鍵創(chuàng)立普通幀〔本例如動(dòng)畫為60幀〕。五.范例：涂膠操作動(dòng)畫制作7.相應(yīng)地，在圖層123第60幀處創(chuàng)立關(guān)鍵幀。五.范例：涂膠操作動(dòng)畫制作8.單擊圖層3第一幀，利用線條工具和填充工具繪制運(yùn)動(dòng)部件，在本例中運(yùn)動(dòng)部件為膠槍。繪制完成后，全選整個(gè)部件，右鍵選擇創(chuàng)立圖形元件。9.如左圖所示，元件的運(yùn)動(dòng)中心在圖形中心處，這樣不利于后續(xù)編輯。選中元件后點(diǎn)擊“任意變形工具”將運(yùn)動(dòng)中心移動(dòng)至如右圖所示的槍口處。五.范例：涂膠操作動(dòng)畫制作10.在圖層3第一幀，將膠槍元件運(yùn)動(dòng)中心移動(dòng)到運(yùn)動(dòng)軌跡的起點(diǎn)〔移動(dòng)到軌跡附近會(huì)自動(dòng)吸附〕。11.在屬性面板“補(bǔ)間”下拉列表處選擇“動(dòng)畫”。五.范例：涂膠操作動(dòng)畫制作12.在圖層3第59幀，將膠槍元件運(yùn)動(dòng)中心移動(dòng)到運(yùn)動(dòng)軌跡的終點(diǎn)〔移動(dòng)到軌跡附近會(huì)自動(dòng)吸附〕。五.范例：涂膠操作動(dòng)畫制作注：此時(shí)可以同時(shí)點(diǎn)擊“Control+Enter”預(yù)覽動(dòng)畫，可以看到動(dòng)畫中還沒(méi)有顯示涂膠的效果，因此還需要利用逐幀動(dòng)畫在圖層中參加膠的效果。五.范例：涂膠操作動(dòng)畫制作13.右鍵點(diǎn)擊圖層2第2幀，選擇“創(chuàng)立關(guān)鍵幀”〔或按快捷鍵F6〕，在膠槍運(yùn)行處使用綠色鉛筆畫出膠水的示意圖。在圖層2依次創(chuàng)立關(guān)鍵幀在圖層2依次創(chuàng)立關(guān)鍵幀在軌跡處畫出膠水五.范例：涂膠操作動(dòng)畫制作14.以此類推，在第3