動(dòng)畫(huà)設(shè)計(jì)基礎(chǔ)基本動(dòng)畫(huà)制作ppt課件
《動(dòng)畫(huà)設(shè)計(jì)基礎(chǔ)基本動(dòng)畫(huà)制作ppt課件》由會(huì)員分享,可在線閱讀,更多相關(guān)《動(dòng)畫(huà)設(shè)計(jì)基礎(chǔ)基本動(dòng)畫(huà)制作ppt課件(107頁(yè)珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
第五章 基本動(dòng)畫(huà)制作,本課要點(diǎn) 具體要求 本課導(dǎo)讀 綜合實(shí)例,本章要點(diǎn),時(shí)間軸 幀和圖層 逐幀動(dòng)畫(huà) 動(dòng)作補(bǔ)間動(dòng)畫(huà) 形狀補(bǔ)間動(dòng)畫(huà),具體要求,了解Flash 8中幀和圖層的基本概念,并掌握幀和圖層的基本操作方法。 熟練掌握逐幀動(dòng)畫(huà)的創(chuàng)建方法。 熟練掌握動(dòng)作補(bǔ)間動(dòng)畫(huà)的創(chuàng)建方法。 熟練掌握形狀補(bǔ)間動(dòng)畫(huà)的創(chuàng)建方法。,本課導(dǎo)讀,幀和圖層是制作Flash動(dòng)畫(huà)過(guò)程中所涉及到的兩個(gè)重要概念,在Flash 8中對(duì)動(dòng)畫(huà)的制作和編輯,實(shí)際上就是對(duì)幀和圖層,以及對(duì)幀和圖層中動(dòng)畫(huà)要素所做的編排和調(diào)整。在掌握了幀和圖層的基本概念和操作方法后,還需要對(duì)Flash 8中的基本動(dòng)畫(huà)類(lèi)型進(jìn)行了解和學(xué)習(xí),熟練掌握這三種基本動(dòng)畫(huà)的應(yīng)用,就可以制作出各類(lèi)精美的Flash動(dòng)畫(huà)。,5.1 動(dòng)畫(huà)制作基礎(chǔ),在正式學(xué)習(xí)動(dòng)畫(huà)制作之前,首先需要了解Flash動(dòng)畫(huà)的類(lèi)型特點(diǎn)和涉及到的幀和圖層的概念,并掌握Flash 8中幀和圖層的基本操作方法。,5.1 動(dòng)畫(huà)制作基礎(chǔ),5.1.1 知識(shí)講解 5.1.2 典型案例——制作“霓虹燈 箱”動(dòng)畫(huà),5.1.1 知識(shí)講解,1. Flash動(dòng)畫(huà)的基本特點(diǎn) 2. Flash中的基本動(dòng)畫(huà)類(lèi)型 3. 時(shí)間軸 4. 幀的概念和類(lèi)型 5. 幀的基本操作 6. 圖層的概念和類(lèi)型 7. 圖層的基本操作,1. Flash動(dòng)畫(huà)的基本特點(diǎn),Flash動(dòng)畫(huà)之所以能夠越來(lái)越流行,并廣泛應(yīng)用在不同的領(lǐng)域,F(xiàn)lash動(dòng)畫(huà)自身所具備的特點(diǎn)是不可忽視的重要因素之一。 基于矢量的圖形系統(tǒng),占用空間是位圖的幾千分之一,適合網(wǎng)絡(luò)傳播 應(yīng)用領(lǐng)域廣 采用“流”媒體形式 可跨平臺(tái)播放 交互性強(qiáng),2. Flash中的基本動(dòng)畫(huà)類(lèi)型,Flash中的基本動(dòng)畫(huà)主要分為逐幀動(dòng)畫(huà)、動(dòng)作補(bǔ)間動(dòng)畫(huà)和形狀補(bǔ)間動(dòng)畫(huà)三種類(lèi)型。 逐幀動(dòng)畫(huà):Flash中的逐幀動(dòng)畫(huà)通常由多個(gè)連續(xù)的關(guān)鍵幀組成,在各關(guān)鍵幀中分別繪制表現(xiàn)對(duì)象連續(xù)且流暢動(dòng)作的圖形(如小鳥(niǎo)飛翔、火苗跳動(dòng)等)。 動(dòng)作補(bǔ)間動(dòng)畫(huà):動(dòng)作補(bǔ)間動(dòng)畫(huà)是根據(jù)同一對(duì)象在兩個(gè)關(guān)鍵幀中大小、位置、旋轉(zhuǎn)、傾斜、透明度等屬性的差別由Flash計(jì)算并自動(dòng)生成的一種動(dòng)畫(huà)類(lèi)型。 形狀補(bǔ)間動(dòng)畫(huà):形狀補(bǔ)間動(dòng)畫(huà)是通過(guò)Flash計(jì)算兩個(gè)關(guān)鍵幀中矢量圖形的形狀差別,并在兩個(gè)關(guān)鍵幀中自動(dòng)添加變化過(guò)程的一種動(dòng)畫(huà)類(lèi)型。,2. Flash中的基本動(dòng)畫(huà)類(lèi)型,動(dòng)作動(dòng)畫(huà) :在關(guān)鍵幀之間有一條水平指向右邊的箭頭,幀為淺藍(lán)色背景。 形狀動(dòng)畫(huà) :在關(guān)鍵幀之間也有一條水平指向右邊的箭頭,幀為淺綠色背景。 動(dòng)畫(huà)錯(cuò)誤 :表示在創(chuàng)建動(dòng)作動(dòng)畫(huà)中存在錯(cuò)誤,無(wú)法正確完成動(dòng)畫(huà)的制作。,,3. 時(shí)間軸,在Flash中,“時(shí)間軸”是形成動(dòng)畫(huà)的最主要因素,動(dòng)畫(huà)的播放順序就是按照“時(shí)間軸”從左至右的順序播放的。隨著動(dòng)畫(huà)設(shè)計(jì)越來(lái)越復(fù)雜,“時(shí)間軸”也會(huì)變得越來(lái)越復(fù)雜,甚至令人感覺(jué)混亂。在學(xué)習(xí)動(dòng)畫(huà)設(shè)計(jì)之前,必須掌握“時(shí)間軸”的基本要素和基本操作方法。,時(shí)間軸窗口,時(shí)間軸特效,使用Flash內(nèi)置的“時(shí)間軸特效”,可以方便快捷地實(shí)現(xiàn)一些特殊的動(dòng)畫(huà)效果,例如投影效果、對(duì)象變形、分離等?!皶r(shí)間軸特效”應(yīng)用的對(duì)象包括文本、圖形(包括矢量圖、組合對(duì)象)、位圖以及各種元件。,4. 幀的概念和類(lèi)型,幀是組成Flash動(dòng)畫(huà)最基本的單位,通過(guò)在不同的幀中放置相應(yīng)的動(dòng)畫(huà)元素(如位圖、文字和矢量圖等),然后對(duì)這些幀進(jìn)行連續(xù)播放,最終實(shí)現(xiàn)Flash動(dòng)畫(huà)效果。在Flash 8中,根據(jù)幀的不同功能和含義,可將幀分為空白關(guān)鍵幀、關(guān)鍵幀和普通幀三種。,①空白關(guān)鍵幀,空白關(guān)鍵幀在時(shí)間軸中以一個(gè)空心圓表示。 它是一個(gè)沒(méi)有內(nèi)容的關(guān)鍵幀。如果新建一個(gè)Flash文件,則會(huì)在第1幀自動(dòng)創(chuàng)建一個(gè)空白關(guān)鍵幀??瞻钻P(guān)鍵幀內(nèi)可以創(chuàng)建各種對(duì)象。選中某一個(gè)空白幀,再按F7鍵,即可將它轉(zhuǎn)換為空白關(guān)鍵幀。,②關(guān)鍵幀,關(guān)鍵幀在時(shí)間軸中以一個(gè)黑色實(shí)心圓表示。 該幀內(nèi)有對(duì)象,可以進(jìn)行編輯。選中一個(gè)空白幀,再按F6鍵,即可創(chuàng)建一個(gè)關(guān)鍵幀。,③普通幀,在關(guān)鍵幀的右邊的淺灰色背景幀單元格是普通幀,表示它的內(nèi)容與左邊的關(guān)鍵幀內(nèi)容一樣。選中關(guān)鍵幀右邊的一個(gè)空白幀,再按F5鍵,則從關(guān)鍵幀到選中的幀之間的所有幀均變成普通幀。,動(dòng)作幀,該幀本身也是一個(gè)關(guān)鍵幀,其中有一個(gè)字母“a”,表示這一幀中分配有動(dòng)作腳本。當(dāng)影片播放到這一幀時(shí)會(huì)執(zhí)行相應(yīng)的腳本程序。要加入動(dòng)作需彈出“動(dòng)作-幀”面板。,過(guò)渡幀,它是兩個(gè)關(guān)鍵幀之間,創(chuàng)建補(bǔ)間動(dòng)畫(huà)后由Flash計(jì)算生成的幀,它的底色為淺藍(lán)色或淺綠色。不可以對(duì)過(guò)渡幀進(jìn)行編輯,5. 幀的基本操作,幀的基本操作包括以下幾項(xiàng): 1)選擇幀 2)移動(dòng)幀 3)復(fù)制幀 4)插入幀 5)翻轉(zhuǎn)幀 6)清除幀 7)刪除幀 8)更改幀的顯示方式 9)添加幀標(biāo)簽,1)選擇幀,編輯幀以前應(yīng)先選中要編輯的幀。在時(shí)間軸中選中若干幀,然后單擊右鍵,即可彈出幀快捷菜單,常常需要使用幀快捷菜單中的菜單命令來(lái)編輯幀。,選擇幀的方法,(1)選中一個(gè)幀:?jiǎn)螕粢粠膯卧?,即可選中該幀。 (2)選中連續(xù)的多個(gè)幀:按住Shift鍵,選中一個(gè)或多個(gè)動(dòng)畫(huà)所在圖層內(nèi)左上角的幀,再單擊右下角的幀,即可選中連續(xù)的所有幀。另外,選中某一個(gè)非關(guān)鍵幀,再拖曳鼠標(biāo)。 (3)選中一個(gè)圖層的所有幀:?jiǎn)螕艨刂茀^(qū)域內(nèi)的某一圖層,即可選中該圖層的所有幀。,選擇幀的方法,(4)選中多個(gè)連續(xù)圖層的所有幀:按住Shift鍵,單擊控制區(qū)域內(nèi)的連續(xù)圖層中第1個(gè)圖層,再單擊連續(xù)圖層中最后一個(gè)圖層,即可選中多個(gè)連續(xù)圖層內(nèi)的所有幀。 (5)選中多個(gè)圖層的所有幀:按住Ctrl鍵,單擊控制區(qū)域內(nèi)的各個(gè)圖。 (6)選擇所有幀:選中幀快捷菜單中的“選擇所有幀”菜單命令。,2)移動(dòng)幀、復(fù)制幀和調(diào)整過(guò)渡幀的數(shù)量,(1)移動(dòng)幀:在時(shí)間軸中選中若干幀,用鼠標(biāo)拖曳選中的幀,可以把它們移到目的位置。 (2)復(fù)制幀和移動(dòng)幀:選中要移動(dòng)的幀,單擊幀快捷菜單中的“復(fù)制幀”(或“剪切幀”)菜單命令,將選中的幀復(fù)制(剪切)到剪貼板內(nèi)。再在時(shí)間軸窗口中選中一個(gè)幀單元格,然后彈出“幀”快捷菜單,單擊快捷菜單中的“粘貼幀”,即可把剪貼板中的若干幀粘貼到時(shí)間軸窗口選定的幀內(nèi),從而實(shí)現(xiàn)復(fù)制幀(移動(dòng)幀)。,2)移動(dòng)幀、復(fù)制幀和調(diào)整過(guò)渡幀的數(shù)量,(3)調(diào)整過(guò)渡幀的數(shù)量:在創(chuàng)建了運(yùn)動(dòng)或形狀動(dòng)畫(huà)后,如果要調(diào)整過(guò)渡的長(zhǎng)度,可以先選中起始或結(jié)束關(guān)鍵幀,然后用鼠標(biāo)水平拖曳該幀單元格,在拖曳幀單元格的時(shí)候,可能會(huì)出現(xiàn)只拖曳了結(jié)束幀單元格 ,此時(shí)需要再拖曳終止關(guān)鍵幀,使它與結(jié)束幀單元格 重合。,3)插入幀和刪除幀,(1)插入普通幀:選中要插入普通幀的幀單元格,然后按F5鍵。這時(shí)就會(huì)在選中的幀單元格中新增加一個(gè)普通幀,該幀單元格中原來(lái)的幀以及它右面的幀都會(huì)向右移動(dòng)一幀。 (2)刪除幀:在時(shí)間軸窗口中選中要?jiǎng)h除的一個(gè)或多個(gè)幀,然后單擊幀快捷菜單中的 “刪除幀”菜單命令。按住Shift+F5鍵,也可以刪除選中的幀。,3)插入幀和刪除幀,(3)插入關(guān)鍵幀,選中要插入關(guān)鍵幀的幀單元格,然后按F6鍵或單擊幀快捷菜單中的“插入關(guān)鍵幀”菜單命令。 (4)插入空白關(guān)鍵幀:選中要插入空白關(guān)鍵幀的幀單元格,然后按F7鍵或單擊幀快捷菜單中的“插入空白關(guān)鍵幀”菜單命令。,3)插入幀和刪除幀,(5)清除關(guān)鍵幀:選中要?jiǎng)h除的關(guān)鍵幀,然后單擊幀快捷菜單中的“刪除關(guān)鍵幀”菜單命令。此時(shí),原關(guān)鍵幀中的內(nèi)容會(huì)被前面的關(guān)鍵幀內(nèi)容取代。 (6)清除幀:選中要清除的幀,然后單擊幀快捷菜單中的“清除幀”菜單命令,可將選中的幀中的內(nèi)容清除,使該幀成為空白關(guān)鍵幀。,4)轉(zhuǎn)換為關(guān)鍵幀和動(dòng)畫(huà)反向播放,(1)轉(zhuǎn)換為關(guān)鍵幀(或空白關(guān)鍵幀):選中要轉(zhuǎn)換的普通幀,然后單擊幀快捷菜單中的“轉(zhuǎn)換為關(guān)鍵幀”(或“轉(zhuǎn)換為空白關(guān)鍵幀”)菜單命令。 (2)動(dòng)畫(huà)反向播放:動(dòng)畫(huà)反向播放就是使起始幀變?yōu)榻K止幀,終止幀變?yōu)槠鹗紟?。選中一段動(dòng)畫(huà),可以包括多個(gè)圖層,然后單擊幀快捷菜單中的“翻轉(zhuǎn)幀”菜單命令。,5)為幀添加標(biāo)簽和注釋,“時(shí)間軸”上的每一個(gè)幀都有一個(gè)編號(hào)。例如第1幀,第5幀等,都是指這種絕對(duì)的幀編號(hào)。在動(dòng)畫(huà)設(shè)計(jì)中,常常會(huì)用動(dòng)作腳本來(lái)控制動(dòng)畫(huà)的播放。例如,gotoAndPlay(10)命令中的10就是指第10幀。但是,如果我們?cè)诘?0幀前插入了新幀,那么gotoAndPlay(10)命令中的第10幀就不是原來(lái)的第10幀了,這就要求修改命令中的幀編號(hào),以指向所希望的幀。,5)為幀添加標(biāo)簽和注釋,可以使用幀標(biāo)簽代替幀編號(hào)來(lái)避免上述問(wèn)題。使用幀標(biāo)簽來(lái)標(biāo)識(shí)關(guān)鍵幀,當(dāng)添加或移動(dòng)幀時(shí),幀標(biāo)簽會(huì)隨著幀移動(dòng),而不管幀編號(hào)是否改變。這樣不管時(shí)間軸如何調(diào)整,也不用修改腳本程序了。,5)為幀添加標(biāo)簽和注釋,輸入幀標(biāo)簽,“時(shí)間軸”上的幀標(biāo)簽,,“標(biāo)簽類(lèi)型”下拉列表框:在輸入關(guān)鍵幀的標(biāo)簽名稱后“標(biāo)簽類(lèi)型”下拉列表框才會(huì)生效。該下拉列表框可以用來(lái)定義標(biāo)簽的類(lèi)型,其中有三個(gè)選項(xiàng)“名稱”、“注釋”、“錨記”。,5)為幀添加標(biāo)簽和注釋,幀注釋用于為自己或他人提供提示,有助于對(duì)動(dòng)畫(huà)的后期制作或修改。 命名錨記:為幀添加命名錨記后,可以使用戶使用瀏覽器中的“前進(jìn)”和“后退”按鈕從一個(gè)幀跳到另一個(gè)幀,或者從一個(gè)場(chǎng)景跳到另一個(gè)場(chǎng)景來(lái)觀看動(dòng)畫(huà)。,6. 圖層的概念和類(lèi)型,Flash 8中的圖層就像一張透明的紙,而動(dòng)畫(huà)中的多個(gè)圖層,就相當(dāng)于一疊透明的紙,通過(guò)調(diào)整這些紙張的上下位置,就可以改變紙張中圖形的上下層次關(guān)系。,6. 圖層的概念和類(lèi)型,圖層類(lèi)型 層文件夾 引導(dǎo)層 運(yùn)動(dòng)引導(dǎo)層:它可以引導(dǎo)對(duì)象沿輔助線移動(dòng),產(chǎn)生引導(dǎo)動(dòng)作動(dòng)畫(huà) 普通引導(dǎo)層:只起到輔助繪圖的作用。方法是:創(chuàng)建一個(gè)普通圖層。將鼠標(biāo)指針移到該圖層名稱處,單擊鼠標(biāo)右鍵,彈出圖層快捷菜單,再單擊快捷菜單中的“引導(dǎo)層”菜單命令 遮罩層 普通層,各種圖層,7. 圖層的基本操作,圖層的基本操作包括以下幾項(xiàng): 1)新建圖層 2)移動(dòng)圖層 3)重命名圖層 4)刪除圖層 5)鎖定與隱藏圖層 6)利用圖層文件夾管理圖層 7)設(shè)置圖層屬性,選擇圖層,選中一個(gè)或多個(gè)圖層中的所有幀,也就是選中了該圖層。 (1)選中一個(gè)圖層:在時(shí)間軸窗口中單擊圖層控制區(qū)的相應(yīng)圖層行。選中的圖層,其圖層控制區(qū)的相應(yīng)圖層行呈黑底色,在圖層名稱的右邊出現(xiàn)一個(gè)筆狀圖標(biāo);另外,在舞臺(tái)工作區(qū)中,選中一個(gè)對(duì)象,該對(duì)象所在的圖層就會(huì)同時(shí)被選中。 (2)選中多個(gè)圖層:按下Shift鍵或Ctrl鍵,同時(shí)單擊控制區(qū)內(nèi)各相應(yīng)圖層行,即可選中多個(gè)圖層。,顯示/隱藏圖層和鎖定/解鎖圖層,(1)顯示/隱藏所有圖層:?jiǎn)螕魣D層控制區(qū)第一行的 圖標(biāo),即可隱藏所有圖層的對(duì)象,所有圖層的顯示列會(huì)出現(xiàn)紅色的 ,表示該層被隱藏了。再單擊 圖標(biāo),即可顯示所有圖層,紅色的 也會(huì)取消。被隱藏的圖層中對(duì)象不會(huì)顯示出來(lái),但可以正常輸出。,,,,,,(2)顯示/隱藏一個(gè)圖層:?jiǎn)螕魣D層控制區(qū)某一個(gè)圖層的顯示列上的小黑點(diǎn),即可使該圖層顯示列出現(xiàn)一個(gè)紅色 ,表示該層被隱藏了,再單擊紅色 ,就會(huì)將該圖層顯示出來(lái)。 (3)顯示/隱藏連續(xù)的幾個(gè)圖層:在圖層控制區(qū)顯示列,拖曳鼠標(biāo)圈起多個(gè)圖層。 (4)顯示/隱藏未選中的所有圖層:按下Alt鍵,單擊圖層控制區(qū)某一個(gè)圖層的顯示列。,,,,鎖定/解鎖圖層的操作方法與顯示/隱藏圖層的方法相似,只是操作的不是 圖標(biāo),而是 圖標(biāo)。所有圖形與動(dòng)畫(huà)制作都是在選中的當(dāng)前圖層中進(jìn)行,任何時(shí)刻只能有一個(gè)當(dāng)前圖層。在任何可見(jiàn)的并且沒(méi)有被鎖定圖層中,可以進(jìn)行對(duì)象的編輯。,給圖層重命名和改變圖層的順序,(1)給圖層重命名:雙擊圖層控制區(qū)相應(yīng)圖層的名稱,使黑底色變?yōu)榘椎咨缓筝斎胄碌膱D層名稱即可。 (2)改變圖層順序:圖層的順序決定了工作區(qū)各圖層的前后關(guān)系。用鼠標(biāo)拖曳圖層控制區(qū)域內(nèi)的圖層,即可將圖層上下移動(dòng),改變圖層的順序。,刪除圖層和復(fù)制圖層,(1)刪除圖層:首先選中一個(gè)或多個(gè)圖層,然后單擊“刪除圖層”圖標(biāo) 或者拖曳選中的圖層到“刪除圖層”圖標(biāo) 之上。 (2)復(fù)制圖層:復(fù)制圖層就是復(fù)制該圖層中的所有幀。利用幀快捷菜單中的菜單命令,通過(guò)剪貼板可以將選中圖層中的所有幀復(fù)制到時(shí)間軸的其他圖層中。,復(fù)制圖層具體操作方法,選中要復(fù)制的圖層。將鼠標(biāo)指針移到選中的幀之上,單擊鼠標(biāo)右鍵,彈出幀快捷菜單。 單擊幀快捷菜單中的“復(fù)制幀”菜單命令,將選中的圖層中的所有幀復(fù)制到剪貼板中。 新建一個(gè)圖層,選中該圖層。將鼠標(biāo)指針移到選中幀之上,單擊鼠標(biāo)右鍵,彈出幀快捷菜單。再單擊該菜單中的“粘貼幀”菜單命令,將剪貼板中的內(nèi)容粘貼到選中圖層的各幀中。,5.1.2 典型案例——制作“霓虹 燈箱”動(dòng)畫(huà),案例目標(biāo) 本案例將通過(guò)對(duì)幀和圖層進(jìn)行操作,并配合繪圖工具和文本工具,制作出“霓虹燈箱”動(dòng)畫(huà)效果。 源文件位置:【\第5課\源文件\制作“霓虹燈箱”動(dòng)畫(huà).fla】,5.1.2 典型案例——制作“霓虹 燈箱”動(dòng)畫(huà),操作思路 (1)將圖層1重命名,并繪制燈箱圖形。 (2)新建“霓虹彩條”圖層,在圖層中通過(guò)對(duì)幀進(jìn)行相應(yīng)的操作,制作出霓虹彩條閃爍的動(dòng)畫(huà)效果。 (3)新建“文字”和“彩燈”圖層,在這兩個(gè)圖層中制作文字顏色變換和彩燈運(yùn)動(dòng)的動(dòng)畫(huà)效果。,5.1.2 典型案例——制作“霓虹 燈箱”動(dòng)畫(huà),案例小結(jié) 本案例通過(guò)將繪制的燈箱圖形、彩色線條、橢圓以及輸入的文字,分別放置到不同圖層中,并在各圖層中利用關(guān)鍵幀的插入和復(fù)制等方法,制作了表現(xiàn)霓虹燈箱閃爍的動(dòng)畫(huà)效果。在本例中,主要練習(xí)了新建圖層、重命名圖層、選擇幀、插入幀以及復(fù)制幀等操作。,5.2 逐幀動(dòng)畫(huà),在前面了解了Flash動(dòng)畫(huà)的基本特點(diǎn)和類(lèi)型,并學(xué)習(xí)了幀和圖層的基本操作。從這一節(jié)開(kāi)始,就將正式對(duì)Flash 8中的動(dòng)畫(huà)制作進(jìn)行學(xué)習(xí)。 在本節(jié)中,首先對(duì)Flash 8中制作逐幀動(dòng)畫(huà)的基本方法進(jìn)行詳細(xì)講解。,5.2 逐幀動(dòng)畫(huà),5.2.1 知識(shí)講解 5.2.2 典型案例——制作“扇子開(kāi)合” 逐幀動(dòng)畫(huà) 5.2.3 典型案例——制作“風(fēng)之舞” 逐幀動(dòng)畫(huà),5.2.1 知識(shí)講解,逐幀動(dòng)畫(huà)是三種基本動(dòng)畫(huà)中最有特點(diǎn),也是最依賴制作者制作水平的一種動(dòng)畫(huà)類(lèi)型,這種動(dòng)畫(huà)對(duì)制作者的繪畫(huà)和動(dòng)畫(huà)制作功力都有較高的要求。 其原理就是通過(guò)分解動(dòng)畫(huà)動(dòng)作,然后在每一關(guān)鍵幀上設(shè)計(jì)動(dòng)畫(huà)內(nèi)容,通過(guò)這些關(guān)鍵幀的連續(xù)變化形成動(dòng)畫(huà)效果。逐幀動(dòng)畫(huà)更適合于制作每一幀中的圖像都在改變而不是僅僅簡(jiǎn)單地在舞臺(tái)中移動(dòng)或變形的復(fù)雜動(dòng)畫(huà)。,5.2.1 知識(shí)講解,1. 創(chuàng)建逐幀動(dòng)畫(huà)的幾種方法 2. 逐幀動(dòng)畫(huà)制作技巧,1. 創(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à)(參考實(shí)例:奔跑的駿馬)。 (2)繪制矢量逐幀動(dòng)畫(huà) 用鼠標(biāo)或壓感筆在場(chǎng)景中一幀幀的畫(huà)出幀內(nèi)容。 (3)文字逐幀動(dòng)畫(huà) 用文字作幀中的元件,實(shí)現(xiàn)文字跳躍、旋轉(zhuǎn)等特效。 (4)指令逐幀動(dòng)畫(huà) 在時(shí)間幀面板上,逐幀寫(xiě)入動(dòng)作腳本語(yǔ)句來(lái)完成元件的變化。 (5)導(dǎo)入序列圖像 可以導(dǎo)入gif序列圖像、swf動(dòng)畫(huà)文件或者利用第3方軟件(如swish、swift 3D等)產(chǎn)生的動(dòng)畫(huà)序列。,繪制矢量逐幀動(dòng)畫(huà),具體操作如下: (1)首先根據(jù)逐幀動(dòng)畫(huà)所需的幀數(shù)量,在時(shí)間軸中預(yù)先插入相應(yīng)的空白關(guān)鍵幀數(shù)量。 (2)選中逐幀動(dòng)畫(huà)中的第1個(gè)關(guān)鍵幀,然后使用繪圖工具在關(guān)鍵幀中繪制圖形。 (3)參照第1個(gè)關(guān)鍵幀中的圖形位置和大小,在第2個(gè)關(guān)鍵幀中繪制具有動(dòng)作變化效果的第2幀圖形。,繪制矢量逐幀動(dòng)畫(huà),(4)用類(lèi)似的方法,依次繪制其余關(guān)鍵幀中的圖形,在繪制時(shí)應(yīng)注意關(guān)鍵幀中的圖形與前一關(guān)鍵幀中圖形的相對(duì)關(guān)系(位置、大小和動(dòng)作變化)。 (5)繪制所有關(guān)鍵幀中的圖形后,可通過(guò)拖動(dòng)【時(shí)間軸】面板中的播放指針,查看逐幀動(dòng)畫(huà)的效果,然后根據(jù)查看的結(jié)果,對(duì)相應(yīng)關(guān)鍵幀中的圖形進(jìn)行適當(dāng)修改即可。,2. 逐幀動(dòng)畫(huà)制作技巧,創(chuàng)建逐幀動(dòng)畫(huà)的技巧有以下三點(diǎn): 1)預(yù)先繪制草圖 2)使用修改方式創(chuàng)建逐幀動(dòng)畫(huà) 3)使用【繪圖紙外觀】功能編輯動(dòng)畫(huà),繪畫(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è)幀了。,繪圖紙各個(gè)按鈕的介紹,【繪圖紙外觀】按鈕:按下此按鈕后,在時(shí)間幀的上方,出現(xiàn) 繪圖紙外觀標(biāo)記。拉動(dòng)外觀標(biāo)記的兩端,可以擴(kuò)大或縮小顯示范圍。 【繪圖紙外觀輪廓】按鈕:按下此按鈕后,場(chǎng)景中顯示各幀內(nèi)容的輪廓線,填充色消失,特別適合觀察對(duì)象輪廓,另外可以節(jié)省系統(tǒng)資源,加快顯示過(guò)程。 【編輯多個(gè)幀】按鈕:按下后可以顯示全部幀內(nèi)容,并且可以進(jìn)行“多幀同時(shí)編輯”。,繪圖紙各個(gè)按鈕的介紹,【修改繪圖紙標(biāo)記】按鈕:按下后,彈出菜單,菜單中有以下選項(xiàng): 【總是顯示標(biāo)記】選項(xiàng):會(huì)在時(shí)間軸標(biāo)題中顯示繪圖紙外觀標(biāo)記,無(wú)論繪圖紙外觀是否打開(kāi)。 【錨定繪圖紙】選項(xiàng):會(huì)將繪圖紙外觀標(biāo)記鎖定在它們?cè)跁r(shí)間軸標(biāo)題中的當(dāng)前位置。通常情況下,繪圖紙外觀范圍是和當(dāng)前幀的指針以及繪圖紙外觀標(biāo)記相關(guān)的。通過(guò)錨定繪圖紙外觀標(biāo)記,可以防止它們隨當(dāng)前幀的指針移動(dòng)。 【繪圖紙 2】選項(xiàng);會(huì)在當(dāng)前幀的兩邊顯示兩個(gè)幀。 【繪圖紙 5】選項(xiàng);會(huì)在當(dāng)前幀的兩邊顯示五個(gè)幀。 【繪制全部】選項(xiàng);會(huì)在當(dāng)前幀的兩邊顯示全部幀。,5.2.2 典型案例——制作“扇子開(kāi)合”逐幀動(dòng)畫(huà),源文件位置:【\第5課\源文件\扇子開(kāi)合.fla】,5.2.3 典型案例——制作“風(fēng)之舞” 逐幀動(dòng)畫(huà),案例目標(biāo) 本案例將制作一個(gè)表現(xiàn)女孩頭發(fā)和裙子隨風(fēng)舞動(dòng)的“風(fēng)之舞”逐幀動(dòng)畫(huà),效果如圖所示。通過(guò)本例的練習(xí),可熟練掌握在Flash 8中制作逐幀動(dòng)畫(huà)的基本方法。 素材位置:【\第5課\素材】 源文件位置:【\第5課\源文件\制作“風(fēng)之舞”逐幀動(dòng)畫(huà).fla】,5.2.3 典型案例——制作“風(fēng)之舞” 逐幀動(dòng)畫(huà),操作思路 (1)將“曠野.jpg”圖片素材導(dǎo)入到庫(kù)中,并將其放置到場(chǎng)景中。 (2)新建“人物”圖層,然后使用繪圖工具繪制逐幀動(dòng)畫(huà)的第1個(gè)關(guān)鍵幀中的圖形。 (3)參考第1個(gè)關(guān)鍵幀中的圖形,依次繪制逐幀動(dòng)畫(huà)中其余關(guān)鍵幀中的圖形。,5.2.3 典型案例——制作“風(fēng)之舞” 逐幀動(dòng)畫(huà),案例小結(jié) 本案例通過(guò)制作“風(fēng)之舞”逐幀動(dòng)畫(huà),練習(xí)了在Flash 8中創(chuàng)建逐幀動(dòng)畫(huà)的基本方法,并涉及到【繪圖紙外觀】功能的基本應(yīng)用。在制作逐幀動(dòng)畫(huà)的過(guò)程中,應(yīng)根據(jù)動(dòng)畫(huà)的實(shí)際情況選擇相應(yīng)的繪圖紙外觀顯示方式,或開(kāi)啟同時(shí)編輯多個(gè)幀的功能,對(duì)動(dòng)畫(huà)中的圖形進(jìn)行編輯和修改。,5.3 動(dòng)作補(bǔ)間動(dòng)畫(huà),動(dòng)作補(bǔ)間動(dòng)畫(huà)是Flash動(dòng)畫(huà)中應(yīng)用最多的一種動(dòng)畫(huà)類(lèi)型,通常用于在兩個(gè)關(guān)鍵幀之間為相同的圖形創(chuàng)建移動(dòng)、旋轉(zhuǎn)以及縮放等動(dòng)畫(huà)效果,如表現(xiàn)文字移動(dòng)的效果等。,5.3 動(dòng)作補(bǔ)間動(dòng)畫(huà),5.3.1 知識(shí)講解 5.3.2 典型案例——制作“廣告 Banner”,5.3.1 知識(shí)講解,1. 創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫(huà) 2. 為動(dòng)作補(bǔ)間動(dòng)畫(huà)添加附加效果,1. 創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫(huà),在Flash 8中,創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫(huà)的的對(duì)象必須是元件或組對(duì)象。運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)是對(duì)組合、實(shí)例和文本的屬性進(jìn)行漸變的動(dòng)畫(huà)。,使關(guān)鍵幀成為動(dòng)作補(bǔ)間動(dòng)畫(huà)的關(guān)鍵幀,在選中一個(gè)或多個(gè)關(guān)鍵幀后,執(zhí)行下面的操作均可以將選中的一個(gè)或多個(gè)關(guān)鍵幀轉(zhuǎn)換為動(dòng)作動(dòng)畫(huà)的關(guān)鍵幀,從而創(chuàng)建動(dòng)作動(dòng)畫(huà)。,(1)使用工具箱內(nèi)的選擇工具 ,選中動(dòng)畫(huà)的第1個(gè)關(guān)鍵幀,單擊鼠標(biāo)右鍵,彈出幀快捷菜單命令,單擊該菜單命令中的“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”菜單命令或單擊“插入”→“時(shí)間軸”→“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”菜單命令。選中動(dòng)畫(huà)的最后一個(gè)關(guān)鍵幀,按F6鍵。,,創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫(huà)的方法,(2)使用工具箱內(nèi)的選擇工具 ,按住Shift鍵,選中動(dòng)畫(huà)的第1個(gè)關(guān)鍵幀,再選中動(dòng)畫(huà)的最后一個(gè)關(guān)鍵幀,單擊鼠標(biāo)右鍵,彈出幀快捷菜單命令,單擊該菜單命令中的“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”菜單命令或單擊“插入”→“時(shí)間軸”→“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”菜單命令。,,創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫(huà)的方法,動(dòng)作補(bǔ)間動(dòng)畫(huà)關(guān)鍵幀的“屬性”面板,選中動(dòng)畫(huà)關(guān)鍵幀,彈出動(dòng)畫(huà)關(guān)鍵幀的“屬性”面板。利用該面板可以設(shè)置動(dòng)畫(huà)類(lèi)型和動(dòng)畫(huà)其他屬性。在“補(bǔ)間”下拉列表框中選擇了“動(dòng)畫(huà)”選項(xiàng)(應(yīng)該翻譯為“動(dòng)作選項(xiàng)”)后,該面板如下圖所示。該對(duì)話框內(nèi)有關(guān)動(dòng)畫(huà)選項(xiàng)的作用如下。,動(dòng)作補(bǔ)間動(dòng)畫(huà)關(guān)鍵幀的“屬性”面板,(1)“補(bǔ)間”下拉列表框:用來(lái)選擇動(dòng)畫(huà)類(lèi)型。它有三個(gè)選項(xiàng):選擇“無(wú)”選項(xiàng),是沒(méi)有動(dòng)畫(huà);選擇“動(dòng)畫(huà)”選項(xiàng),是創(chuàng)建動(dòng)作動(dòng)畫(huà);選擇“形狀”選項(xiàng),是創(chuàng)建“形狀”動(dòng)畫(huà)。,(2)“緩動(dòng)”文本框:可輸入數(shù)據(jù)或調(diào)整滑條的滑塊(數(shù)值范圍是?100到100),來(lái)調(diào)整運(yùn)動(dòng)的加速度。其值為負(fù)數(shù)時(shí)為動(dòng)畫(huà)在結(jié)束時(shí)加速,其值為正數(shù)時(shí)為動(dòng)畫(huà)在結(jié)束時(shí)減速。,(3)“旋轉(zhuǎn)”下拉列表框:用來(lái)控制對(duì)象在運(yùn)動(dòng)時(shí)是否自旋轉(zhuǎn)和旋轉(zhuǎn)方式。選擇“無(wú)”,是不旋轉(zhuǎn);選擇“自動(dòng)”,是按照盡可能少運(yùn)動(dòng)的情況下旋轉(zhuǎn)對(duì)象;選擇“順時(shí)針”,是順時(shí)針旋轉(zhuǎn)對(duì)象;選擇“逆時(shí)針”,是逆時(shí)針旋轉(zhuǎn)對(duì)象??梢栽谄溆疫叺摹按巍蔽谋究騼?nèi)輸入旋轉(zhuǎn)的次數(shù)。,(4)“調(diào)整到路徑”復(fù)選框:選中它后,可將運(yùn)動(dòng)對(duì)象的基線調(diào)整到運(yùn)動(dòng)路徑。 (5)“同步”復(fù)選框:選中它后,可使圖形元件實(shí)例的動(dòng)畫(huà)與住時(shí)間軸同步。 (6)“對(duì)齊”復(fù)選框:選中它后,可使運(yùn)動(dòng)對(duì)象的中心點(diǎn)標(biāo)記與運(yùn)動(dòng)路徑對(duì)齊。,2.為動(dòng)作補(bǔ)間動(dòng)畫(huà)添加附加效果,在Flash 8中,通過(guò)在【屬性】面板中進(jìn)行相應(yīng)的設(shè)置,還可以為創(chuàng)建的動(dòng)作補(bǔ)間動(dòng)畫(huà)添加明暗變化、色調(diào)變化以及顏色變化等附加效果。 添加旋轉(zhuǎn)、明暗變化、色調(diào)變化、透明度變化、高級(jí)顏色變化效果 見(jiàn)實(shí)例【淡入淡出.fla】,5.3.2 典型案例——制作“廣告 Banner”,案例目標(biāo) 本例將通過(guò)為導(dǎo)入的圖片素材和輸入的文字創(chuàng)建相應(yīng)的動(dòng)作補(bǔ)間動(dòng)畫(huà),制作一個(gè)“廣告Banner”動(dòng)畫(huà)。通過(guò)本例,可掌握在Flash 8中創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫(huà)的方法,并練習(xí)為動(dòng)作補(bǔ)間動(dòng)畫(huà)添加附加效果的基本操作。 素材位置:【\第5課\素材】 源文件位置:【\第5課\源文件\制作“廣告Banner”.fla】,5.3.2 典型案例——制作“廣告 Banner”,操作思路 (1)將素材圖片導(dǎo)入到庫(kù)中,并利用導(dǎo)入的“底色.jpg”素材圖片制作“背景”圖層。 (2)新建“泡沫”和“裝飾條”圖層,并在這兩個(gè)圖層中分別創(chuàng)建表現(xiàn)氣泡上浮和裝飾條移入場(chǎng)景的動(dòng)作補(bǔ)間動(dòng)畫(huà)。 (3)利用“啤酒.bmp”和“標(biāo)志.bmp”圖片素材,制作“啤酒”和“標(biāo)志”圖層。 (4)新建“文字”和“文字2”圖層,并在這兩個(gè)圖層中創(chuàng)建文字移入場(chǎng)景的動(dòng)作補(bǔ)間動(dòng)畫(huà)。,5.4 形狀補(bǔ)間動(dòng)畫(huà),形狀補(bǔ)間動(dòng)畫(huà)可以在兩個(gè)關(guān)鍵幀之間,為圖形創(chuàng)建自然過(guò)渡的變形動(dòng)畫(huà)效果。合理地利用形狀補(bǔ)間動(dòng)畫(huà),可以在動(dòng)畫(huà)中制作出各類(lèi)精美的形狀變化效果。,5.4 形狀補(bǔ)間動(dòng)畫(huà),5.4.1 知識(shí)講解 5.4.2 典型案例——制作“桃花朵朵 開(kāi)”動(dòng)畫(huà),5.4.1 知識(shí)講解,在了解形狀補(bǔ)間動(dòng)畫(huà)的特點(diǎn)和用途后,下面就對(duì)在Flash 8中創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà),以及利用形狀提示控制形狀變化過(guò)程的方法進(jìn)行介紹。,5.4.1 知識(shí)講解,1. 創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà) 2. 為動(dòng)畫(huà)添加形狀提示,1. 創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà),Flash 8可以將圖形、打碎的文字和打碎的點(diǎn)陣圖。Flash 8不能將實(shí)例、未打碎的文字、點(diǎn)陣圖像、組合對(duì)象進(jìn)行變形。 在形狀動(dòng)畫(huà)中,對(duì)象位置和顏色的變換是在兩個(gè)對(duì)象之間發(fā)生的變化,而在動(dòng)作動(dòng)畫(huà)中,變化的是同一個(gè)對(duì)象的位置和顏色屬性。,創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà)的方法一,(1)在時(shí)間軸面板上動(dòng)畫(huà)開(kāi)始播放的地方創(chuàng)建或選擇一個(gè)關(guān)鍵幀并設(shè)置要開(kāi)始變形的形狀,一般一幀中以一個(gè)對(duì)象為好,在動(dòng)畫(huà)結(jié)束處創(chuàng)建或選擇一個(gè)關(guān)鍵幀并設(shè)置要變成的形狀,再單擊開(kāi)始幀,在【屬性】面板上單擊【補(bǔ)間】旁邊的小三角,在彈出的菜單中選擇【形狀】,,創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà)的方法二,(1)選中在時(shí)間軸內(nèi)一個(gè)空白關(guān)鍵幀作為動(dòng)畫(huà)的開(kāi)始幀。然后,在舞臺(tái)工作區(qū)內(nèi)創(chuàng)建一個(gè)符合要求的對(duì)象,作為形狀動(dòng)畫(huà)的初始對(duì)象。 (2)選中形狀動(dòng)畫(huà)的第1個(gè)關(guān)鍵幀,再選中“屬性”面板內(nèi)“補(bǔ)間”下拉列表框中的“形狀”選項(xiàng)。,,(3)單擊形狀動(dòng)畫(huà)的終止幀,按F6鍵,創(chuàng)建動(dòng)畫(huà)的終止幀為關(guān)鍵幀。此時(shí),在時(shí)間軸上,從第1幀到終止幀之間會(huì)出現(xiàn)一個(gè)指向右邊的箭頭,幀單元格的背景為淺綠色。 (4)在舞臺(tái)工作區(qū)內(nèi)創(chuàng)建一個(gè)附合要求的對(duì)象,作為形狀動(dòng)畫(huà)的終止對(duì)象,再將該幀內(nèi)原有的對(duì)象刪除。注意:一定先創(chuàng)建新對(duì)象,再刪除原對(duì)象;關(guān)鍵幀內(nèi)創(chuàng)建的對(duì)象必須是圖形、打碎的文字或打碎(或矢量化)的點(diǎn)陣圖像。,形狀動(dòng)畫(huà)關(guān)鍵幀的“屬性”面板,1)“簡(jiǎn)易”選項(xiàng)(緩動(dòng)),單擊其右邊的 按鈕,會(huì)彈出滑動(dòng)桿,拖動(dòng)上面的滑塊可以調(diào)節(jié)參數(shù)值,當(dāng)然也可以在文本框中直接輸入具體的數(shù)值,設(shè)置后,形狀補(bǔ)間動(dòng)畫(huà)會(huì)隨之發(fā)生相應(yīng)的變化。 在1到 -100 的負(fù)值之間,動(dòng)畫(huà)運(yùn)動(dòng)的速度從慢到快,朝運(yùn)動(dòng)結(jié)束的方向加速度補(bǔ)間。 在1 到 100 的正值之間,動(dòng)畫(huà)運(yùn)動(dòng)的速度從快到慢,朝運(yùn)動(dòng)結(jié)束的方向減慢補(bǔ)間。 默認(rèn)情況下,補(bǔ)間幀之間的變化速率是不變的。,“分布式”選項(xiàng),可使形狀動(dòng)畫(huà)過(guò)程中創(chuàng)建的中間過(guò)渡幀的圖形較平滑。 【角形】選項(xiàng):創(chuàng)建的動(dòng)畫(huà)中間形狀會(huì)保留有明顯的角和直線,適合于具有銳化轉(zhuǎn)角和直線的混合形狀。 【分布式】選項(xiàng):創(chuàng)建的動(dòng)畫(huà)中間形狀比較平滑和不規(guī)則。,2. 為動(dòng)畫(huà)添加形狀提示,在創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà)后,通過(guò)為圖形添加形狀提示,可以對(duì)圖形各部分之間的變形和過(guò)渡效果進(jìn)行控制,從而制作出更具變化的變形效果。,形狀提示,形狀提示就是在形狀的初始圖形與結(jié)束圖形上,分別指定一些形狀的關(guān)鍵點(diǎn),并使這些關(guān)鍵點(diǎn)在起始幀中和結(jié)束幀中一一對(duì)應(yīng),這樣Flash就會(huì)根據(jù)這些關(guān)鍵點(diǎn)的對(duì)應(yīng)關(guān)系來(lái)計(jì)算形狀變化的過(guò)程。,添加形狀提示方法,(1)選中時(shí)間軸上第1幀單元格,再單擊“修改”→“形狀”→“添加形狀提示”菜單命令,或按Ctrl+Shift+H鍵,即可在第1幀圓形圖形中加入一個(gè)形狀提示標(biāo)記“a”。再重復(fù)上述過(guò)程,可以繼續(xù)增加“b”到“z”25個(gè)形狀提示標(biāo)記。此處再增加一個(gè)形狀提示標(biāo)記。,(2)用鼠標(biāo)拖曳這些標(biāo)記,分別放置在第1幀圖形的一些位置處,如圖所示。,第1幀圓球形狀提示標(biāo)記,(3)再選中終止幀單元格,這時(shí)會(huì)看到終止幀矩形圖形中也有“a”和“b”關(guān)鍵點(diǎn)標(biāo)記(兩個(gè)標(biāo)記重疊)。用鼠標(biāo)拖曳這些標(biāo)記,分別放置在矩形圖形的適當(dāng)位置,如圖所示。如果沒(méi)有關(guān)鍵點(diǎn)標(biāo)記顯示,可選中“視圖”→“顯示形狀提示”菜單命令。,,終止幀矩形圖形的形狀提示標(biāo)記,(4)在F1ash中最多可以使用26個(gè)形狀關(guān)鍵點(diǎn)標(biāo)記,分別用26個(gè)英文小寫(xiě)字母表示。在起始關(guān)鍵幀的形狀關(guān)鍵點(diǎn)用黃色圓圈表示,在終止關(guān)鍵幀用綠色圓圈表示。如果關(guān)鍵點(diǎn)的位置不在曲線上,將顯示紅色圓圈。 見(jiàn)實(shí)例【添加形狀提示.fla】,5.4.2 典型案例——制作“桃花 朵朵開(kāi)”動(dòng)畫(huà),案例目標(biāo) 本案例將利用形狀補(bǔ)間動(dòng)畫(huà),制作 “桃花朵朵開(kāi)”動(dòng)畫(huà)。通過(guò)本案例,掌握在Flash 8中創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà)的方法。 素材位置:【\第5課\素材】 源文件位置:【\第5課\源文件\制作“桃花朵朵開(kāi)”動(dòng)畫(huà).fla】,5.4.2 典型案例——制作“桃花 朵朵開(kāi)”動(dòng)畫(huà),操作思路 (1)導(dǎo)入“畫(huà)紙.jpg”圖片素材,然后利用圖片素材制作“畫(huà)紙”圖層。 (2)新建“樹(shù)干”和“桃花”圖層,并在圖層中分別制作表現(xiàn)樹(shù)干變形和桃花開(kāi)放的形狀補(bǔ)間動(dòng)畫(huà)。 (3)新建“文字”圖層,利用打散的文字創(chuàng)建表現(xiàn)文字變形的形狀補(bǔ)間動(dòng)畫(huà)。,5.4.2 典型案例——制作“桃花 朵朵開(kāi)”動(dòng)畫(huà),案例小結(jié) 本案例通過(guò)制作“桃花朵朵開(kāi)”動(dòng)畫(huà),練習(xí)了在Flash 8中創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà)的基本方法。在本例制作的過(guò)程中,如果出現(xiàn)桃花在變化時(shí)位置出現(xiàn)交錯(cuò)的情況,可通過(guò)為相應(yīng)的橢圓和桃花圖形添加形狀提示的方法來(lái)處理。 另外,在制作本例后,還可嘗試制作類(lèi)似的動(dòng)畫(huà)效果,以盡快掌握形狀補(bǔ)間動(dòng)畫(huà)這種重要的基本動(dòng)畫(huà)類(lèi)型。,5.5 綜合實(shí)例,5.5.1 制作“飛奔”逐幀動(dòng)畫(huà) 5.5.2 制作“比賽作品征集”動(dòng)畫(huà) 5.5.3 制作“鏡面文字”動(dòng)畫(huà) 5.5.4 制作“臉譜變化”動(dòng)畫(huà),5.5.1 制作“飛奔”逐幀動(dòng)畫(huà),本次練習(xí)將制作表現(xiàn)人物跑動(dòng)的逐幀動(dòng)畫(huà),然后配合導(dǎo)入的圖片素材,制作出表現(xiàn)人物快速奔跑的動(dòng)畫(huà)效果。本例主要練習(xí)創(chuàng)建逐幀動(dòng)畫(huà)的方法,并了解利用圖片素材襯托動(dòng)畫(huà)效果的方法。 素材位置:【\第5課\素材】 源文件位置:【\第5課\源文件\制作“飛奔”逐幀動(dòng)畫(huà).fla】,5.5.1 制作“飛奔”逐幀動(dòng)畫(huà),操作思路 文檔的場(chǎng)景尺寸為500×250像素,背景顏色為白色。 在“人物”圖層中依次插入空白關(guān)鍵幀,并利用繪圖工具在各關(guān)鍵幀中,依次繪制表現(xiàn)人物奔跑動(dòng)作的連續(xù)圖形。 在“人物”圖層下方新建“背景”圖層,然后利用導(dǎo)入的“模糊.jpg”素材圖片制作背景向后移動(dòng)的逐幀動(dòng)畫(huà)。,5.5.2 制作“比賽作品征集”動(dòng)畫(huà),本次練習(xí)將利用動(dòng)作補(bǔ)間動(dòng)畫(huà),制作一個(gè)用于征集比賽作品的Banner動(dòng)畫(huà)。本例主要練習(xí)創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫(huà)的方法,并再次鞏固運(yùn)用動(dòng)作補(bǔ)間動(dòng)畫(huà)制作Banner動(dòng)畫(huà)的相關(guān)知識(shí)。 素材位置:【\第5課\素材】 源文件位置:【\第5課\源文件\制作“比賽作品征集”動(dòng)畫(huà).fla】,5.5.2 制作“比賽作品征集”動(dòng)畫(huà),操作思路 文檔的場(chǎng)景尺寸為600×250像素,背景顏色為黃色,幀頻為18fps。 制作表現(xiàn)卡通圖形閃爍的“卡通”圖形元件(元件中的暴力猴圖形可從“為暴力猴填色.fla”中獲得),然后利用導(dǎo)入的“背景.jpg”圖片制作表現(xiàn)背景運(yùn)動(dòng)的“背景動(dòng)”影片剪輯。,5.5.2 制作“比賽作品征集”動(dòng)畫(huà),新建“背景”圖層,在圖層中制作“背景動(dòng)”影片剪輯淡入場(chǎng)景的動(dòng)作補(bǔ)間動(dòng)畫(huà)。新建“引導(dǎo)”圖層,在圖層中制作白色矩形移入場(chǎng)景并放大的動(dòng)作補(bǔ)間動(dòng)畫(huà)。 新建“人物”圖層,利用“卡通”圖形元件制作圖形元件縮放的動(dòng)作補(bǔ)間動(dòng)畫(huà)。然后分別新建“文字01”、“文字02”和“文字03”圖層,在這三個(gè)圖層中為相關(guān)的文字制作動(dòng)作補(bǔ)間動(dòng)畫(huà)。,5.5.3 制作“鏡面文字”動(dòng)畫(huà),本次練習(xí)將利用動(dòng)作補(bǔ)間動(dòng)畫(huà),制作一個(gè)鏡面文字動(dòng)畫(huà)。 素材位置:【\第5課\素材】 源文件位置:【\第5課\源文件\制作“鏡面文字”動(dòng)畫(huà).fla】,5.5.4 制作“臉譜變化”動(dòng)畫(huà),本次練習(xí)將利用形狀補(bǔ)間動(dòng)畫(huà),制作一個(gè)臉譜變化動(dòng)畫(huà)。 素材位置:【\第5課\素材】 源文件位置:【\第5課\源文件\制作“臉譜變化”動(dòng)畫(huà).fla】,- 1.請(qǐng)仔細(xì)閱讀文檔,確保文檔完整性,對(duì)于不預(yù)覽、不比對(duì)內(nèi)容而直接下載帶來(lái)的問(wèn)題本站不予受理。
- 2.下載的文檔,不會(huì)出現(xiàn)我們的網(wǎng)址水印。
- 3、該文檔所得收入(下載+內(nèi)容+預(yù)覽)歸上傳者、原創(chuàng)作者;如果您是本文檔原作者,請(qǐng)點(diǎn)此認(rèn)領(lǐng)!既往收益都?xì)w您。
下載文檔到電腦,查找使用更方便
20 積分
下載 |
- 配套講稿:
如PPT文件的首頁(yè)顯示word圖標(biāo),表示該P(yáng)PT已包含配套word講稿。雙擊word圖標(biāo)可打開(kāi)word文檔。
- 特殊限制:
部分文檔作品中含有的國(guó)旗、國(guó)徽等圖片,僅作為作品整體效果示例展示,禁止商用。設(shè)計(jì)者僅對(duì)作品中獨(dú)創(chuàng)性部分享有著作權(quán)。
- 關(guān) 鍵 詞:
- 動(dòng)畫(huà)設(shè)計(jì) 基礎(chǔ) 基本 動(dòng)畫(huà) 制作 ppt 課件
鏈接地址:http://kudomayuko.com/p-1221625.html