1、/第二章 / 圖形繪制基礎 在計算機繪圖領域中，根據成圖原理和繪制方法的不同，我們將其分為矢量圖和位圖兩種類型。 一、位圖圖像 位圖圖像也稱點陣圖、像素圖、柵格圖像，是由一系列排列在一起的像素點組成的。將位圖放大到一定程度，會發現它是由一個個小方格組成的，這些小方格被稱為像素點，每個像素點只能顯示一種顏色，如圖2-1所示。 二、矢量圖形 矢量圖又稱向量圖，是用一系列計算機指令來描述和記錄的圖，該圖也可以分離為一系列由點、線、面等組成的圖形。矢量圖記錄的是對象的幾何形狀、/第二章 / 圖形繪制基礎 線條粗細和色彩等，生成的矢量圖文件存儲量很小。矢量圖與分辨率無關，對矢量圖進行放大、縮小時，圖形對

2、象的清晰度和光滑度不會發生任何改變，也不會出現失真現象，如圖2-2所示。/第二章 / 圖形繪制基礎 第二節 Flash對象的分類 一部動畫包含很多元素，在Flash中將這些元素統稱為對象。在Flash中能夠創建多種對象，我們在創建它們時必須能夠正確地區分它們，這些對象決定了我們能否正確地設置Flash補間動畫的方式，同時合理地運用不同的對象能使我們的制作事半功倍。 一、形狀 形狀是指所有在Flash中繪制出來的圖形，包括打散的位圖。按【Ctrl】+【B】鍵或者執行【修改】【分離】命令可以把其他形式的文件打散成形狀文件。形狀是對象中最基層的元素，包括線條與填充色兩部分。/第二章 / 圖形繪制基礎

3、 選擇形狀文件時，形狀上有白色麻點，如圖2-3所示，表明該文件可在舞臺中隨意改變形狀、顏色。兩個相同顏色的形狀文件相交會合成一個圖形，兩個不同顏色的形狀文件相交會剪切掉覆蓋住的形狀。 二、對象繪制 在工具箱中任意繪制工具的選項中都會有【對象繪制】選項，用【對象繪制】工具繪制的圖形有一個深藍色的邊框，如圖2-4所示。【對象繪制】工具繪制的圖形可以在舞臺中任意改變形狀和顏色，且兩個使用【對象繪制】工具繪制的圖形放在一起時不會出現融合或者剪切現象。/第二章 / 圖形繪制基礎 三、文本塊 使用工具箱中的【文本工具】輸入的文字叫做文本塊，點選文本時，會出現有湖藍色的邊框，如圖2-5所示。要將兩個或兩個字

4、符以上文本塊打散成形狀需要分離兩次。文本塊可以隨意改變顏色和大小，但不能改變其外形，不能融合或剪切。/第二章 / 圖形繪制基礎 四、元件 元件是用戶創建的可以重復利用的元素，是Flash中的重要對象，它包括圖形、按鈕和影片剪輯三種類型。所有的元件創建好后都保存在【庫】面板中，需要時可以將元件直接從庫里拖到舞臺中。元件被選擇時有天藍色邊框，如圖2-6所示。元件只能改變大小不能改變其顏色、形狀，不能融合或剪切。/第二章 / 圖形繪制基礎第三節 基本圖形繪制 在Flash動畫制作過程中會運用到大量的矢量圖圖形，而直接在Flash軟件中進行矢量圖圖形的繪制將會使制作更加方便、快捷。本節我們將通過對Fl

5、ash基本圖形繪制工具的學習，完成一些簡單的矢量圖的繪制。 一、線條的繪制與修改 （一）【線條工具】 【線條工具】主要用來繪制直線線條。選擇【線條工具】，在舞臺上單擊并拖動鼠標即可繪制出直線，在繪制時按住【Shift】鍵便可繪制出以45角為倍數的線條，即45角的斜線、水平線以及垂直的線條，如圖2-7所示。/第二章 / 圖形繪制基礎 【線條工具】能繪制出許多風格的線條。在【屬性】面板中我們可以定義直線的顏色、粗細和樣式，如圖2-8所示。 其中為調節線條顏色的按鈕，單擊該按鈕會出現調色板對話框，同時光標變成吸管狀，用吸管直接拾取調色板上的顏色或在面板中以“#”號開頭直接輸入顏色的16進制數值即可以

6、改變直線的顏色，如“#3300CC”，如圖2-9所示。/第二章 /圖形繪制基礎/第二章 / 圖形繪制基礎 單擊【屬性】面板中的【自定義】按鈕，會彈出【筆觸樣式】對話框，如圖2-10所示。 不同的筆觸樣式可以繪制出不同的線條，如圖2-11所示。 /第二章 / 圖形繪制基礎 （二）【滴管工具】和【墨水瓶工具】 【滴管工具】和【墨水瓶工具】可以很快將一條線條上的顏色樣式套用到另一條線條上，如圖2-12所示。/第二章 / 圖形繪制基礎 （三）【選擇工具】 【選擇工具】可以選擇和移動對象，同時也能改變線條或對象輪廓的形狀。 選中【選擇工具】，將鼠標光標移動至圖形上單擊，可選擇鼠標所在區域的線段或者填充色

7、，雙擊則可以把這個區域的線條和填充色同時選中。運用鼠標對想選擇的區域進行框選，則可只選擇框選范圍內的內容，如圖2-13所示。/第二章 / 圖形繪制基礎 【選擇工具】能更改直線的方向長短或輪廓的形狀。選中【選擇工具】，將鼠標光標移至直線的端點處，指針的右下角變成直角狀，拖動鼠標可改變直線的方向和長短，如圖2-14所示。 將鼠標移至線條中任意一處，指針的右下角會變成弧形，拖動鼠標可將直線變成曲線 ，如圖2-15所示。按住【Ctrl】鍵可以為直線增加一個直角的節點，如圖2-16所示。/第二章 / 圖形繪制基礎 二、【任意變形工具】 使用【任意變形工具】可以隨意變形選擇的對象。選擇【任意變形工具】，單

8、擊對象可對對象進行旋轉與傾斜、縮放、扭曲、封套4種變形。其中旋轉、傾斜、縮放可以支持所有的矢量圖圖形進行變形，而扭曲和封套僅支持形狀的變形，而不支持元件的變形。 選擇【任意變形工具】，單擊舞臺上的小熊，這時小熊被一個方框包圍，方框中間有個小圓點，即變形點，當我們對對象進行操作時都是以它為中心改變形狀的，如圖2-17所示。/第二章 / 圖形繪制基礎 （一）縮放 將鼠標移至方框的右上角，鼠標變成雙向箭頭狀時，沿45角拉伸即可放大縮小小熊，按住【Shift】鍵可等比例縮放小熊，按住【Alt】鍵以變形點為軸心縮放小熊，同時按住2個鍵即以變形點為軸心等比例縮放小熊，如圖2-18所示。/第二章 / 圖形繪

9、制基礎 （二）旋轉與傾斜 將變形點拖至小熊的尾巴處，如圖2-19所示。 再把鼠標移至方框的右上角，鼠標變形成圓弧狀 時，向下拖動鼠標，小熊就會圍繞變形點旋轉，移至適當位置松開鼠標，旋轉小熊制作完成，如圖2-20所示。/第二章 / 圖形繪制基礎 點擊【任意變形工具】按鈕，在工具箱下方選擇【旋轉與縮放選項】 ，將鼠標光標移至方框的上面的邊線上，光標變成左右箭頭形狀 時，按住【Alt】鍵并進行左右移動，小熊則會以變形點為中心進行傾斜，如圖2-21所示。如不按住【Alt】鍵則以方框的下邊線為基準進行傾斜，如圖2-22所示。/第二章 / 圖形繪制基礎 （三）扭曲 在工具箱中選擇【扭曲選項】，將鼠標光標移

10、至方框的右上角，光標變成空心箭頭狀 時，拖拉對象即可對小熊進行扭曲變形，用同樣的方法對小熊的右下角進行扭曲，可作出帶有透視效果的圖形，如圖2-23所示。/第二章 / 圖形繪制基礎 （四）封套 在工具箱中選擇【封套選項】，方框的四周會多出4個節點，調節節點的手柄，就能改變小熊的外形，如圖2-24所示。/第二章 /圖形繪制基礎 三、【鉛筆工具】 使用【鉛筆工具】 可以任意繪制線條和圖形，【鉛筆工具】的繪圖模式分為【伸直】 、【平滑】 和【墨水】 3種，選擇不同的繪圖模式可以決定線條以何種模式模擬手繪的軌跡，如圖2-25所示。/第二章 / 圖形繪制基礎 四、【刷子工具】與【噴涂刷工具】 （一）【刷子

11、工具】 使用【刷子工具】 可以繪制各種圖形，該圖形為一個填充區域。【刷子工具】有不同的形狀、大小和模式，如圖2-26所示。/第二章 / 圖形繪制基礎【標準繪畫】 直接在線條和填充區域上涂刷，如圖2-27所示。/第二章 / 圖形繪制基礎【顏料填充】 在填充區域和空白區域上涂刷，不影響邊框線，如圖2-28所示。【后面繪畫】 在空白區域內涂刷，不影響邊框線和填充區域，如圖2-29所示。【顏料選擇】 僅涂刷選項區域內的顏色，不影響邊框線，如圖2-30所示。/第二章 /圖形繪制基礎 【內部繪畫】 僅涂刷畫筆起點所在的區域，不影響邊框線，如圖2-31所示。 （二）【噴涂刷工具】 【噴涂刷工具】 是一個裝飾

12、性工具，可以隨機在舞臺上重復噴涂圖形，運用系統默認設置可在舞臺上隨機噴涂黑色的小點，如圖2-32所示。/第二章 / 圖形繪制基礎 【噴涂刷工具】除了默認的畫筆以外還可以自定義畫筆，執行【窗口】【屬性】【編輯】命令可以將庫中元件的圖形用噴涂刷噴涂出來，如圖2-33所示。/第二章 / 圖形繪制基礎 五、【鋼筆工具】和【部分選取工具】 （一）【鋼筆工具】 【鋼筆工具】 用于繪制具有控制節點的貝塞爾曲線，貝塞爾曲線是由兩個或者兩個以上節點組成的線段。【鋼筆工具】 本身具有繪圖功能，同時通過增加或刪減節點可達到改變其他曲線的作用。 如果要繪制直線，可在舞臺上隨意的位置連續點擊左鍵，就可以連成直線。當鼠標

13、點擊點與開始的點重合時，指針會出現圓圈圖示，代表可以將起點與終點結合，形成封閉的圖形，如圖2-34所示。 /第二章 / 圖形繪制基礎 如要繪制曲線，則應在起始點單擊，在結束點點擊左鍵不放并調整手柄角度直至線條達到預期弧度松手，如圖2-35所示。完成線條繪制后可按【Esc】鍵結束線條的繪制。在【鋼筆工具】的下拉菜單中選擇【添加錨點工具】或【刪除描點工具】，將鼠標光標移至線段上，當指針鋼筆旁出現“+”或“-”號時，則可增加或減少線段的節點，如圖2-36、圖2-37所示。/第二章 / 圖形繪制基礎 選擇【轉換錨點工具】 可把圓形的線段變成直角線段，當指針鋼筆旁出現尖角符號時，就可以轉換節點了，如圖2

14、-38所示。 （二）【部分選取工具】 【部分選取工具】 主要用來調節曲線的弧度，選擇【部分選取工具】點擊節點可出現兩個控制柄，對節點和控制柄進行調節就可以改變線段的弧度了，按住【Alt】鍵可只調節單邊的手柄，如圖2-39所示。/第二章 / 圖形繪制基礎 按住【Alt】鍵同時使用【部分選取工具】可以把直角線條變成圓角線條，如圖2-40所示。 六、【橢圓工具】、【矩形工具】和【多角星形工具】 【橢圓工具】、【矩形工具】和【多角星形工具】是Flash中的基本圖形繪制工具，利用它們可以完成一些簡單圖形的繪制。/第二章 / 圖形繪制基礎 （一）【橢圓工具】 在工具欄中點擊【橢圓工具】 ，在舞臺中點擊鼠標

15、并拖動就可繪制出一個橢圓形，按住【Shift】鍵可繪制一個正圓，按住【Alt】鍵可繪制出一個以指針所在位置為圓心的橢圓，按住【Shift】+【Alt】鍵可繪制出一個以指針所在位置為圓心的正圓，如圖2-41所示。 （二）【基本橢圓工具】 【基本橢圓工具】 繪制出來的橢圓是一個對象繪制圖形，用【基本橢圓工具】繪制出來的橢圓可以對其形狀進行調整，移動中間的紫色小點可鏤空圓形的中部，點擊右側的紫色小點可將圓形變成扇形，如圖2-42所示。/第二章 / 圖形繪制基礎 （三）【矩形工具】 在工具欄中點擊【矩形工具】，在舞臺中點擊鼠標并拖動就可繪制出一個矩形，按住【Shift】鍵可繪制一個正方形，按住【Alt

16、】鍵可繪制出一個以指針所在位置為中心的矩形，按住【Shift】+【Alt】可繪制出一個以指針所在位置為中心的正方形，如圖2-43所示。 選擇【矩形工具】，在其【屬性】面板中調節邊角半徑可繪制出圓角矩形，如圖2-44所示。/第二章 / 圖形繪制基礎 （四）【基本矩形工具】 【基本矩形工具】 繪制出來的矩形同樣也是一個對象繪制圖形，用【基本矩形工具】繪制出來的矩形的四個角分別都有一個紫色小點，通過其中任意一個小點的調節可以直接把直角矩形變成圓角矩形，如圖2-45所示。/第二章 / 圖形繪制基礎 （五）【多角星形工具】 通過【多角星形工具】可以繪制出多邊形與星形圖形，在【屬性】面板中點開【工具設置】

17、【選項】，可出現【多角星形工具】的【工具設置】面板，如圖2-46所示。在樣式欄可選擇繪制多邊形或是星形圖形，邊數可決定繪制出的圖形的邊數。如果繪制的是星形圖形，則可通過調節星形頂點大小改變星形的形狀。星形頂點大小數值越小，星形的邊緣越尖銳；星形頂點大小數值越大，星形的邊緣越平緩，如圖2-47所示。/第二章 / 圖形繪制基礎 七、實例：繪制愛心圖案 圖形的繪制方法有很多種，以愛心圖案為例，我們可以通過【鋼筆工具】直接繪制，也可以通過【任意變形工具】完成圖案的繪制。下面我們分別用兩種繪制模式來繪制一個愛心圖案。 （一）運用【鋼筆工具】繪制愛心圖案 1新建文件，設置網格 2設置標尺與輔助線/第二章

18、/ 圖形繪制基礎3繪制愛心/第二章 / 圖形繪制基礎 （二）運用【任意變形工具】繪制愛心圖案 1繪制正圓 選擇填充色為無色，邊框顏色為黑色，選擇【橢圓工具】并按【Shift】鍵繪制一個正圓形，如圖2-51所示。 2調節形狀/第二章 / 圖形繪制基礎第四節 圖形編輯與色彩 一、【填充變形工具】 【填充變形工具】在【任意變形工具】的下拉菜單中，是用來調整顏色漸變的工具。將圖形的填充色設置為漸變填充色后，按下【填充變形工具】按鈕，可以分別對線形漸變填充、放射狀漸變填充和位圖填充進行調整。/第二章 /圖形繪制基礎 （一）調整線性填充 對圖形進行線性填充后，出現3個圖標，其中用于調整顏色分布的方向，用于

19、調整線性漸變過渡色的覆蓋范圍， 用于調整線性漸變顏色的中心點，如圖2-53所示。/第二章 / 圖形繪制基礎 （二）調整放射狀填充 對圖形進行放射狀填充后，出現4個圖標，其中，用于調整旋轉顏色的方向，用于調整放射狀漸變顏色的寬度， 用于調整放射狀漸變顏色的中心點，用于增大或縮小漸變顏色的范圍，如圖2-54所示。/第二章 /圖形繪制基礎 （三）調整位圖填充 對圖形進行位圖填充后，出現5種圖標，其中，用于對填充的位圖進行等比例縮放，用于調整填充的位圖的長和寬，用于調整填充的位圖的中心點，用于對填充的位圖的長或寬進行傾斜，用于旋轉填充的位圖圖形，如圖2-55所示。/第二章 / 圖形繪制基礎 二、【套索

20、工具】 【套索工具】 是一種選取工具，可以圈選對象，主要用于處理位圖。【套索工具】有【魔術棒】和【多邊形模式】兩種模式，可以拖出不規則或多邊形的選取范圍，如圖2-56所示。（1）點擊【魔術棒】 選擇對象，可以選中曲線區域的顏色和邊框線，選擇【魔術棒】，在舞臺中點住鼠標拖動可圍成任意的曲線區域。單擊【魔術棒設置】，打開【魔術棒設置】面板，可設置【魔術棒】的相關參數，如圖2-57所示。/第二章 / 圖形繪制基礎 三、【橡皮擦工具】 【橡皮擦工具】用于清除圖形中多余的邊框線或填充色，是繪圖常用的輔助工具。【橡皮擦工具】有不同的形狀、大小和模式，如圖2-59所示。雙擊【橡皮擦工具】可以迅速擦除舞臺上的

21、所有圖形。/第二章 /圖形繪制基礎【橡皮擦工具】有五種圖形擦除模式：【標準擦除】 可以擦除同一層上的筆觸和填充色，如圖2-60所示。【擦除填色】 可以擦除填色，不影響邊框線，如圖2-61所示。【擦除線條】 可以擦除邊框線，不影響填充區域，如圖2-62所示。/第二章 / 圖形繪制基礎【擦除所選填充】 可擦除選擇區域內的填充，不影響邊框線，如圖2-63所示。【內部擦除】 僅擦除橡皮擦起點所在的區域，不影響邊框線，如圖2-64所示。【水龍頭】 可以擦除封閉區域內的整個填充或者一整段的邊框線，如圖2-65所示。/第二章 / 圖形繪制基礎 四、純色編輯面板 在工具箱的下方單擊【填充顏色】 按鈕，可以彈出

22、純色面板。在面板中可以選擇系統設置好的顏色，如想設置純色面板中沒有的顏色，則可以單擊面板右上方的顏色選擇按鈕 ，彈出【顏色】面板，如圖2-66所示。/第二章 / 圖形繪制基礎 在面板右側的顏色選擇區中選擇要自定義的顏色。滑動面板右側的滑動條來設定顏色的亮度。選擇好顏色后還可點擊下方的【添加到自定義顏色】選項，把新建的顏色添加到右下角的自定義顏色中去，方便下次重復運用該顏色，如圖2-67所示。/第二章 / 圖形繪制基礎 五、【顏色】面板 執行【窗口】【顏色】命令或按快捷鍵【Alt】+【Shift】+【F9】，彈出【顏色】面板。 （一）自定義純色 在【顏色】面板的【類型】選項中，選擇【純色】選項。

23、在面板下方的顏色選擇區域內，可以根據需要選擇相應的顏色，如圖2-68所示。/第二章 / 圖形繪制基礎 （二）自定義線性漸變 在【顏色】面板的【類型】選項中選擇【線性】選項。將鼠標放置在滑動色帶上，在色帶上單擊鼠標選擇顏色控制點，并在面板下方為新增加的控制點設定顏色及明度，如圖2-69所示。/第二章 / 圖形繪制基礎 （三）自定義放射狀漸變 在【顏色】面板的【類型】選項中選擇【放射狀】選項。用與線性漸變色相同的方法在色帶上定義放射狀漸變色。定義完成后，在面板的左下方顯示出定義的漸變色，如圖2-70所示。 （四）自定義位圖填充 在【顏色】面板的【類型】選項中，選擇【位圖】選項。彈出【導入到庫】對話框，在對話框中選擇要導入的圖片，單擊【打開】按鈕，可將圖片導入到【顏色】面板中，如圖2-71所示。/第二章 / 圖形繪制基礎/第二章 / 圖形繪制基礎 六、【樣本】面板 在【樣本】面板中可以選擇系統提供的純色或漸變色。執行【窗口】【樣本】命令，彈出【樣本】面板。在控制面板中部的純色樣本區，系統提供了216種純色，如圖2-72所示。/第二章 / 圖形繪制基礎 第五節 實例練習繪制動畫角色一、線條處理（一）新建一個文件，設置網格/第二章 / 圖形繪制基礎（二）設置標尺與輔助線（三）繪制小熊/第二章 / 圖形繪制基