1、第2章 繪圖工具,第2章 繪圖工具,2.1 認識繪圖工具,認識“工具”面板中的基本繪圖工具,2.1 認識繪圖工具,認識“工具”面板中的基本繪圖工具 “選擇工具”：用于選取操作對象或局部變換形狀。 “部分選取工具”：用于顯示繪制對象的路徑或路徑的錨點，并可對錨點進行選擇、刪除、移動，和調(diào)節(jié)曲線彎曲率等操作。 “任意變形工具”：轉(zhuǎn)動和縮放對象。 “套索工具”：可以在工作區(qū)選定一個不規(guī)則的像素區(qū)域。,2.1 認識繪圖工具,認識“工具”面板中的基本繪圖工具 “鋼筆工具”：繪制直線或平滑流暢的曲線（貝賽爾曲線）。 “線條工具”：可以畫出各種各樣的線條。 “鉛筆工具”：可以畫出線條、曲線及各樣的圖形。 “

2、文本工具”：使用“文本工具”可以在工作區(qū)中輸入文字。,2.1 認識繪圖工具,認識“工具”面板中的基本繪圖工具 “橢圓工具”：可以畫出橢圓或圓。 “矩形工具”：可以畫出矩形或正方形。 “刷子工具”：和鉛筆工具一樣，不過筆觸較大。 “Deco 工具”：是Flash CS4新增加的功能，主要包括“蔓藤式填充”、“網(wǎng)格填充”和“對稱刷子”3種繪制效果。,2.1 認識繪圖工具,認識“工具”面板中的基本繪圖工具 “骨骼工具”：是Flash CS4新增加的功能，用于制作類似于圖形鏈的剛性動畫效果。 “墨水瓶工具”：修改由畫圖工具畫出的圖形的線的屬性。 “顏料桶工具”：修改各種填充色。 “滴管工具”：修改顏料

3、桶的填充色。 “橡皮擦工具”：清除在工作區(qū)中畫出的圖形。文字必須先用Ctrl+B將其打散。,2.1 認識繪圖工具,認識“工具”面板中的基本繪圖工具 “手形工具”：把工作區(qū)整體在屏幕上移動。 “縮放工具”：把動畫放大或縮小顯示，并不改變舞臺的大小。 “對象繪制”：用于選擇繪制圖形還是繪制對象。該模式下，重疊的圖形是分離的。 “貼緊至對象”：用于完成“吸附”功能。該模式下，重疊的圖形是相連接的。,2.2 繪制月亮,2.2.1 相關(guān)知識點 橢圓工具 基本橢圓工具 多角星形工具 筆觸與填充色 顏料桶工具 對象繪制工具, 2.2.2 案例解釋,案例解析 要繪制彎彎的月亮，沒有現(xiàn)成的繪圖工具可以實現(xiàn)，但是

4、在合并繪圖模式下，當形狀重疊時會自動進行合并和擦出，利用這個技巧，我們可以繪制出各種不同的形狀效果。, 2.2.2 案例解釋,步驟： (1)運行Flash CS4，選擇“文件”“新建”命令，在“新建文檔” 對話框的“常規(guī)”選項卡中選擇“Flash文檔(ActionScript3.0)”，再單擊“確定”按鈕創(chuàng)建新文件。 (2)在“屬性”面板中，通過“編輯”按鈕可以更改舞臺大小為550400像素，通過“舞臺”選項可以更改舞臺的顏色為藍色（#000099）。, 2.2.2 案例解釋,步驟： (3)系統(tǒng)默認的繪圖模式為合并繪圖模式。選擇“橢圓工具”，設(shè)置筆觸顏色為空，填充顏色為白色。按住“shift”

5、鍵，在舞臺上繪制出一個圓,2.2.2 案例解釋,步驟： (4)點擊“選擇工具” ，按住Alt或Ctrl鍵，拖動舞臺上的圓，復(fù)制一個圓形。 (5)點擊“delete”鍵，刪除后面的圓，月亮的矢量圖繪制完畢。,2.2.3 技術(shù)點睛,1.選擇對象 用“選擇工具”選取（單擊或雙擊選取、取消選?。?在對象的外框上單擊，即可選擇對象的外邊框，有時需要雙擊才可選取完整的外邊框。在對象的內(nèi)部單擊，即可選擇內(nèi)部形狀；在對象上雙擊，即可選擇整個對象。在對象外的舞臺空白處單擊，即可取消選擇。 框選選取（拖動鼠標） 在工具箱選擇 “選擇工具”，在對象外按住鼠標左鍵，由上至下拉出一矩形區(qū)域框住要選擇的對象，即可選擇這些

6、對象。,2.2.3技術(shù)點睛,1.選擇對象 注意： 如果要連續(xù)選擇不同位置的曲線時，只要按住“Shift”鍵不放，在要選擇的曲線上單擊鼠標左鍵即可。如果使用“選擇工具”拖拽對象時，同時按下“Ctrl”或“Alt”鍵可以復(fù)制對象。 “選擇工具”還具有改變對象形狀的功能。用箭頭指向?qū)ο筮吙蚧驅(qū)ο蠼屈c時，鼠標箭頭下面多了一個弧形，按住鼠標左鍵即可改變對象外形。,2.2.3 技術(shù)點睛,2.繪制的模式：合并繪制和對象繪制 合并繪制：合并繪制是flash默認的繪制模式。在此模式下，繪圖工具繪制出來的圖形都是分離形狀，這些形狀重疊時會自動進行合并和擦出，如上面月亮的繪制。 對象繪制：在對象繪制模式下，用繪圖工

7、具繪制出來的圖形是獨立的對象，這些對象在疊加時不會相互影響。,2.2.3 技術(shù)點睛,3 .“基本橢圓工具”和“橢圓工具” 用于繪制橢圓或圓形圖案 在“橢圓選項”中，更改開始角度、結(jié)束角度、內(nèi)徑等屬性，可以得到如圖效果：,2.2.3 功能講解,3.“基本橢圓工具”和“橢圓工具” “基本橢圓工具”和“橢圓工具”的區(qū)別在于： 如果選擇“基本橢圓工具”，繪制橢圓形狀后，還可以修改相關(guān)屬性。 如果選擇 “橢圓工具”，繪制橢圓形狀前就必須設(shè)置相關(guān)屬性。,2.2.3 功能講解,4.補充之“矩形工具” 利用矩形工具可繪制出如下形狀： 基本矩形工具與矩形工具的區(qū)別同于基本橢圓工具與橢圓工具的區(qū)別,2.3 繪制花

8、朵,2.3.1 相關(guān)知識點 “顏料桶工具”的使用 “任意變形工具”的使用 “漸變變形工具”的使用 “線條工具”的使用 “鉛筆工具”的使用,2.3.2案例解析,步驟： (1)運行Flash CS4，新建550400像素，白色舞臺。 (2)繪制花瓣 選擇“橢圓工具”，設(shè)置筆觸顏色為空，填充顏色任意。按住鼠標不放，舞臺上繪制出一個橢圓,花朵通常包含了花瓣、花竿、葉子等部分，下面分步驟完成各部分的繪制。,2.3.2案例解析,步驟： (2)繪制花瓣 點擊“選擇工具”，選擇該橢圓，通過“窗口”“顏色”命令，打開“顏色”面板，設(shè)置類型為“線性”，選擇左色標為橙色（#ff3300），右色標為黃色(#ffff6

9、6)， 得到線性漸變的填充效果。 選擇“漸變變形工具”，通過旋轉(zhuǎn)填充將圖形填充調(diào)整為如圖,2.3.2案例解析,步驟： (2)繪制花瓣 選擇“任意變形工具”，調(diào)整線性漸變的中心點到花瓣的下端位置,2.3.2案例解析,步驟： (2)繪制花瓣 點擊“窗口”“變形”，調(diào)出“變形”面板，設(shè)置旋轉(zhuǎn)角度為30度，再點擊“重置選區(qū)和變形”多次，得出如圖所示的花瓣,2.3.2案例解析,步驟： (2)繪制花瓣 點擊“選擇工具”，將所有花瓣全部選中，再選擇“任意變形工具”，將其進行縮放，這樣一個花瓣就畫好了。取消花瓣的選取。 (3)繪制花竿 選擇“鉛筆工具”，在選項卡中選擇平滑，設(shè)置筆觸顏色為綠色，筆觸大小為2，畫

10、一條線段，作為花竿。 用“指針工具”指向線段，當指針下方出現(xiàn)弧形時，可拖拽出弧線。,2.3.2案例解析,步驟： (4)繪制綠葉 選擇“橢圓工具”，設(shè)置筆觸顏色綠色，填充顏色為綠色。按住鼠標不放，舞臺上繪制出一個橢圓。 點擊“選擇工具”，將鼠標移動到橢圓的右頂端，當鼠標后面跟了一個弧形的時候，將鼠標往外拉，拉的過程中同時按下“ctrl”鍵，拉出來的角度比較尖。 再用“選擇工具”調(diào)整葉子的兩側(cè),2.3.2案例解析,步驟： (4)繪制綠葉 選取“線條工具”，選擇一種較為淺一點的綠色，繪制葉子的脈絡(luò)，通過“選擇工具”調(diào)整脈絡(luò)的弧度，這樣一片葉子就繪制好了。 按住“Alt”鍵，拖動綠葉，復(fù)制綠葉，然后用

11、“任意變形工具”調(diào)整葉子的大小，最后將花朵與綠葉合成,2.3.3 技術(shù)點睛,1.顏料桶工具 “顏料桶工具”可以為封閉區(qū)間填充顏色。 不封閉空隙：只有填充區(qū)域完全封閉時才能填充。 封閉小空隙：當填充區(qū)域存在小缺口時可以填充。 封閉中等空隙：當填充區(qū)域存在中等缺口時可以填充 封閉大空隙：當填充區(qū)域存在大缺口時可以填充,2.3.3 技術(shù)點睛,2.“漸變變形工具 “漸變變形工具”是用來調(diào)整漸變顏色的漸變方向、對應(yīng)色的填充位置和縮放漸變色色階區(qū)域的長度的。漸變色的過渡方式有兩種：線性和放射性。 使用“漸變變形工具”時，用鼠標單擊需要調(diào)整的填充區(qū)域，可以看到調(diào)整外框有一個圓形手柄和一個方形手柄、漸變色中間

12、也有一個小圓形手柄。調(diào)整外框的圓形手柄用來調(diào)整漸變方向，方形手柄用來調(diào)整漸變量。用鼠標拖拽位于漸變色中間的小圓形手柄，可以移動漸變中心位置。,2.3.3 技術(shù)點睛,3.“任意變形工具” “任意變形工具”主要用于對圖形進行縮放、旋轉(zhuǎn)、傾斜、翻轉(zhuǎn)和封套等操作，其對象既可以是矢量圖，也可以是位圖、文字等。,2.3.3 技術(shù)點睛,4.“變形”面板 使用“變形”面板可以精確地對對象進行等比例縮放、旋轉(zhuǎn)，還可以精確地控制對象傾斜度。功能如同“任意變形工具”。除此之外，“變形”面板右下角的“重置選區(qū)和變形”按鈕 可以起到復(fù)制矢量圖的作用。,2.3.3技術(shù)點睛,制作如下效果的動畫：,2.3.3 技術(shù)點睛,5.

13、鉛筆工具 利用Flash CS4提供的“鉛筆工具”，可以繪制出隨意、變化靈活的線條或曲線。另外用戶還可以對矢量線的寬度、線性、顏色進行調(diào)整。,2.3.3 技術(shù)點睛,6.“線條工具” “線條工具” ，是用來繪制直線的。選擇“線條工具”，通過簡單地拖拽鼠標即可沿鼠標拖動方向繪制直線。若按住“Shift”鍵并拖動鼠標，則可畫出特殊角度的直線。在“屬性”面板中可以設(shè)置直線的筆觸顏色、筆觸樣式等屬性。,2.3.4 舉一反三,繪制樹木,2.4 復(fù)雜形態(tài)的繪制,通過前面的案例已經(jīng)掌握了圖形創(chuàng)建工具的使用方法，利用“任意變形工具”可以把規(guī)則圖形調(diào)整為自由形態(tài)。但是鋼筆工具可以獨立繪制精確的矢量線段和矢量圖形，

14、也可以編輯修改已創(chuàng)建的矢量對象。用鋼筆工具非常適合繪制比較隨意的圖形。本案例通過汽車繪制，學(xué)習(xí)鋼筆工具的使用方法。,2.4.1 要點導(dǎo)讀,相關(guān)知識點 鋼筆工具 認識錨點 增加和減少錨點 轉(zhuǎn)換錨點工具,2.4.2 繪制汽車案例解釋,步驟詳解 ： (1)運行Flash CS4，新建550400像素，白色舞臺。 (2)選擇“橢圓工具”，筆觸黑色，填充灰色（#949494），畫出車的輪子。,2.4.2 繪制汽車案例解釋,步驟詳解 ： (3)在“時間軸面板”上，按下新建圖層按鈕 ，新建圖層2，繪制汽車外形。 (4)選擇“鋼筆工具” ，繪制三角圖形，留意三個角上的錨點。,2.4.2 繪制汽車案例解釋,步驟

15、詳解 ： (5)點擊“鋼筆工具” 右下角的黑色小三角按鈕在彈出的選項菜單中選擇“轉(zhuǎn)換錨點工具” ，拖動上方的錨點，繪制出圖示的曲線效果。 (6)調(diào)節(jié)右側(cè)的調(diào)節(jié)柄，進一步美化汽車的外形。,2.4.2 繪制汽車案例解釋,步驟詳解 ： (7)利用鋼筆工具 ，在路徑上單擊增加一個新的錨點，通過“轉(zhuǎn)換錨點工具”和調(diào)節(jié)柄繼續(xù)調(diào)整汽車外形，如圖所示。,2.4.2 繪制汽車案例解釋,步驟詳解 ： (8)選擇“油漆桶工具”，選擇填充顏色（#EE1B41）為汽車填充顏色。 (9)利用“橢圓工具”“直線工具”以及“指針工具”為汽車添加其他形狀和線段，調(diào)整外形，并填入如圖所示的顏色。完成小車的繪制。,2.4.3 繪制

16、蝴蝶案例解析,步驟詳解 ： 選擇“橢圓工具”繪制橢圓。 利用“選擇工具”變換橢圓,2.4.3 繪制蝴蝶案例解析,步驟詳解 ： 選擇“直線工具”繪制多條直線，通過“選擇工具”將直線變?yōu)榍€ 選擇“顏料桶工具”為蝴蝶填充喜歡的顏色,2.4.3 繪制蝴蝶案例解析,步驟詳解 ： 選擇“橢圓工具”繪制橢圓，完成蝴蝶左上翅膀的繪制 新建圖層，用同樣的方法繪制蝴蝶左下翅膀，注意為了便于在后續(xù)課程制作飛舞的蝴蝶，建議用不同的圖層放置蝴蝶的不同部分,2.4.3 繪制蝴蝶案例解析,步驟詳解 ： 新建圖層，利用“橢圓工具”繪制橢圓，通過“指針工具”改變橢圓的形狀，通過直線工具繪制身體橫線，并通過“指針工具”將直線變

17、為弧線，在不同區(qū)域填充喜歡的顏色，完成蝴蝶身體的繪制。,2.4.3 繪制蝴蝶案例解析,步驟詳解 ： 新建圖層，利用“橢圓工具”“直線工具”“指針工具”繪制蝴蝶的眼睛。,2.4.3 繪制蝴蝶案例解析,步驟詳解 ： 復(fù)制左側(cè)蝴蝶翅膀，選擇“修改”“變形”“水平翻轉(zhuǎn)”命令，把右翅膀移動到合適的位置。完成蝴蝶的繪制 。,2.4.4 繪制人物案例解析,步驟詳解 ： 選擇“橢圓工具”繪制橢圓，填充臉部顏色（#ff1ebd）,利用“指針工具”變形橢圓為臉部形狀 新建圖層，利用“直線工具”繪制直線，然后利用“指針工具”將直線變形為曲線，以繪制頭發(fā)輪廓。,2.4.4 繪制人物案例解析,步驟詳解 ： 利用“油料桶

18、”工具，為頭發(fā)填充顏色，填入不同的顏色增加層次感 新建圖層，用“直線工具”“橢圓工具”“指針工具”完成眉毛和眼睛的繪制。,2.4.4 繪制人物案例解析,步驟詳解 ： 新建圖層，用“直線工具”“橢圓工具”“指針工具”完成鼻子和嘴巴的繪制。 新建圖層，用“直線工具”“指針工具”“顏料桶工具”完成身體部分的繪制。,2.4.4 繪制人物案例解析,步驟詳解 ： 新建圖層，用“直線工具”“指針工具”完成手臂的繪制。 新建圖層，用“直線工具”“橢圓工具”完成腳的繪制,2.4.5 技術(shù)點睛,1、用鋼筆工具繪制直線 使用鋼筆工具可以繪制的最簡單路徑是直線，方法是通過單擊鋼筆工具創(chuàng)建兩個錨點。繼續(xù)單擊可創(chuàng)建由轉(zhuǎn)角

19、點連接的直線段組成的路徑。,2.4.5 技術(shù)點睛,2、用鋼筆工具繪制曲線 若要創(chuàng)建曲線，請在曲線改變方向的位置處添加錨點，并拖動構(gòu)成曲線的方向線。方向線的長度和斜率決定了曲線的形狀。,2.4.5 技術(shù)點睛,2、用鋼筆工具繪制曲線 (1)選擇“鋼筆”工具。 (2)將鋼筆工具定位在曲線的起始點A，并按住鼠標按鍵。此時會出現(xiàn)第一個錨點，同時鋼筆工具指針變?yōu)榧^。 (3)單擊B點，并拖動設(shè)置要創(chuàng)建曲線段的斜率，然后松開鼠標按鍵。一般而言，將方向線向計劃繪制的下一個錨點延長約三分之一距離。之后可以調(diào)整方向線的一端或兩端。 (4)單擊C點，并拖動設(shè)置要創(chuàng)建曲線段的斜率，然后松開鼠標按鍵。,2.4.5 技術(shù)

20、點睛,3、添加或刪除錨點 添加錨點可更好地控制路徑，也可以擴展開放路徑。但是，最好不要添加不必要的點。點越少的路徑越容易編輯、顯示和打印。若要降低路徑的復(fù)雜性，請刪除不必要的點。,2.4.5 技術(shù)點睛,3、添加或刪除錨點 默認情況下，當將鋼筆工具定位在選定路徑上時，它會變?yōu)樘砑渝^點工具，或者當您將鋼筆工具定位在錨點上時，它會變?yōu)閯h除錨點工具。 若要添加錨點，請將指針定位到路徑段上，然后單擊。若要刪除錨點，請將指針定位到錨點上，然后單擊。 提示：不要使用“Delete”、“Backspace”，或者“編輯”“剪切”或“編輯”“清除”命令來刪除錨點；這些鍵和命令會刪除點以及與之相連的線段。,2.4.5 技術(shù)點睛,4、調(diào)整