flash+動(dòng)畫設(shè)計(jì)與項(xiàng)目實(shí)踐3.ppt

1、第3章 對(duì)象繪制與編輯,3.1 繪制圖形對(duì)象 3.2 填充圖形對(duì)象 3.3 選取對(duì)象 3.4 編輯對(duì)象 3.5 文本工具 3.6 導(dǎo)入對(duì)象 3.7 應(yīng)用實(shí)例 3.8 習(xí)題和實(shí)驗(yàn)指導(dǎo),主目錄,3.1 繪制圖形對(duì)象,圖形對(duì)象的繪制主要使用繪圖工具，主要包括線條工具、鉛筆工具、鋼筆工具、橢圓工具、矩形工具和多角星形工具。這些工具都位于操作面板左邊的工具箱中，單擊相應(yīng)的按鈕后，均會(huì)得到相應(yīng)的屬性設(shè)置，屬性設(shè)置位于面板的下方。例如，當(dāng)單擊多角星形工具時(shí)，其屬性設(shè)置欄如下圖的屬性欄。,3.1.1 線條工具,單擊工具箱中的相應(yīng)按鈕可以激活線條工具。如果要一次繪制一條直線段，則需使用線條工具。 線條工具需要注

2、意以下選項(xiàng)的含義： 筆觸顏色：所繪制直線的顏色。 筆觸高度：所繪制直線的粗細(xì)程度。 筆觸樣式：所繪制直線的樣式。筆觸樣式可以自定義。 端點(diǎn)：線段端點(diǎn)的樣式。 結(jié)合：設(shè)置兩段直線相結(jié)合處的角度處理。 （轉(zhuǎn)向演示）,3.1.2 鉛筆工具,單擊工具箱中的相應(yīng)按鈕可以激活鉛筆工具。若要繪制線條和形狀，則使用鉛筆工具繪畫的方式與使用真實(shí)鉛筆大致相同。若要在繪畫時(shí)平滑或伸直線條和形狀，需要為鉛筆工具選擇一種繪制模式。 對(duì)鉛筆工具的使用方法做演示。,3.1.3 鋼筆工具,單擊工具箱中的相應(yīng)按鈕可以激活鋼筆工具。若要繪制精確的路徑（如直線或平滑流暢的曲線），可使用鋼筆工具。 使用鋼筆工具繪畫時(shí)，單擊可以在直線

3、段上創(chuàng)建點(diǎn)，拖動(dòng)可以在曲線段上創(chuàng)建點(diǎn)。 可以通過調(diào)整線條上的點(diǎn)來調(diào)整直線段和曲線段。 將曲線轉(zhuǎn)換為直線，將直線轉(zhuǎn)換為曲線，并顯示用戶用其它 Flash 繪畫工具（如“鉛筆”、“刷子”、“線條”、“橢圓”或“矩形”工具）在線條上創(chuàng)建的點(diǎn)，可以調(diào)整這些線條。 鋼筆工具顯示的不同指針反映其當(dāng)前繪制狀態(tài)。 各狀態(tài)描述見課本。 下面是一個(gè)演示示例。通過鋼筆工具將圖中的花選擇出來。,3.1.4 橢圓工具和基本橢圓工具,使用橢圓工具可以創(chuàng)建橢圓形狀的圖形。 除了“合并繪制”和“對(duì)象繪制”模型以外，橢圓工具還提供了圖元對(duì)象繪制模式。 使用基本橢圓工具創(chuàng)建橢圓時(shí)，不同于使用對(duì)象繪制模式創(chuàng)建的形狀，F(xiàn)lash將形

4、狀繪制為獨(dú)立的對(duì)象。 圖元橢圓工具可讓用戶使用“屬性”檢查器中的控件，指定橢圓的開始角度、結(jié)束角度和內(nèi)徑。 創(chuàng)建圖元形狀后，可以選擇舞臺(tái)上的形狀，然后調(diào)整“屬性”檢查器中的控件來更改半徑和尺寸。只要選中圖元對(duì)象繪制工具，“屬性”檢查器就將保留上次編輯的圖元對(duì)象的值。 轉(zhuǎn)向演示。以下是演示圖示。,3.1.5 矩形工具和基本矩形工具,使用圖元矩形工具創(chuàng)建矩形時(shí)，不同于使用對(duì)象繪制模式創(chuàng)建的形狀，F(xiàn)lash將形狀繪制為獨(dú)立的對(duì)象。 圖元形狀工具可讓用戶使用“屬性”檢查器中的控件，指定矩形的角半徑以及橢圓的開始角度、結(jié)束角度和內(nèi)徑。 創(chuàng)建圖元形狀后，可以選擇舞臺(tái)上的形狀，然后調(diào)整“屬性”檢查器中的控件

5、來更改半徑和尺寸。另外，“屬性”檢查器就將保留上次編輯的圖元對(duì)象的值。 下面是一個(gè)應(yīng)用示例的圖片。,3.1.6 多角星形工具,單擊工具箱中的按鈕可以激活多角星形工具。多角星形工具可以用來繪制多邊形和星形。繪制的方法比較簡(jiǎn)單：激活相應(yīng)按鈕后，設(shè)置如下圖所示的參數(shù)，然后按住鼠標(biāo)左鍵，在工作區(qū)中相應(yīng)的位置拖動(dòng)至適當(dāng)大小后，釋放鼠標(biāo)即可。 轉(zhuǎn)向演示。以下是一個(gè)演示示例。,本章目錄,3.2 填充圖形對(duì)象,在Adobe Flash CS3中，用以填充圖形對(duì)象的方法主要包括：墨水瓶工具、顏料桶工具、滴管工具、刷子工具、填充變形工具和使用面板填充圖形。,3.2.1 墨水瓶工具,單擊工具箱中的相應(yīng)按鈕可以激活墨

6、水瓶工具?？墒褂谩澳俊惫ぞ吒木€條或者形狀輪廓的筆觸顏色、寬度和樣式。 對(duì)直線或形狀輪廓只能應(yīng)用純色，而不能應(yīng)用漸變或位圖。使用墨水瓶工具而不是選擇個(gè)別的線條，可以更容易地一次更改多個(gè)對(duì)象的筆觸屬性。 轉(zhuǎn)向演示。 以下是演示的圖例。,3.2.2 顏料桶工具,單擊工具箱中的相應(yīng)按鈕可以激活顏料桶工具。顏料桶工具可以用顏色填充封閉區(qū)域。 用戶可以用此工具執(zhí)行以下功能： 填充空區(qū)域，然后更改已涂色區(qū)域的顏色。 用純色、漸變填充和位圖填充進(jìn)行涂色。 使用顏料桶工具填充不完全閉合的區(qū)域。 使用顏料桶工具時(shí)，讓Flash閉合形狀輪廓上的空隙。 以漸變?yōu)槔难菔尽?3.2.3 滴管工具,單擊工具箱中的相

7、應(yīng)按鈕可以激活滴管工具。用戶可以使用滴管工具從一個(gè)對(duì)象復(fù)制填充和筆觸屬性，然后立即將它們應(yīng)用到其它對(duì)象。 滴管工具還允許用戶從位圖圖像取樣用作填充。 轉(zhuǎn)向演示。示例圖片如下。,3.2.4 刷子工具,單擊工具箱中的相應(yīng)按鈕可以激活刷子工具。刷子工具能繪制出刷子般的筆觸，就像在涂色一樣。 它可以創(chuàng)建特殊效果，包括書法效果。使用刷子工具功能鍵可以選擇刷子大小和形狀。 對(duì)于新筆觸來說，刷子大小在更改舞臺(tái)的縮放比率級(jí)別時(shí)也保持不變，所以當(dāng)舞臺(tái)縮放比率降低時(shí)同一個(gè)刷子大小就會(huì)顯得太大。在使用刷子工具涂色時(shí)，可以使用導(dǎo)入的位圖作為填充。 轉(zhuǎn)向演示。,3.2.5 漸變變形工具,單擊工具箱中的相應(yīng)按鈕可以激活漸

8、變變形工具。通過調(diào)整填充的大小、方向或者中心，可以使?jié)u變填充或位圖填充變形。 中心點(diǎn)：中心點(diǎn)手柄的變換圖標(biāo)是一個(gè)四向箭頭。 焦點(diǎn)：僅在選擇放射狀漸變時(shí)才顯示焦點(diǎn)手柄。 焦點(diǎn)手柄的變換圖標(biāo)是一個(gè)倒三角形。 大?。捍笮∈直淖儞Q圖標(biāo)（邊框邊緣中間的手柄圖標(biāo)）是內(nèi)部有一個(gè)箭頭的圓圈。 旋轉(zhuǎn)：調(diào)整漸變的旋轉(zhuǎn)。 旋轉(zhuǎn)手柄的變換圖標(biāo)（邊框邊緣底部的手柄圖標(biāo)）是組成一個(gè)圓形的四個(gè)箭頭。 寬度：調(diào)整漸變的寬度。寬度手柄（方形手柄）的變換圖標(biāo)是一個(gè)雙頭箭頭。,如果按下Shift可以將線性漸變填充的方向限制為45的倍數(shù)。添加變形框時(shí)，可更改變形框形狀。 轉(zhuǎn)向演示。下圖是應(yīng)用示例圖片。,3.2.6 使用面板填充圖形

9、,用戶也可以使用面板來填充圖形。使用面板來填充圖形比較簡(jiǎn)單，其操作的方法如下：首先選擇需要填充的對(duì)象，然后在工具箱中，單擊如下圖中的紅色區(qū)域，以打開顏色填充設(shè)置面板，選擇填充顏色，即可實(shí)現(xiàn)對(duì)圖形的填充。 轉(zhuǎn)向演示。,本章目錄,3.3 選取對(duì)象,在flash動(dòng)畫幀的制作，特別是涉及圖形圖像繪制的過程中，最常用的工具就是對(duì)象選取工具。對(duì)象選取工具主要包括選擇工具、部分選取工具和套索工具。,3.3.1 選擇工具和部分選取工具,選擇工具的作用是選擇對(duì)象、移動(dòng)對(duì)象、改變線條或?qū)ο筝喞男螤睢?部分選取工具的功能是：移動(dòng)圖形輪廓線上錨點(diǎn)和控制點(diǎn)的位置，修改圖形大小和形狀。 轉(zhuǎn)向演示。 以下是部分選取工具的

10、演示圖例。,3.3.2 套索工具,單擊工具箱中的相應(yīng)按鈕可以激活套索工具。套索工具用于選取多個(gè)對(duì)象或不規(guī)則區(qū)域。激活套索工具后，在工具箱的最下端，有三個(gè)功能選項(xiàng)：魔術(shù)棒、魔術(shù)棒設(shè)置和多邊形模式。 下圖是套索工具的演示圖例。,本章目錄,3.4 編輯對(duì)象,在制作好一個(gè)對(duì)象后，我們常常需要對(duì)其進(jìn)行編輯，也就是對(duì)對(duì)象進(jìn)行復(fù)制、刪除、移動(dòng)、旋轉(zhuǎn)和翻轉(zhuǎn)、任意變形、排列和對(duì)齊以及組合等操作，本節(jié)主要介紹進(jìn)行這些處理的方法。,3.4.1 復(fù)制、刪除對(duì)象,復(fù)制對(duì)象和刪除對(duì)象時(shí)，必須要先選定對(duì)象。選定對(duì)象可以使用選擇工具和部分選取工具。復(fù)制對(duì)象可選擇“編輯”“復(fù)制”或“直接復(fù)制”菜單命令，復(fù)制是先將對(duì)象放到剪貼板

11、中，再選擇“編輯”“粘貼”菜單命令，實(shí)現(xiàn)對(duì)象的復(fù)制。直接復(fù)制是立即將選定的對(duì)象復(fù)制到當(dāng)前幀中。 刪除對(duì)象也需要選定對(duì)象，然后選擇“編輯”“剪切”或“清除”菜單命令，也可以在選定對(duì)象后直接按Delete鍵或Backspace進(jìn)行刪除。還可以在選中的對(duì)象中單擊右鍵，從彈出的快捷菜單中選擇“剪切”菜單項(xiàng)。 進(jìn)行示例。,3.4.2 移動(dòng)和鎖定對(duì)象,如果要移動(dòng)對(duì)象，可以通過拖動(dòng)它、使用箭頭鍵、使用“屬性”檢查器或使用“信息”面板來實(shí)現(xiàn)。 移動(dòng)的方法主要有：通過拖動(dòng)來移動(dòng)對(duì)象、通過用箭頭移動(dòng)對(duì)象、使用屬性檢查器移動(dòng)對(duì)象、使用屬性面板移動(dòng)對(duì)象。 在Flash中鎖定對(duì)象的方法是：選擇要鎖定的對(duì)象，然后單擊“修

12、改”“排列”“鎖定”命令或者按下Ctrl+Alt+L鍵。如果要取消鎖定的對(duì)象，可以單擊“修改”“排列”“解除全部鎖定”命令或者按下Ctrl+Alt+Shift+L鍵進(jìn)行解鎖。在未鎖定圖片的情況，鼠標(biāo)單擊可以選中圖片；如果鎖定圖片，則再次單擊圖片時(shí)，則不能夠選中該圖片。 進(jìn)行演示。,3.4.3 對(duì)象的旋轉(zhuǎn)和翻轉(zhuǎn),在工具箱中單擊相應(yīng)按鈕可激活任意變形工具。任意變形工具的使用方法在下一小節(jié)介紹，現(xiàn)簡(jiǎn)述如下：先選擇任意變形工具，然后單擊或框選對(duì)象，此時(shí)所選對(duì)象周圍將顯示一個(gè)有 8 個(gè)控制柄的變形框。將光標(biāo)移至不同位置的控制柄單擊并拖動(dòng)即可旋轉(zhuǎn)對(duì)象。旋轉(zhuǎn)操作會(huì)使該對(duì)象圍繞其變形點(diǎn)旋轉(zhuǎn)。變形點(diǎn)是可以拖動(dòng)調(diào)

13、整的。在默認(rèn)的情況下，變形點(diǎn)即為對(duì)象的中心點(diǎn)。 以下是對(duì)象的旋轉(zhuǎn)和翻轉(zhuǎn)的演示圖例。,3.4.4 任意變形工具,使用任意變形工具，可以單獨(dú)執(zhí)行某個(gè)變形操作，也可以將諸如移動(dòng)、旋轉(zhuǎn)、縮放、傾斜和扭曲等多個(gè)變形操作組合在一起執(zhí)行。 任意變形工具不能變形元件、位圖、視頻對(duì)象、聲音、漸變或文本。 如果多項(xiàng)選區(qū)包含以上任意一項(xiàng)，則只能扭曲形狀對(duì)象。 要將文本塊變形，首先要將字符轉(zhuǎn)換成形狀對(duì)象。 以下是任意變形工具的示例圖。,3.4.5 排列和對(duì)齊圖形對(duì)象,在同一圖層上，flash會(huì)根據(jù)對(duì)象創(chuàng)建的先后順序?qū)盈B放置，最后創(chuàng)建的對(duì)象將放置在最上面，而最早創(chuàng)建的對(duì)象被放置在最下面。如果要對(duì)對(duì)象進(jìn)行重新排列，需先選

14、中對(duì)象，然后選擇“修改”“排列”菜單命令。在排列下有以下選項(xiàng)： 移至頂層：可以將選中的對(duì)象放置在所有對(duì)象的最上面； 上移一層：可以將選中的對(duì)象在層疊順序上上移一層； 下移一層：可以將選中的對(duì)象在層疊順序上下移一層； 移至底層：可以將選中的對(duì)象移到最下面。 這里所有操作只適用于場(chǎng)景中同一圖層上的對(duì)象，圖層之間的順序需在“時(shí)間軸”面板中進(jìn)行調(diào)整。 以下是排列和對(duì)齊對(duì)象的演示圖例。,3.4.6 組合對(duì)象,在flash中，可以將多個(gè)對(duì)象組合在一起，這樣就可以將其看作一個(gè)對(duì)象來進(jìn)行操作。組合對(duì)象的操作方法是： （1）選擇要組合的對(duì)象； （2）選擇 “修改”“組合”菜單命令或按CtrlG組合鍵。 如果要撤

15、銷對(duì)對(duì)象的組合，可在選中被組合對(duì)象后，選擇“修改”“取消組合”菜單命令即可。 以下是組合對(duì)象的演示圖例。,本章目錄,3.5 文本工具,在Flash中，用戶可以根據(jù)需要?jiǎng)?chuàng)建文本，創(chuàng)建好的文本可以進(jìn)行編輯，必要時(shí)，還可以轉(zhuǎn)化為圖形。,3.5.1 創(chuàng)建文本,單擊工具箱中的按鈕可以激活文本工具。在Flash中，可以創(chuàng)建三種類型的文本字段：靜態(tài)文本、動(dòng)態(tài)文本和輸入文本。 所有的文本字段都支持Unicode。靜態(tài)文本字段顯示不會(huì)動(dòng)態(tài)更改字符的文本。動(dòng)態(tài)文本字段顯示動(dòng)態(tài)更新的文本，如股票報(bào)價(jià)或天氣預(yù)報(bào)。 輸入文本字段使用戶可以在表單或調(diào)查表中輸入文本。用戶可以創(chuàng)建水平文本（從左到右流向）或靜態(tài)垂直文本（從右

16、到左流向或從左到右流向）。 文本屬性設(shè)置欄如下圖所示。,3.5.2 設(shè)置文本屬性,字體屬性包括字體系列、磅值、樣式、顏色、字母間距、自動(dòng)字距微調(diào)和字符位置。段落屬性包括對(duì)齊、邊距、縮進(jìn)和行距。靜態(tài)文本的字體輪廓將導(dǎo)出到發(fā)布的SWF文件中。對(duì)于水平靜態(tài)文本，可以使用設(shè)備字體，而不必導(dǎo)出字體輪廓。對(duì)于動(dòng)態(tài)文本或輸入文本，F(xiàn)lash存儲(chǔ)字體的名稱，F(xiàn)lash Player在用戶系統(tǒng)上查找相同或相似的字體。 也可以將字體輪廓嵌入到動(dòng)態(tài)或輸入文本字段中。 嵌入的字體輪廓可能會(huì)增加文件大小，但可確保用戶獲得正確的字體信息。創(chuàng)建新文本時(shí)，F(xiàn)lash使用“屬性”檢查器中當(dāng)前設(shè)置的文本屬性。 選擇現(xiàn)有的文本時(shí)，

17、可以使用“屬性”檢查器更改字體或段落屬性，并指示Flash使用設(shè)備字體而不使用嵌入字體輪廓信息。,3.5.3 編輯文本,在Flash中，可以使用最常用的字處理方法編輯文本。使用“剪切”、“復(fù)制”和“粘貼”命令可以在Flash文件內(nèi)、在Flash和其它應(yīng)用程序之間移動(dòng)文本。激活按鈕后，在文本框中，選擇需要更改的部分，在編輯菜單中，便可進(jìn)行相關(guān)文字處理的操作。 下圖是文本編輯的一個(gè)應(yīng)用示例。在此示例中，字體顏色設(shè)置為紅色，字體大小設(shè)置為63，文本類型為動(dòng)態(tài)文本。,3.5.4 分離文本,在Flash用戶可以分離文本，將每個(gè)字符放在單獨(dú)的文本字段中。 然后可以快速地將文本字段分布到不同的圖層并使每個(gè)字

18、段具有動(dòng)畫效果。 不能分離可滾動(dòng)文本字段中的文本。 還可以將文本轉(zhuǎn)換為組成它的線條和填充，以便對(duì)它執(zhí)行改變形狀、擦除等操作。 如同其它任何形狀一樣，您可以單獨(dú)將這些轉(zhuǎn)換后的字符分組，或者將它們更改為元件并制作動(dòng)畫效果。 將文本轉(zhuǎn)換為線條和填充之后，就不能再編輯文本了。 以下是分離文本的演示圖例。,本章目錄,3.6 導(dǎo)入圖像,在Flash動(dòng)畫制作過程中，我們通常需要添加其它形式的文件中的內(nèi)容，以便實(shí)現(xiàn)特定的制作要求，這就需要導(dǎo)入各式文件。,3.6.1 可以導(dǎo)入的文件格式,在Adobe Flash CS3中，可導(dǎo)入的外部圖形和圖像，如EPS、JEPG、GIF，AutoCAD DXF和PNG等格式的

19、文件；可導(dǎo)入BMP格式的位圖圖像；還可以導(dǎo)入視頻剪輯，可導(dǎo)入的視頻格式主要包括MOV、AVI、MPEG、QuickTime等格式以及FLA格式。,3.6.2 導(dǎo)入方式,打開Adobe Flash CS3后，選擇“文件”“導(dǎo)入”菜單命令，并選擇相應(yīng)需要導(dǎo)入的類型或需導(dǎo)入到的位置，得到一個(gè)文件位置選擇的對(duì)話框，選擇需要打開的文件，即可將需要導(dǎo)入的圖形圖像文件或視頻文件導(dǎo)入到Adobe Flash CS3工作舞臺(tái)中。,3.6.3 導(dǎo)入位圖圖像,導(dǎo)入位圖的方式與3.6.2所述導(dǎo)入方式類似，不再贅述。Adobe Flash CS3會(huì)將導(dǎo)入以后的位圖圖像當(dāng)作一個(gè)元件來管理。,3.6.4 設(shè)置位圖屬性,如果用戶想為位圖設(shè)置壓縮、消除鋸齒等屬性，可以執(zhí)行如下的步驟： （1）選擇“窗口”“庫”菜單命令或按CtrlL組合鍵，可打開“庫”面板，如右圖所示。 （2）在“庫”面板中選擇需進(jìn)行屬性設(shè)置的位圖，然后單擊“庫”面