第八章FlashCS基礎(chǔ)動(dòng)畫(huà)制作優(yōu)秀文檔

第8章FlashCS3基礎(chǔ)動(dòng)畫(huà)制作學(xué)習(xí)要點(diǎn)

形狀補(bǔ)間動(dòng)畫(huà)制作動(dòng)作補(bǔ)間動(dòng)畫(huà)制作引導(dǎo)層動(dòng)畫(huà)制作遮罩動(dòng)畫(huà)制作選擇“自動(dòng)”，可以使元件實(shí)例根據(jù)起始幀與結(jié)束幀上的角度，自動(dòng)進(jìn)行旋轉(zhuǎn)；動(dòng)作補(bǔ)間動(dòng)畫(huà)在時(shí)間軸表現(xiàn)在一個(gè)普通圖層上點(diǎn)擊時(shí)間軸面板的“添加引導(dǎo)層”按鈕，該層的上面就會(huì)添加一個(gè)引導(dǎo)層，同時(shí)該普通層會(huì)縮進(jìn)成為“被引導(dǎo)層”，如下圖所示。用戶在制作形狀補(bǔ)間動(dòng)畫(huà)時(shí)，可根據(jù)動(dòng)畫(huà)要求，利用其屬性面板對(duì)動(dòng)畫(huà)進(jìn)行加速或減速等屬性設(shè)置，在補(bǔ)間形狀中，在一個(gè)關(guān)鍵幀繪制一個(gè)形狀，然后在另一個(gè)關(guān)鍵幀更改該形狀或繪制另一個(gè)形狀。（4）制作過(guò)程注意：遮罩層經(jīng)常擋住下層的元件，影響實(shí)現(xiàn)，無(wú)法編輯，可以按下遮罩層時(shí)間軸面板的顯示圖層輪廓按鈕，使遮罩層只顯示邊框形狀，可以調(diào)整遮罩圖形的大小和位置。【學(xué)習(xí)目標(biāo)】掌握遮罩動(dòng)畫(huà)的制作技巧與方法?！局R(shí)要點(diǎn)】使用動(dòng)作補(bǔ)間動(dòng)畫(huà)制作鳥(niǎo)兒飛行，添加引導(dǎo)層。若要對(duì)文本應(yīng)用形狀補(bǔ)間，請(qǐng)將文本分離兩次，從而將文本轉(zhuǎn)換為對(duì)象?！静僮魈崾尽浚何募笮≡O(shè)置為800pixel*450pixel，首先導(dǎo)入“光盤(pán)\Chap8\素材\雪景圖片.【知識(shí)要點(diǎn)】使用矩形工具、任意變形工具、形狀補(bǔ)間動(dòng)畫(huà)命令制作翻書(shū)的動(dòng)畫(huà)效果，最終效果如圖所示。【學(xué)習(xí)目標(biāo)】使用物體擺動(dòng)動(dòng)畫(huà)的制作，以及物體進(jìn)行加速或減速運(yùn)動(dòng)的設(shè)置技巧?！緦W(xué)習(xí)目標(biāo)】掌握遮罩動(dòng)畫(huà)的制作技巧與方法。動(dòng)畫(huà)片中經(jīng)常會(huì)出現(xiàn)的各種自然現(xiàn)象，如風(fēng)、雨、雪、雷、云、煙、水、火等。Loading下載條最終效果【學(xué)習(xí)目標(biāo)】掌握遮罩動(dòng)畫(huà)的制作技巧與方法。8.1形狀補(bǔ)間動(dòng)畫(huà)制作8.1.1知識(shí)講解1.形狀補(bǔ)間動(dòng)畫(huà)的定義在補(bǔ)間形狀中，在一個(gè)關(guān)鍵幀繪制一個(gè)形狀，然后在另一個(gè)關(guān)鍵幀更改該形狀或繪制另一個(gè)形狀。Flash會(huì)內(nèi)插二者之間的幀的值或形狀來(lái)創(chuàng)建動(dòng)畫(huà)。利用這種動(dòng)畫(huà)，可以實(shí)現(xiàn)對(duì)象的大小、位置、顏色等變化。2.形狀補(bǔ)間動(dòng)畫(huà)的構(gòu)成要素和時(shí)間軸表現(xiàn)構(gòu)成形狀補(bǔ)間動(dòng)畫(huà)的元素是形狀。形狀補(bǔ)間動(dòng)畫(huà)建立后，時(shí)間幀面板的背景色變?yōu)榈G色，在起始幀和結(jié)束幀之間有一個(gè)長(zhǎng)長(zhǎng)的箭頭，如果制作錯(cuò)誤顯示為虛線。形狀補(bǔ)間動(dòng)畫(huà)在時(shí)間軸表現(xiàn)技巧提示：若要對(duì)組、實(shí)例或位圖圖像應(yīng)用形狀補(bǔ)間，請(qǐng)分離這些元素（按Ctrl+B組合鍵）。若要對(duì)文本應(yīng)用形狀補(bǔ)間，請(qǐng)將文本分離兩次，從而將文本轉(zhuǎn)換為對(duì)象。3.形狀補(bǔ)間動(dòng)畫(huà)的屬性面板用戶在制作形狀補(bǔ)間動(dòng)畫(huà)時(shí)，可根據(jù)動(dòng)畫(huà)要求，利用其屬性面板對(duì)動(dòng)畫(huà)進(jìn)行加速或減速等屬性設(shè)置，形狀補(bǔ)間動(dòng)畫(huà)的屬性面板8.1.2.課堂案例——Loading下載條制作【學(xué)習(xí)目標(biāo)】使用形狀補(bǔ)間動(dòng)畫(huà)制作Loading下載條【知識(shí)要點(diǎn)】使用矩形工具、任意變形工具、形狀補(bǔ)間動(dòng)畫(huà)命令制作下載條的動(dòng)畫(huà)效果。使用文本工具添加文字效果Loading下載條最終效果8.1.3.課堂案例——翻書(shū)效果【學(xué)習(xí)目標(biāo)】使用添加形狀提示來(lái)形狀補(bǔ)間動(dòng)畫(huà)制作翻書(shū)效果。【知識(shí)要點(diǎn)】使用矩形工具、任意變形工具、形狀補(bǔ)間動(dòng)畫(huà)命令制作翻書(shū)的動(dòng)畫(huà)效果，最終效果如圖所示。翻書(shū)最終效果8.2動(dòng)作補(bǔ)間動(dòng)畫(huà)制作8.2.1知識(shí)講解動(dòng)作補(bǔ)間動(dòng)畫(huà)的定義在動(dòng)作補(bǔ)間動(dòng)畫(huà)中，在一個(gè)關(guān)鍵幀放置一個(gè)元件實(shí)例，然后在另一個(gè)關(guān)鍵幀改變這個(gè)元件實(shí)例的大小、顏色、位置、透明度、方向等，F(xiàn)lash根據(jù)二者之間差值創(chuàng)建的動(dòng)畫(huà)稱為動(dòng)作補(bǔ)間動(dòng)畫(huà)。2.動(dòng)作補(bǔ)間動(dòng)畫(huà)的構(gòu)成要素和時(shí)間軸表現(xiàn)構(gòu)成動(dòng)作補(bǔ)間動(dòng)畫(huà)的元素是元件實(shí)例，包括影片剪輯、圖形元件、按鈕、文字、位圖、組合等等，時(shí)間幀面板的背景色變?yōu)榈仙?，在起始幀和結(jié)束幀之間有一個(gè)長(zhǎng)長(zhǎng)的箭頭，如圖所示，如果制作錯(cuò)誤顯示為虛線。動(dòng)作補(bǔ)間動(dòng)畫(huà)在時(shí)間軸表現(xiàn)技巧提示：若要對(duì)象是形狀，只有把形狀“組合”或者轉(zhuǎn)換成“元件”后才可以做“動(dòng)作補(bǔ)間動(dòng)畫(huà)”，否則會(huì)出現(xiàn)虛線顯示。3.動(dòng)作補(bǔ)間動(dòng)畫(huà)的屬性面板用戶在制作動(dòng)作補(bǔ)間動(dòng)畫(huà)時(shí)，在時(shí)間軸“動(dòng)作補(bǔ)間動(dòng)畫(huà)”的起始幀上單擊，然后打開(kāi)屬性面板（按【Ctrl+F3】快捷鍵），如圖所示。動(dòng)作補(bǔ)間動(dòng)畫(huà)的屬性面板緩動(dòng)：這個(gè)選項(xiàng)的作用與形狀補(bǔ)間動(dòng)畫(huà)的完全一樣，在此不再贅述。旋轉(zhuǎn)：有4個(gè)選項(xiàng)，選擇“無(wú)”（默認(rèn)設(shè)置），即禁止元件實(shí)例旋轉(zhuǎn)；選擇“自動(dòng)”，可以使元件實(shí)例根據(jù)起始幀與結(jié)束幀上的角度，自動(dòng)進(jìn)行旋轉(zhuǎn)；選擇“順時(shí)針”或“逆時(shí)針”，并在后面輸入數(shù)字，可使元件實(shí)例在運(yùn)動(dòng)時(shí)順時(shí)針或逆時(shí)針旋轉(zhuǎn)相應(yīng)的圈數(shù)。調(diào)整到路徑：將補(bǔ)間元素的基線調(diào)整到運(yùn)動(dòng)路徑，此項(xiàng)功能是用于引導(dǎo)線運(yùn)動(dòng)的。在下一節(jié)中我們學(xué)習(xí)。同步：此選項(xiàng)使圖形元件實(shí)例內(nèi)部的動(dòng)畫(huà)和主時(shí)間軸同步。貼緊：此選項(xiàng)功能是用于引導(dǎo)線運(yùn)動(dòng)，可以根據(jù)其注冊(cè)點(diǎn)將補(bǔ)間元素附加到運(yùn)動(dòng)路徑.8.2.2.課堂案例——汽車行駛【學(xué)習(xí)目標(biāo)】使用物體移動(dòng)動(dòng)畫(huà)的制作，以及物體進(jìn)行加速或減速運(yùn)動(dòng)的設(shè)置技巧?！局R(shí)要點(diǎn)】使用動(dòng)作補(bǔ)間動(dòng)畫(huà)命令制作汽車行駛的動(dòng)畫(huà)效果。如圖所示。汽車行駛最終效果8.2.3.課堂案例——鐘擺運(yùn)動(dòng)鐘擺運(yùn)動(dòng)最終效果【學(xué)習(xí)目標(biāo)】使用物體擺動(dòng)動(dòng)畫(huà)的制作，以及物體進(jìn)行加速或減速運(yùn)動(dòng)的設(shè)置技巧。【知識(shí)要點(diǎn)】使用繪畫(huà)工具繪制鐘擺，利用動(dòng)作補(bǔ)間動(dòng)畫(huà)命令制作鐘擺運(yùn)動(dòng)的動(dòng)畫(huà)效果。如下圖所示。8.3引導(dǎo)層動(dòng)畫(huà)制作知識(shí)講解引導(dǎo)層動(dòng)畫(huà)的定義將一個(gè)或多個(gè)層鏈接到一個(gè)運(yùn)動(dòng)引導(dǎo)層，使一個(gè)或多個(gè)對(duì)象沿同一條路徑運(yùn)動(dòng)的動(dòng)畫(huà)形式稱為引導(dǎo)層動(dòng)畫(huà)。2.引導(dǎo)層動(dòng)畫(huà)的創(chuàng)建方法一個(gè)最基本的引導(dǎo)層動(dòng)畫(huà)由兩個(gè)圖層組成，上面一層是引導(dǎo)層，它的圖層圖標(biāo)為，下面圖層是被引導(dǎo)層，圖標(biāo)同普通圖層一樣。在一個(gè)普通圖層上點(diǎn)擊時(shí)間軸面板的“添加引導(dǎo)層”按鈕，該層的上面就會(huì)添加一個(gè)引導(dǎo)層，同時(shí)該普通層會(huì)縮進(jìn)成為“被引導(dǎo)層”，如下圖所示。引導(dǎo)層、被引導(dǎo)層與普通圖層引導(dǎo)層是用來(lái)指示對(duì)象運(yùn)行路徑的，所以引導(dǎo)層中的內(nèi)容可以是用鋼筆、鉛筆、線條、橢圓、矩形工具或畫(huà)筆工具等繪制出的線條。被引導(dǎo)層中的對(duì)象是跟著引導(dǎo)線走的，可以使用影片剪輯、圖形元件、按鈕元件等，形狀補(bǔ)間動(dòng)畫(huà)無(wú)法應(yīng)用引導(dǎo)層動(dòng)畫(huà)。注冊(cè)點(diǎn)與引導(dǎo)線技巧提示：創(chuàng)建引導(dǎo)層動(dòng)畫(huà)時(shí)一定要注意，位于被引導(dǎo)層關(guān)鍵幀上的元件實(shí)例注冊(cè)點(diǎn)一定要位于引導(dǎo)線上，否則引導(dǎo)層動(dòng)畫(huà)無(wú)法正常運(yùn)行，如上圖所示。3.引導(dǎo)層動(dòng)畫(huà)的參數(shù)設(shè)置用戶在制作引導(dǎo)層動(dòng)畫(huà)時(shí)，在時(shí)間軸“引導(dǎo)層動(dòng)畫(huà)”的起始幀上單擊，然后打開(kāi)屬性面板（按【Ctrl+F3】快捷鍵），如下圖所示。設(shè)置引導(dǎo)層動(dòng)畫(huà)的參數(shù)調(diào)整到路徑：可使被引導(dǎo)層上的對(duì)象按照引導(dǎo)線的走勢(shì)改變引導(dǎo)對(duì)象的角度。這樣制作鳥(niǎo)兒飛翔和魚(yú)兒游的效果更逼真。同步：此選項(xiàng)使圖形元件實(shí)例內(nèi)部的動(dòng)畫(huà)和主時(shí)間軸同步。貼緊：此選項(xiàng)功能是用于引導(dǎo)線運(yùn)動(dòng)，可以根據(jù)其注冊(cè)點(diǎn)將補(bǔ)間元素附加到運(yùn)動(dòng)路徑。遮罩動(dòng)畫(huà)，顧名思義就是遮擋下面的對(duì)象。【學(xué)習(xí)目標(biāo)】掌握引導(dǎo)層動(dòng)畫(huà)的制作技巧與方法。動(dòng)作補(bǔ)間動(dòng)畫(huà)在時(shí)間軸表現(xiàn)【學(xué)習(xí)目標(biāo)】掌握遮罩動(dòng)畫(huà)的制作技巧與方法。構(gòu)成動(dòng)作補(bǔ)間動(dòng)畫(huà)的元素是元件實(shí)例，包括影片剪輯、圖形元件、按鈕、文字、位圖、組合等等，時(shí)間幀面板的背景色變?yōu)榈仙?，在起始幀和結(jié)束幀之間有一個(gè)長(zhǎng)長(zhǎng)的箭頭，如圖所示，如果制作錯(cuò)誤顯示為虛線。遮罩層中的圖形對(duì)象在播放是看不見(jiàn)的哦，遮罩層中的內(nèi)容可以是按鈕、影片剪輯、圖形、位圖、文字。jpg”素材，作為背景圖片；用戶在制作形狀補(bǔ)間動(dòng)畫(huà)時(shí)，可根據(jù)動(dòng)畫(huà)要求，利用其屬性面板對(duì)動(dòng)畫(huà)進(jìn)行加速或減速等屬性設(shè)置，【學(xué)習(xí)目的】：掌握自然現(xiàn)象下雨的制作方法和技巧。因此，F(xiàn)lash動(dòng)畫(huà)設(shè)計(jì)師應(yīng)該掌握各種自然現(xiàn)象的運(yùn)動(dòng)規(guī)律與制作方法，本實(shí)訓(xùn)項(xiàng)目雨的制作方法，雨從空中降落時(shí)本是一滴一滴的小雨點(diǎn)，但因?yàn)閱蝹€(gè)雨點(diǎn)的體積很小，降落的速度又較快，因此在較多的情況下人們看到的雨，往往是因?yàn)橛幸曈X(jué)暫留的作用而形成一條條細(xì)長(zhǎng)的半透明的直線?！局R(shí)要點(diǎn)】使用遮罩動(dòng)畫(huà)制作探照燈效果。貼緊：此選項(xiàng)功能是用于引導(dǎo)線運(yùn)動(dòng)，可以根據(jù)其注冊(cè)點(diǎn)將補(bǔ)間元素附加到運(yùn)動(dòng)路徑.第8章FlashCS3基礎(chǔ)動(dòng)畫(huà)制作形狀補(bǔ)間動(dòng)畫(huà)建立后，時(shí)間幀面板的背景色變?yōu)榈G色，在起始幀和結(jié)束幀之間有一個(gè)長(zhǎng)長(zhǎng)的箭頭，如果制作錯(cuò)誤顯示為虛線。遮罩層和被遮罩層都可以使用形狀補(bǔ)間、動(dòng)作補(bǔ)間和引導(dǎo)層動(dòng)畫(huà)。【學(xué)習(xí)目標(biāo)】使用添加形狀提示來(lái)形狀補(bǔ)間動(dòng)畫(huà)制作翻書(shū)效果。技巧提示：若要對(duì)象是形狀，只有把形狀“組合”或者轉(zhuǎn)換成“元件”后才可以做“動(dòng)作補(bǔ)間動(dòng)畫(huà)”，否則會(huì)出現(xiàn)虛線顯示。8.3.2.課堂案例——飛行鳥(niǎo)兒【學(xué)習(xí)目標(biāo)】掌握引導(dǎo)層動(dòng)畫(huà)的制作技巧與方法?！局R(shí)要點(diǎn)】使用動(dòng)作補(bǔ)間動(dòng)畫(huà)制作鳥(niǎo)兒飛行，添加引導(dǎo)層。如下圖所示。鳥(niǎo)兒飛行最終效果8.4遮罩動(dòng)畫(huà)制作知識(shí)講解1.遮罩動(dòng)畫(huà)的定義遮罩動(dòng)畫(huà)，顧名思義就是遮擋下面的對(duì)象。遮罩動(dòng)畫(huà)至少有兩層：遮罩層和被遮罩層，處于上層是遮罩層，下層是被遮罩層，如下圖所示制作遮罩前后效果對(duì)比，仔細(xì)觀察圖層和鎖定情況。遮罩動(dòng)畫(huà)主要用于水波、探照燈效果、百葉窗、放大鏡、望遠(yuǎn)鏡等效果。遮罩前后效果比較2.遮罩動(dòng)畫(huà)的創(chuàng)建方法“被遮罩層”其實(shí)就是普通圖層；“遮罩層”創(chuàng)建方法是在遮罩層單擊右鍵，在彈出菜單中勾選“遮罩層”，該圖層就變成遮罩層，系統(tǒng)自動(dòng)把遮罩層下面圖層關(guān)聯(lián)為被遮罩層，如下圖所示。如果想關(guān)聯(lián)更多圖層，只要把其他圖層拖到被遮罩層下面。遮罩層中的圖形對(duì)象在播放是看不見(jiàn)的哦，遮罩層中的內(nèi)容可以是按鈕、影片剪輯、圖形、位圖、文字。被遮罩層中的對(duì)象只能透過(guò)遮罩層中的對(duì)象看到。遮罩層和被遮罩層都可以使用形狀補(bǔ)間、動(dòng)作補(bǔ)間和引導(dǎo)層動(dòng)畫(huà)。創(chuàng)建遮罩層技巧提示：遮罩層的對(duì)象不能使用線條，如果一定要用線條，一定要線條轉(zhuǎn)換為填充對(duì)象，選擇【修改】|【形狀】|【將線條轉(zhuǎn)化為填充】。3.遮罩動(dòng)畫(huà)的應(yīng)用技巧（1）遮罩層的基本原理：能夠透過(guò)該圖層中的對(duì)象看到“被遮罩層”中的對(duì)象及其屬性。但是遮罩層中的對(duì)象中的許多屬性，如漸變色、透明度、顏色和線條樣式等卻是被忽略的，比如我們要實(shí)現(xiàn)文字走光效果必須通過(guò)被遮罩層的圖像進(jìn)行實(shí)現(xiàn)。（2）顯示遮罩效果：可以鎖定遮罩層和被遮罩層。（3）不能用一個(gè)遮罩層遮擋另一個(gè)遮罩層。（4）制作過(guò)程注意：遮罩層經(jīng)常擋住下層的元件，影響實(shí)現(xiàn)，無(wú)法編輯，可以按下遮罩層時(shí)間軸面板的顯示圖層輪廓按鈕，使遮罩層只顯示邊框形狀，可以調(diào)整遮罩圖形的大小和位置。（5）被遮罩層不能放置動(dòng)態(tài)文本。8.4.2.課堂案例——探照燈效果【學(xué)習(xí)目標(biāo)】掌握遮罩動(dòng)畫(huà)的制作技巧與方法?！局R(shí)要點(diǎn)】使用遮罩動(dòng)畫(huà)制作探照燈效果。如下圖所示。探照燈最終效果動(dòng)畫(huà)片中經(jīng)常會(huì)出現(xiàn)的各種自然現(xiàn)象，如風(fēng)、雨、雪、雷、云、煙、水、火等。因此，F(xiàn)lash動(dòng)畫(huà)設(shè)計(jì)師應(yīng)該掌握各種自然現(xiàn)象的運(yùn)動(dòng)規(guī)律與制作方法，本實(shí)訓(xùn)項(xiàng)目雨的制作方法，雨從空中降落時(shí)本是一滴一滴的小雨點(diǎn)，但因?yàn)閱蝹€(gè)雨點(diǎn)的體積很小，降落的速度又較快，因此在較多的情況下人們看到的雨，往往是因?yàn)橛幸曈X(jué)暫留的作用而形成一條條細(xì)長(zhǎng)的半透明的直線。所以在動(dòng)畫(huà)中表現(xiàn)下雨的鏡頭，一般多是畫(huà)一些長(zhǎng)短不同的直線掠過(guò)畫(huà)面。雨從空中降落時(shí)，本來(lái)是垂直的，由于常常伴有風(fēng)，所以看到的雨點(diǎn)，往往都是些著落下來(lái)的。當(dāng)雨點(diǎn)落到地面、雨傘等物體上時(shí)，還會(huì)濺起小水花。項(xiàng)目實(shí)訓(xùn)——自然現(xiàn)象Flash實(shí)現(xiàn)貼緊：此選項(xiàng)功能是用于引導(dǎo)線運(yùn)動(dòng)，可以根據(jù)其注冊(cè)點(diǎn)將補(bǔ)間元素附加到運(yùn)動(dòng)路徑.制作下雪的場(chǎng)景效果，如下圖所示。【學(xué)習(xí)目標(biāo)】使用添加形狀提示來(lái)形狀補(bǔ)間動(dòng)畫(huà)制作翻書(shū)效果。若要對(duì)文本應(yīng)用形狀補(bǔ)間，請(qǐng)將文本分離兩次，從而將文本轉(zhuǎn)換為對(duì)象。任務(wù)二制作水花效果【學(xué)習(xí)目標(biāo)】掌握遮罩動(dòng)畫(huà)的制作技巧與方法。動(dòng)作補(bǔ)間動(dòng)畫(huà)的構(gòu)成要素和時(shí)間軸表現(xiàn)技巧提示：遮罩層的對(duì)象不能使用線條，如果一定要用線條，一定要線條轉(zhuǎn)換為填充對(duì)象，選擇【修改】|【形狀】|【將線條轉(zhuǎn)化為填充】。在一個(gè)普通圖層上點(diǎn)擊時(shí)間軸面板的“添加引導(dǎo)層”按鈕，該層的上面就會(huì)添加一個(gè)引導(dǎo)層，同時(shí)該普通層會(huì)縮進(jìn)成為“被引導(dǎo)層”，如下圖所示?！緦W(xué)習(xí)目標(biāo)】掌握遮罩動(dòng)畫(huà)的制作技巧與方法。一個(gè)最基本的引導(dǎo)層動(dòng)畫(huà)由兩個(gè)圖層組成，上面一層是引導(dǎo)層，它的圖層圖標(biāo)為，下面圖層是被引導(dǎo)層，圖標(biāo)同普通圖層一樣。（5）被遮罩層不能放置動(dòng)態(tài)文本。若要對(duì)文本應(yīng)用形狀補(bǔ)間，請(qǐng)將文本分離兩次，從而將文本轉(zhuǎn)換為對(duì)象?！緦W(xué)習(xí)目的】：掌握自然現(xiàn)象下雨的制作方法和技巧?！臼褂霉ぞ摺浚恨D(zhuǎn)換元件、補(bǔ)間動(dòng)畫(huà)的制作，最終效果下圖所示。下雨效果圖項(xiàng)目分解

任務(wù)一制作下雨效果任務(wù)二制作水花效果任務(wù)三制作主場(chǎng)景效果操作題