第3章 設置與編輯動畫對象

3.1 Flash CS3對象選擇

選擇工具是Flash中進行繪圖和編輯時常用的工具，可以對繪圖工作區中的圖形進行選取、移動及造型的處理。

在Flash CS3中的選擇工具有選擇工具、部分選擇工具、套索工具3種，它們雖都為選擇工具，但在功能上存在一定的差異，可以根據操作對象的不同選擇合適的選擇工具。

3.1.1 選擇工具

選擇工具是Flash中使用最多的工具，使用選擇工具可以選擇對象、移動對象、復制對象，甚至對圖形進行簡單的變形處理。

1. 選擇對象

使用工具欄的選擇工具，在工作區中單擊任意對象，被選中的對象將會突出顯示，即表明該對象已被選取。如果選擇的對象是線條或填充，被選擇的圖形會以白色點陣方式顯示，如圖3-1所示。如果選擇的對象是圖片、文字、組合或元件，將以藍色或灰色邊框顯示被選取狀態，如圖3-2所示。

以下列出一些常用的選擇對象方法。

● 在選擇對象的同時按住<Shift>鍵，可以選擇多個內容。

● 直接使用組合鍵<Ctrl+A>，則選擇舞臺上顯示的所有內容。

● 注意當使用選擇工具選擇繪制的形狀時，單擊填充區域則只會選擇連續的填充部分，單擊線條則只選擇線條部分，雙擊填充區域則將填充和筆觸一并選擇。

● 在舞臺上按住鼠標并拖動進行框選，將選中框選區域內所有的內容。對于繪制的形狀，使用該方法甚至可以只選擇形狀的一部分。

● 要取消所有的選擇，使用選擇工具在舞臺空白區域單擊即可，或使用組合鍵<Ctrl+Shift+A>。

2. 移動和復制選擇的對象

選中工具欄的“選擇工具”后，鼠標移動到對象上方，此時鼠標指針變為形狀，直接按住拖動可以移動對象的位置；按住<Ctrl>鍵并拖動，則可以復制對象。

3. 改變形狀的造型

對于繪制的形狀，將光標移到對象的邊緣時，鼠標指針會改變為形狀，按住鼠標左鍵并拖動，即可對形狀邊緣的弧度進行修改，如圖3-3、圖3-4、圖3-5所示。將鼠標移動到對象的轉角處時，指針變為形狀，拖動鼠標可以改變形狀角點的位置，從而改變形狀的外觀，如圖3-6圖3-8所示。使用此方法，可以對形狀進行任意的變形。

使用選擇工具還能對形狀的邊緣進行平滑和伸直處理。選中形狀后，單擊繪圖工具欄選項區域的平滑按鈕，可以對形狀的邊緣做平滑化的修飾，使圖形的曲線更加柔和；單擊伸直按鈕可以對選中的形狀做直線化的修飾，使圖形棱角更加分明。選擇工具的選項區域如圖3-9所示。

3.1.2 部分選擇工具

部分選擇工具除了可以選擇和移動對象外，更多地用于對形狀外觀進行編輯。使用部分選擇工具和鋼筆工具可以進行大多數復雜圖形的繪制。

部分選擇工具是以貝塞爾曲線的方式對形狀進行編輯，即編輯形狀的節點，這樣能方便地對路徑上的節點進行選取、拖動、調整路徑方向及刪除等操作，使圖形達到理想的造型效果。

使用部分選擇工具調整對象的節點，可分為以下幾種情況。

● 對于直角點，使用部分選擇工具可以拖動改變其位置，如圖3-10所示。

● 對于曲線點，使用部分選擇工具可以拖動改變其位置，還可以拖動其調節柄調整其曲線弧度，如圖3-11所示。

● 使用部分選擇工具單擊直角點后，按住<Alt>鍵并拖動直角點，可以將其轉換為曲線點，如圖3-11所示。

單擊工具欄的部分選擇工具后，在編輯的形狀的邊緣單擊，形狀的邊緣會顯示多個控制點，如圖3-12所示。使用鼠標單擊這些控制點時，光標的形狀及其含義如下。

● ：表示當前光標位于某個節點上，這時按住鼠標左鍵拖動可改變該節點的位置，如圖3-10所示。

● ：表示當前光標位于路徑的線條上，這時按住鼠標左鍵拖動可以移動整個圖形的位置，如圖3-12所示。

● ：表示當前光標位于某節點的調節柄上，按住鼠標左鍵拖動可以調整與該節點相連的線條的彎曲程度。按住<Alt>鍵并拖動鼠標，可以只調整一邊的曲線，如圖3-13所示。

3.1.3 套索工具

套索工具可以用來選取任何形狀范圍內的對象。需要注意的是該工具只能對形狀進行選取操作，如果對象不是形狀，需要將其分離成形狀。

選擇套索工具后，在舞臺上的形狀上方按住鼠標任意拖動形成一個區域，則選中區域內的內容，如圖3-14所示。

在套索工具的選項區域包括魔術棒工具和多邊形套索模式，如圖3-15所示。選擇選項區域的多邊形模式，在形狀上不斷單擊將形成一個多邊形來確定選區。注意要結束多邊形選區應雙擊鼠標，如圖3-16所示。

套索工具除了繪制選區來選擇形狀，還可以根據形狀的顏色來選擇顏色相似的區域。單擊選項欄的“魔術棒”設置按鈕，打開魔術棒設置對話框，如圖3-17所示。該對話框主要對魔術棒選取的色彩范圍進行設置。

● 閾值：用于定義選取范圍內的顏色與單擊處像素顏色的相似程度，輸入的數值越大，選取的相鄰區域范圍就越大。

● 平滑：用于指定選取范圍邊緣的平滑度。主要有像素、粗略、正常和平滑4個選項供選擇，一般應該選擇平滑模式，使選擇形狀的邊緣更加平滑，避免出現鋸齒效果。

設置好魔術棒屬性后，選擇工具欄的“魔術棒”按鈕，在形狀上單擊，則會選取和單擊點顏色相近的區域。實際應用中，常用該方法對導入的圖片進行大范圍的色彩選取。被選中的圖形區域將以點陣狀顯示，如圖3-18所示。

3.2 Flash CS3 對象編輯

3.2.1 移動與復制對象

除了使用上節所述的選擇工具復制和移動對象外，還可以通過快捷鍵移動或復制對象。

● 移動對象的方法為：選中要移動的圖形，按組合鍵<Ctrl+X>剪切圖形，再按組合鍵<Ctrl+V>粘貼圖形。

● 復制對象的方法為：選中要復制的圖形，按組合鍵<Ctrl+C>復制圖形，再按組合鍵<Ctrl+V>粘貼圖形。

● 有時需要將動畫中某一幀中的內容粘貼到另一幀中的相同位置，或將某個圖層的內容移動到另一個圖層的相同位置，就需要用到“粘貼到當前位置”命令，或按組合鍵<Ctrl+Shift+V>。

● Flash中還可以將其他軟件中復制的內容，比如圖形、文字，直接粘貼到Flash舞臺上。在菜單中執行“編輯”/“選擇性粘貼”命令，可以指定粘貼時以何種方式處理源文檔中復制的內容，如位圖方式、文字方式等，如圖3-19所示。

● 選擇內容后，使用組合鍵<Ctrl+D>命令也可以直接復制內容。

● 對象位置微調：選擇內容后，使用鍵盤的上下左右四個光標鍵，以1個像素為單位移動內容。按住<Shift>鍵和光標鍵，將以10個像素為單位移動。

3.2.2 組合與分離圖形

在制作Flash動畫時，有時為了對多個圖形進行整體操作，應在菜單中執行“編輯”/“組合”命令將其組合成一個整體。對于組合的圖形也可取消其組合，分離成單個對象。

1. 組合圖形

組合圖形的操作方法如下。

01 首先選中要群組的幾個圖形，然后使用組合鍵<Ctrl+G>，則選擇的圖形會成為一個組，如圖3-20所示。

02 要將組打散成原對象，可使用組合鍵<Ctrl+Shift+G>，取消組合。

03 對組中的內容進行編輯，可使用選擇工具雙擊組，進入組內進行編輯；再次雙擊舞臺的空白區域可退出組編輯狀態，如圖3-21所示。

2. 分離圖形

分離圖形也稱打散圖形，組合鍵<Ctrl+B>。該命令有多個作用，可以將位圖打散成一個一個的像素點，或將文字分離成單個的文字，甚至分離成形狀，或將組合后的圖形分離成單個圖形，或將元件的實例分離成普通對象等等。

本節中主要介紹對繪制對象和導入的位圖進行分離操作，對于文字和元件的分離操作將在以后章節中介紹。

● 對于用繪制對象模式繪制出的圖形，使用分離命令，可以將圖形打散成一個一個像素點，成為“形狀”。

● 對于導入到Flash中的位圖如圖3-22所示，使用分離命令，會將位圖打散成像素點，成為“形狀”如圖3-23所示，然后可使用上節所述的選取工具對其進行處理。

3.2.3 變形對象

在Flash中對對象的變形處理，可以通過任意變形工具、變形菜單或變形面板實現。

1. 任意變形工具

任意變形工具是一個功能很強大的編輯工具，利用它可以對圖形進行縮放、旋轉、傾斜、扭曲和調整節點等操作。單擊任意變形工具后，其選項框如圖3-24所示。其中各按鈕的作用如下。

● 旋轉與傾斜：用于對圖形進行旋轉和傾斜操作。

● 縮放：用于對圖形進行放大縮小操作。

● 扭曲：用于對圖形進行扭曲變形，可用來增強物體的透視效果。

● 封套：可對形狀進行更細微的變形。

任意變形工具的使用，既可以直接選擇該工具后，單擊對象，在對象的周圍出現調整手柄后，拖動這些手柄進行變形，如圖3-25所示。也可以選擇上述的4個按鈕后，對對象進行單一方面的變形。

下面分別介紹任意變形工具的各個調整手柄的作用。

● 縮放對象：使用任意變形工具選擇對象后，將鼠標移動到對象的邊緣的8個黑色小方塊上，鼠標指針為形狀，拖動可以改變對象的大小。按住<Shift>鍵并拖動4個角上的方塊，則可以對選取的對象進行等比例縮放。按住<Alt>鍵并縮放，可以保持對象的中心點或另一端不動，如圖3-25所示。

● 旋轉對象：將鼠標移到4個邊角的小方塊外面時，指針變為形狀后按住并拖動鼠標，可以對選取的對象進行旋轉，如圖3-26所示。

● 傾斜對象：將鼠標移動被選擇對象的4個邊上時，指針變為或形狀，按住鼠標并拖動，可以對圖形進行水平或垂直方向的傾斜變形，如圖3-27所示。

● 扭曲對象：按下選項面板的扭曲按鈕后，移動指針到所選圖形邊角的黑色方塊上，在指針改變為形狀時，按住并拖動鼠標，可以對繪制的圖形進行扭曲變形，如圖3-28所示。

● 封套選項：按下選項面板的封套按鈕，將在所選圖形的邊緣上設置封套節點，用鼠標拖動這些封套節點及其控制手柄，可以很方便地對圖形進行任意變形，如圖3-29所示。

2. 變形菜單

當需要對圖形進行精確的變形時，可以使用“修改”菜單/“變形”菜單下的相關命令，如圖3-30所示。

● 縮放和旋轉：使用該命令可以輸入數值對圖形進行變形，指定縮放的百分比值或旋轉的角度，如圖3-31所示。

● 順時針/逆時針旋轉90°：對圖形進行順時針或逆時針的旋轉。

● 水平/垂直翻轉：對圖形進行水平或垂直方面的翻轉。

3. 變形面板

使用變形面板，組合鍵<Ctrl+T>，不僅可以變形對象，還可以將對象復制后再變形，如圖3-32所示，該面板中各選項的含義如下。

● ：用于設置相對于原圖形寬度的相對縮放比例。

● ：用于設置相對于原圖形高度的相對縮放比例。

● 約束：選中該復選框可使圖形寬度和高度按等比例縮放。

● 旋轉：用于設置圖形旋轉的角度。

● 傾斜：用于設置圖形傾斜的角度。

● 復制并應用變形：單擊該按鈕可復制選中的圖形，并將復制的圖形按設置的數值進行變形。

● 重置：單擊該按鈕可將選中的圖形恢復到變形前的狀態。

在變形面板中，使用“復制并應用變形”按鈕可以將對象不斷重復進行變形，制作出多個對象。

如下例制作一個“衛星狀”圖形。

01 使用橢圓工具繪制出一個空心橢圓，如圖3-33所示。

02 按組合鍵<Ctrl+T>打開變形面板，在變形面板中設置旋轉角為30°。單擊“復制并應用變形按鈕”，如圖3-34，此時將原橢圓復制了一份并旋轉了30°，如圖3-35所示。

03 不斷單擊該按鈕，將復制出更多的橢圓，最終效果如圖3-36所示。

選擇對象后，通過屬性面板也可以設置對象的大小和位置，如圖3-37所示。

按組合鍵<Ctrl+I>打開信息面板，輸入對象的高度和寬度值，以及X和Y坐標，也可以改變對象的大小和位置。信息面板如圖3-38所示。

3.2.4 對齊對象

當需要將多個內容在舞臺上排列整齊時，除了運用輔助線功能來對齊對象外，還可以用“對齊”面板來對齊對象。按組合鍵<Ctrl+K>打開“對齊”面板，如圖3-39所示。

“對齊”欄中各按鈕的含義如下。

● 左對齊：使對象靠左端對齊。

● 水平中齊：使對象沿垂直直線居中對齊。

● 右對齊：使對象靠右端對齊。

● 上對齊：使對象靠上端對齊。

● 垂直中齊：使對象沿水平線居中對齊。

● 底對齊：使對象靠底端對齊。

“分布”欄中各按鈕的含義如下。

● 頂部分布：使每個對象的上端在垂直方向上間距相等。

● 垂直居中分布：使每個對象的中心在垂直方向上間距相等。

● 底部分布：使每個對象的下端在垂直方向上間距相等。

● 左側分布：使每個對象左端在水平方向上左端間距相等。

● 水平居中分布：使每個對象的中心在水平方向上間距相等。

● 右側：使每個對象的右端在水平方向上間距相等。

“匹配大小”欄中各按鈕的含義如下。

● 匹配寬度：以所選對象中最長的寬度為基準，使所選的對象寬度相等。

● 匹配高度：以所選對象中最長的高度為基準，使所選的對象高度相等。

● 匹配寬和高：以所選對象中最長和最寬的長度為基準，使所選擇的所有對象大小相等。

“間隔”欄中各按鈕的含義如下。

● 垂直平均間隔：使各對象在垂直方向上間距相等。

● 水平平均間隔：使各對象在水平方向上間距相等。

如圖3-40中圖形經過匹配大小、對齊、分布處理后排列為圖3-41所示效果。

3.2.5 排列對象

同一層中的多個對象重疊時，需要考慮對象的疊放層次，可以執行“修改”/“排列”命令，在同一個層中調整對象的疊放順序。

選擇舞臺中的某個組合、文字、圖形、元件等對象后，在菜單中打開“修改”/“排列”命令調整對象的層次，包括移至頂層、上移一層、下移一層、移至底層、鎖定等命令，如圖3-42所示。

排列對象的使用方法，如圖3-43所示，矩形處于圓形的下方，選擇矩形后，按<Ctrl>+向上光標鍵將該對象上移一層，此時矩形已移動到圓形上方，結果如圖3-44所示。

使用排列對象菜單中“鎖定”命令可以鎖定選擇的對象，對象鎖定后將不能被選擇、刪除、移動，避免在操作中破壞已制作好的內容。當需要解除對象的鎖定時，使用排列菜單中的“解除全部鎖定”命令即可。

3.3 Flash CS3形狀編輯

3.3.1 形狀編輯

在前面的學習中，已多次提到過“形狀”這一特定稱呼。本節中所講述的“形狀”是指繪制的矢量形狀，或將位圖、文字使用分離命令打散成的“形狀”，即點陣狀的矢量圖形。

1. 將線條轉換為填充

有時根據動畫設計的需要，需要將繪制和線條轉換為填充，方法是在菜單中執行“修改”/“形狀”/“線條轉換為填充”命令，可以將選擇的筆觸轉換為填充。然后即可按照對填充的處理方式對其進行處理。該功能在制作遮罩動畫時經常使用，在以后章節中介紹。

2. 柔化填充邊緣

在制作動畫時，常常需要制作形狀邊緣的淡化效果，類似于Fireworks等繪圖軟件的羽化功能。在Flash中可以使用“柔化填充邊緣”命令實現這種效果。

選擇繪制出的形狀填充部分，在菜單中執行“修改”/“形狀”/“柔化填充邊緣”然后命令，然后在打開的對話框中設置邊緣柔化值，如圖3-45所示。

● 距離：設置柔化區域的大小，值越大則柔化區域越大。

● 步驟數：設置柔化的平滑度，值越大邊緣的柔化過渡越平滑。

● 方向：設置柔化的區域是在原填充區域之外（擴展）或區域之內（插入）。

如圖3-46所示是繪制的實邊的圓形，圖3-47是設置柔化填充邊緣后的效果，可以看出柔化填充邊緣后圓形的邊緣產生了“羽化”效果。

3.3.2 形狀關系

在同一個圖層中，如果繪制多個形狀時，形狀和形狀之間有一些特殊的關系需要注意。在制作動畫時常常利用這些形狀關系制作一些特殊的效果。

1. 融合關系

同一圖層的兩個顏色相同的形狀，如果兩者相交時，會融合成一個形狀，如圖3-48和圖3-49所示。

2. 覆蓋關系

同一圖層的多個顏色不同的形狀，如果相交時，上方的形狀會覆蓋掉下方的形狀，即下方形狀的相交部分會丟失，如圖3-50和圖3-51所示。利用此原理，可以使用某個形狀來挖掉下方的形狀，如圖3-52所示的效果即利用了形狀的覆蓋關系制作而成。

3. 分隔關系

使用線條可以將下方的形狀分隔成幾個部分，即將一個連續的填充區域分隔成兩塊，如圖3-53和圖3-54所示即利用了線條分隔形狀。

3.3.3 合并對象

該功能借鑒了Fireworks的對象編輯功能，可以將同一層中的多個對象進行合并、裁切等操作，從而制作出需要的形狀。

使用方法：首先選擇舞臺中的多個對象，打開修改菜單的合并對象菜單，選擇相應的操作命令即可。

● 聯合：將選擇的多個對象合并成一個對象。

● 交集：將選擇的多個對象合并成一個對象，但只保留所有對象共同的相交部分。

● 打孔：使用上方對象“挖掉”下方對象的相交部分，并只保留下方對象。

● 裁切：該功能和交集類式，不同的是它使用最上方對象作為限定范圍，保留下方選擇對象和其相交的部分。

如圖3-55所示為同一層中的兩個圖形對象，如圖3-56所示是將兩個對象進行“交集”合并后產生的結果，可以看到合并后只保留了兩個對象的相交部分。

本章小結

本章主要給讀者講解了Flash CS3中編輯圖形的各種方法。詳細介紹了選擇工具選擇對象及調整對象外觀的操作方法，使用部分選擇工具調整對象節點的操作方法，使用套索工具和魔術棒工具選擇圖形區域的操作方法。詳細介紹了對圖形進行移動、復制、組合、分離的操作方法，介紹了通對工具、菜單、面板對圖形進行變形、對齊、排列的操作方法。同時也介紹了對形狀進行轉換以及對形狀邊緣進行柔化的操作方法。本章中的難點是同一圖層中繪制的多個“形狀”之間的關系，重點掌握靈活利用這些形狀關系制作各種形狀。通過本章的學習，讀者應能對Flash中的各種對象進行任意的編輯。

過關實戰

通過前面內容的學習，按要求完成以下練習題。

（1）運用Flash CS3的圖形編輯功能，繪制一幅如圖3-57所示的“山林”場景效果。

操作提示：靈活運用鉛筆和選擇工具繪制一個“樹木”后，將其組合并復制成多個。雙擊“組”可進入“組”中，改變填充顏色。最后使用變形工具調整各圖形的大小和層次即可。為了便于編輯圖形，應將不同的內容置于不同圖層中。

（2）運用Flash CS3的圖形編輯功能，繪制一幅如圖3-58所示的“蝴蝶和向日葵”場景效果。

操作提示：使用鋼筆和顏色工具繪制出一個“蝴蝶”形狀，將其組合后，復制多個，使用變形工具進行變形處理。分別繪制一個花瓣，一片葉子，將其組合成一朵花，再復制多份使用。