1、第2章 經(jīng)典實(shí)例：繪制樹林間的小松鼠,2.1 要點(diǎn)分析 2.2 繪制樹木和松鼠 2.2.1 使用線條工具繪制樹干 2.2.2 使用鉛筆工具繪制枝葉 2.2.3 給枝葉填充顏色 2.2.4 使用鋼筆工具繪制小松鼠 2.2.5 組合樹木成林 2.2.6 設(shè)置樹林背景 2.2.7 給樹林添加草和花 2.2.8 讓松鼠在樹林中活動(dòng), 2.2 繪制樹木和松鼠,工具箱中的繪圖工具包括繪制線條的線條工具、鉛筆工具、鋼筆工具，繪制圖形的橢圓工具和矩形工具等，使用這些工具可以很方便地繪制出栩栩如生的矢量圖形。,本節(jié)將以繪制樹身為例，介紹線條工具的使用方法，具體操作步驟如下。 步驟1 在Flash窗口中選擇“文件

2、”|“新建”命令，打開“新建文檔”對(duì)話框，然后在“常規(guī)”選項(xiàng)卡下的“類型”列表框中選擇文件類型，接著設(shè)置高、寬、幀頻、背景顏色等參數(shù)，再單擊“確定”按鈕，如圖2-1所示。 步驟2 這時(shí)將新建一個(gè)FLA文件，按Ctrl+S組合鍵進(jìn)行保存，然后在工具箱中單擊“線條工具”圖標(biāo) ，如圖2-2所示。, 2.2.1 使用線條工具繪制樹干,圖2-1 “新建文檔”對(duì)話框,圖2-2 單擊“線條工具”圖標(biāo), 2.1 要點(diǎn)分析,步驟3 在“屬性”面板中單擊“筆觸顏色”，從彈出的列表中選擇要使用的顏色，如圖2-3所示。 步驟4 在“屬性”面板中設(shè)置筆觸高度為20，在“樣式”下拉列表中選擇“實(shí)線”選項(xiàng)，如圖2-4所示。

3、,圖2-3 設(shè)置筆觸顏色,圖2-4 設(shè)置筆觸高度和樣式,步驟5 繼續(xù)在“屬性”面板中設(shè)置“縮放”為“一般”，“端點(diǎn)”為“無”，“接合”為“尖角”，如圖2-5所示。 步驟6 將鼠標(biāo)指針移到舞臺(tái)中，當(dāng)指針變?yōu)槭中螤顣r(shí)，在舞臺(tái)中按住鼠標(biāo)左鍵不放并垂直拖動(dòng)，如圖2-6所示，拖動(dòng)到需要的位置后釋放鼠標(biāo)左鍵。 步驟7 這時(shí)即可在舞臺(tái)中看到繪制的樹干了，如圖2-7所示。將鼠標(biāo)指針移到第一條直線頂端中間位置，按住鼠標(biāo)左鍵向右下方拖動(dòng)，繪制與第一直線相疊的直線。 步驟8 使用類似方法在第一條直線左側(cè)繪制第三條直線，如圖2-8所示。最終使三條直線相疊在一起，形成上細(xì)下粗的樹身形狀，如圖2-9所示。,圖2-6 繪

4、制第一條直線,圖2-7 繪制第二條直線,圖2-5 設(shè)置縮放、站點(diǎn)和接合等參數(shù),圖2-8 繪制第三條直線,圖2-9 三條直線的最終效果,接下來使用鉛筆工具繪制樹的枝葉輪廓，具體操作步驟如下。 步驟1 在工具箱中單擊“鉛筆工具”圖標(biāo)，如圖2-10所示。 步驟2 在“屬性”面板中設(shè)置筆觸高度為10，其余各項(xiàng)參數(shù)保持不變，如圖2-11所示。, 2.2.2 使用鉛筆工具繪制枝葉,步驟3 在舞臺(tái)中繪制樹的枝干，如圖2-12所示。,圖2-11 設(shè)置筆觸大小,圖2-10 單擊“鉛筆工具”圖標(biāo),圖2-12 繪制樹的枝干,步驟4 在“時(shí)間軸”面板中單擊“新建圖層”圖標(biāo)，新建圖層2，如圖2-13所示。 步驟5 在“

5、屬性”面板中單擊“筆觸顏色”方塊，從彈出的調(diào)色板中單擊“綠色”圖標(biāo)(#66FF99)，如圖2-14所示。 步驟6 接著在舞臺(tái)中繪制松樹的“葉”，如圖2-15所示。,圖2-14 設(shè)置筆觸顏色,圖2-15 繪制松樹“葉”,圖2-13 單擊“新建圖層”圖標(biāo),松樹的葉子一年四季都是常青的，因此可以使用顏料桶工具進(jìn)行填充，具體操作步驟如下。 步驟1 在工具箱中單擊“顏料桶工具”圖標(biāo)，如圖2-16所示。 步驟2 在菜單欄中選擇“窗口”|“顏色”命令，如圖2-17所示。 步驟3 彈出“顏色”面板，設(shè)置填充顏色類型為“徑向漸變”，并設(shè)置填充的綠色由淺至深漸變，如圖2-18所示。, 2.2.3 給枝葉填充顏色,

6、圖2-16 單擊“顏料桶工具”圖標(biāo),圖2-17 選擇“顏色”命令,圖2-18 “顏色”面版,圖2-19 填充樹葉,步驟4 在舞臺(tái)中單擊樹葉，填充效果如圖2-19所示。,下面使用鋼筆工具繪制簡易松鼠輪廓，然后使用選擇工具調(diào)整線條，具體操作步驟如下。 步驟1 在“時(shí)間軸”面板中單擊“鎖定或解除鎖定所有圖層”圖標(biāo)，鎖定圖層1和圖層2，如圖2-20所示。 步驟2 在“時(shí)間軸”面板中單擊“顯示或隱藏所有圖層”圖標(biāo)，隱藏圖層1和圖層2中的內(nèi)容，如圖2-21所示。, 2.2.4 使用鋼筆工具繪制小松鼠,步驟3 在“時(shí)間軸”面板中單擊圖層2，然后在菜單欄中選擇“插入”|“時(shí)間軸”|“圖層”命令，在圖層2上方新

7、建圖層3，如圖2-22所示。 步驟4 在工具箱中單擊“鋼筆工具”圖標(biāo)，如圖2-23所示。 步驟5 在“屬性”面板中設(shè)置筆觸顏色為“黑色”，填充顏色為“無”，筆觸大小為1，如圖2-24所示。,圖2-20 鎖定圖層1和圖層2,圖2-21 隱藏圖層1和圖層2中的內(nèi)容,步驟6 使用鋼筆工具在舞臺(tái)中繪制松鼠輪廓，如圖2-25所示。,圖2-22 選擇“圖層”命令,圖2-23 單擊“鋼筆工具”圖標(biāo),圖2-24 設(shè)置鋼筆工具參數(shù),圖2-25 使用鋼筆工具繪制松鼠輪廓,步驟7 在工具箱中單擊“選擇工具”圖標(biāo)，然后將鼠標(biāo)光標(biāo)移到繪制的輪廓線附近，按住鼠標(biāo)左鍵拖動(dòng)，調(diào)整輪廓，如圖2-26所示。調(diào)整后的效果如圖2-2

8、7所示。,圖2-26 調(diào)整輪廓,圖2-27 調(diào)整輪廓后的效果,步驟8 繼續(xù)使用鋼筆工具和選擇工具，繪制松鼠的其余部分，如圖2-28所示。 步驟9 新建圖層4，然后在工具箱中單擊“橢圓工具”圖標(biāo)，設(shè)置其筆觸顏色為“無”，填充顏色為“黑色”，接著在舞臺(tái)中繪制松鼠的眼睛，如圖2-29所示。,圖2-28 繼續(xù)繪制松鼠,圖2-29 繪制松鼠眼睛,步驟10 按Alt+Shift+F9 組合鍵打開“顏色”面板，設(shè)置填充類型為“線性填充”，“流”為“擴(kuò)張顏色”；接著單擊左側(cè)的顏色模塊，從彈出的面板中選擇“灰色”(#C7C7C7)，再單擊右側(cè)的顏色模塊，從彈出的面板中選擇“棕色”(#996633)，如圖2-30

9、所示。 步驟11 在舞臺(tái)中單擊松鼠，填充顏色，效果如圖2-31所示。,圖2-30 “顏色”面版,圖2-31 給松鼠上色,下面將繪制的松樹組合一體，復(fù)制成林，具體操作步驟如下。 步驟1 隱藏并鎖定圖層3和圖層4，并解除圖層1和圖層2的鎖定，然后使用選擇工具選中舞臺(tái)中的樹木，如圖2-32所示。 步驟2 在菜單欄中選擇“修改”|“組合”命令，如圖2-33所示。 步驟3 右擊選中的圖形，從彈出的快捷菜單中選擇“復(fù)制”命令，如圖2-34所示。, 2.2.5 組合樹木成林,圖2-32 選擇圖形,圖2-33 選擇“組合”命令,步驟5 在工具箱中單擊“任意變形工具”圖標(biāo)，等比例縮放圖形，如圖2-36所示。,步

10、驟4 在舞臺(tái)中按Ctrl+V組合鍵粘貼圖形，如圖2-35所示。,圖2-35 粘貼圖形,圖2-34 選擇“復(fù)制”命令,步驟6 繼續(xù)粘貼圖形，并使用任意變形工具縮放圖形，接著使用選擇工具移動(dòng)圖形位置，形成松樹林，再按Ctrl+S組合鍵保存文件，效果如圖2-37所示。,圖2-36 使用任意變形工具縮放圖形,圖2-37 制作松樹林,在樹林底下一般長滿了小草，因此可以把樹林下面的地面看成是綠色的。下面就來設(shè)置樹林下的地面和后面的藍(lán)色天空背景，具體操作步驟如下。 步驟1 在“時(shí)間軸”面板中右擊圖層2(所有的樹木都在該圖層中)，從彈出的快捷菜單中選擇“屬性”命令，如圖2-38所示。 步驟2 彈出“圖層屬性”

11、對(duì)話框，然后在“名稱”文本框中輸入圖層新名稱，再單擊“確定”按鈕，重命名圖層2，如圖2-39所示。按Alt+A組合鍵選中場(chǎng)景中的所有樹木圖形，將其剪切復(fù)制到“樹木”圖層中。, 2.2.6 設(shè)置樹林背景,步驟3 在“時(shí)間軸”面板中雙擊圖層1，這時(shí)圖層名稱會(huì)處于可編輯狀態(tài)，如圖2-40所示，接著輸入新名稱“草地”，再按Enter鍵確認(rèn)即可。 步驟4 單擊工具箱中的“矩形工具”圖標(biāo)，然后在“屬性”面板中設(shè)置筆觸顏色為“無”，填充顏色為“綠色”(#009900)。接著在舞臺(tái)中繪制矩形，如圖2-41所示。 步驟5 使用選擇工具選中綠色矩形圖像，然后在“屬性”面板中展開“位置和大小”選項(xiàng)卡，設(shè)置矩形寬為“

12、800像素”(與舞臺(tái)同寬)、高為“200像素”、X軸坐標(biāo)為0、Y軸坐標(biāo)為400，效果如圖2-42所示。 步驟6 在“草地”圖層下方新建“背景”圖層，單擊工具箱中的“矩形工具”圖標(biāo)，接著在菜單欄中選擇“窗口”|“顏色”命令，如圖2-43所示。,圖2-38 選擇“屬性”命令,圖2-39 “圖層屬性”對(duì)話框,圖2-40 重命名圖層1,圖2-41 繪制矩形,圖2-42 調(diào)整矩形圖形的大小和位置,圖2-43 選擇“顏色”命令,圖2-44 “顏色”面版,圖2-45 選擇“變形”命令,步驟9 打開“變形”面板，選中“旋轉(zhuǎn)”單選按鈕，設(shè)置旋轉(zhuǎn)角度為90，如圖2-46所示。 步驟10 單擊藍(lán)色漸變矩形，然后在“

13、屬性”面板中調(diào)整圖形的大小和位置，最終效果如圖2-47所示。,步驟7 打開“顏色”面板，設(shè)置“顏色類型”為“線性漸變”，然后單擊左側(cè)的顏色模塊，從彈出的面板中選擇“藍(lán)色”(#0099FF)，接著單擊右側(cè)的顏色模塊，從彈出的面板中選擇“白色”(#FFFFFF)，再在“流”選項(xiàng)中單擊“擴(kuò)展顏色”圖標(biāo)，如圖2-44所示。 步驟8 在舞臺(tái)中繪制矩形圖形，然后在菜單欄中選擇“窗口”|“變形”命令，如圖2-45所示。,圖2-46 旋轉(zhuǎn)矩形圖形,圖2-47 調(diào)整藍(lán)色漸變矩形的大小和位置,前面我們只是制作了綠色的樹林地面，這使得樹下的地面看起來非常單調(diào)?，F(xiàn)在我們給地面添加一些草和花，具體操作步驟如下。 步驟1

14、 在“樹林”圖層上方新建“草”圖層，然后單擊工具箱中的“鋼筆工具”圖標(biāo)，接著在“屬性”面板中設(shè)置筆觸顏色為“綠色”(#339900)，筆觸高度為1，再在舞臺(tái)中繪制如圖2-48所示的封閉三角形。 步驟2 使用選擇工具調(diào)整三角形的邊緣形狀，效果如圖2-49所示。 步驟3 在工具箱中單擊“顏料桶工具”圖標(biāo)，然后按Alt+Shift+F9組合鍵打開“顏色”面板，在此設(shè)置由“綠色”到“淺綠色”的線性漸變，如圖2-50所示。 步驟4 在舞臺(tái)中三角形的內(nèi)部靠近頂端單擊并向下拖動(dòng)指針，填充圖形，這會(huì)使得圖形上端顏色為淺綠色，下端顏色為綠色，效果如圖2-51所示。, 2.2.7 給樹林添加草和花,圖2-48 繪

15、制三角形,圖2-49 調(diào)整三角形的邊緣形狀,圖2-50 設(shè)置由綠色到淺綠色的線性漸變,圖2-51 填充圖形,步驟5 選中圖形及邊緣線條，按Ctrl+G組合鍵組合圖形，然后將其復(fù)制粘貼5次，并使用任意變形工具將其分別變形，組成如圖2-52所示的形狀。選中圖形，按Ctrl+G組合鍵組合圖形。 步驟6 在“時(shí)間軸”面板中將“樹林”、“草地”和“背景”等圖層顯示出來并鎖定。 步驟7 在舞臺(tái)中選中繪制的“草”圖形，按住Alt鍵拖動(dòng)鼠標(biāo)，復(fù)制圖形，如圖2-53所示，接著調(diào)整新復(fù)制圖形的大小和位置。,步驟8 使用類似的方法，繼續(xù)在樹林中添加小草，最終效果如圖2-54所示。 步驟9 在“時(shí)間軸”面板中新建“花

16、”圖層，然后在工具箱中單擊“橢圓工具”圖標(biāo)，接著在“屬性”面板中設(shè)置其筆觸顏色為“紅色”(#FF3366)，填充顏色為“無”，筆觸大小為1，再在舞臺(tái)中繪制橢圓，如圖2-55所示。,圖2-52 制作“草”圖形,圖2-53 復(fù)制“草”圖形,圖2-54 繼續(xù)在樹林添加小草,圖2-55 繪制橢圓,步驟10 使用選擇工具調(diào)整橢圓邊緣，最終效果如圖2-56所示。 步驟11 按Alt+Shift+F9組合鍵打開“顏色”面板，在此設(shè)置由“紅色”到“淺紅色”的線性漸變，如圖2-57所示。 步驟12 在舞臺(tái)中單擊圖形填充顏色，效果如圖2-58所示。 步驟13 選中圖形及邊緣線條，按Ctrl+G組合鍵組合圖形，然后

17、將其復(fù)制粘貼5次，并借助“變形”面板按72的倍數(shù)旋轉(zhuǎn)另外4個(gè)圖形，最終形成如圖2-59所示的花朵圖形，按Ctrl+G組合鍵將圖形組合在一起。 步驟14 在“時(shí)間軸”面板中將“樹林”、“草地”、“背景”和“草”等圖層顯示出來并鎖定。 步驟15 在舞臺(tái)中使用任意變形工具調(diào)整花朵圖形，效果如圖2-60所示，再復(fù)制兩次圖形，將其移動(dòng)到其他位置。,圖2-56 調(diào)整橢圓邊緣形狀,圖2-57 設(shè)置線性漸變參數(shù),圖2-58 填充圖形顏色,圖2-59 制作花朵圖形,圖2-60 在樹林中添加花朵圖形,下面讓制作的松鼠在樹林中活動(dòng)，具體操作步驟如下。, 2.2.8 讓松鼠在樹林中活動(dòng),步驟3 在“松鼠”圖層中右擊第

18、100幀，從彈出的快捷菜單中選擇“插入關(guān)鍵幀”命令，如圖2-63所示。 步驟4 這時(shí)會(huì)發(fā)現(xiàn)舞臺(tái)中除了松鼠圖形外，其他圖形都不見了，這就需要在其他圖層第100幀中插入幀。首先按住Shift鍵依次單擊其他圖層的第100幀，選中多幀，如圖2-64所示。 步驟5 右擊選中的多幀，從彈出的快捷菜單中選擇“插入幀”命令，如圖2-65所示。這時(shí)即可在舞臺(tái)中看到所有的內(nèi)容了，如圖2-66所示。,步驟1 將繪制的“松鼠”圖形剪切復(fù)制到圖層3中，然后重命名圖層3為“松鼠”，接著用選擇工具將舞臺(tái)中的松鼠圖形移動(dòng)到舞臺(tái)右下角，如圖2-61所示。 步驟2 在“時(shí)間軸”面板中單擊圖層4，然后在圖層區(qū)域單擊“刪除”圖標(biāo) ，刪除圖層4，如圖2-62所示。,圖2-61 移動(dòng)松鼠圖形,圖2-62 刪除圖層4,圖2-63 選擇“插入關(guān)鍵幀”命令,圖2-64