石大現(xiàn)代教育技術(shù)實(shí)驗(yàn)指南07 Flash動(dòng)畫制作

實(shí)驗(yàn)七Flash動(dòng)畫制作一、學(xué)習(xí)目標(biāo)（一）掌握動(dòng)畫制作的原理（二）了解FlashCS3的工作環(huán)境和常用工具的使用方法（三）熟悉對(duì)象的創(chuàng)建和編輯，幀、圖層、元件的基本概念和創(chuàng)建方法（四）掌握幀動(dòng)畫、補(bǔ)間動(dòng)畫以及特殊類型動(dòng)畫的創(chuàng)建方法二、實(shí)驗(yàn)任務(wù)（一）熟悉FlashCS3的工作環(huán)境、常用工具以及各類動(dòng)畫的創(chuàng)建方法（二）運(yùn)用所學(xué)知識(shí)，完成Flash動(dòng)畫賀卡的制作三、操作環(huán)境Windowsxp/7操作系統(tǒng)，F(xiàn)lashCS3動(dòng)畫制作軟件四、實(shí)驗(yàn)步驟（一）了解FlashCS3的工作環(huán)境1、新建一個(gè)空白的Flash文檔如圖1所示，A區(qū)作用是打開一個(gè)已編輯的Flash文檔。B區(qū)作用是新建不同類型的文檔。C區(qū)的作用是新建Flash已生成好的模板類型。在這里我們主要學(xué)習(xí)新建一個(gè)ActionScript2.0的Flash文檔。將鼠標(biāo)移動(dòng)至D處（即Flash文檔（ActionScript2.0）選項(xiàng)上），鼠標(biāo)左鍵單擊“Flash文檔（ActionScript2.0）”選項(xiàng)，新建一個(gè)空白的Flash文檔。圖12、認(rèn)識(shí)FlashCS3的操作界面新建一個(gè)空白的FlashActionScript2.0文檔后，將打開如圖2所示的操作界面。我們將Flash的操作界面劃分為ABCDEFG七個(gè)區(qū)域，并分別對(duì)這七個(gè)區(qū)域進(jìn)行一一講解。A區(qū)——標(biāo)題欄B區(qū)——菜單欄C區(qū)——舞臺(tái)D區(qū)——屬性窗口E區(qū)——庫(kù)窗口F區(qū)——時(shí)間軸面板G區(qū)——繪圖工具箱圖2（1）標(biāo)題欄標(biāo)題欄處主要顯示Flash的版本號(hào)；當(dāng)前Flash文檔的文件名；最小化按鈕；最大化按鈕和關(guān)閉按鈕（如圖2中A區(qū)所示）。（2）菜單欄菜單欄主要顯示Flash中一些常用的菜單如圖2中B區(qū)所示。（3）舞臺(tái)舞臺(tái)是位于Flash工作界面中央的白色區(qū)域（如圖2中C區(qū)所示），是制作和編輯Flash動(dòng)畫的主要場(chǎng)所。舞臺(tái)以外的內(nèi)容只有在編輯時(shí)是可見的，而在影片輸出時(shí)是看不到的。eq\o\ac(○,1)舞臺(tái)大小的確定我們建立一個(gè)新的Flash文檔后，通常根據(jù)編輯的內(nèi)容先確定舞臺(tái)的大小和背景顏色。可以單擊“屬性欄”中“大小”按鈕，打開“文檔屬性”對(duì)話框，如圖3所示，可以在此設(shè)置文檔的尺寸(即舞臺(tái)大小)和背景顏色等。圖3也可以通過雙擊時(shí)間軸上的幀頻來打開“文檔屬性”對(duì)話框進(jìn)行設(shè)置，如圖4所示。圖4eq\o\ac(○,2)舞臺(tái)視圖的縮放和移動(dòng)利用Flash制作動(dòng)畫的過程中，經(jīng)常需要縮放舞臺(tái)的大小，以便于進(jìn)行編輯或?qū)φw效果進(jìn)行調(diào)整。調(diào)整舞臺(tái)大小有兩種方法，一種是使用縮放工具；另一種是設(shè)置縮放比例。使用縮放工具。單擊工具箱中的縮放工具，在下方會(huì)出現(xiàn)兩個(gè)按鈕，使用它們可以分別對(duì)舞臺(tái)進(jìn)行縮小和放大的操作。另外選中放大鏡工具之后，單擊某一對(duì)象就可以對(duì)該對(duì)象進(jìn)行放大，若利用放大鏡工具拖出一個(gè)區(qū)域來，可以放大顯示該區(qū)域。使用縮放比例。在時(shí)間軸的右上方有系統(tǒng)預(yù)置的對(duì)舞臺(tái)視圖的縮放比例，單擊其后面的按鈕，可以打開系統(tǒng)預(yù)置的各種縮放比例。用戶可以根據(jù)需要選擇合適的縮放項(xiàng)。舞臺(tái)的移動(dòng)。要想移動(dòng)舞臺(tái)，可以單擊工具箱中的手形工具，然后鼠標(biāo)將變成手形，在舞臺(tái)中單擊鼠標(biāo)并拖動(dòng)便可以移動(dòng)舞臺(tái)。eq\o\ac(○,3)舞臺(tái)的輔助顯示Flash舞臺(tái)可以利用標(biāo)尺、網(wǎng)格、輔助線等工具來輔助顯示，提高作圖的便利和準(zhǔn)確性，簡(jiǎn)化編輯過程。標(biāo)尺：執(zhí)行“視圖---標(biāo)尺”命令，在舞臺(tái)的左邊和上邊將出現(xiàn)標(biāo)尺。移動(dòng)鼠標(biāo)，在兩個(gè)標(biāo)尺上會(huì)出現(xiàn)指示標(biāo)記，顯示光標(biāo)目前所處的位置。若要隱藏標(biāo)尺，再一次執(zhí)行“視圖一標(biāo)尺”命令即可。輔助線：在標(biāo)尺打開狀態(tài)，如果把鼠標(biāo)放在標(biāo)尺上單擊并拖放到舞臺(tái)上，會(huì)拖出一條淺綠色的“輔助線”，如圖5所示，方便用戶精確定位，該輔助線在影片輸出時(shí)不會(huì)顯示出來。如果要?jiǎng)h除該輔助線，只需要把它拖離舞臺(tái)區(qū)域即可，也可以執(zhí)行“視圖----輔助線----清除輔助線”，便可以把舞臺(tái)上的所有輔助線清除掉。圖5網(wǎng)格：同標(biāo)尺一樣，F(xiàn)lash軟件中也可以使用網(wǎng)格進(jìn)行精確定位。執(zhí)行“視圖----網(wǎng)格----顯示網(wǎng)格’命令，在舞臺(tái)上邊將顯示網(wǎng)格線。如果需要對(duì)網(wǎng)格的間距進(jìn)行調(diào)整，可執(zhí)行“視圖----網(wǎng)格----編輯網(wǎng)格”命令，會(huì)彈出“網(wǎng)格”對(duì)話框，如圖6所示?？梢栽诖藢?duì)話框中編輯設(shè)置網(wǎng)格的顏色和間距，以便于滿足用戶的個(gè)別化需要。圖6（4）屬性窗口屬性窗口主要放置屬性、濾鏡、參數(shù)三個(gè)操作面板如圖2中D區(qū)所示。最常用的是屬性操作面板，可以設(shè)置舞臺(tái)的大小、顏色以及幀頻，另外也可以設(shè)置對(duì)動(dòng)畫進(jìn)行“發(fā)布設(shè)置”（如圖7所示）。圖7（5）庫(kù)窗口庫(kù)窗口主要放置顏色面板、樣本面板、庫(kù)面板等（如圖2中E區(qū)所示），其中最常用的是庫(kù)窗口，里面放置生成的各種Flash元件。Flash共有影片剪輯、按鈕和圖形三種元件（如圖8所示）。圖8（6）時(shí)間軸面板時(shí)間軸面板主要放置“文檔控制面板”和“時(shí)間軸面板”兩部分，其中“時(shí)間軸面板”又可以分成“圖層操作部分”和“幀操作部分”（如圖9所示）。圖9eq\o\ac(○,1)圖層的基本操作圖層就像一張張透明的紙，每一張紙上均可繪制不同的圖形，在上面層繪制圖形，會(huì)遮擋住下層相同位置的圖形；但如果上面某一區(qū)域沒有圖形，可以透過該區(qū)域看到下層的內(nèi)容。在Flash中每個(gè)圖層都是相互獨(dú)立的，都有自己的時(shí)間軸，包含獨(dú)立的幀，用戶使用圖層的控制圖標(biāo)，可以在一個(gè)圖層上任意修改其中的內(nèi)容，而不影響到其他圖層。Flash中圖層的主要類型有：普通層、引導(dǎo)層和遮罩層三種，如圖10所示。圖10圖層可見性控制：圖標(biāo)用于控制圖層的可見性。如果直接單擊圖標(biāo)，則文檔中所有層中的內(nèi)容都將不可見，再次單擊又可恢復(fù)各層內(nèi)容的可見性。每個(gè)層中圖標(biāo)列的對(duì)應(yīng)位置處都有一個(gè)黑點(diǎn)·代表該層的可見狀態(tài)。·黑點(diǎn)表示該層的內(nèi)容可見；用鼠標(biāo)單擊此·，·就會(huì)變成形狀，表示該層中的內(nèi)容處于不可見狀態(tài)。圖層可編輯性控制：圖標(biāo)用于控制圖層的可編輯性。控制層的可編輯性和控制層的可見性類似。各層中圖標(biāo)列的黑點(diǎn)·表示各層的可編輯狀態(tài)?！け硎驹搶幽壳翱梢跃庉嫞挥檬髽?biāo)單擊·變成形狀，表示該層處于鎖定狀態(tài)，此時(shí)不能在該層進(jìn)行任何編輯。（小提示：當(dāng)我們制作動(dòng)畫時(shí)，如果需要繪制多個(gè)對(duì)象，最好把不同的對(duì)象分層放置。為了方便操作，可以把暫時(shí)不需要編輯的圖層鎖定，這樣在對(duì)其他圖層中的對(duì)象編輯時(shí)，不會(huì)對(duì)鎖定層中的對(duì)象誤操作。）圖層的顯示方式控制：圖標(biāo)口用于控制圖層的顯示方式。若圖標(biāo)列下各層以彩色實(shí)心方形標(biāo)記顯示，則表示該層內(nèi)容正常顯示；若各層以彩色空心方框顯示，則表示該層內(nèi)容只顯示邊界。這種顯示方式便于編輯和排列多個(gè)對(duì)象。當(dāng)前圖層編輯狀態(tài)顯示：如果選中某一圖層，此時(shí)該層顯示標(biāo)志，表示該圖層可以編輯；若圖層顯示標(biāo)志，表示該圖層目前不能編輯，說明圖層此時(shí)處于不可見狀態(tài)或者鎖定狀態(tài)。添加圖層：?jiǎn)螕籼砑訄D層按鈕，便會(huì)在當(dāng)前層之上添加一個(gè)新的圖層。若當(dāng)前選中的層是被引導(dǎo)層或被遮罩層，則新添加的圖層也是被引導(dǎo)層或被遮罩層。添加引導(dǎo)層：選中某層后，單擊添加引導(dǎo)層按鈕，便會(huì)在選中層之上添加一個(gè)引導(dǎo)層，且選中的層自動(dòng)變成被引導(dǎo)層，圖標(biāo)自動(dòng)右移，如圖10所示。添加遮罩層：選中某層后右鍵單擊鼠標(biāo)，在彈出的菜單中選擇“遮罩層”，即可把該層變?yōu)檎谡謱?，該層下方的層自?dòng)變成被遮罩層，層圖標(biāo)自動(dòng)右移，遮罩層和被遮罩層自動(dòng)鎖定，如圖10所示。添加層文件夾：層文件夾是用來放置圖層的。當(dāng)時(shí)間軸上圖層很多時(shí)，為了便于編輯和管理，需要將圖層歸類放置于層文件夾中。單擊層文件夾按鈕，即可添加一個(gè)層文件夾。在添加層文件夾之后，將需要放置在層文件夾中的圖層選中，拖到層文件夾上，當(dāng)層文件夾變色后釋放鼠標(biāo)，即把選中的圖層放進(jìn)層文件夾中。若需要將圖層脫離層文件夾，先選中該層拖放到層文件夾之外即可。（小提示：當(dāng)我們需要同時(shí)選中多個(gè)圖層時(shí)，可以在按住Ctrl或Shift鍵的同時(shí)單擊鼠標(biāo)。如果要選中多個(gè)相連的圖層，可以單擊最上面的圖層，然后在按住Shift鍵的同時(shí)鼠標(biāo)單擊最下面的圖層，即可同時(shí)選中從上到下多個(gè)連續(xù)的圖層。如果選擇不連續(xù)的圖層，可以在按住Ctrl鍵的同時(shí)單擊鼠標(biāo)，即可同時(shí)選中多個(gè)不相連的圖層。）eq\o\ac(○,2)幀的基本操作幀是創(chuàng)建Flash動(dòng)畫的最基本元素之一。幀代表著時(shí)刻，不同的幀即為不同的時(shí)刻，畫面會(huì)隨著時(shí)間的推移逐個(gè)顯示幀。在F1ash動(dòng)畫中，幀相當(dāng)于一張張的電影膠片，時(shí)間軸上幀的連續(xù)播放便會(huì)產(chǎn)生動(dòng)畫效果。幀分為關(guān)鍵幀、空白關(guān)鍵幀、普通幀和過渡幀等，如圖11所示。圖11關(guān)鍵幀：關(guān)鍵幀用黑色實(shí)心圓點(diǎn)表示，用于定義動(dòng)畫的起始點(diǎn)和結(jié)束點(diǎn)，在動(dòng)畫制作過程中，如果對(duì)象發(fā)生改變，或者同一對(duì)象的形狀和位置發(fā)生改變，均需要添加關(guān)鍵幀。添加關(guān)鍵幀的方法是：右鍵單擊時(shí)間軸上的任一幀，在打開的菜單中選擇“插入關(guān)鍵幀”，或直接按下F6快捷鍵，也可添加關(guān)鍵幀?？瞻钻P(guān)鍵幀：空白關(guān)鍵幀是用空心的圓點(diǎn)來表示，空白關(guān)鍵幀表示該關(guān)鍵幀中沒有添加任何對(duì)象。若要插入空白關(guān)鍵幀，可以右鍵單擊時(shí)間軸上的任一幀，在打開的菜單中選擇“插入空白關(guān)鍵幀”，或直接按下F7快捷鍵即可。普通幀：普通幀是兩個(gè)關(guān)鍵幀之間的幀。普通幀是關(guān)鍵幀的延續(xù)，普通幀中的內(nèi)容與前面關(guān)鍵幀的內(nèi)容一樣。若要添加普通幀，可以右鍵單擊任一幀后，在打開的菜單中選擇“插入幀”，或直接按下F5快捷鍵即可。過渡幀：若兩個(gè)關(guān)鍵幀之間創(chuàng)建了動(dòng)畫，關(guān)鍵幀之間的普通幀就變成了過渡幀。如果創(chuàng)建的是動(dòng)作補(bǔ)間動(dòng)畫，過渡幀呈現(xiàn)淺紫色；如果創(chuàng)建的是形狀補(bǔ)間動(dòng)畫，過渡幀呈現(xiàn)淺綠色；而且，過渡幀中會(huì)出現(xiàn)實(shí)線箭頭，若過渡幀中的箭頭是虛線的，表明該動(dòng)畫不能完成。選擇幀：在時(shí)間軸上單擊某幀就可以選中此幀。雙擊某一關(guān)鍵幀，可以將此關(guān)鍵幀和它后面的普通幀或者過渡幀同時(shí)選中。單擊某一圖層名稱，可以將此層中的所有幀全部選中。在任一幀上單擊鼠標(biāo)右鍵，從打開的右鍵快捷菜單中選擇“選擇所有幀”項(xiàng)，可以將所有層中的幀全部選中。移除幀：選中某一幀或者某些幀之后用鼠標(biāo)右鍵單擊，從彈出的快捷菜單中選擇“刪除幀”項(xiàng)，即可將這些幀及幀中的內(nèi)容從時(shí)問軸上刪除。若選擇“清除幀”選項(xiàng)，則可將這些幀中的內(nèi)容全部刪除，同時(shí)這些幀將變成空白關(guān)鍵幀。復(fù)制粘貼幀：選中某一幀或者某些幀之后鼠標(biāo)右鍵單擊，從彈出的快捷菜單中選擇“剪切幀”項(xiàng)，可以剪切選中的幀；若選擇“復(fù)制幀”項(xiàng)則可復(fù)制選中的幀；選擇“粘貼幀”選項(xiàng)，即可將剪切幀或復(fù)制的幀粘貼到當(dāng)前選中的幀的位置上。關(guān)鍵幀添加代碼：在關(guān)鍵幀中可以添加腳本代碼，當(dāng)動(dòng)畫播放到這一幀時(shí)便會(huì)執(zhí)行該幀中的代碼。選中某一關(guān)鍵幀后按下F9鍵即打開“動(dòng)作----幀”面板，在“動(dòng)作----幀”面板寫入代碼，時(shí)間軸中寫入代碼的關(guān)鍵幀將會(huì)出現(xiàn)“a”標(biāo)記，如圖11所示。（7）繪圖工具箱繪圖工具箱中包括一套完整的繪圖工具，如圖12所示，也可以鼠標(biāo)左鍵單擊并拖動(dòng)工具箱到其他位置。隨著選中工具箱中的不同工具，在舞臺(tái)下方的屬性欄中會(huì)顯示該工具的屬性，可以在屬性欄中改變工具的顏色、線條粗細(xì)、線型等屬性。圖12通過執(zhí)行“窗口----工具”命令，可以控制工具箱的顯示和隱藏。下面介紹Flash工具箱中有特色的幾種工具的使用方法。其他工具的使用方法在此不作詳細(xì)介紹，用戶可在實(shí)例制作的過程中熟悉并掌握這些工具的使用。eq\o\ac(○,1)選擇工具選擇工具是工具箱中使用最頻繁的工具。其主要功能有選擇對(duì)象、移動(dòng)對(duì)象和修改圖像輪廓等。選擇對(duì)象：選中工具箱中的選擇工具，在舞臺(tái)中的對(duì)象上單擊即可選中對(duì)象。舞臺(tái)中的對(duì)象通常由線條和填充顏色兩部分組成，可以單獨(dú)單擊任一部分選中并操作。也可以拖動(dòng)鼠標(biāo)拉出一個(gè)矩形框，此時(shí)處于矩形框中的所有對(duì)象均被選中。移動(dòng)對(duì)象：先選中要移動(dòng)的對(duì)象，如矩形框中的線條部分，把鼠標(biāo)移動(dòng)到選中的線條上，拖動(dòng)對(duì)象，即可移動(dòng)。直線拉成曲線：若要把對(duì)象中的直線拉成曲線，先把鼠標(biāo)放在直線附近，當(dāng)鼠標(biāo)變成黑箭頭下方有一小弧形點(diǎn)時(shí)，按住并拖動(dòng)，可以把直線拉成曲線。eq\o\ac(○,2)自由變換工具選中自由變換工具，根據(jù)鼠標(biāo)放置在對(duì)象上的位置不同，會(huì)顯示出不同的標(biāo)記，從而完成旋轉(zhuǎn)、傾斜、縮放、扭曲和封套等不同的操作。旋轉(zhuǎn)對(duì)象：選中自由變換工具，在對(duì)象上單擊，對(duì)象四周會(huì)出現(xiàn)8個(gè)黑色方框，中間有一個(gè)作為旋轉(zhuǎn)中心的小圓圈。當(dāng)把鼠標(biāo)放在頂點(diǎn)附近時(shí)，鼠標(biāo)變成帶箭頭的圓弧形狀時(shí)，按住并拖動(dòng)，即以對(duì)象中心的圓點(diǎn)為軸旋轉(zhuǎn)該對(duì)象。如果需改變旋轉(zhuǎn)中心的位置，可以選中對(duì)象中心的小圓圈，拖動(dòng)其到上方中間的位置，即改變對(duì)象的旋轉(zhuǎn)中心。當(dāng)旋轉(zhuǎn)對(duì)象時(shí)就以新設(shè)定的中心點(diǎn)而旋轉(zhuǎn)?？s放對(duì)象：選中自由變換工具，把鼠標(biāo)放在頂點(diǎn)附近時(shí)，鼠標(biāo)變成雙向傾斜的箭頭時(shí)，按住并向外拖動(dòng)，即可放大對(duì)象。按住并向內(nèi)拖動(dòng)，即可縮小對(duì)象。把鼠標(biāo)放在中間的控制點(diǎn)上時(shí)，鼠標(biāo)將變成水平或豎直的雙向箭頭，按住并拖動(dòng)，即可調(diào)整對(duì)象的寬和高。扭轉(zhuǎn)對(duì)象：把鼠標(biāo)放在頂點(diǎn)附近時(shí)，鼠標(biāo)變成一對(duì)平行的雙向箭頭，按住并拖動(dòng)，可扭轉(zhuǎn)對(duì)象。自由變換工具和選擇工具配合使用，可以把一頁(yè)“平放”的紙變成“半翻開”的狀杰。3、補(bǔ)間動(dòng)畫的制作Flash動(dòng)畫以補(bǔ)間動(dòng)畫為主。補(bǔ)間動(dòng)畫一般有兩種：形狀補(bǔ)間動(dòng)畫（呈淺綠色）和動(dòng)作補(bǔ)間動(dòng)畫（呈淺紫色）。形狀補(bǔ)間動(dòng)畫是針對(duì)“圖形”的，關(guān)鍵幀中的對(duì)象必須是“圖形”，不能是元件。而動(dòng)作補(bǔ)間動(dòng)畫是針對(duì)“元件”的，關(guān)鍵幀中的對(duì)象必須是“元件”，不然，創(chuàng)建補(bǔ)間動(dòng)畫后，過渡幀上的箭頭會(huì)是虛線，表示不能完成動(dòng)畫。（1）圖形與元件Flash軟件中，利用工具箱直接畫出來的叫圖形。元件是可以重復(fù)使用的對(duì)象，不僅可以在本文檔中使用，也可以在其他Flash文檔中使用，因此，使用元件可以有效地減小最后生成文件的大小。使用元件其實(shí)就是資源共享的方式。制作好的元件會(huì)自動(dòng)存放在“庫(kù)”面板中，從外部導(dǎo)入的圖片、聲音、視頻等文件都會(huì)出現(xiàn)在庫(kù)中，需要時(shí)可以從庫(kù)中拖出來即可。調(diào)用的元件有圖形、按鈕和影片剪輯三種類型。eq\o\ac(○,1)圖形元件適用于靜態(tài)圖像重復(fù)利用，或者用于創(chuàng)建與主時(shí)間軸相關(guān)聯(lián)的動(dòng)畫。它不能提供實(shí)例名稱，也不能在動(dòng)作腳本中被引用。eq\o\ac(○,2)按鈕元件用于建立交互按鈕，它只對(duì)鼠標(biāo)事件作出反應(yīng)。eq\o\ac(○,3)影片剪輯元件是包含在Flash動(dòng)畫中的影片片段，有自己獨(dú)立的時(shí)間軸和屬性。圖13圖形轉(zhuǎn)換為元件：選中圖形，單擊右鍵，選擇“轉(zhuǎn)換為元件”，即可以轉(zhuǎn)換為三種不同的元件（如圖13所示）。（2）位移動(dòng)畫1）設(shè)置場(chǎng)景eq\o\ac(○,1)啟動(dòng)FlashCS3，新建一個(gè)FlashActionScript2.0文檔。eq\o\ac(○,2)文檔屬性設(shè)置：打開文檔屬性面板，如圖14所示。設(shè)置幀頻為12、背景為白色、大小設(shè)置為550×400像素。注意：在以后的實(shí)例中，如果沒特別要求，那么場(chǎng)景設(shè)置都按此進(jìn)行設(shè)置。同時(shí)，場(chǎng)景設(shè)置這步操作將不會(huì)在以后的實(shí)例中出現(xiàn)。圖142）動(dòng)畫制作過程eq\o\ac(○,1)鼠標(biāo)雙擊“圖層1”處，出現(xiàn)光標(biāo)，如圖15的圖示(1)所示，將圖層命名為“位置移動(dòng)”，如圖15的圖示(2)所示。圖15eq\o\ac(○,2)先選取工具欄中的“矩形工具”，然后選擇“筆觸顏色”為無顏色；選擇“填充顏色”為紅色；取消選定“矩形工具”的附加工具“貼緊至對(duì)象”和“對(duì)象繪制”，工具欄的設(shè)置如圖16所示。在后續(xù)的繪圖操作時(shí)，一律取消“對(duì)象繪制”這個(gè)選定，在這里做一個(gè)統(tǒng)一規(guī)定。圖16eq\o\ac(○,3)先選定“位置移動(dòng)”圖層的第1幀，如圖17的圖示(1)所示；然后在編輯區(qū)內(nèi)畫一個(gè)矩形，如圖17的圖示(2)所示；用“選擇工具”將這個(gè)矩形移動(dòng)到編輯區(qū)的左邊，如圖17的圖示(3)所示。圖17eq\o\ac(○,4)用鼠標(biāo)選定“位置移動(dòng)”圖層的第25幀，然后按F6鍵，插入一個(gè)關(guān)鍵幀，如圖18的圖示(1)所示；用“選擇工具”選定第25幀，將此幀上編輯區(qū)里的矩形移動(dòng)到編輯區(qū)的右邊，如圖18的圖示(2)所示。圖18此時(shí)，觀察“位置移動(dòng)”圖層的第1幀上的矩形與第25幀上的矩形，我們可以發(fā)現(xiàn)，這兩幀上的矩形在編輯區(qū)的位置是不同的，第1幀的矩形在編輯區(qū)的左邊，第25幀的矩形在編輯區(qū)的右邊。如圖19所示。圖19eq\o\ac(○,5)用鼠標(biāo)選定“位置移動(dòng)”圖層的兩個(gè)關(guān)鍵幀之間的任意一幀，單擊鼠標(biāo)右鍵，彈出如圖20的圖示(1)所示的快捷菜單，單擊“創(chuàng)建補(bǔ)間形狀”菜單項(xiàng)，建立形狀漸變動(dòng)畫。建立形狀漸變后，在“位置移動(dòng)”圖層的第1幀到第25幀之間以淡綠色顯示，并帶有一個(gè)自左向右的箭頭，如圖20的圖示(2)所示。鼠標(biāo)拖動(dòng)圖20的圖示(2)的第一幀處即播放頭，可以預(yù)覽動(dòng)畫。圖203）保存并測(cè)試動(dòng)畫eq\o\ac(○,1)在動(dòng)畫制作過程中，我們要及時(shí)將動(dòng)畫保存到硬盤上，因此，我們可以新建一個(gè)文件夾，專門用來放置學(xué)習(xí)過程中所做的實(shí)例。我們可以在E盤下新建一個(gè)“實(shí)例練習(xí)”文件夾。保存操作如下：按快捷鍵“Ctrl+S”，打開“另存為”對(duì)話框，保存為Flash的原始文件.fla格式。eq\o\ac(○,2)保存完Flash文檔后，按快捷鍵“Ctrl+Enter”測(cè)試影片，或者選擇菜單“控制→測(cè)試影片”菜單項(xiàng)，效果一樣。按完“Ctrl+Enter”鍵后，將彈出如圖21的圖示(1)所示的提示框，完成導(dǎo)出后，彈出如圖21的圖示(2)所示的預(yù)覽窗口。圖21eq\o\ac(○,3)打開“E:\實(shí)例練習(xí)”文件夾后，我們可以看到兩個(gè)文件，一個(gè)為“.fla”，這個(gè)文件是Flash的源文件。一個(gè)為“.swf”，如圖22所示。“.swf”這個(gè)文件是按“Ctrl+Enter”測(cè)試影片后，生成的可執(zhí)行的影片文件，它的后綴為“.swf”。雙擊打開這個(gè)文件可以觀看動(dòng)畫，動(dòng)畫制作的最終目的就是為了生成這種文件。圖22（3）形狀變化（同一形狀的縮放）動(dòng)畫eq\o\ac(○,1)啟動(dòng)FlashCS3，新建一個(gè)FlashActionScript2.0文檔。eq\o\ac(○,2)將“圖層1”命名為“縮放”。eq\o\ac(○,3)選定“縮放”圖層的第1幀，用“橢圓工具”在編輯區(qū)中畫一個(gè)藍(lán)色的正圓，如圖23所示。圖23eq\o\ac(○,4)選定“縮放”圖層的第24幀，按快捷鍵“F6”，插入關(guān)鍵幀。用“選擇工具”選定此幀上的圓，用“任意變形工具”將這個(gè)圓整體放大，如圖24所示。圖24eq\o\ac(○,5)分別選擇“縮放”圖層的第1幀與第25幀，觀察第1幀的圓和第25幀的圓，我們可以發(fā)現(xiàn)，第1幀的圓更小，第25幀的圓更大，如圖25所示。圖25eq\o\ac(○,6)選定“縮放”圖層的兩個(gè)關(guān)鍵幀之間的任意一幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間形狀”菜單項(xiàng)，建立形狀漸變動(dòng)畫，如圖26所示。圖26eq\o\ac(○,7)按快捷鍵“Ctrl+S”，將動(dòng)畫保存到“E:\實(shí)例練習(xí)”文件夾中，并命名為“矢量圖形的縮放變化”。eq\o\ac(○,8)按快捷鍵“Ctrl+Enter”，測(cè)試影片，完成矢量對(duì)象的縮放動(dòng)畫制作。（4）形狀變化（不同形狀的轉(zhuǎn)換）動(dòng)畫eq\o\ac(○,1)啟動(dòng)FlashCS3，新建一個(gè)FlashActionScript2.0文檔。eq\o\ac(○,2)將“圖層1”更名為“轉(zhuǎn)換”。eq\o\ac(○,3)選定“轉(zhuǎn)換”圖層的第1幀，用“矩形工具”在編輯區(qū)中畫一個(gè)紅色矩形。用“選擇工具”選定紅色矩形，打開“屬性”面板，將寬和高分別設(shè)置為100，將X軸坐標(biāo)設(shè)置為100，Y軸坐標(biāo)設(shè)置為150，如圖27所示。通過對(duì)坐標(biāo)的設(shè)置來改變圖形在編輯區(qū)中的位置，通過對(duì)寬高的設(shè)置來改變圖形的形狀，此時(shí)的矩形已經(jīng)是一個(gè)正方形了。圖27eq\o\ac(○,4)選定“轉(zhuǎn)換”圖層的第25幀，按快捷鍵“F7”，插入空白關(guān)鍵幀，用“橢圓工具”在編輯區(qū)中畫一個(gè)紅色的橢圓。用“選擇工具”選定紅色的橢圓，打開“屬性”面板，將橢圓的寬和高分別設(shè)置為100，將橢圓的X軸坐標(biāo)設(shè)置為400，Y軸坐標(biāo)設(shè)置為150，如圖28所示。圖28eq\o\ac(○,5)選定“轉(zhuǎn)換”圖層的兩個(gè)關(guān)鍵幀之間的任意一幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間形狀”菜單項(xiàng)，建立形狀漸變動(dòng)畫。eq\o\ac(○,6)按快捷鍵“Ctrl+S”，將動(dòng)畫保存到“E:\實(shí)例練習(xí)”文件夾中，并命名為“矢量圖形的轉(zhuǎn)換變化”。eq\o\ac(○,7)按快捷鍵“Ctrl+Enter”，測(cè)試影片，完成從一種形狀向另一種形狀過渡的動(dòng)畫制作。（5）Alpha(透明度)變化動(dòng)畫eq\o\ac(○,1)啟動(dòng)FlashCS3，新建一個(gè)FlashActionScript2.0文檔。eq\o\ac(○,2)打開“屬性”面板，設(shè)置文檔的背景顏色為紅色(#FF0000)。eq\o\ac(○,3)將“圖層1”更名為“透明度”。eq\o\ac(○,4)選定“透明度”圖層的第1幀，用“多角星形工具”在編輯區(qū)中畫一個(gè)黃色無線條的五角星，如圖29所示。圖29eq\o\ac(○,5)選定“透明度”圖層的第25幀，按“F6”插入關(guān)鍵幀，選定50幀，按“F6”插入關(guān)鍵幀，如圖30所示。圖30eq\o\ac(○,6)選定“透明度”圖層的第25幀，用“選擇工具”選定編輯區(qū)中的黃色五角星，打開顏色面板，將“Alpha”的值設(shè)置為0，如圖31所示。圖31eq\o\ac(○,7)選定“透明度”圖層的兩個(gè)關(guān)鍵幀之間的任意一幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間形狀”菜單項(xiàng)。同理，選定第25幀倒50幀之間的任意一幀，創(chuàng)建補(bǔ)間形狀動(dòng)畫，如圖32所示。圖32eq\o\ac(○,8)按快捷鍵“Ctrl+S”，將動(dòng)畫保存到“E:\實(shí)例練習(xí)”文件夾中，并命名為“透明度變化”。eq\o\ac(○,9)按快捷鍵“Ctrl+Enter”，測(cè)試影片，我們可以看到黃色的五角星從不透明變得透明再到不透明的變化過程。（6）色變動(dòng)畫eq\o\ac(○,1)啟動(dòng)FlashCS3，新建一個(gè)FlashActionScript2.0文檔。eq\o\ac(○,2)將“圖層1”更名為“顏色”。eq\o\ac(○,3)選定“顏色”圖層的第1幀，用“橢圓工具”在編輯區(qū)中畫一個(gè)紅色(#FF0000)的圓，如圖33所示。圖33eq\o\ac(○,4)選定“顏色”圖層的第25幀，按“F6”插入關(guān)鍵幀，并將第25幀的圓設(shè)置成黃色(#FFFF00)，如圖34所示。圖34eq\o\ac(○,5)選定“顏色”圖層的兩個(gè)關(guān)鍵幀之間的任意一幀，單擊鼠標(biāo)右鍵，創(chuàng)建補(bǔ)間形狀動(dòng)畫，如圖35所示。圖35eq\o\ac(○,6)按快捷鍵“Ctrl+S”，將動(dòng)畫保存到“E:\實(shí)例練習(xí)”文件夾中，并命名為“顏色變化”。eq\o\ac(○,7)按快捷鍵“Ctrl+Enter”，測(cè)試影片，我們可以看到圓由紅色變成黃色。（7）引導(dǎo)線動(dòng)畫引導(dǎo)線動(dòng)畫是相對(duì)于直線動(dòng)畫而言的。在這之前制作的有關(guān)位置變化的動(dòng)畫都是直線運(yùn)動(dòng)，引導(dǎo)線動(dòng)畫就是實(shí)現(xiàn)對(duì)象的曲線運(yùn)動(dòng)的。eq\o\ac(○,1)啟動(dòng)FlashCS3，新建一個(gè)FlashActionScript2.0文檔。eq\o\ac(○,2)將“圖層1”更名為“太陽(yáng)”，用“橢圓工具”在第1幀的編輯區(qū)中畫一個(gè)紅色的圓來代表太陽(yáng)。用“選擇工具”選定圓，按快捷鍵“F8”將圓轉(zhuǎn)換為圖形元件，設(shè)置如圖36所示。圖36eq\o\ac(○,3)單擊“添加運(yùn)動(dòng)引導(dǎo)層”按鈕，插入一引導(dǎo)層。用“直線工具”在引導(dǎo)層的第1幀畫出一條直線，用“選擇工具”將直線拉成弧線，做好曲線后鎖定本圖層，如圖37所示。圖37eq\o\ac(○,4)在引導(dǎo)層的第25幀按“F5”插入過渡幀，在“太陽(yáng)”圖層的第25幀按“F6”插入關(guān)鍵幀，如圖38所示。圖38eq\o\ac(○,5)選定“太陽(yáng)”圖層的第1幀，選定“選擇工具”后并選定其附加按鈕“貼緊至對(duì)象”，這步很重要，而且一定要選定。拖動(dòng)圓至曲線的左端，當(dāng)出現(xiàn)吸附標(biāo)志的“小圓圈”后，放開鼠標(biāo)，使“旋轉(zhuǎn)、翻轉(zhuǎn)控制點(diǎn)”吸附到曲線的一端，如圖39所示。圖39eq\o\ac(○,6)選定“太陽(yáng)”圖層的第25幀，用“選擇工具”將此幀上的太陽(yáng)吸附到曲線的另一端，如圖40所示。圖40eq\o\ac(○,7)選定“太陽(yáng)”圖層的兩個(gè)關(guān)鍵幀的任意一幀，單擊右鍵，創(chuàng)建補(bǔ)間動(dòng)畫，如圖41所示。圖41（注：只有將兩個(gè)關(guān)鍵幀上對(duì)象的“旋轉(zhuǎn)、翻轉(zhuǎn)控制點(diǎn)”分別吸附到曲線的兩個(gè)端點(diǎn)時(shí)，創(chuàng)建補(bǔ)間動(dòng)畫后，對(duì)象才能沿著曲線做運(yùn)動(dòng)。如果引導(dǎo)線圖層所繪制的是一條封閉的曲線時(shí)(如一個(gè)圓)，我們應(yīng)該刪除一小段，讓封閉的曲線出現(xiàn)兩個(gè)端點(diǎn)。eq\o\ac(○,8)按快捷鍵“Ctrl+S”，將動(dòng)畫保存到“E:\實(shí)例練習(xí)”文件夾中，并命名為“曲線運(yùn)動(dòng)”。eq\o\ac(○,9)按快捷鍵“Ctrl+Enter”，測(cè)試影片，我們可以看到好像太陽(yáng)升和落這樣的動(dòng)畫?？偨Y(jié)分析：引導(dǎo)線動(dòng)畫有自己的特點(diǎn)：(1)它必須有兩個(gè)圖層，一個(gè)是用于放置運(yùn)動(dòng)對(duì)象的普通圖層(如太陽(yáng)圖層)，一個(gè)是用于放置運(yùn)動(dòng)路徑的引導(dǎo)線圖層。且引導(dǎo)線圖層在上，普通圖層在下的位置關(guān)系。(2)形成動(dòng)畫的對(duì)象必須是圖形對(duì)象、影片剪輯對(duì)象、按鈕對(duì)象這三個(gè)對(duì)象的其中一種，矢量對(duì)象是不能用于制作引導(dǎo)線動(dòng)畫的。(3)運(yùn)動(dòng)對(duì)象必須吸附到曲線的兩個(gè)端點(diǎn)上，即必須選定“貼緊至對(duì)象”按鈕。(4)曲線必須要出現(xiàn)兩個(gè)端點(diǎn)。（8）遮罩動(dòng)畫遮罩動(dòng)畫的動(dòng)畫原理非常簡(jiǎn)單，通過下面的例子，我們先了解一下遮罩動(dòng)畫的原理。靈活的運(yùn)用遮罩動(dòng)畫，能實(shí)現(xiàn)很多十分精彩的動(dòng)畫效果，如放大鏡、望遠(yuǎn)鏡、顯現(xiàn)等。1）遮罩原理eq\o\ac(○,1)啟動(dòng)FlashCS3，新建一個(gè)FlashActionScript2.0文檔。e