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

FlashCS5動畫制作

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

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

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

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

拖動選取單擊關鍵幀選取二、移動與復制對象

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

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

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

群組對象

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

分離對象

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

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

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

任務實施——制作蝴蝶圖形

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

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

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

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

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

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

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

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

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

使用“變形”面板制作花朵任務實施一、繪制彩虹圖形

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

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

下面將通過制作風車圖形，使讀者進一步掌握“變形”面板的使用。風車圖形制作思路

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

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

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

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

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

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

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

平滑圖形

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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