《Flash-MX動(dòng)畫(huà)教程第6章動(dòng)畫(huà)制作概述ppt課件》由會(huì)員分享，可在線(xiàn)閱讀，更多相關(guān)《Flash-MX動(dòng)畫(huà)教程第6章動(dòng)畫(huà)制作概述ppt課件（27頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

第6章動(dòng)畫(huà)制作概述,6.1 動(dòng)畫(huà)原理 6.2 位圖和矢量圖 6.3 元件和實(shí)例 6.4 動(dòng)畫(huà)的制作流程,1,6.1 動(dòng)畫(huà)原理,6.1.1 傳統(tǒng)動(dòng)畫(huà)的制作過(guò)程 6.1.2 二維電腦動(dòng)畫(huà)制作 6.1.3 動(dòng)畫(huà)制作應(yīng)注意的問(wèn)題,2,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,本 節(jié),6.1.1傳統(tǒng)動(dòng)畫(huà)的制作過(guò)程,傳統(tǒng)動(dòng)畫(huà)的制作過(guò)程可以劃分為總體規(guī)劃、設(shè)計(jì)制作、具體創(chuàng)作和拍攝制作四個(gè)階段，每一階段又有若干步驟。,3,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,6.1.2 二維電腦動(dòng)畫(huà)制作 一般來(lái)說(shuō)，按電腦軟件在動(dòng)畫(huà)軟件中的作用分類(lèi)，電腦動(dòng) 畫(huà)有電腦輔助動(dòng)畫(huà)和造型動(dòng)畫(huà)兩種。我們將FLASH MX劃分到 電腦輔助動(dòng)畫(huà)軟件一類(lèi)。二維電腦動(dòng)畫(huà)制作，同樣要經(jīng)過(guò)傳 統(tǒng)動(dòng)畫(huà)制作的四個(gè)步驟。不過(guò)電腦的使用，大大簡(jiǎn)化了工作 程序，方便快捷，提高了效率。 ?關(guān)鍵幀（原畫(huà)）的產(chǎn)生 ?中間畫(huà)面的生成 ?分層制作合成 ?著色 ?預(yù)演 ?圖庫(kù)的使用,本 節(jié),4,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,6.1.3 動(dòng)畫(huà)制作應(yīng)注意的問(wèn)題,動(dòng)畫(huà)所表現(xiàn)的內(nèi)容，是以客觀(guān)世界的物體為基礎(chǔ)的，但它又有自己的特點(diǎn)，決不是簡(jiǎn)單的模擬。為此，我們就所需注意的問(wèn)題加以討論，以引起用戶(hù)的重視。 1．速度的處理 在動(dòng)畫(huà)中體現(xiàn)為幀數(shù)的多少，也即是“幀頻”。 2．循環(huán)動(dòng)畫(huà) 許多物體的變化，都可以分解為連續(xù)重復(fù)而有規(guī)律的變化。因此在動(dòng)畫(huà)制作中，可以?xún)H制作幾幅畫(huà)面，然后像走馬燈一樣重復(fù)循環(huán)使用，長(zhǎng)時(shí)間播放，這就是“循環(huán)動(dòng)畫(huà)”。 3．夸張與擬人,本 節(jié),5,6.2 位圖和矢量圖,6.2.1 位圖和矢量圖的概念 6.2.2 位圖和矢量的比較 6.2.3 常用圖形圖像格式 6.2.4 圖形圖像的導(dǎo)入方法 6.2.5 導(dǎo)入位圖的編輯處理,6,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,本 節(jié),6.2.1 位圖和矢量圖的概念,位圖是位映射圖像的簡(jiǎn)稱(chēng)，是目前最為常用的圖像表示方法。位圖意味著一幅圖像被劃分為許多柵格，格中的每一點(diǎn)就是圖像的像素，其值就是像素的高度和色彩值。 矢量圖是指用一系列的線(xiàn)段和其他造型描述一幅圖像，通常它以一組指令的形式存在，這些指令描繪中所包含的每個(gè)直線(xiàn)、圓、弧線(xiàn)和矩形的大小和形狀。,7,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,6.2.2 位圖和矢量的比較,本 節(jié),8,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,表6.1 常用的圖形圖像文件格式,6.2.3 常用圖形圖像格式,本 節(jié),9,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,,表6.1 常用的圖形圖像文件格式,本 節(jié),10,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,1．圖形圖像的導(dǎo)入范例 2．通過(guò)剪貼板導(dǎo)入圖形圖像范例,6.2.4 圖形圖像的導(dǎo)入方法,本 節(jié),11,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,6.2.5 導(dǎo)入位圖的編輯處理,1．“描繪位圖”操作范例 2 分解位圖操作范例 3．用位圖填充范例 4．編輯位圖范例 5．設(shè)置位圖屬性范例,本 節(jié),12,6.3 元件和實(shí)例,6.3.1 元件和實(shí)例 6.3.2 元件類(lèi)型 6.3.3 創(chuàng)建元件 6.3.4 編輯元件 6.3.5 創(chuàng)建實(shí)例 6.3.6 修改實(shí)例屬性 6.3.7 分解實(shí)例 6.3.8 獲取實(shí)例的屬性信息,13,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,本 節(jié),元件即是位于當(dāng)前影片庫(kù)面板中的可重復(fù)使用的元素，它可以通過(guò)選擇菜單欄中的【窗口】|【庫(kù)】命令（或者按F11鍵）來(lái)打開(kāi)。 如果把元件拖動(dòng)到編輯區(qū)它就成為“實(shí)例”。也就是說(shuō)，實(shí)例就是元件在編輯區(qū)的實(shí)際應(yīng)用。使用元件可以簡(jiǎn)化影片的編輯，把影片中要多次使用的對(duì)象做成元件，當(dāng)修改了元件以后，它的所有實(shí)例都會(huì)隨之更新，而不必逐一更改。 由于所有元件在文件中僅保存一個(gè)完整描述，其余只需保存參考指針，因此應(yīng)用元件可以使影片文件的體積大大縮減。使用元件還可以加快影片的播放速度，因?yàn)橐粋€(gè)實(shí)例在瀏覽器中僅需要下載一次。 元件存放在庫(kù)面板中，而實(shí)例在編輯區(qū)創(chuàng)建。,6.3.1 元件和實(shí)例,14,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,6.3.2 元件類(lèi)型,按照元件在動(dòng)畫(huà)中的表現(xiàn)形式，可以分為圖形（ ）、影片剪輯（ ）和按鈕（ ）三種類(lèi)型。此外Flash MX也把聲音（ ）和位圖（ ）作為元件來(lái)處理，雖然它們不是一種元件行為。 1．圖形元件 2．影片剪輯 3．按鈕,本 節(jié),15,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,6.3.3 創(chuàng)建元件,在Flash MX中有兩種創(chuàng)建元件的方法?？梢韵冉⒁粋€(gè)空的元件類(lèi)型，然后在元件編輯模式中添加所需元素到元件中；或者將已存在的對(duì)象轉(zhuǎn)換為所需元件類(lèi)型。 1．在空元件編輯模式中創(chuàng)建元件范例 2．將已存在的對(duì)象轉(zhuǎn)換為元件操作范例 3．使用已有的動(dòng)畫(huà)轉(zhuǎn)換為影片剪輯操作范例,本 節(jié),16,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,6.3.4 編輯元件,,1．在當(dāng)前位置中編輯操作范例 2．編輯操作范例 3．在新窗口中編輯,本 節(jié),17,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,6.3.5 創(chuàng)建實(shí)例,本 節(jié),18,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,所有元件實(shí)例都有可以修改的特殊屬性。這些屬性?xún)H僅應(yīng)用于特定的實(shí)例而不用于源元件。例如亮度、色調(diào)、Alpha、作用等屬性都可進(jìn)行修改。也可對(duì)實(shí)例進(jìn)行諸如旋轉(zhuǎn)、扭曲以及縮放等操作。對(duì)實(shí)例屬性所作修改僅影響該實(shí)例，不改變?cè)丛膶傩?；但?duì)源元件的任何修改都將應(yīng)用到每個(gè)實(shí)例上，即使實(shí)例的屬性已經(jīng)作了修改，這還是有效地。 1．修改實(shí)例的顏色效果操作范例 2．改變實(shí)例的作用類(lèi)型 3．交換元件實(shí)例,6.3.6 修改實(shí)例屬性,本 節(jié),19,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,,6.3.7 分解實(shí)例,本 節(jié),20,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,6.3.8 獲取實(shí)例的屬性信息,1．通過(guò)屬性面板獲取信息操作范例 2．影片瀏覽器面板 ⑴ “顯示”圖標(biāo)按鈕 如圖6.55所示，在“影片瀏覽器”面板上有幾個(gè)“顯示”按鈕，以圖標(biāo)的形式表示它們各自的功能。單擊任意按鈕可以切換文件中元素的顯示。從左到右，按鈕圖標(biāo)及其代表內(nèi)容種類(lèi)如下： ? 顯示文本 ? 顯示按鈕、影片剪輯和圖形（放置的實(shí)例） ? 顯示動(dòng)作腳本 ? 顯示視頻、聲音和位圖（放置的實(shí)例） ? 顯示幀和圖層 ? 自定義顯示項(xiàng)目 “查找”輸入框可以輸入影片名字來(lái)進(jìn)行查找。 ⑵ 顯示列表域,本 節(jié),21,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,⑶ 右鍵彈出菜單和影片瀏覽器選項(xiàng)菜單 ?轉(zhuǎn)到地址：此命令可轉(zhuǎn)到相關(guān)的層、場(chǎng)景或幀。 ?轉(zhuǎn)到元件定義：使用這個(gè)命令將跳轉(zhuǎn)到對(duì)“影片機(jī)理”中選定項(xiàng)目的定義上去（要想使用此命令，則要勾選【影片瀏覽器設(shè)置】對(duì)話(huà)框中“關(guān)聯(lián)”選項(xiàng)下的“影片機(jī)理”和“元件定義”兩項(xiàng)）。 ?選擇元件實(shí)例：跳到包含在元件定義域選定元件的實(shí)例的場(chǎng)景中（要想使用此命令，則要勾選【影片瀏覽器設(shè)置】對(duì)話(huà)框中“關(guān)聯(lián)”選項(xiàng)下的“影片機(jī)理”和“元件定義”兩項(xiàng)）。 ?在庫(kù)中查找：如果庫(kù)面板未打開(kāi)，此命令打開(kāi)庫(kù)面板并高亮顯示選定的項(xiàng)目；否則，只是在庫(kù)面板中高亮顯示選定項(xiàng)目。 ?重命名：可以改變選定項(xiàng)目的名字。 ?在當(dāng)前位置編輯：使用此命令在舞臺(tái)上的相應(yīng)位置編輯元件。,本 節(jié),22,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,?在新的窗口編輯：在元件編輯模式下編輯選定元件。 ?顯示影片元素：它是關(guān)于在顯示列表中怎樣顯示過(guò)濾項(xiàng)目的兩個(gè)目錄之一，此命令顯示以場(chǎng)景組織的影片中的所有元素。 ?顯示元件定義：另一個(gè)顯示列表的目錄，可以顯示與每個(gè)元件相關(guān)的所有組件。 這兩個(gè)命令可以同時(shí)顯示。 ?顯示所有場(chǎng)景：此命令可使顯示影片元素在選定場(chǎng)景和所有場(chǎng)景中切換。 ?拷貝文本到剪貼板：應(yīng)用此命令將選定文本拷貝到剪貼板，然后可以將文本粘貼到字處理程序中進(jìn)行編輯、拼寫(xiě)檢查及其它Flash MX不支持的文本操作。 ?剪切：此命令可以剪切選定的文本。 ?拷貝：此命令可以拷貝選定的文本。 ?粘貼：此命令可以粘貼Flash MX中或其它應(yīng)用程序中拷貝的文本。,本 節(jié),23,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,?清除：此命令可以清除選定的文本。 ?展開(kāi)分支：在選定位置展開(kāi)分層的目錄，與單擊加號(hào)的效果相同。 ?合攏分支：在選定位置合攏分層的目錄，與單擊減號(hào)的效果相同。 ?合攏其它的分支：此命令合攏除了選定位置以外的其它分層目錄。 ?打?。捍蛴∮捌瑸g覽器，所有的內(nèi)容都展開(kāi)，并顯示所有選定內(nèi)容的類(lèi)型。,本 節(jié),24,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,1.Flash MX影片的文件類(lèi)型,6.4 動(dòng)畫(huà)的制作流程,,,,,,,,,,,,,,圖 6.60 Flash MX影片的文件類(lèi)型,,,,本 節(jié),25,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,本 節(jié),2.Flash MX影片的制作步驟 以下就是Flash MX動(dòng)畫(huà)影片的基本制作步驟： 【步驟1】選擇菜單欄中的【文件】|【新建】命令（或直接單擊標(biāo)準(zhǔn)工具欄中的新建按鈕 ），新建一個(gè)文件，進(jìn)入動(dòng)畫(huà)創(chuàng)建編輯環(huán)境，如圖6.61所示。 【步驟2】選擇菜單欄中的【修改】|【影片】命令，在彈出的【影片屬性】對(duì)話(huà)框中調(diào)節(jié)影片舞臺(tái)的大小和背景顏色以及動(dòng)畫(huà)播放速度等，如圖6.62所示。 【步驟3】在編輯區(qū)中創(chuàng)建所需的Flash MX動(dòng)畫(huà)內(nèi)容，具體內(nèi)容的創(chuàng)建與編輯在以后章節(jié)中將分別講述。,26,上一頁(yè),下一頁(yè),目 錄,結(jié) 束,【步驟4】編輯完動(dòng)畫(huà)內(nèi)容之后，如果用戶(hù)想預(yù)覽動(dòng)畫(huà)效果，有兩種選擇： ?選擇菜單欄中的【控制】|【播放】命令或者直接按Enter鍵，可在不離開(kāi)當(dāng)前編輯環(huán)境的情況下預(yù)覽動(dòng)畫(huà)效果。 ?選擇菜單欄中的【控制】|【測(cè)試影片】命令（或者直接按Ctrl+Enter鍵），臨時(shí)脫離當(dāng)前編輯環(huán)境進(jìn)入影片測(cè)試環(huán)境中預(yù)覽。 通過(guò)【測(cè)試影片】命令可以導(dǎo)出一個(gè).SWF格式文件，要將它保存在與.FLA文件同一目錄下，如圖6.63所示。 【步驟5】如果想用于網(wǎng)頁(yè)制作，則必須導(dǎo)出一個(gè)HTML文件。選擇菜單欄中的【文件】|【發(fā)布預(yù)覽】|【HTML】命令，就會(huì)導(dǎo)出一個(gè)HTML文件并在.FLA文件的同一目錄中生成HTML文件，如圖6.64所示。 提示：這個(gè)HTML文件與SWF文件之間有著鏈接關(guān)系，必須處于同級(jí)目錄中。如果用戶(hù)移走SWF文件，HTML文件就不能打開(kāi)。,本 節(jié),27,