動(dòng)畫(huà)制作基礎(chǔ)知識(shí).ppt

第3章 動(dòng)畫(huà)制作基礎(chǔ)知識(shí),Flash動(dòng)畫(huà)制作基礎(chǔ)與案例教學(xué)教程,浙江經(jīng)濟(jì)職業(yè)技術(shù)學(xué)院 信息與控制學(xué)院,應(yīng)知目標(biāo),應(yīng)會(huì)目標(biāo),了解動(dòng)畫(huà)的概念和原理 了解幀的概念和分類 了解圖層的概念 了解時(shí)間軸的概念,掌握幀的基本操作 掌握時(shí)間軸和圖層的基本操作 掌握三種類型的元件的制作方法 掌握影片剪輯元件的使用,3.1 幀,動(dòng)畫(huà)的形成原理是多張圖片連續(xù)變換時(shí)，由于人眼的視覺(jué)停留現(xiàn)象，使人認(rèn)為這些圖片內(nèi)容動(dòng)起來(lái)了的感覺(jué)。Flash CS3.0也是根據(jù)這個(gè)原理產(chǎn)生動(dòng)畫(huà)效果的。在整個(gè)動(dòng)畫(huà)的制作過(guò)程中，幀是一個(gè)最基本的概念，貫穿于動(dòng)畫(huà)制作的全過(guò)程，通過(guò)改變連續(xù)幀的內(nèi)容來(lái)實(shí)現(xiàn)動(dòng)畫(huà)的。,3.1.1 幀的概念,電影是由一格一格的膠片按照先后順序播放出來(lái)的，由于人眼有視覺(jué)停留現(xiàn)象，這一格一格的膠片按照一定速度播放出來(lái)，看起來(lái)就“動(dòng)”了，動(dòng)畫(huà)制作采用的也是這一原理，而Flash中的“幀”就相當(dāng)于這一格一格的膠片。 認(rèn)識(shí)幀之前，我們先得認(rèn)識(shí)時(shí)間軸，如圖所示。在FlashCS3.0的界面中，時(shí)間軸位于工作界面的上方，這里也是對(duì)幀進(jìn)行操作的地方。隨著影片播放時(shí)間的推進(jìn)，動(dòng)畫(huà)將會(huì)按照橫軸的方向播放，所以橫軸就是時(shí)間線(Timeline)。每一個(gè)幀用一個(gè)小方格代表，我們也可以說(shuō)一個(gè)小方格就是一幀。,3.1.2 幀的分類,關(guān)鍵幀:就是定義動(dòng)畫(huà)的起始點(diǎn)和終結(jié)點(diǎn)，也就是說(shuō)，動(dòng)畫(huà)的起始點(diǎn)和終結(jié)點(diǎn)都是關(guān)鍵幀 。 過(guò)渡幀：在起始和終結(jié)關(guān)鍵幀之內(nèi)的幀被稱為過(guò)渡幀，過(guò)渡幀是具體動(dòng)畫(huà)的實(shí)現(xiàn)的詳細(xì)過(guò)程圖，它能具體體現(xiàn)動(dòng)畫(huà)變化過(guò)程。 空白關(guān)鍵幀：在一個(gè)關(guān)鍵幀里面，什么對(duì)象也沒(méi)有添加，這種關(guān)鍵幀稱為空白關(guān)鍵幀。單擊鼠標(biāo)左鍵，選定一個(gè)影格，然后再單擊右鍵，在彈出菜單中選取“插入空白關(guān)鍵幀”，這樣的關(guān)鍵幀就是空白關(guān)鍵幀。,3.1.3 幀的操作,插入幀:使用“插入幀”功能，將在選定的幀后插入一個(gè)和這個(gè)選定幀完全一樣的幀。 刪除幀：選定一個(gè)或多個(gè)幀后，單擊右鍵，選擇“刪除幀”功能，或使用鍵盤快捷鍵“Shift+F5”，可以將選定的幀刪除。 插入關(guān)鍵幀 ：將鼠標(biāo)移動(dòng)到幀的方格位置，用鼠標(biāo)左鍵單擊要定義為關(guān)鍵幀的方格，方格變?yōu)榉戳溜@示，單擊鼠標(biāo)右鍵，在彈出的菜單中，選擇“插入關(guān)鍵幀”或在選好方格后，直接按下鍵盤上的“F6”鍵，那么關(guān)鍵幀就定義好了。,3.1.3 幀的操作,刪除幀：當(dāng)我們不需要某個(gè)或某些關(guān)鍵幀時(shí)，就要將這些關(guān)鍵幀刪除掉，只要選中這些幀，單擊右鍵，選擇“刪除幀”就刪除掉了。 插入空白關(guān)鍵幀 ：將鼠標(biāo)移動(dòng)到幀的方格位置，用鼠標(biāo)左鍵單擊要定義為關(guān)鍵幀的方格，方格變?yōu)榉戳溜@示，單擊鼠標(biāo)右鍵，在彈出的菜單中，選擇“插入空白關(guān)鍵幀”或在選好方格后，直接按下鍵盤上的“F6”鍵，那么空白關(guān)鍵幀就定義好了。,3.1.3 幀的操作,選擇全部幀 ：在影格編輯區(qū)單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“選擇所有幀”，可以將所有的有效影格選定，從而再進(jìn)行其他操作。 復(fù)制幀 ：在影格編輯區(qū)中選中一幀或多幀，選中的幀將做反亮顯示，然后單擊右鍵，選擇“復(fù)制幀”。 粘貼幀：復(fù)制好幀后，選擇時(shí)間軸上任意時(shí)間幀位置，單擊右鍵選擇“粘貼幀”，這樣剛才復(fù)制的幀被粘貼到這個(gè)位置上來(lái)了，原被選中的那一幀被覆蓋了。,3.1.3 幀的操作,移動(dòng)幀：選中一幀或多幀后，被選中的幀反亮顯示，當(dāng)鼠標(biāo)懸浮在被選的幀上時(shí)，鼠標(biāo)出現(xiàn)了變化，鼠標(biāo)的指針上跟隨了一個(gè)方框一樣的“小尾巴”。這樣按下左鍵，拖動(dòng)鼠標(biāo)至任意位置，松開(kāi)鼠標(biāo)，這樣剛才被選的幀被移動(dòng)到剛才所定的位置來(lái)了。 翻轉(zhuǎn)幀 ：當(dāng)選中任意兩關(guān)鍵幀或空白關(guān)鍵幀之間 ，這樣單擊右鍵，選擇“翻轉(zhuǎn)幀”，這樣被選中的兩個(gè)關(guān)鍵幀相互顛倒，而且FLASH也同步更新了這兩個(gè)關(guān)鍵幀之間的過(guò)渡幀。,3.2 時(shí)間軸與圖層,時(shí)間軸與圖層的關(guān)系密不可分，圖層是組成時(shí)間軸面板的一部分，時(shí)間軸是創(chuàng)作動(dòng)畫(huà)時(shí)使用圖層并控制動(dòng)畫(huà)內(nèi)容的窗口，圖層和幀中的內(nèi)容隨時(shí)間的改變而發(fā)生變化，從而產(chǎn)生了動(dòng)畫(huà)。,3.2.1 時(shí)間軸的概念,時(shí)間軸是Flash編輯動(dòng)畫(huà)的主要工具，用于組織和控制動(dòng)畫(huà)中的幀和層在一定時(shí)間內(nèi)播放的坐標(biāo)軸。 時(shí)間軸是我們創(chuàng)作動(dòng)畫(huà)時(shí)使用層和幀組織和控制動(dòng)畫(huà)內(nèi)容的窗口，層和幀中的內(nèi)容隨時(shí)間的改變而發(fā)生變化，從而產(chǎn)生了動(dòng)畫(huà)。時(shí)間軸主要由層、幀和播放頭組成。 時(shí)間軸左邊的一列列出動(dòng)畫(huà)中的層。每個(gè)層的幀顯示在層名右邊的一行中。位于時(shí)間軸上部的時(shí)間軸標(biāo)題指示幀編號(hào)。,3.2.2 時(shí)間軸的基本操作,改變時(shí)間軸的外觀:在默認(rèn)情況下，時(shí)間軸顯示在Flash主窗口的上部，時(shí)間軸顯示的位置是可以改變的，可以把它停泊在主窗口的下部或兩邊，或作為一個(gè)窗口單獨(dú)顯示，也可以隱藏起來(lái)。 可以改變時(shí)間軸的大小，改變時(shí)間軸中課件的圖層數(shù)和幀數(shù)。當(dāng)時(shí)間軸窗口不能顯示所有的層時(shí)，可以使用時(shí)間軸左右的滾動(dòng)條查看其余的圖層。,3.2.2 時(shí)間軸的基本操作,移動(dòng)播放頭: 跳轉(zhuǎn)到某幀:在時(shí)間軸上單擊需要跳轉(zhuǎn)到該幀的位置，或把播放頭拖到新的位置，如圖3-7所示，即可調(diào)轉(zhuǎn)到某幀。 使播放頭居中:如果播放頭位于一個(gè)動(dòng)畫(huà)中間的某幀時(shí)，單擊時(shí)間軸下部“幀”居中按鈕，可以使播放頭（當(dāng)前幀）在時(shí)間軸窗口居中 。,3.2.2 時(shí)間軸的基本操作,改變幀的顯示： 單擊時(shí)間軸右上角的幀查看按鈕，顯示“幀查看”快捷菜單 。 選擇“幀查看”快捷菜單的各個(gè)選項(xiàng)。要改變幀單元格的寬度，選擇很小、小、標(biāo)準(zhǔn)、中和大。,3.2.2 時(shí)間軸的基本操作,建立幀標(biāo)簽和動(dòng)畫(huà)注釋： 建立幀標(biāo)簽的方法是：在時(shí)間軸中選擇一幀，打開(kāi)“屬性”面板，在這里可看到“幀標(biāo)簽”文本框，在該文本框中輸入幀標(biāo)簽“play”。 建立幀注釋的方法是：在幀的“屬性”面板的“幀標(biāo)簽”文本框中，在輸入的文本的每一行前面輸入雙斜杠（/）；就可以建立幀注釋。,3.2.2 時(shí)間軸的基本操作,在時(shí)間軸中處理幀： 在時(shí)間軸中要處理幀和關(guān)鍵幀。關(guān)鍵幀是過(guò)渡動(dòng)畫(huà)的重要組成部分，可以拖拽時(shí)間軸中的關(guān)鍵幀，改變過(guò)渡動(dòng)畫(huà)的長(zhǎng)度?？梢詫?duì)幀或關(guān)鍵幀作下面的修改： 插入、選擇、刪除和移動(dòng)幀或關(guān)鍵幀。 拖動(dòng)幀和關(guān)鍵幀到同一層或不同層的新位置。 拷貝和粘貼幀和關(guān)鍵幀。 轉(zhuǎn)換關(guān)鍵幀為（普通）幀。,3.2.3 圖層基礎(chǔ)知識(shí),層有兩大特點(diǎn)：除了畫(huà)有圖形或文字的地方，其他部分都是透明的，也就是說(shuō)，下層的內(nèi)容可以通過(guò)透明的這部分顯示出來(lái)；圖層又是相對(duì)獨(dú)立的，修改其中一層，不會(huì)影響到其他層。使用圖層的最大好處就是可以將不同類型的內(nèi)容放在不同的圖層中，利于管理。 圖層可分為普通圖層、遮罩圖層和引導(dǎo)圖層，其中引導(dǎo)圖層又分為普通引導(dǎo)圖層和運(yùn)動(dòng)引導(dǎo)圖層兩種。,3.2.4 圖層的操作和管理,隱藏圖層:“眼睛”圖標(biāo)：控制該圖層的內(nèi)容是否可見(jiàn)。單擊該圖標(biāo)，就可以將所有圖層變?yōu)椴豢梢?jiàn)圖層；再次單擊該圖標(biāo)，即可恢復(fù)顯示。 鎖定圖層:“鎖”圖標(biāo)：?jiǎn)螕粼搱D標(biāo)，即可鎖定所有圖層，圖層上的多有對(duì)象都無(wú)法被選取、移動(dòng)、編輯，但圖層的內(nèi)容正常顯示；再次單擊可解開(kāi)鎖定。 使圖層內(nèi)容以輪廓方式顯示:“方框”圖標(biāo)：?jiǎn)螕粼搱D標(biāo)會(huì)使圖層的內(nèi)容以輪廓的方式顯示，圖層之間不會(huì)被相互覆蓋，方便選取和進(jìn)行圖像處理，再次單擊即可使其恢復(fù)正常的顯示方式。,3.2.4 圖層的操作和管理,可編輯圖層:“編輯”圖標(biāo)：在圖層列表的中央是圖層放置區(qū)，顯示當(dāng)前圖像中包含的各個(gè)圖層，每個(gè)圖層占一格，圖層放置區(qū)的右邊有一個(gè)鉛筆符號(hào)和圓點(diǎn)，顯示鉛筆符號(hào)的圖層表示該圖層目前處于編輯狀態(tài)，如果顯示符號(hào)，則表示該圖層無(wú)法編輯。單擊圖標(biāo)所對(duì)應(yīng)的小圓點(diǎn)圖，就會(huì)啟動(dòng)或取消圖層的控制。,3.2.4 圖層的操作和管理,修改圖層屬性:在要修改屬性的圖層上單擊鼠標(biāo)右鍵，點(diǎn)擊“屬性”，在“圖層屬性”對(duì)話框中可以設(shè)置圖層的屬性。 新增圖層：用鼠標(biāo)單擊圖層列表中左下方按鈕，就可以插入一個(gè)新圖層。,3.2.4 圖層的操作和管理,移動(dòng)圖層：在默認(rèn)情況下，新增加的圖層會(huì)被建立在舊的圖層之上，有時(shí)建立了多個(gè)圖層之后，發(fā)現(xiàn)圖層之間的順序不對(duì)，需要調(diào)整，這時(shí)只要按住要移動(dòng)的圖層，直接拖拽到正確的位置松開(kāi)，就可以將順序調(diào)整好。 刪除圖層：如果要?jiǎng)h除圖層，首先單擊選擇改圖層，然后按下刪除圖層圖標(biāo)，就可以將該圖層刪除了。,3.2.4 圖層的操作和管理,選擇相鄰圖層：選擇相鄰圖層的方法是：?jiǎn)螕粢x取的第一個(gè)圖層，按住【Shift】鍵，再單擊要選取的最后一個(gè)圖層可選取兩個(gè)圖 層間的所有圖層 選擇不相鄰圖層：選擇不相鄰圖層的具體操作為：?jiǎn)螕粢x取的其中一個(gè)圖層，按住【Ctrl】鍵，再單擊需要選取的其他圖層即可,3.2.5 圖層文件夾的操作,創(chuàng)建/刪除圖層文件夾 命名圖層文件夾 圖層移入/移出圖層文件夾 關(guān)閉/打開(kāi)圖層文件夾,3.3 元件的創(chuàng)建和編輯,元件是指在Flash創(chuàng)作環(huán)境中或使用Button(AS2.0)、SimpleButton (AS3.0)和MovieClip 類創(chuàng)建過(guò)一次的圖形、按鈕或影片剪輯。然后，可在整個(gè)文檔或其它文檔中重復(fù)使用該元件。 元件的分類 元件的創(chuàng)建 元件的編輯 不同元件的制作,第三部分 課堂總結(jié),本章從幀的概念入手，全面講解了Flash動(dòng)畫(huà)制作的基礎(chǔ)知識(shí)，包括：幀的概念、幀的分類、幀的操作、時(shí)間軸的概念與操作、圖層的概念與操作、元件的分類和創(chuàng)建方法。 在Flash動(dòng)畫(huà)制作過(guò)程中，幀貫穿于動(dòng)畫(huà)制作的全過(guò)程，通過(guò)改變連續(xù)幀的內(nèi)容來(lái)實(shí)現(xiàn)動(dòng)畫(huà)。圖層與時(shí)間軸的關(guān)系密不可分，圖層是組成時(shí)間軸面板的