Flash-MX動(dòng)畫教程第6章動(dòng)畫制作概述ppt課件

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

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