2.2 繪圖工具的使用

隨著Flash軟件的不斷升級，軟件的繪圖功能也越來越強大。Flash CS3作為目前的最新版本，有很強的繪圖功能，可以方便、快捷地繪制出各種各樣的圖形，操作也更加便捷。在Flash動畫的制作過程中，將會大量地運用矢量圖形。本節主要講述繪圖工具的使用，以及綜合利用這些工具繪制各種圖形。

任務2設計精致的小屋

情景模擬

通過線條勾畫的有門有窗的精致立體小屋，如圖2-8所示。

任務目標與分析

由于【線條工具】是Flash CS3中最基本也是最重要工具，在會使用的同時，也要能夠熟練掌握【線條工具】的使用技巧，繪制出漂亮的圖形。

操作步驟

（1）選擇【文件】→【新建】命令，新建一個Flash文檔。選擇【線條工具】，在“屬性”面板中將筆觸高度設為2，筆觸顏色設為藍色（#0000FF），如圖2-9所示。

（2）選擇【視圖】→【網格】→【顯示網格線】命令，將網格線顯示出來，用【線條工具】在舞臺上畫出房子的輪廓，注意銜接點的連接，如圖2-10所示。

（3）同樣，用【線條工具】畫出小屋的煙囪，如圖2-11所示。

（4）在小屋的屋頂上畫出裝飾部分，如圖2-12所示。

（5）給小屋添上一扇門，如圖2-13所示。

小知識

若【貼緊至對象 】按鈕處于選中狀態，單擊此對象取消選中，這樣可以畫出距離很近的兩條線。

（6）再給小屋添上兩個窗戶，就完成了效果圖制作，如圖2-14所示。

（7）選擇【文件】→【保存】命令，將作品保存為“小屋子.fla”。

（8）按Ctrl+Enter組合鍵測試影片，如圖2-8所示。

知識鏈接

線條工具

【線條工具】是Flash中最基本、最常用的工具，使用【線條工具】可以輕松繪制出平滑的直線。

單擊工具箱中的【線條工具】，然后將指針移動到工作區后就會變成一個十字形，這說明已經激活了該工具。此時，窗口下面的“屬性”面板會變成直線工具屬性面板，可以對直線工具的屬性進行設置，如圖2-15所示。

面板中各參數作用及設置如下。

（1）筆觸顏色：用來設置線條顏色。用鼠標單擊筆觸顏色框，會打開如圖2-16 所示的調色板，可以對筆觸顏色進行選擇。

（2）筆觸高度：用來設置所繪線條的寬度，范圍從0.25～200，可以通過右邊的滑桿來調節，單位是dpi。

（3）筆觸樣式：用來選擇所繪的線條類型，比如實線、虛線、點狀線、鋸齒線、點描線等，各種線條如圖2-17所示。

（4）端點：設定直線端點的狀態，有“無”、“圓角”和“方形”三個選擇項，各項設置效果如圖2-18所示。

（5）接合：定義兩個路徑片段的相接方式，有“尖角”、“圓角”和“斜角”三個選項，各項設置效果如圖2-19所示。

（6）筆觸提示：可在全像素下調整直線錨點和曲線錨點，防止出現模糊的垂直或水平線。

（7）縮放：在播放器中保持筆觸縮放，它的選擇有“一般”、“水平”、“垂直”和“無”。

（8）自定義：使用戶自己定義線型，即筆觸樣式。在這里可定義實線、虛線、點狀線、鋸齒狀線、點描線和斑馬線等，圖2-20是“筆觸樣式”對話框。

（9）【線條工具】用法：選中【線條工具】，給出相應的設置后，在舞臺上直接拖動鼠標即可繪制出線條。

小知識

在繪制的過程中如果按下Shift鍵，可以繪制出垂直、水平的直線，或者45°斜線。

任務3繪制彎彎的小路

情景模擬

一條彎彎的小路，從精致的小屋前一直延伸到遠方，如圖2-21所示。

任務目標與分析

【鉛筆工具】也是Flash在繪圖中經常使用的工具，它不但可以畫直線，而且可以畫出優美的曲線，在作圖中應用廣泛。通過本任務來學習熟練鋼筆工具的使用。

操作步驟

（1）打開“任務2”中繪制的“精致的小屋”，并利用【選擇工具】選中整個小屋子，將其放在舞臺靠左上角的位置。

（2）用鼠標單擊舞臺空白處，在文檔的“屬性”面板中，單擊【文檔屬性】按鈕，將舞臺高設為“500像素”。

（3）雙擊“屬性”面板的標題欄，將其隱藏，使舞臺的面積盡量大地顯示在屏幕上。拖動舞臺右側滾動條，調整舞臺位置，使舞臺下面的區域都顯示出來。

（4）單擊【鉛筆工具】，在工具箱下側的鉛筆附屬工具選項中設置的鉛筆模式為“平滑”，然后在舞臺上拖動鼠標，在小屋門前繪制出一條彎彎的小路，如圖2-22所示。

（5）單擊【文件】→【保存】命令，將作品保存為“小屋_路.fla”。

（6）按Ctrl+Enter組合鍵測試影片，如圖2-21所示。

試一試

動動手，給煙囪加點“煙”，使小屋更有活力，如圖2-23所示。

知識鏈接

鉛筆工具

【鉛筆工具】可以更自由地繪制線條，它的使用方法和真實鉛筆的使用方法大致相同。用它可以繪制出比較柔和的曲線。

【鉛筆工具】的屬性面板和【線條工具】面板基本相同，但【鉛筆工具】的屬性面板下面多了一項“平滑”選項，如圖2-24 所示。當選擇【鉛筆工具】時，在工具箱下側會出現“鉛筆模式”附屬選項，通過它可以選擇筆觸的模式，有3 種模式可供選擇，如圖2-25所示。

（1）直線化：在繪圖過程中，會將線條轉換成接近形狀的直線，繪制的圖形趨向平直、規整。

（2）平滑：適用于繪制平滑圖形，在繪制過程中會自動將所繪圖形的棱角去掉，轉換成接近形狀的平滑曲線，使繪制的圖形趨于平滑、流暢。

（3）墨水：可隨意地繪制各類線條，這種模式不對筆觸進行任何修改。

如圖2-26所示是三種鉛筆模式效果比較。

【鉛筆工具】的用法：選中【鉛筆工具】后，先進行有效的設置，然后在舞臺上直接拖動即可繪制出相應的線條。

任務4繪制“天下糧倉”

情景模擬

電視劇“天下糧倉”給人們留下了很深的印象，劇中的一個個糧倉存儲著國家的命運。糧倉的形狀還有印象嗎？下面來畫一個“天下糧倉”，如圖2-27所示。

任務目標與分析

【鋼筆工具】能繪出柔美的曲線，【刷子工具】能起到填色作用，這兩種工具一起使用，能夠繪制出出色的圖形。通過“天下糧倉”的繪制來學習這兩個工具的綜合運用。

操作步驟

（1）選擇【文件】→【新建】命令，新建一個Flash文檔。按Ctrl+’組合鍵使舞臺上顯示出網格線（繪圖中會經常用到顯示網格線）。

（2）用【鋼筆工具】在舞臺上繪制出糧倉的頂部，如圖2-28所示。

（3）用【鋼筆工具】和【刷子工具】繪制出倉頂的邊沿，如圖2-29所示。

（4）用【線條工具】或【鋼筆工具】繪制出糧倉的主體部分，并在倉頂繪制出一面飄動的小旗，如圖2-30所示。

（5）用【刷子工具】繪制出糧倉周圍的小草，如圖2-31所示。

（6）給糧倉畫上有趣的“笑臉”如圖2-32所示。

（7）選擇【文件】→【保存】命令，將作品保存為“天下糧倉.fla”。

（8）按Ctrl+Enter組合鍵測試影片，效果如圖2-27所示。

知識鏈接

鋼筆工具

【鋼筆工具】又叫貝塞爾曲線工具，它是許多繪圖軟件廣泛使用的一種重要工具，用它可以創建直線或曲線段，然后調整直線的角度和長度及曲線段的低斜率，【鋼筆工具】是比較靈活的形狀創建工具，熟練掌握【鋼筆工具】的使用方法，才能繪制出漂亮美觀的圖形。

選擇【鋼筆工具】，鼠標在工作區中將變為一個鋼筆形狀，同時窗口下面將彈出【鋼筆工具】屬性面板，可以看出此面板與線條工具的面板作用和設置相同，這里不再介紹。

單擊【鋼筆工具】右下角的黑色三角，會彈出【鋼筆工具】下拉列表，如圖2-33所示。

（1）鋼筆工具：用于繪制直線或曲線。

使用方法：選中【鋼筆工具】，設置各個選項，在舞臺上給出起止點，即可繪制出線條，如圖2-34所示。

（2）添加錨點工具：對曲線添加錨點。如果對繪制的曲線不太滿意，使用【添加錨點工具】可以對曲線添加錨點。

使用方法：選擇【添加錨點工具】，用鋼筆在線條上要添加錨點的地方單擊即可，如圖2-35所示。

（3）刪除錨點工具：與添加錨點工具的作用相反，可以刪除曲線上多余的錨點。

使用方法：選擇【刪除錨點工具】，單擊線條上的錨點進行刪除，如圖2-36所示。

（4）轉換錨點工具：能夠調整錨點的彎曲程度與形狀。

使用方法：選擇【轉換錨點工具】，將其置于錨點上，然后單擊并拖動錨點改變線條的彎曲程度，如圖2-37所示。

小知識

如果對鼠標使用不太熟練，可以選擇【編輯】→【首選參數】命令，彈出“首選參數”對話框，在“類別”列表中選擇“繪畫”選項，在“鋼筆工具”選項組中選擇“顯示鋼筆預覽”、“顯示實心點”和“顯示精確光標”復選框。

刷子工具

【刷子工具】能繪制出像刷子一樣的筆觸，就像涂色一樣。它還可以創建特殊效果，如書法效果。

選擇【刷子工具】后，指針會變成黑色圓點狀，同時窗口下面會彈出相應的屬性面板，【刷子工具】的屬性面板內容很簡單，只有一個“填充顏色”屬性，用來對【刷子工具】的顏色進行設置，如圖2-38所示。

【刷子工具】還有一些附加的功能選項，當選中“刷子工具”時，在工具箱的選項面板下面將出現【刷子工具】的附加功能選項，如圖2-39所示。

（1）刷子大小：用于設置刷子的尺寸，如圖2-40所示。

（2）刷子形狀：用于設置刷子的樣式，如圖2-41所示。

（3）填充鎖定：控制刷子在具有漸變的區域涂色。若打開此功能，整個舞臺成一個大型漸變，而每個筆觸只是顯示所在區域的一部分漸變。若封閉此功能，每個筆觸都將顯示整個漸變。

（4）刷子模式：其下拉列表中有五個選項，如圖2-42所示。

① 標準繪畫：可對同一層的線條和填充區域涂色。繪制后的顏色會覆蓋在原有的圖形上。

② 顏料填充：只對填充區域和空白區域涂色，而筆觸則不受到任何影響。所繪制的圖形只將已有圖形的填充區域覆蓋掉，而筆觸部分仍保留不被覆蓋。

③ 后面繪畫：對舞臺同一層的區域進行涂色，繪制出來的圖形始終位于已有圖形的下方，不影響當前圖形的線條和填充。

④ 顏料選擇：它只對選區內的圖形產生作用，而選區之外的圖形不會受到影響，與簡單地選擇一個填充區域并應用新填充一樣。

⑤ 內部繪畫：它繪制的區域限制在落筆時所在位置的填充區域中，但不對線條涂色。如果在空白區域中開始涂色，該填充不會影響現有填充區域。

五種刷子效果的比較如圖2-43所示。

任務5繪制小船

情景模擬

平靜的大海上，一葉小舟在向目標方向慢慢航行，駛向遠方，如圖2-44 所示為小船效果圖。

任務目標與分析

繪制形狀的幾種工具在Flash中經常使用，由于它能很快地繪制出不同形狀的常用圖形，所以得到繪圖人員的喜愛。下面通過一艘小船的制作來演示繪制形狀的幾種工具的使用。此任務還將用到前面學習過的【刪除錨點工具】、【添加錨點工具】等。

操作步驟

（1）選擇【文件】→【新建】命令，新建一個Flash文檔，并把背景改為淺藍色。按Ctrl+’組合鍵使舞臺內顯示網格線。

（2）選擇【矩形工具】，在“屬性”面板上單擊按鈕，使繪制圖形時只顯示邊框。然后拖動鼠標，繪制一個矩形，如圖2-45所示。

（3）選擇工具箱的【刪除錨點工具】，單擊舞臺中的矩形，這時矩形四周出現四個可操作的錨點，單擊矩形左上角的錨點，將該錨點刪除，此時矩形變成三角形，如圖2-46所示。

（4）按照上述方法，在該三角形的右邊再畫一個較小的直角三角形，如圖2-47所示。

（5）選擇【多角星形工具】，將邊數改為3，再畫一個三角形，將其放置在小直角三角形的上面，如圖2-48所示。

（6）選擇【矩形工具】，在兩個三角形的下面繪制一個矩形，并用【添加錨點工具】在矩形下邊線上添加兩個錨點，如圖2-49所示。

（7）用【刪除錨點工具】將矩形下面的兩個直角上的錨點刪除，刪除錨點后的效果如圖2-50所示。

（8）用【橢圓工具】畫出四個圓，作為裝飾，如圖2-51所示。

（9）選擇【文件】→【保存】命令，將作品保存為“小船.fla”。（10）按Ctrl+Enter組合鍵測試影片，如圖2-44所示。

試一試

給小船下面畫一些水波紋、浪花等，想想用什么工具？

知識鏈接

幾何形狀繪制工具用來繪制矩形（正方形）、橢圓（圓）和多邊形等形狀，可以任意選擇輪廓線的顏色、線型、寬度及填充區域的顏色，利用基本橢圓工具和基本矩形工具還可以針對橢圓形或矩形的一個點或矩形的一個角進行調整，繪制出鏤空的圖形。

矩形工具

選擇【矩形工具】后，指針在舞臺中顯示為十字形，同時在窗口的下面彈出相應的屬性面板，如圖2-52所示，在舞臺上拖動鼠標，就會繪制出一個矩形。

小知識

角度值的范圍為0～999，以“磅”為單位。數字越小，繪制的矩形的4 個角上的圓角弧度就越小，默認值為0，即沒有弧度，表示4個角為直角。

圖2-53～圖2-55分別將角度值設為0、-12和12時繪制出的三個矩形。

小知識

將角度值設為0，拖動鼠標繪制矩形的同時按住Shift鍵，能繪制出正方形。按住Ctrl鍵可以暫時切換到【選擇工具】，對工作區中的對象進行選取。

橢圓工具

單擊【矩形工具】右下角的黑色小三角，就會出現一個“幾何形狀工具”下拉列表，如圖2-56所示。選擇【橢圓工具】，指針在舞臺中顯示為十字形，同時在窗口的下面彈出相應的屬性面板，如圖2-57所示，在舞臺上拖動指針，就會繪制出一個橢圓。

可以用“屬性”面板中相關設置，繪制出扇形的圖案，圖2-58～圖2-60 是當結束角度為0，內徑為0時，更改起始角度的值分別為0、40、300時繪制出來的圖形。

小知識

將角度值設為0，拖動鼠標繪制橢圓的同時按住Shift鍵，能繪制出正圓。按住Ctrl鍵可以暫時切換到【選擇工具】，對工作區中的對象進行選取。

如果結束角為0，起始角為0，內徑為50，繪制的圖形如圖2-61所示。

如果結束角為0，起始角為50，內徑為50，繪制的圖形如圖2-62所示。

基本矩形工具和基本橢圓工具

在“幾何形狀工具”下拉列表中，選擇【基本矩形工具】或【基本橢圓工具】，相應的工具就被激活，同時窗口下面彈出對應工具的屬性面板。可以看出，【基本矩形工具】的屬性面板與【矩形工具】的屬性面板相同，【基本橢圓工具】的屬性面板與【橢圓工具】的屬性面板相同，且用法一樣，只是前者繪制的是更加易于控制的矩形對象（或橢圓形對象），如圖2-63所示。不同的是【基本矩形工具】繪制出矩形的四個頂點上各有一個控制點，利用【選擇工具】拖動控制點可以將直角矩形變化為圓角矩形，如圖2-64 所示。而【基本橢圓工具】繪制出的圓，在圓心和邊緣上各有一個控制點，如圖2-65 所示。利用【選擇工具】拖動邊緣上的控制點可以將圓變化為扇形，如圖2-66 所示。再拖動圓心的控制點，將變為環形，如圖2-67所示。

多角星形工具

【多角星形工具】的使用方法同【矩形工具】一樣，不同的是在“屬性”面板上多了一個【選項】按鈕，如圖2-68所示。

在面板中單擊【選項】按鈕，彈出“工具設置”對話框，如圖2-69 所示，在對話框中可以設置多邊形的樣式，邊數及星形頂點角度的大小。更改對話框中的數值，可以達到不同的效果，如圖2-70所示。

用法：選中【多角星形工具】，給出相應的設置后，在舞臺上拖動指針即可繪制所要的圖形。例如：

圖1和圖2的樣式為“多邊形”，邊數分別為5和6。

圖3 和圖4 的樣式為“星形”，邊數均為5，但星形頂點的大小不一樣，圖3 的頂點為0.5，圖4的頂點為1。

圖5的樣式為“星形”，邊數為7，頂點為0.5。

任務6繪制燦爛的星空

情景模擬

夏夜的天空繁星點點，抬頭望去，星光燦爛，多么美妙的夜色啊，如圖2-71 所示燦爛星空最終效果。

任務目標與分析

用【墨水瓶工具】為圖形邊線添加顏色是非常方便的，有時可以達到意想不到的效果，繪制燦爛的星空鞏固了【多角星形工具】的使用方法，而且還讓用戶感受到Flash的美妙。

操作步驟

（1）選擇【文件】→【新建】命令，新建一個Flash文檔，將背景色修改為黑色。

（2）單擊【橢圓工具】，將“屬性”面板中筆觸顏色選中（這樣繪制出的圖形無邊線）。填充顏色為黃色。按住Shift鍵的同時拖動鼠標，繪制出一個圓，如圖2-72所示。

（3）單擊【選擇工具】，選中舞臺上的“圓”，按Ctrl+C組合鍵（復制），再按Ctrl+V組合鍵（粘貼），此時舞臺上有兩個圓，選中剛復制的圓，將其移動至第一個圓上，并與第一個圓部分重疊，只漏出月牙狀的一部分（注意：此時第二個圓處于選中狀態），如圖2-73所示。

（4）按Delete鍵將第二個圓刪除，這時，月牙出現了，如圖2-74所示。

（5）選中【多角星形工具】，在“屬性”面板中將“筆觸顏色”設為白色，“筆觸高度”設為4。單擊【選項】按鈕，在彈出的對話框中將“樣式”設置為星形，其余不變。在舞臺上拖動鼠標，繪制出一個星星圖形，如圖2-75所示。

（6）用同樣的方法繪制多個大小不同的星星，效果就更好了，如圖2-76所示。

（7）選中【墨水瓶工具】，此時指針在舞臺中變為墨水瓶狀。在“屬性”面板中將筆觸顏色改為綠色，用鼠標單擊月牙上星星的白色邊線，這時邊線變為綠色，如圖2-77所示。

（8）用同樣的方法，將其余星星的邊線分別變成不同的顏色，這樣燦爛的星空就完成了，如圖2-78所示。

（9）選擇【文件】→【保存】命令，將作品保存為“燦爛星空.fla”。

（10）按Ctrl+Enter組合鍵測試影片，效果如圖2-71所示。

試一試

將任務5中的小船改成彩色的邊線，效果會很好哦。

知識鏈接

墨水瓶工具

使用【墨水瓶工具】可以更改線條或形狀輪廓的筆觸顏色、寬度和樣式，它只影響形狀對象。

單擊【墨水瓶工具】，窗口下面將彈出相應屬性面板，該屬性面板與【鉛筆工具】的屬性面板具有相同的設置，如圖2-79所示。

使用方法：選中【墨水瓶工具】，在其屬性面板中進行相應的設置后，單擊圖形的輪廓線，即可改變圖形的輪廓線顏色。

任務7我的小船我著色

情景模擬

天色漸晚，大海上的小舟掛滿了彩燈，遠遠望去，燦爛無比，如圖2-80 所示為“彩色的小船”效果圖。

任務目標與分析

在任務5 中已經將小船做好了，但是它只是用線條畫出來的，通過【顏料桶工具】和【墨水瓶工具】，將小船再裝扮一下，效果會更好。通過本任務來學習顏料桶工具和墨水瓶工具的使用。

操作步驟

（1）選擇【文件】→【打開】命令，在彈出的對話框中選中創建的文件“小船.fla”，并將其打開。

（2）在“屬性”面板上，將舞臺的背景色改為黑色。

（3）選擇【顏料桶工具】，將小船上面的三個三角形分別填充三種自己喜歡的顏色，小船船體填充成淺紫到深紫漸變，四個圓圈也分別填充自己喜歡的顏色，如圖2-81所示。

（4）更改“筆觸顏色”為彩色漸變，“筆觸高度”為2，“筆觸樣式”為“虛線”。用【墨水瓶工具】修改小船的線條顏色和線型。改后如霓紅燈效果，非常漂亮，如圖2-82所示。

（5）選擇【文件】→【保存】命令，將作品保存為“彩色的小船.fla”。（6）按Ctrl+Enter組合鍵測試影片，如圖2-80所示。

試一試

打開前面做的作品，將星星、糧倉、小屋子涂上色彩，或更改線條的樣式，會有不一樣的效果哦。

知識鏈接

顏料桶工具

使用【顏料桶工具】可以為封閉區域填充顏色，也可以填充未完全封閉的區域，并能夠自動地將不閉合區域閉合起來。用戶可以使用純色、漸變色和位圖填充或更改已填充色彩區域的顏色。

選擇【顏料桶工具】后，窗口下面會彈出相應的屬性面板，如圖2-83所示。【顏料桶工具】的屬性面板參數很少，只有一個“填充顏色”選項。同時工具箱的下部會出現“空隙大小”附屬工具選項，如圖2-84所示。

（1）不封閉空隙：不允許有空隙，只限于封閉區域。

（2）封閉小空隙：如果所填充區域不是完全封閉的，但是空隙很小，則Flash會近似地將其判斷為完全封閉的，并將其進行填充。

（3）封閉中等空隙：如果所填充區域不是完全封閉的，但是空隙大小中等，則Flash會近似地將其判斷為完全封閉的，并將其進行填充。

（4）封閉大空隙：如果所填充區域不是完全封閉的，但是空隙比較大，則Flash會近似地將其判斷為完全封閉的，并將其進行填充。

漸變色的設置

Flash不僅可以將筆觸顏色和填充顏色設置為純色，而且還可以設置為漸變色。有時用漸變色來填充圖形或描繪圖形都會達到意想不到的效果。在Flash的樣本面板下方已經給出了一部分的漸變色，如圖2-85 所示。但這些顏色有時不能滿足用戶的意圖，需要用戶自己定義漸變色。定義漸變色是在“顏色”面板中進行的，如圖2-86所示。

（1）類型：填充的樣式。有無、純色、線性、放射狀和位圖五種樣式。

（2）溢出：控制超出漸變限制的顏色。

雙擊顏料瓶可以選擇顏色以自定義漸變。另外面板上的其他一些設置都可以用于定義漸變。面板中所圈部分用于設置漸變色，將鼠標置于兩個顏料瓶之間，指針旁邊會增加一個“+”號，這時可以添加顏色。

任務8位圖的導入和填充

情景模擬

舞臺上一只小熊在玩耍，拖動鼠標，就能繪制第二個一樣的小熊，再拖動鼠標，繪制出第三個……真神奇，如圖2-87所示。

任務目標與分析

用【滴管工具】來采集顏色是常見的，只要熟悉Flash的用戶都會用。但是，用【滴管工具】采集位圖圖形不是很常見，本任務來學習如何用【滴管工具】采集位圖圖形。

操作步驟

（1）選擇【文件】→【新建】命令，新建一個Flash文檔，選擇【文件】→【導入】→【導入到舞臺】命令，將素材庫中的“素材2-1.jpg”文件導入到舞臺中，如圖2-88所示。

（2）按Ctrl+B組合鍵，將位圖圖形分離，如圖2-89所示。

（3）選擇工具箱中【滴管工具】，將指針放在要復制其屬性的位圖圖形上，這時滴管右側帶有一個刷子，單擊滴管吸入圖形，如圖2-90所示。

（4）在工具箱中選擇【矩形工具】，在舞臺中繪制一個矩形，此時填充的顏色是吸入的圖形，如圖2-91所示。

（5）選擇【文件】→【保存】命令，將作品保存為“小熊.fla”。

（6）按Ctrl+Enter組合鍵測試影片，即如圖2-87所示。

知識鏈接

Flash能夠識別的圖形格式為位圖模式和矢量圖模式兩種。在繪圖中經常會涉及位圖、矢量圖和圖像的分辨率，下面分別介紹位圖、矢量圖和圖像分辨率的概念。

位圖

位圖由排列成網格的點組成，所以，位圖也叫做柵格圖像。每個點稱為一個“像素”，計算機的屏幕就是一個大的像素網格。在位圖中，圖像是由網格中的每個像素的位置和顏色值決定的。因為組成位圖的基本單位是像素，所以在對位圖進行縮放操作時會改變其顯示的質量。尤其在對位圖進行放大處理時會產生很多的像素塊，如圖2-92 所示是放大前和放大后的比較。可以看出，放大后的圖像不清晰。

矢量圖

矢量圖也稱為面向對象的圖像或繪圖圖像，在數學上定義為一系列由線連接的點。像Adobe Illustrator、CorelDraw、CAD等軟件是以矢量圖為基礎進行創作的。矢量文件中的圖形元素稱為對象。每個對象都是一個自成一體的實體，它具有顏色、形狀、輪廓、大小和屏幕位置等屬性。既然每個對象都是一個自成一體的實體，就可以在維持它原有清晰度和彎曲度的同時，多次移動和改變它的屬性，而不會影響圖例中的其他對象。這些特征使基于矢量的程序特別適用于圖例和三維建模，因為它們通常要求能創建和操作單個對象。基于矢量的繪圖與分辨率無關。這意味著它可以縮放到任意大小和以任意分辨率在輸出設備上輸出，都不會遺漏細節或清晰度，如圖2-93所示。

圖像的分辨率

分辨率是指單位長度內所包含點（即像素）的數量，其作用是衡量圖像的精細程度。

圖像的分辨率是指每英寸圖像所含的點數或像素數，單位是dpi（像素）。例如，72dpi就表示該圖像每英寸含72 個點或像素。在位圖中，分辨率的大小會直接影響到圖像的品質。分辨率越高圖像就越精細，產生的文件就越大，在工作中占用的內存容量就越大，CPU處理圖像時花費的時間也就越長，所以設置一個合適的分辨率是非常必要的。另外，圖像的尺寸、分辨率和文件大小三者之間有著很密切的關系，分辨率相同的圖像，如果尺寸不同，文件大小也不同，尺寸越大文件就越大。如果尺寸相同，分辨率越高文件越大。

滴管工具

【滴管工具】是用來選擇顏色的工具，它的作用是采集某一對象的色彩特征，以便應用到其他對象上。另外，它還可以對位圖進行屬性采樣。

在工具箱中選擇【滴管工具】，將鼠標移到舞臺中，鼠標就會變成滴管的形狀；當【滴管工具】移動到圖形填充區域后，【滴管工具】的右邊就出現一把刷子標志，如圖2-94 所示；當鼠標在填充區域單擊后，滴管工具會自動切換到【顏料桶工具】，表示當前可以將滴管吸取的顏色填充到指定的區域，如圖2-95 所示；當【滴管工具】移到圖形輪廓線上后，【滴管工具】右邊出現一支鉛筆標志，如圖2-96所示；在輪廓線上單擊后，【滴管工具】會自動切換為【墨水瓶工具】，如圖2-97所示。

任務9小草青青

情景模擬

有這么一幅畫：春天來了，到處是一片生機盎然。嫩綠的小草，清清的河水，給予大自然無限的活力，如圖2-98所示。

任務目標與分析

在Flash中，經常用到位圖，但位圖放大后容易失真，且占空間較大，所以有時為了壓縮動畫所占的空間，并且能很容易地對圖形進行放大、縮小和旋轉等操作，需要把位圖轉換成矢量圖。本任務學習將導入到舞臺的位圖轉換為矢量圖。

操作步驟

（1）選擇【文件】→【新建】命令，新建一個Flash文檔。在文檔屬性面板中將舞臺大小調整為“426×260”像素，背景色為#FF6600。

（2）選擇【文件】→【導入】→【導入到舞臺】命令，將素材庫中“素材2-4.jpg”圖像導入到舞臺中，調整圖像的位置，使其在舞臺的中央，如圖2-99所示。

（3）用【選擇工具】選中圖像，選擇【修改】→【位圖】→【轉換位圖為矢量圖】命令，此時會彈出如圖2-100所示的對話框。

（4）參數按圖中設置完成后，單擊【確定】按鈕，即完成位圖到矢量圖的轉換。

（5）選擇【文件】→【保存】命令，將文件保存為“小草青青.fla”。

（6）按Ctrl+Enter組合鍵測試影片，效果如圖2-98所示。

知識鏈接

“轉換位圖為矢量圖”命令可以將位圖轉換為可編輯的離散顏色區域的矢量圖。將位圖作為矢量圖處理，可以減小文件規模。另外將位圖轉換為矢量圖時，矢量圖形不再鏈接到“庫”面板中作為位圖元件。此時可以使用Flash繪畫和涂色工具修改圖形。

小知識

如果導入的位圖包含復雜的形狀和許多顏色，則轉換后的矢量圖形的文件比原始的位圖文件大。若要找到文件大小和圖像品質之間的平衡點，請嘗試“轉換位圖為矢量圖”對話框中的各種設置。

位圖轉換為矢量圖的方法：

（1）選擇當前場景中的位圖。

（2）選擇【修改】→【位圖】→【轉換位圖為矢量圖】命令。

（3）在打開的對話框中設置轉換參數，如圖2-100所示。

① 顏色閾值：當兩個像素進行比較后，如果它們在RGB顏色值上的差異低于該顏色閾值，則認為這兩個像素顏色相同。如果增大了該閾值，則意味著降低了顏色數量。

② 最小區域：輸入一個值來設置為某個像素指定顏色時需要考慮周圍像素的數量。

③ 曲線擬合：選擇一個選項來確定繪制輪廓所用的平滑程度。

④ 轉角閾值：選擇一個選項來確定保留銳邊還是進行平滑處理。

任務10繪制花朵

情景模擬

如果眼前有一片片美麗的花朵，你是不是會眼花繚亂呢？如圖2-101所示。

任務目標與分析

繪制花朵將用到【橢圓工具】，【任意變形工具】和【選擇工具】，還要進行圖形邊線不可見設置等。本任務通過繪制花瓣實例來說明它們的作用。

操作步驟

（1）選擇【文件】→【新建】命令，新建一個Flash文檔，并把背景色改為#CCCCFF，筆觸顏色選擇，填充色選擇紅色。

（2）選擇【基本橢圓工具】，在舞臺上畫一個花瓣（橢圓），如圖2-102所示。

（3）選擇【任意變形工具】，橢圓形花瓣中心會出現一個中心控制點，用鼠標拖動中心控制點，將其移動到橢圓靠下的位置，如圖2-103所示。

（4）在不取消變形工具的情況下，選擇【編輯】→【復制】命令和【編輯】→【粘貼到當前位置】命令，對花瓣進行復制，然后選擇【任意變形工具】面板上的【旋轉與傾斜】按鈕，將指針放在花瓣右上角，拖動指針，對剛復制的花瓣進行旋轉，如圖2-104所示。

（5）重復第4 步的操作，用相同的方法再復制4 個花瓣（能夠組成一朵花為止），將它們旋轉變化，組成一朵花，如圖2-105所示。

（6）選擇【基本橢圓工具】，將填充色更改為黃色，在舞臺上花朵以外的地方拖動鼠標，畫一個大小合適的圓，再用【移動工具】，將其移動到花的中心做花蕊，如圖2-106 所示。

（7）選中整個花朵，選擇【編輯】→【復制】命令和【編輯】→【粘貼】命令，復制一個花朵，并用【任意變形工具】附屬面板的【旋轉與傾斜】或【縮放工具】，將其變形，形成第二朵花，如圖2-107所示。

（8）重復第7 步，復制多個花朵，將它們變形為不同的大小和樣式，放置到舞臺上，如圖2-108所示。

（9）選擇【文件】→【保存】命令，將文件保存為“花朵.fla”。

（10）按Ctrl+Enter組合鍵測試影片，效果如圖2-101所示。

試一試

利用以前學過的知識將花朵變為五顏六色。

知識鏈接

繪制圖形完成后，常常要使用一些工具對圖形進行抓取、選擇、移動和變形，它們是使用頻率最高的工具，在繪圖操作中，常常需要選擇將要處理的對象，然后對這些對象進行處理。這些常用的工具包括【選擇工具】、【部分選取工具】、【套索工具】和【任意變形工具】。

選擇工具

單擊工具箱中的【選擇工具】，將指針移到舞臺后，指針的旁邊就會出現一個虛的小矩形，如圖2-109所示。這時在舞臺拖動指針，會出現一個矩形框，矩形框中的對象就會被選中，圖像將由實變虛。【選擇工具】沒有自己的屬性面板。但在工具箱的下部會彈出相應的附屬工具選項，如圖2-110所示。

（1）貼緊至對象：選擇此項，繪圖、移動、旋轉，以及調整的對象將自動對齊。

（2）平滑：使繪制的曲線趨于平滑。

（3）伸直：用于修飾曲線，使曲線趨于直線。

提示

部分選取工具

在工具箱中單擊【部分選取工具】，將指針移到舞臺并拖動，會出現一個矩形框，矩形框中的對象就會被選中，選中的圖像輪廓線上將出現很多的控制點，表示該對象已被選中，如圖2-111所示。

【部分選取工具】除可以像【選擇工具】那樣選取并移動對象外，它還可以對圖形進行變形等處理。在選中路徑之后，可對其中的控制點進行拉伸或對曲線進行修改。

使用方法：將鼠標放在控制點上，拖動鼠標進行拉伸變形，如圖2-112所示。

提示

任意變形工具

【任意變形工具】使用比較廣泛，主要用于對對象進行各種方式的變形處理，如拉伸、壓縮、旋轉、翻轉和自由變形等。通過此工具，可以將對象變形成自己需要的各種樣式。在工具箱中單擊【任意變形工具】，【任意變形工具】就被激活。

用法：選中【任意變形工具】后，單擊要變形的對象，對象四周會出現8個控制點，拖動四角的控制點可以對圖形進行變形處理，如圖2-113所示。

【任意變形工具】有4個附屬選項，如圖2-114所示。

（1）旋轉與傾斜：對選中的對象進行旋轉與傾斜操作。

（2）縮放：對選中的對象進行放大與縮小操作。

（3）扭曲：對選中的對象進行扭曲操作。只有將對象分離后，此功能才有效，并且只對四角的控制點有效。

（4）封套：選中的對象四周會出現更多的控制點，可以方便地對對象進行精確的變形操作。

套索工具

與【選擇工具】的功能相似，【套索工具】也是用來選擇對象的。但它的選擇方式不同，使用【套索工具】可以自由地選定要選擇的區域，而不是像【選擇工具】那樣將整個對象都選中。

單擊【套索工具】，【套索工具】就會被激活；當把指針移動到舞臺上，指針變成套索工具狀，如圖2-115所示。

【套索工具】的3個附屬選項，如圖2-116所示。

（1）魔術棒：根據對象的差異選擇對象的不規則區域。

（2）魔術棒設置：調整魔術棒工具的設置，單擊此按鈕，彈出“魔術棒設置”對話框，如圖2-117所示。

① 閾值：用來設置所選顏色的近似程度。只能輸入0～200之間的整數，數值越大，差別大的其他鄰接顏色就越容易被選中。

② 平滑：所選顏色近似程度的單位，默認為“一般”。

（3）多邊形模式：選擇多邊形區域及不規則區域。

小知識

如果圖像是位圖，則先將其分離，再使用【套索工具】。

視圖調整工具

在使用Flash繪圖時，除了用以上的一些主要繪圖工具外，還常常用到一些輔助繪圖工具。【視圖調整工具】就是常用的輔助繪圖工具，它包括兩個工具，一個是【手形工具】，另一個是【縮放工具】。

（1）手形工具

【手形工具】用于調整圖像在舞臺中的位置，當制作的圖很大，屏幕中不能完全顯示出來時，它的作用尤為突出。

選擇【手形工具】，然后將指針移到舞臺上就變為“手”的形狀，如圖2-118所示。

當拖動鼠標時，圖像就會跟著移動，但實際上是整個舞臺在移動。使用此工具移動舞臺要比拖動滾動條方便。

小知識

（2）縮放工具

【縮放工具】用于放大或縮小舞臺的顯示比例。

選擇【縮放工具】，然后將鼠標移動到舞臺，指針將變為一個放大鏡，此時在工作區中單擊就可以實現工作區的放大或縮小，如圖2-119所示。

從圖中的【縮放工具】的樣式可以看出：

放大：選擇后單擊，將圖形放大為原來的兩倍。

縮小：選擇后單擊，將圖形縮小為原來的二分之一。

（3）對齊工具

【對齊工具】可以根據要求將被選的多個對象進行各種形式的排列和對齊，使用【對齊工具】的操作步驟如下：

① 選中需要對齊的多個對象，按住Shift鍵可以進行多選。

② 選擇【窗口】→【對齊】命令，打開“對齊”面板，如圖2-120所示。

③ 在面板中選擇某種對齊或分布方式，即可對選中的對象進行對齊操作。