《Flash動畫制作案例教程》（吳觀福） 003

FlashCS5動畫制作

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

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

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

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

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

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

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

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

群組對象

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

分離對象

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

排列對象四、使用“對齊”面板

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

利用“3D旋轉(zhuǎn)工具”和“3D平移工具”可以在3D空間中旋轉(zhuǎn)和移動影片剪輯實(shí)例，從而制作三維動畫效果。下面分別介紹這兩個工具的使用方法。預(yù)備知識一、使用“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)的對象上單擊，該對象上會出現(xiàn)x軸控件、y軸控件、z軸控件、自由旋轉(zhuǎn)控件和3D旋轉(zhuǎn)中心，拖動任一控件既可沿相應(yīng)軸旋轉(zhuǎn)對象。二、使用“3D平移工具”

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

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

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

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

平滑圖形

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

選擇“文本工具”后，可在“屬性”面板中設(shè)置文本類型、字體、字體大小及文本顏色等屬性。設(shè)置好“文本工具”的屬性后，將光標(biāo)移動到舞臺中并單擊，然后輸入文字，輸入完畢后，選擇工具箱中的其他工具或按【Esc】鍵即可結(jié)束輸入，此時輸入的文字變?yōu)橐粋€整體，我們稱其為文本?！拔谋竟ぞ摺钡摹皩傩浴泵姘?/p>