2.1 基本線條與圖形的繪制

在Flash CS6中創造的充滿活力的設計作品都是由基本圖形組成的，Flash CS6提供了各種工具來繪制線條和圖形。

命令介紹

線條工具：可以繪制不同顏色、寬度、線型的直線。

鉛筆工具：可以像使用真實的鉛筆一樣繪制出任意的線條和形狀。

橢圓工具：可以繪制出不同樣式的橢圓形和圓形。

刷子工具：可以像使用現實生活中的刷子涂色一樣創建出刷子般的繪畫效果，如書法效果就可以使用刷子工具來實現。

2.1.1 課堂案例——繪制青蛙卡片

【案例學習目標】使用不同的繪圖工具繪制圖形并組合成圖像效果。

【案例知識要點】使用“鉛筆”工具和“顏料桶”工具，繪制白云和飄帶圖形；使用“橢圓”工具，繪制臉部和眼睛，最終效果如圖2-1所示。

【效果所在位置】Ch02/效果/繪制青蛙卡片.fla。

掃描觀看本案例視頻

1．新建文檔并繪制白云

（1）選擇“文件>新建”命令，彈出“新建文檔”對話框，在“常規”選項卡中選擇“Action Script 3.0”選項，將“寬”選項設置為198，“高”選項設置為283，將“背景顏色”設置為淺黃色（#F4E8DA），單擊“確定”按鈕，完成文檔的創建。

（2）按Ctrl+F8組合鍵，彈出“創建新元件”對話框，在“名稱”選項的文本框中輸入“白云”，在“類型”選項下拉列表中選擇“圖形”選項，如圖2-2所示，單擊“確定”按鈕，新建圖形元件“白云”，舞臺窗口也隨之轉換為圖形元件的舞臺窗口。

（3）選擇“鉛筆”工具，在工具箱中將“筆觸顏色”設置為黑色，并在工具箱下方的“鉛筆模式”選項組的下拉菜單中選中“平滑”選項。在舞臺窗口中繪制出一條閉合曲線，效果如圖2-3所示。

（4）選擇“顏料桶”工具，在工具箱中將“填充顏色”設置為白色，在閉合曲線的內部單擊鼠標填充顏色，效果如圖2-4所示。選擇“選擇”工具，雙擊邊線將其選中，如圖2-5所示，按Delete鍵將其刪除，效果如圖2-6所示。

2．繪制臉部圖形

（1）單擊文檔窗口左上方的“場景1”圖標，進入“場景1”的舞臺窗口中。將“圖層1”重命名為“白云1”。將“庫”面板中的圖形元件“白云”向舞臺窗口中拖曳多次，并分別適當調整其大小與角度，效果如圖2-7所示。

（2）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層并將其命名為“臉蛋”。選擇“橢圓”工具，在工具箱中將“筆觸顏色”設置為無，“填充顏色”設置為紅色（#E60027），單擊工具箱下方的“對象繪制”按鈕，按住Shift鍵的同時在舞臺窗口中繪制一個圓形，效果如圖2-8所示。

（3）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層并將其命名為“眼睛”。按住Shift鍵的同時在舞臺窗口中繪制一個圓形，效果如圖2-9所示。在工具箱中將“填充顏色”設置為白色，按住Shift鍵的同時在舞臺窗口中繪制一個白色的圓形，效果如圖2-10所示。

（4）在工具箱中將“填充顏色”設置為黑色，按住Shift鍵的同時在舞臺窗口中繪制一個黑色的圓形，效果如圖2-11所示。在工具箱中將“填充顏色”設置為白色，按住Shift鍵的同時在舞臺窗口中繪制兩個白色的圓形，效果如圖2-12所示。用相同的方法繪制出圖2-13所示的效果。

（5）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層并將其命名為“嘴和裝飾”。選擇“線條”工具，在線條工具“屬性”面板中，將“筆觸顏色”設置為黑色，“筆觸”選項設置為1，在舞臺窗口中繪制一條直線，如圖2-14所示。

（6）選擇“選擇”工具，將鼠標光標放置在直線的中心部位，當鼠標光標變為時，如圖2-15所示，單擊鼠標并向下拖曳到適當的位置，將直線轉換為弧線，效果如圖2-16所示。

（7）選擇“橢圓”工具，在工具箱中將“筆觸顏色”設置為無，“填充顏色”設置為肉色（#F3A7A3），按住Shift鍵的同時在舞臺窗口中繪制一個圓形，效果如圖2-17所示。

（8）選擇“選擇”工具，選中圓形，按住Alt鍵的同時拖曳鼠標到適當的位置，復制圓形，效果如圖2-18所示。按3次Ctrl+Y組合鍵，重復復制圓形，效果如圖2-19所示。

（9）選擇“鉛筆”工具，在工具箱中將“筆觸顏色”設置為黑色，并在工具箱下方的“鉛筆模式”選項組的下拉菜單中選中“平滑”選項。在舞臺窗口中繪制出一條閉合曲線，效果如圖 2-20所示。

（10）選擇“顏料桶”工具，在工具箱中將“填充顏色”設置為黃色（#FABE00），在閉合曲線的內部單擊鼠標填充顏色，效果如圖2-21所示。選擇“選擇”工具，雙擊邊線將其選中，按Delete鍵將其刪除，效果如圖2-22所示。

3．導入素材繪制小山

（1）選擇“文件>導入>導入到庫”命令，在彈出的“導入到庫”對話框中選擇“Ch02 >素材>繪制青蛙卡片> 01、02、03”文件，如圖2-23所示，單擊“打開”按鈕，將選中的素材導入“庫”面板中，如圖2-24所示。

（2）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層并將其命名為“文字”。將“庫”面板中的圖形元件“03”拖曳到舞臺窗口中，并放置在適當的位置，如圖2-25所示。

（3）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層并將其命名為“下體”。將“庫”面板中的圖形元件“01”拖曳到舞臺窗口中，并放置到適當的位置，如圖2-26所示。在“時間軸”面板中，將“下體”圖層拖曳到“臉蛋”圖層的下方，效果如圖2-27所示。

（4）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層并將其命名為“白云2”。將“庫”面板中的圖形元件“白云”向舞臺窗口中拖曳兩次，并分別調整其大小及角度，效果如圖2-28所示。

（5）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層并將其命名為“降落傘”。將“庫”面板中的圖形元件“02”拖曳到舞臺窗口中，如圖2-29所示。

（6）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層并將其命名為“小山”。選擇“線條”工具，在線條工具“屬性”面板中，將“筆觸顏色”設置為黑色，“筆觸”選項設置為1，在舞臺窗口中繪制兩條直線和一條斜線，使斜線和直線形成閉合路徑，效果如圖2-30所示。

（7）選擇“選擇”工具，將鼠標光標放置在斜線的中心部位，當鼠標光標變為時，單擊鼠標并向上拖曳到適當的位置，將直線轉換為弧線，效果如圖2-31所示。

（8）選擇“顏料桶”工具，在工具箱中將“填充顏色”設置為黃綠色（#AB9E4B），在閉合曲線的內部單擊鼠標填充顏色，效果如圖2-32所示。選擇“選擇”工具，雙擊邊線將其選中，按Delete鍵將其刪除，效果如圖2-33所示。

（9）用上述的方法繪制出圖2-34所示的效果。青蛙卡片繪制完成，按Ctrl+Enter組合鍵即可查看效果，如圖2-35所示。

2.1.2 線條工具

選擇“線條”工具，在舞臺上單擊鼠標，按住鼠標不放并向右拖曳到需要的位置，繪制出一條直線，松開鼠標，直線效果如圖2-36所示。可以在直線工具“屬性”面板中設置不同的線條顏色、線條粗細、線條類型，如圖2-37所示。

設置不同的線條屬性后，繪制的線條如圖2-38所示。

2.1.3 鉛筆工具

選擇“鉛筆”工具，在舞臺上按住鼠標不放，并隨意拖曳鼠標繪制出線條，松開鼠標，線條效果如圖2-39所示。如果想要繪制出平滑或伸直的線條和形狀，可以在工具箱下方的選項區域中為鉛筆工具選擇一種繪畫模式，如圖2-40所示。

“伸直”選項：可以繪制直線，并將接近三角形、橢圓、圓形、矩形和正方形的形狀轉換為這些常見的幾何形狀。

“平滑”選項：可以繪制平滑曲線。

“墨水”選項：可以繪制不用修改的手繪線條。

可以在鉛筆工具“屬性”面板中設置不同的線條顏色、線條粗細、線條類型，如圖2-41所示。設置不同的線條屬性后，繪制的圖形如圖2-42所示。

單擊“屬性”面板樣式選項右側的“編輯筆觸樣式”按鈕，彈出“筆觸樣式”對話框，如圖2-43所示，在該對話框中可以自定義筆觸樣式。

“4倍縮放”選項：可以放大4倍預覽設置不同選項后所產生的效果。

“粗細”選項：可以設置線條的粗細。

“銳化轉角”選項：勾選此選項可以使線條的轉折效果變得明顯。

“類型”選項：可以在下拉列表中選擇線條的類型。

2.1.4 橢圓工具

選擇“橢圓”工具，在舞臺上按住鼠標不放，向需要的位置拖曳鼠標，繪制出橢圓圖形，松開鼠標，圖形效果如圖2-44所示。按住Shift鍵的同時繪制圖形，可以繪制出圓形，效果如圖2-45所示。

可以在橢圓工具的“屬性”面板中設置不同的邊框顏色、邊框粗細、邊框線型和填充顏色，如圖2-46所示。設置不同的邊框屬性和填充顏色后，繪制的圖形如圖2-47所示。

2.1.5 基本橢圓工具

“基本橢圓”工具的使用方法和功能與“橢圓”工具相同，唯一的區別在于，“橢圓”工具必須要先設置橢圓屬性，然后繪制，繪制好之后不可以更改橢圓屬性；而“基本橢圓”工具繪制前設置屬性和繪制后設置屬性都是可以的。

2.1.6 刷子工具

選擇“刷子”工具，在舞臺上按住鼠標不放，隨意繪制出筆觸，松開鼠標，圖形效果如圖2-48所示。可以在刷子工具的“屬性”面板中設置不同的筆觸顏色和平滑度，如圖2-49所示。

在工具箱的下方應用“刷子大小”選項、“刷子形狀”選項，可以設置刷子的大小與形狀。設置不同的刷子形狀后，繪制的筆觸效果如圖2-50所示。

系統在工具箱的下方提供了5種刷子的模式供讀者選擇，如圖2-51所示。

“標準繪畫”模式：會在同一層的線條和填充上以覆蓋的方式涂色。

“顏料填充”模式：對填充區域和空白區域涂色，其他部分（如邊框線）不受影響。

“后面繪畫”模式：在舞臺上同一層的空白區域涂色，但不影響原有的線條和填充。

“顏料選擇”模式：在選定的區域內涂色，未被選中的區域不能涂色。

“內部繪畫”模式：在內部填充上繪圖，但不影響線條。如果在空白區域中開始涂色，則該填充不會影響任何現有填充區域。

應用不同模式繪制出的效果如圖2-52所示。

“鎖定填充”按鈕：先為刷子選擇放射性漸變色彩，當沒有選擇此按鈕時，用刷子繪制線條，每個線條都有自己完整的漸變過程，線條與線條之間不會影響，如圖2-53所示。當選擇此按鈕時，顏色的漸變過程形成一個固定的區域，在這個區域內，刷子繪制到的地方，就會顯示出相應的色彩，如圖2-54所示。

在使用刷子工具涂色時，可以使用導入的位圖作為填充。

導入圖片，效果如圖2-55所示。選擇“窗口 > 顏色”命令，彈出“顏色”面板，將“顏色類型”設置為“位圖填充”，用剛才導入的位圖作為填充圖案，如圖2-56所示。選擇“刷子”工具，在窗口中隨意繪制一些筆觸，效果如圖2-57所示。