《Flash動(dòng)畫制作案例教程》（吳觀福） 003

FlashCS5動(dòng)畫制作

案例教程簽到掃碼下載文旌課堂APP掃碼簽到（202X.X.XXX:XX至202X.X.XXX:XX）簽到方式教師通過(guò)“文旌課堂APP”生成簽到二維碼，并設(shè)置簽到時(shí)間，學(xué)生通過(guò)“文旌課堂APP”掃描“簽到二維碼”進(jìn)行簽到。。2項(xiàng)目三編輯圖形與創(chuàng)建文本對(duì)象的基本編輯對(duì)象的變形操作在三維空間移動(dòng)和旋轉(zhuǎn)對(duì)象修改圖形創(chuàng)建和美化文字任務(wù)一對(duì)象的基本編輯任務(wù)說(shuō)明

在Flash中繪制圖形或制作動(dòng)畫的過(guò)程中，經(jīng)常需要對(duì)舞臺(tái)上的對(duì)象進(jìn)行選擇、移動(dòng)、復(fù)制、組合、分離和排列等操作，下面分別進(jìn)行介紹。預(yù)備知識(shí)一、選擇舞臺(tái)中的對(duì)象

對(duì)舞臺(tái)上的對(duì)象進(jìn)行移動(dòng)、復(fù)制、對(duì)齊和設(shè)置屬性等操作時(shí)，都需要先選中對(duì)象。在工具箱中選擇“選擇工具”后，可使用以下方法選擇舞臺(tái)中的對(duì)象。選取整體對(duì)象：要選擇元件實(shí)例、群組、繪制對(duì)象和位圖等整體對(duì)象，只需單擊該對(duì)象即可，選中整體對(duì)象后其外圍會(huì)出現(xiàn)一個(gè)藍(lán)色邊框選擇整體對(duì)象選取線條：?jiǎn)螕舴稚⒌氖噶繄D形的線條，可以選取某一線段；雙擊線條，可以選取連接著的所有顏色、樣式和粗細(xì)一致的線段。選取填充：?jiǎn)螕舴稚⒌氖噶繄D形填充區(qū)域可選取該填充；要同時(shí)選中填充及其輪廓線，可在填充區(qū)域中的任意位置雙擊鼠標(biāo)。

單擊選取一段線段單擊選取填充選取多個(gè)對(duì)象：按住【Shift】鍵依次單擊希望選擇的對(duì)象，可同時(shí)選中多個(gè)對(duì)象；在需要選取的對(duì)象周圍拖出一個(gè)方框，釋放鼠標(biāo)后，該方框覆蓋的所有對(duì)象（或矢量圖形的一部分）都將被選中。此外，單擊時(shí)間軸上的某一幀（或按【Ctrl+A】組合鍵）可選中該幀上的所有對(duì)象。

拖動(dòng)選取單擊關(guān)鍵幀選取二、移動(dòng)與復(fù)制對(duì)象

在制作Flash動(dòng)畫的過(guò)程中，經(jīng)常需要進(jìn)行移動(dòng)和復(fù)制對(duì)象的操作，方法如下。使用鼠標(biāo)拖動(dòng)：使用“選擇工具”選中對(duì)象后，在被選中的對(duì)象上按住鼠標(biāo)左鍵不放并將其拖到目標(biāo)位置，釋放鼠標(biāo)后即可移動(dòng)對(duì)象；若在釋放鼠標(biāo)前按住【Alt】鍵，光標(biāo)會(huì)呈狀，此時(shí)釋放鼠標(biāo)可復(fù)制對(duì)象。

通過(guò)拖動(dòng)復(fù)制對(duì)象使用菜單命令：選擇“編輯”菜單中的“復(fù)制”、“剪切”、“粘貼到中心位置”、“粘貼到當(dāng)前位置”等命令也可移動(dòng)或復(fù)制對(duì)象。通過(guò)菜單移動(dòng)與復(fù)制對(duì)象三、群組、分離與排列對(duì)象

在Flash中，當(dāng)需要對(duì)多個(gè)對(duì)象（包括分散的矢量圖形、元件實(shí)例、繪制對(duì)象、群組對(duì)象）進(jìn)行統(tǒng)一操作時(shí)，可以將這些對(duì)象組合成一個(gè)整體以方便操作，我們將組合后的對(duì)象稱為群組。選中要群組的對(duì)象，然后選擇“修改”>“組合”菜單，或按快捷鍵【Ctrl+G】，即可群組所選對(duì)象。

群組對(duì)象

要分離群組對(duì)象、元件實(shí)例和繪制對(duì)象等整體對(duì)象，可選中要分離的對(duì)象，然后選擇“修改”>“分離”菜單，或按快捷鍵【Ctrl+B】。當(dāng)要分離的對(duì)象是由多個(gè)整體對(duì)象組合成的時(shí)，可執(zhí)行多次分離操作，直到將對(duì)象分離成分散的矢量圖形。

分離對(duì)象

在同一圖層上，F(xiàn)lash會(huì)根據(jù)對(duì)象創(chuàng)建的先后順序?qū)盈B放置，最后創(chuàng)建的對(duì)象將放置在最上面，而最早創(chuàng)建的對(duì)象被放置在最下面。若需要改變對(duì)象的排列順序，可選中要排列的對(duì)象，然后選擇“修改”>“排列”菜單下的子菜單項(xiàng)。

排列對(duì)象四、使用“對(duì)齊”面板

選擇“窗口”>“對(duì)齊”菜單，或者按快捷鍵【Ctrl+K】，可打開“對(duì)齊”面板。利用該面板中的相應(yīng)按鈕，可以將選中的多個(gè)對(duì)象沿水平或垂直方向?qū)R、均勻分布或進(jìn)行大小匹配等。將所選對(duì)象進(jìn)行右對(duì)齊

任務(wù)實(shí)施——制作蝴蝶圖形

下面，我們將通過(guò)移動(dòng)、復(fù)制等圖形編輯操作，制作蝴蝶圖形。制作思路蝴蝶圖形

打開素材文檔后先使用“選擇工具”選擇蝴蝶左側(cè)的觸角，然后通過(guò)拖動(dòng)復(fù)制將其復(fù)制一份，并進(jìn)行水平翻轉(zhuǎn)；然后將蝴蝶的身體和觸角群組；再將蝴蝶左側(cè)的翅膀移動(dòng)到指定位置，通過(guò)復(fù)制和翻轉(zhuǎn)操作，制作出蝴蝶右側(cè)的翅膀。本例具體操作可參考本書配套視頻“3-1.avi”。任務(wù)二對(duì)象的變形操作任務(wù)說(shuō)明

在Flash中，我們可以利用“任意變形工具”和“變形”面板對(duì)對(duì)象執(zhí)行縮放、旋轉(zhuǎn)和扭曲等變形操作預(yù)備知識(shí)一、使用“任意變形工具”“任意變形工具”是Flash中使用最多的編輯工具之一，利用它可以旋轉(zhuǎn)、傾斜、縮放和扭曲對(duì)象，還可以通過(guò)編輯封套來(lái)對(duì)對(duì)象的形狀進(jìn)行調(diào)整?！叭我庾冃喂ぞ摺钡倪x項(xiàng)變形框在工具箱中單擊選擇“任意變形工具”，然后利用該工具選中要變形的對(duì)象，此時(shí)工具箱選項(xiàng)區(qū)會(huì)出現(xiàn)“旋轉(zhuǎn)與傾斜”按鈕、“縮放”按鈕、“扭曲”按鈕和“封套”按鈕。所選對(duì)象四周會(huì)出現(xiàn)一個(gè)變形框和變形中心點(diǎn)，變形框四周包含8個(gè)變形控制柄。旋轉(zhuǎn)對(duì)象：將變形中心點(diǎn)拖到要作為旋轉(zhuǎn)中心的位置后，將光標(biāo)移動(dòng)到變形框四個(gè)角的控制柄上，當(dāng)光標(biāo)呈形狀時(shí)按住鼠標(biāo)左鍵并拖動(dòng)，即可以變形中心點(diǎn)為基點(diǎn)旋轉(zhuǎn)對(duì)象。傾斜對(duì)象：將光標(biāo)移動(dòng)到變形框的邊線上，當(dāng)光標(biāo)呈或形狀時(shí)按住鼠標(biāo)左鍵并拖動(dòng)即可傾斜對(duì)象。

旋轉(zhuǎn)對(duì)象傾斜對(duì)象縮放對(duì)象：將光標(biāo)移動(dòng)到變形框橫向或縱向的中間控制柄上，當(dāng)光標(biāo)呈或形狀時(shí)按住鼠標(biāo)左鍵并拖動(dòng)，可改變對(duì)象高度或?qū)挾?；將光?biāo)移動(dòng)到變形框4個(gè)角的控制柄上，光標(biāo)會(huì)呈形狀，此時(shí)按住鼠標(biāo)左鍵并拖動(dòng)可同時(shí)改變對(duì)象的高度和寬度（若在拖動(dòng)4個(gè)角的控制柄時(shí)按住【Shift】鍵，可在縮放對(duì)象的同時(shí)保持對(duì)象的高寬比例）。

縮放對(duì)象扭曲圖形：扭曲變形只能用于分離對(duì)象。單擊工具箱選項(xiàng)區(qū)中的“扭曲”按鈕，或者在按住【Ctrl】鍵的同時(shí)將光標(biāo)移動(dòng)到變形框的任意一個(gè)控制柄上，當(dāng)光標(biāo)呈形狀時(shí)按住鼠標(biāo)左鍵并拖動(dòng)，即可向任意方向扭曲圖形（若在拖動(dòng)控制柄時(shí)按住【Shift】鍵，可對(duì)稱扭曲圖形）。

扭曲對(duì)象封套功能：使用“任意變形工具”選中舞臺(tái)中的分散圖形后，單擊工具箱選項(xiàng)區(qū)中的“封套”按鈕，此時(shí)圖形周圍會(huì)顯示一個(gè)封套控制框，其上有8個(gè)方形控制柄，每個(gè)控制柄兩側(cè)有2個(gè)切線手柄（其兩端為圓形），拖動(dòng)控制柄可改變圖形的大致形狀，拖動(dòng)控制柄兩側(cè)的切線手柄，可對(duì)圖形的弧度進(jìn)行微調(diào)。

使用封套功能調(diào)整對(duì)象形狀二、使用“變形”面板

利用“變形”面板可以精確對(duì)對(duì)象執(zhí)行旋轉(zhuǎn)、傾斜、縮放和3D旋轉(zhuǎn)等變形，還可在變形的同時(shí)復(fù)制對(duì)象，從而制作一些特殊的效果。選擇“窗口”>“變形”菜單或按快捷鍵【Ctri+T】，可打開“變形”面板?！白冃巍泵姘?/p>

由于使用“變形”面板對(duì)對(duì)象進(jìn)行變形也是以變形中心點(diǎn)為基準(zhǔn)進(jìn)行的，所以一般會(huì)先使用“任意變形工具”選中要變形的對(duì)象，設(shè)置好變形中心點(diǎn)的位置，然后再使用“變形”面板進(jìn)行變形操作。

使用“變形”面板制作花朵任務(wù)實(shí)施一、繪制彩虹圖形

下面通過(guò)制作彩虹圖形，練習(xí)“任意變形工具”封套功能的使用。彩虹圖形制作思路

首先打開素材文檔，然后使用“任意變形工具”框選舞臺(tái)中的圖形，并單擊工具箱選項(xiàng)區(qū)中的“封套”按鈕，然后調(diào)整封套控制框中的控制柄和切線手柄，制作彩虹圖形。本例具體操作可參考本書配套視頻“3-2.avi”。二、繪制風(fēng)車

下面將通過(guò)制作風(fēng)車圖形，使讀者進(jìn)一步掌握“變形”面板的使用。風(fēng)車圖形制作思路

首先使用“線條工具”和“選擇工具”繪制風(fēng)車的底座；然后為其填充顏色，并將其群組；接著新建圖層，并使用“矩形工具”和“線條工具”繪制扇葉圖形，再利用“變形”面板將扇葉圖形旋轉(zhuǎn)復(fù)制一份；最后在扇葉圖形的中心處繪制旋轉(zhuǎn)軸，并將扇葉圖形轉(zhuǎn)換為圖形元件。本例具體操作可參考本書配套視頻“3-3.avi”。任務(wù)三在三維空間移動(dòng)和旋轉(zhuǎn)對(duì)象任務(wù)說(shuō)明

利用“3D旋轉(zhuǎn)工具”和“3D平移工具”可以在3D空間中旋轉(zhuǎn)和移動(dòng)影片剪輯實(shí)例，從而制作三維動(dòng)畫效果。下面分別介紹這兩個(gè)工具的使用方法。預(yù)備知識(shí)一、使用“3D旋轉(zhuǎn)工具”

利用“3D旋轉(zhuǎn)工具”可以在3D空間中旋轉(zhuǎn)影片剪輯實(shí)例，具體方法如下。取消“全局轉(zhuǎn)換”按鈕的選中狀態(tài)1.打開素材文檔，選擇工具箱3D轉(zhuǎn)換工具組中的“3D旋轉(zhuǎn)工具”，或者按快捷鍵【W(wǎng)】，然后取消工具箱選項(xiàng)區(qū)“全局轉(zhuǎn)換”按鈕的選中狀態(tài)。x軸控件、y軸控件、z軸控件和自由旋轉(zhuǎn)控件2.在要進(jìn)行3D旋轉(zhuǎn)的對(duì)象上單擊，該對(duì)象上會(huì)出現(xiàn)x軸控件、y軸控件、z軸控件、自由旋轉(zhuǎn)控件和3D旋轉(zhuǎn)中心，拖動(dòng)任一控件既可沿相應(yīng)軸旋轉(zhuǎn)對(duì)象。二、使用“3D平移工具”

利用“3D平移工具”可以在3D空間中移動(dòng)影片剪輯實(shí)例。選擇工具箱3D轉(zhuǎn)換工具組中的“3D平移工具”，或者按快捷鍵【G】，然后在要進(jìn)行3D移動(dòng)的對(duì)象上單擊，該對(duì)象上會(huì)出現(xiàn)x軸控件、y軸控件和z軸控件，拖動(dòng)任一控件既可沿相應(yīng)軸移動(dòng)對(duì)象。x軸控件、y軸控件和z軸控件任務(wù)實(shí)施——繪制向日葵圖形

下面通過(guò)制作向日葵圖形，讓讀者掌握“任意變形工具”、“變形”面板和“3D旋轉(zhuǎn)工具”在實(shí)際繪圖中的應(yīng)用。向日葵制作思路首先使用“矩形工具”繪制土地和天空；然后新建一個(gè)圖層，使用“線條工具”和“選擇工具”在新圖層上（這樣做的目的是為了使圖形之間不受干擾）繪制向日葵的葉和莖；接著使用“橢圓工具”繪制橢圓，并利用“任意變形工具”和“變形”面板對(duì)橢圓進(jìn)行復(fù)制變形操作，制作向日葵花；再將向日葵花轉(zhuǎn)換為影片剪輯，并利用“3D旋轉(zhuǎn)工具”對(duì)進(jìn)行旋轉(zhuǎn)；最后將向日葵花移動(dòng)到葉和莖的上方，并進(jìn)行群組和復(fù)制。本例具體操作可參考本書配套視頻“3-4.avi”。任務(wù)四修改圖形任務(wù)說(shuō)明FlashCS5在“修改”>“形狀”子菜單中提供了“高級(jí)平滑”、“高級(jí)伸直”、“優(yōu)化”、“擴(kuò)展填充”、“柔化填充邊緣”和“將線條轉(zhuǎn)換為填充”等對(duì)分散的矢量圖形進(jìn)行特殊處理的命令，下面分別說(shuō)明。一、平滑、伸直和優(yōu)化圖形

繪制好圖形后，對(duì)圖形進(jìn)行平滑、伸直和優(yōu)化操作，可以使圖形更加符合我們的需要。（1）平滑圖形

平滑圖形主要有兩個(gè)作用：一是使圖形輪廓線變得柔和、美觀；二是減少圖形中的線段數(shù)量，從而減少Flash文件的體積，并方便使用“選擇工具”調(diào)整圖形形狀。

平滑圖形

要平滑圖形，可使用“選擇工具”選中要平滑的對(duì)象，然后單擊工具箱選項(xiàng)區(qū)中的“平滑”按鈕，反復(fù)執(zhí)行可強(qiáng)化平滑效果。（2）伸直圖形

伸直圖形同樣可以減少圖形中的線段數(shù)，與平滑圖形的不同的是，伸直后的圖形輪廓會(huì)趨向于直線。

伸直圖形要伸直圖形，可先選中圖形，然后單擊工具箱選項(xiàng)區(qū)的“伸直”按鈕，反復(fù)單擊可強(qiáng)化伸直效果。此外，選擇“修改”>“形狀”>“高級(jí)伸直”菜單，或者按快捷鍵【Ctrl+Alt+Shift+N】也可伸直圖形。（3）優(yōu)化圖形

使用Flash的優(yōu)化功能也可以使圖形輪廓線變得平滑。與平滑功能不同的是，優(yōu)化圖形是通過(guò)減少圖形線段的數(shù)量來(lái)實(shí)現(xiàn)的。

優(yōu)化圖形選中要優(yōu)化的圖形后，選擇“修改”>“形狀”>“優(yōu)化”菜單，打開“優(yōu)化曲線”對(duì)話框，在“優(yōu)化強(qiáng)度”編輯框中輸入平滑圖形的強(qiáng)度，然后單擊“確定”按鈕，即可得到優(yōu)化結(jié)果。二、擴(kuò)展填充

利用“擴(kuò)展填充”命令可以擴(kuò)大或縮小圖形的填充區(qū)域，以制作一些特殊效果。

擴(kuò)展填充對(duì)象選中要進(jìn)行擴(kuò)展填充的對(duì)象后，選擇“修改”>“形狀”>“擴(kuò)展填充”菜單，在打開的“擴(kuò)展填充”對(duì)話框中設(shè)置擴(kuò)展方向和擴(kuò)展距離，然后單擊“確定”按鈕即可。三、柔化填充邊緣

對(duì)圖形執(zhí)行“柔化填充邊緣”命令，可以避免圖形的填充邊緣過(guò)于生硬，還可以制作發(fā)光、爆炸等效果。

對(duì)對(duì)象進(jìn)行柔化填充邊緣填充邊緣選中要進(jìn)行柔化填充邊緣的對(duì)象后，選擇“修改”>“形狀”>“柔化填充邊緣”菜單，在打開的“柔化填充邊緣”對(duì)話框中設(shè)置距離、步長(zhǎng)數(shù)、填充方向，然后單擊“確定”按鈕，即可對(duì)所選對(duì)象進(jìn)行柔化填充邊緣對(duì)對(duì)象進(jìn)行柔化填充邊緣后，會(huì)根據(jù)設(shè)置的步長(zhǎng)數(shù)生成獨(dú)立的邊緣，可以為每個(gè)邊緣填充不同的顏色，以制作發(fā)光或爆炸等效果?！熬嚯x”編輯框：用于設(shè)置柔化的寬度，單位為像素?！安介L(zhǎng)數(shù)”編輯框：用于設(shè)置柔化的邊緣數(shù)目，數(shù)值越大，柔化效果越明顯?！胺较颉本庉嬁颍哼x擇“擴(kuò)展”單選鈕將擴(kuò)大填充區(qū)域，選擇“插入”單選鈕將縮小填充區(qū)域。四、將線條轉(zhuǎn)換為填充

在Flash中繪制的線條，無(wú)論如何調(diào)整，線條的前后兩端都是一樣粗細(xì)，沒(méi)有精細(xì)變化。因此，在某些情況下，為了獲得更好的邊線效果，可將線條轉(zhuǎn)變?yōu)樘畛洌缓笤龠M(jìn)行調(diào)整。

將線條轉(zhuǎn)換為填充并進(jìn)行調(diào)整選中要轉(zhuǎn)換為填充的線條后，選擇“修改”>“形狀”>“將線條轉(zhuǎn)換為填充”菜單，即可將所選線條轉(zhuǎn)換為填充，并進(jìn)行調(diào)整了。任務(wù)實(shí)施——繪制霓虹燈圖形

通過(guò)對(duì)分散的圖形執(zhí)行“擴(kuò)展填充”和“柔化填充邊緣”命令，可以制作很多特殊效果。下面通過(guò)制作霓虹燈圖形，讓讀者掌握“擴(kuò)展填充”和“柔化填充邊緣”命令在實(shí)際繪圖中的應(yīng)用。霓虹燈制作思路

首先創(chuàng)建一個(gè)藍(lán)色矩形，并使用“選擇工具”調(diào)整矩形的形狀；然后對(duì)調(diào)整后的矩形執(zhí)行“柔化填充邊緣”命令，并為其獨(dú)立的邊緣填充不同顏色；再使用“文本工具”創(chuàng)建文本，并將文本分離，調(diào)整文本的位置；最后對(duì)分離的文本執(zhí)行“擴(kuò)展填充”命令，制作描邊字效果。本例具體操作可參考本書配套視頻“3-5.avi”。任務(wù)五創(chuàng)建和美化文字任務(wù)說(shuō)明

利用FlashCS5提供的“文本工具”可以在舞臺(tái)中創(chuàng)建不同大小、字體和顏色的文本，創(chuàng)建文本后還可以通過(guò)為其添加濾鏡進(jìn)行美化，或?qū)⑽谋痉蛛x以對(duì)其進(jìn)行精細(xì)調(diào)整。預(yù)備知識(shí)一、Flash中文本的類型

在FlashCS5中利用“文本工具”可以創(chuàng)建“TLF文本”和“傳統(tǒng)文本”兩種類型的文本，在制作動(dòng)畫時(shí)我們通常使用“傳統(tǒng)文本”。而“傳統(tǒng)文本”又可以分為靜態(tài)文本、動(dòng)態(tài)文本和輸入文本3種類型。靜態(tài)文本：靜態(tài)文本是在制作動(dòng)畫時(shí)確定文本的內(nèi)容和外觀，最終出現(xiàn)在動(dòng)畫中的文本與制作動(dòng)畫時(shí)進(jìn)行的設(shè)置相同。動(dòng)態(tài)文本：動(dòng)態(tài)文本是在動(dòng)畫播放時(shí)可以動(dòng)態(tài)更新的文本，常用在游戲或課件等作品中，它可以根據(jù)情況動(dòng)態(tài)改變文本的顯示內(nèi)容及樣式等。輸入文本：輸入文本是在動(dòng)畫播放時(shí)可以接受用戶輸入的文本。二、創(chuàng)建文本

選擇“文本工具”后，可在“屬性”面板中設(shè)置文本類型、字體、字體大小及文本顏色等屬性。設(shè)置好“文本工具”的屬性后，將光標(biāo)移動(dòng)到舞臺(tái)中并單擊，然后輸入文字，輸入完畢后，選擇工具箱中的其他工具或按【Esc】鍵即可結(jié)束輸入，此時(shí)輸入的文字變?yōu)橐粋€(gè)整體，我們稱其為文本。“文本工具”的“屬性”面板