第5章高級(jí)動(dòng)畫制作

1、本章要點(diǎn)l引導(dǎo)層 l遮罩層 l場(chǎng)景l(fā)引導(dǎo)層是Flash中一個(gè)比較特殊的圖層，用戶可以在運(yùn)動(dòng)引導(dǎo)層中繪制對(duì)象的運(yùn)動(dòng)路徑，然后將一個(gè)或多個(gè)圖層鏈接到該圖層中，讓一個(gè)或多個(gè)對(duì)象沿同一條路徑運(yùn)動(dòng)。在引導(dǎo)層中的所有內(nèi)容都只能作為運(yùn)動(dòng)的參考，在播放時(shí)不會(huì)出現(xiàn)。l一個(gè)引導(dǎo)層動(dòng)畫由“引導(dǎo)層”和“被引導(dǎo)層”組成，其中“引導(dǎo)層”只能有一個(gè)，而“被引導(dǎo)層”可以有多個(gè)。在制作引導(dǎo)層動(dòng)畫時(shí)，需要?jiǎng)?chuàng)建一個(gè)引導(dǎo)層（圖標(biāo)為），在引導(dǎo)層上繪制對(duì)象運(yùn)動(dòng)的線條，然后將被引導(dǎo)層上的對(duì)象吸附到線條上，從而創(chuàng)建引導(dǎo)層動(dòng)畫。l在“時(shí)間軸”面板中，選擇要添加引導(dǎo)層的圖層，單擊鼠標(biāo)右鍵，在彈出來的快捷菜單中選擇“添加引導(dǎo)層”命令，就可以添加運(yùn)

2、動(dòng)引導(dǎo)層 l在“時(shí)間軸”面板中，選擇要添加引導(dǎo)層的圖層，單擊面板上的“添加運(yùn)動(dòng)引導(dǎo)層”按鈕，也可以添加運(yùn)動(dòng)引導(dǎo)層。l在“時(shí)間軸”面板中，選擇一個(gè)普通圖層，單擊鼠標(biāo)右鍵，在彈出來的快捷菜單中選擇“引導(dǎo)層”命令，此時(shí)圖層圖標(biāo)會(huì)變?yōu)樾螤?。然后雙擊要轉(zhuǎn)換為“被引導(dǎo)層”的圖標(biāo)，會(huì)彈出“圖層屬性”對(duì)話框，在對(duì)話框的類型欄里面選擇“被引導(dǎo)”，然后單擊“確定”按鈕，即可以和“引導(dǎo)層”建立鏈接。l“引導(dǎo)層”的引導(dǎo)線必須是平滑的，如果引導(dǎo)線的轉(zhuǎn)折點(diǎn)過多，會(huì)出現(xiàn)中間斷裂的情況，可能導(dǎo)致Flash無法準(zhǔn)確判斷對(duì)象的運(yùn)動(dòng)路徑，從而導(dǎo)致引導(dǎo)失敗。l“被引導(dǎo)層”中的動(dòng)畫都是動(dòng)畫補(bǔ)間動(dòng)畫，即形狀補(bǔ)間動(dòng)畫無法應(yīng)用于引導(dǎo)層動(dòng)畫。

3、l在創(chuàng)建引導(dǎo)層動(dòng)畫時(shí)，一定要讓處于“被引導(dǎo)層”上的元件實(shí)例的原點(diǎn)位于引導(dǎo)線上，否則會(huì)導(dǎo)致引導(dǎo)失敗。l“引導(dǎo)層”在播放時(shí)是看不見的，可以使用沒有“被引導(dǎo)層”的“引導(dǎo)層”，用來放置一些文字說明、元件位置參考等，此時(shí)“引導(dǎo)層”的圖標(biāo)為。l在默認(rèn)情況下，對(duì)象在沿路徑進(jìn)行運(yùn)動(dòng)的過程中，不管曲線的軌跡往那個(gè)方向，對(duì)象本身的角度是不變的，如果需要讓對(duì)象按照曲線的方向來調(diào)整運(yùn)動(dòng)的角度，可以設(shè)置引導(dǎo)動(dòng)畫的參數(shù)。創(chuàng)建引導(dǎo)層動(dòng)畫后，單擊被引導(dǎo)圖層的第1幀，打開“屬性”面板，其中的“調(diào)整到路徑”和“貼緊”復(fù)選項(xiàng)，可用來對(duì)引導(dǎo)層動(dòng)畫的運(yùn)動(dòng)效果進(jìn)行設(shè)置 ,如圖 所示：l在“時(shí)間軸”面板中，將想要解除引導(dǎo)的“被引導(dǎo)層”拖動(dòng)

4、到“引導(dǎo)層”的上方 l可以通過設(shè)置“引導(dǎo)層”或者“被引導(dǎo)層”的圖層屬性來取消引導(dǎo)層動(dòng)畫。設(shè)置“引導(dǎo)層”的圖層屬性：在“時(shí)間軸”面板中，雙擊要解除引導(dǎo)的“引導(dǎo)層”的圖標(biāo)，會(huì)彈出“圖層屬性”對(duì)話框，在對(duì)話框的類型欄里面選擇“一般”，然后單擊“確定”按鈕，即可以斷開和“被引導(dǎo)層”建立的鏈接，設(shè)置“被引導(dǎo)層”的圖層屬性：在“時(shí)間軸”面板中，雙擊要解除引導(dǎo)的“被引導(dǎo)層”的圖標(biāo)，會(huì)彈出“圖層屬性”對(duì)話框，在對(duì)話框的類型欄里面選擇“一般”，然后單擊“確定”按鈕，即可以斷開和“引導(dǎo)層”建立的鏈接。l在“時(shí)間軸”面板上，選擇要解除引導(dǎo)的“引導(dǎo)層”，單擊鼠標(biāo)右鍵，在彈出來的快捷菜單中選擇“引導(dǎo)層”命令。l利用引導(dǎo)

5、層動(dòng)畫我們可以很容易的制作如小鳥飛翔、魚兒游水等動(dòng)畫。下面我們就利用引導(dǎo)層來實(shí)現(xiàn)一個(gè)“夜”的動(dòng)畫，在這個(gè)范例中我們將介紹封閉運(yùn)動(dòng)的引導(dǎo)層動(dòng)畫如何制作，即該動(dòng)畫中的“星環(huán)”元件。l通過實(shí)際操作：我們可以得到下面的效果 l在現(xiàn)實(shí)中我們可以看到很多類似遮罩的情況，比如說通過望遠(yuǎn)鏡我們只能看到一部分景物。在Flash中，可以通過遮罩層來定義其下面的圖層中對(duì)象的可見區(qū)域。遮罩層是一種很特殊的圖層，可以將下面的圖層屏蔽，而下方的被遮罩層只能顯示上方遮罩層圖形區(qū)域大小的內(nèi)容。 l在“時(shí)間軸”面板中，選擇要設(shè)置為遮罩層的圖層，單擊鼠標(biāo)右鍵，在彈出來的快捷菜單中選擇“遮罩層”命令，就可以添加遮罩，如圖所示：l在

6、“時(shí)間軸”面板中，雙擊要作為“遮罩層”的圖層的圖標(biāo)，會(huì)彈處“圖層屬性”對(duì)話框，在對(duì)話框中選擇類型為“遮罩層”，此時(shí)圖層圖標(biāo)會(huì)變?yōu)樾螤?。然后雙擊要作為“被遮罩層”的圖層的圖標(biāo)，會(huì)彈出“圖層屬性”對(duì)話框，在對(duì)話框的類型欄里面選擇“被遮罩”，然后單擊“確定”按鈕，即可以和“遮罩層”建立鏈接。 l啟動(dòng)Flash CS3，建立一個(gè)Flash文檔。l選擇“矩形”工具，在“屬性”面板中設(shè)置其筆觸顏色為無（），填充顏色為七彩的線性填充 l選擇繪制好的矩形，按CtrlG鍵將其組合。l選擇“時(shí)間軸”面板，將“圖層1”鎖定，在其上面新建一個(gè)圖層，圖層名稱為“圖層 2”。l選擇“文本”工具（），并在“屬性”面板中設(shè)置

7、字體為“隸書”，字體大小為50，其他均為默認(rèn)值 l在舞臺(tái)上輸入文字“七彩文字” 。l在“時(shí)間軸”面板中，選擇“圖層 2”，單擊鼠標(biāo)右鍵，在彈出來的快捷菜單中選擇“遮罩層”命令，將其設(shè)置為遮罩層。l選擇“圖層 2”的第30幀，按F5鍵，插入普通幀，設(shè)置動(dòng)畫的播放時(shí)間為30幀。l解除“圖層 1”的鎖定，選擇“圖層 1”的第30幀，按F6鍵，插入關(guān)鍵幀。選擇第30幀處的矩形，將其向左移一定的位置 l在“圖層 1”圖層的第1幀和第30幀之間選擇任意一幀，在“屬性”面板中的“補(bǔ)間”下拉菜單中選擇“動(dòng)畫”選項(xiàng) 。l按CtrlEnter鍵，對(duì)影片進(jìn)行測(cè)試 。 l在“時(shí)間軸”面板中，將 “被遮罩層”拖動(dòng)到“遮

8、罩層”的上方，就可以取消遮罩層動(dòng)畫 。l可以通過設(shè)置“遮罩層”的圖層屬性來取消遮罩層動(dòng)畫。在“時(shí)間軸”面板中，雙擊“遮罩層”的圖標(biāo)，會(huì)彈出“圖層屬性”對(duì)話框，在對(duì)話框的類型欄里面選擇“一般”，然后單擊“確定”按鈕，即可以斷開和“被遮罩層”建立的鏈接。l在“時(shí)間軸”面板上，選擇“遮罩層”，單擊鼠標(biāo)右鍵，在彈出來的快捷菜單中選擇“遮罩層”命令。l遮罩動(dòng)畫是Flash中應(yīng)用比較多的動(dòng)畫形式，通過它可以制作出許多炫目的動(dòng)畫效果。我們可以利用遮罩層來制作一個(gè)“圖片瀏覽”的動(dòng)畫。 最終效果如圖所示： l場(chǎng)景可以看成是一段相對(duì)獨(dú)立的動(dòng)畫，當(dāng)動(dòng)畫中有多個(gè)場(chǎng)景時(shí)，整個(gè)動(dòng)畫會(huì)按照?qǐng)鼍暗捻樞虿シ?。?dāng)然，也可以用腳本

9、程序來控制場(chǎng)景的播放順序。l在Flash中，所有的動(dòng)畫制作都是在“場(chǎng)景”中實(shí)現(xiàn)。當(dāng)新建Flash文檔時(shí)，F(xiàn)lash就會(huì)自動(dòng)創(chuàng)建一個(gè)名稱為“場(chǎng)景1”的場(chǎng)景。如果設(shè)計(jì)的是一個(gè)簡(jiǎn)單的小動(dòng)畫，只需要使用一個(gè)場(chǎng)景就可以了，但是如果設(shè)計(jì)的是一個(gè)比較復(fù)雜的動(dòng)畫時(shí)，一個(gè)場(chǎng)景是不夠的，可能需要多個(gè)場(chǎng)景。例如網(wǎng)上的大部分Flash作品，在開始的時(shí)候都有一個(gè)Loading場(chǎng)景來現(xiàn)實(shí)下載的速度。l單擊菜單欄中的“插入”“場(chǎng)景”命令，可以創(chuàng)建一個(gè)新的場(chǎng)景。l按Shift+F2鍵，或者單擊菜單欄中的“窗口”“其他面板”“場(chǎng)景”命令，打開“場(chǎng)景”面板，在“場(chǎng)景”面板中單擊“添加場(chǎng)景”按鈕，就可以創(chuàng)建一個(gè)新的場(chǎng)景，如圖所示 ：l復(fù)制場(chǎng)景：在“場(chǎng)景”面板中選擇要復(fù)制的場(chǎng)景，單擊面板上的“直接復(fù)制場(chǎng)景”按鈕，就可以將該場(chǎng)景上的所有元素都復(fù)制到新的場(chǎng)景中 l添加場(chǎng)景：?jiǎn)螕簟皥?chǎng)景”面板中的“添加場(chǎng)景”按鈕，就可以創(chuàng)建一個(gè)新的場(chǎng)景。l刪除場(chǎng)景：在“場(chǎng)景”面板中選擇要?jiǎng)h除的場(chǎng)景，單擊面板上的“刪除場(chǎng)景”按鈕，在彈出來的警告對(duì)話框中單擊“確定”按鈕，就可以刪除該場(chǎng)景 。l重命名場(chǎng)景：只要在“場(chǎng)景”面板中雙擊要改名的場(chǎng)景，使場(chǎng)景名可編輯