圖形的繪制與編輯

第2章FlashCC基本操作《FlashCC完全自學(xué)教程》

學(xué)習(xí)目標了解Flash動畫的應(yīng)用領(lǐng)域了解Flash工具欄中工具按鈕的使用方法掌握Flash的繪圖模式熟練使用工具按鈕繪制需要的圖形的方法掌握對其面板、顏色面板的使用方法

重點難點面向?qū)ο缶幊袒A(chǔ)知識各種工具的使用Flash的繪圖模式顏色的設(shè)置【案例目的】要求使用線條等相關(guān)工具繪制草叢?！局R要點】繪制線條、線條變曲線、圖形分割?！景咐Ч啃Ч鐖D2-1-1所示。

2.1案例：草叢——繪制線條與對象選擇圖2-1-1草叢效果演示案例：草叢2.1.1Flash的繪圖模式1.合并繪制模式當(dāng)“對象繪制”按鈕處于未選中狀態(tài)時，表示當(dāng)前的繪圖模式為合并繪制模式。此時，在同一圖層中的各圖形會相互影響。

2.1案例：草叢——繪制線條與對象選擇2.1.2線條工具線條工具是繪制各種直線最常用的工具，它的使用非常廣泛。首先嘗試繪制一條直線。用鼠標單擊“線條工具”，移動鼠標到舞臺上，按住鼠標并拖動，松開鼠標，一條直線就畫好了。

2.1案例：草叢——繪制線條與對象選擇2.1.3鉛筆工具“鉛筆工具”

主要用于繪制線條和圖形，“鉛筆工具”的顏色、粗細、樣式定義和“線條工具”一樣，它的修正選項可以繪制不同風(fēng)格的曲線，也可以用于校正和識別基本的幾何圖形?！般U筆工具”的繪圖模式有三種，單擊“鉛筆模式”按鈕，如圖示。伸直模式：在伸直模式下畫的線條，它可以將分離的直線自動連接，線條變直、歪曲的直線變平滑。平滑模式：把線條轉(zhuǎn)換成接近形狀的平滑曲線，此外一條端點靠近其它線條的線將被相互連接。

墨水模式：不加修飾，完全保持鼠標軌跡的形狀。

2.1案例：草叢——繪制線條與對象選擇2.1.4選擇工具選擇對象移動對象復(fù)制對象曲線調(diào)整改變端點位置

2.1案例：草叢——繪制線條與對象選擇2.2案例：一顆紅心——不規(guī)則圖形的繪制與選擇【案例目的】繪制一顆紅心?！局R要點】鋼筆工具繪制曲線、輔助線的使用。【案例效果】效果如圖2?2-1所示。圖2-2-1紅心效果圖演示案例：一顆紅心2.2.1鋼筆工具

用于繪制精確的路徑，如直線或平滑、流動的曲線?？梢詣?chuàng)建直線或曲線段，然后調(diào)整直線段的角度和長度及曲線段的斜率，畫出相應(yīng)的曲線。

2.2案例：一顆紅心——不規(guī)則圖形的繪制與選擇畫直線或多邊形移動對象畫曲線將曲線點轉(zhuǎn)換為角點添加錨點刪除錨點2.2.2部分選取工具

用于繪制精確的路徑，如直線或平滑、流動的曲線?？梢詣?chuàng)建直線或曲線段，然后調(diào)整直線段的角度和長度及曲線段的斜率，畫出相應(yīng)的曲線。2.2案例：一顆紅心——不規(guī)則圖形的繪制與選擇調(diào)整形狀移動對象調(diào)整節(jié)點曲率刪除節(jié)點2.2.3套索工具

套索工具可以精確選擇對象的任意部分。選擇“套索工具”工具后，鼠標移動到舞臺后直接拖動鼠標即可在填充圖形上選取任意形狀的區(qū)域。

選擇“套索工具”，在工具箱下方會出現(xiàn)如圖所示的選項欄。2.2案例：一顆紅心——不規(guī)則圖形的繪制與選擇

【案例目的】繪制一個氣球?！局R要點】橢圓工具、漸變色填充。【案例效果】效果如圖所示。2.3案例:氣球——規(guī)則封閉圖形與顏色的編輯演示案例：氣球2.3.1矩形工具

“矩形工具”可以繪制矩形、圓角矩形、正方形這些基本圖形?！皥A角矩形”的角度可以這樣設(shè)定：選擇“矩形工具”后，單擊“屬性”面板中的“矩形選項”，可以設(shè)置圓角半徑為10像素（可以輸入0-999之間的數(shù)值），如左圖所示，繪制的矩形如右圖所示。使矩形的邊角呈圓弧狀。如果數(shù)值為零，則創(chuàng)建的是方角。2.3案例:氣球——規(guī)則封閉圖形與顏色的編輯2.3.1矩形工具

FlashCS6的矩形工具包括“矩形工具”、“橢圓工具”、“基本矩形工具”、“基本橢圓工具”、“多角星形工具”。用于繪制矩形、橢圓、圓角矩形、圓環(huán)、扇形、規(guī)則多邊形的圖形。2.3案例:氣球——規(guī)則封閉圖形與顏色的編輯2.3.1矩形工具

1.矩形工具可以繪制矩形、圓角矩形、正方形這些基本圖形。“圓角矩形”的角度可以這樣設(shè)定：選擇“矩形工具”后，單擊“屬性”面板中的“矩形選項”，可以設(shè)置圓角半徑為10像素（可以輸入0-999之間的數(shù)值），如左圖所示，繪制的矩形如右圖所示。使矩形的邊角呈圓弧狀。如果數(shù)值為零，則創(chuàng)建的是方角。2.3案例:氣球——規(guī)則封閉圖形與顏色的編輯2.3.1矩形工具

2.橢圓工具單擊“矩形工具”按鈕后，選擇“橢圓工具”。在舞臺上鼠標左鍵拖動可繪制橢圓。拖動時配合Shift鍵可繪制正圓。選擇“橢圓工具”后，可以通過屬性窗口改變開始角度、結(jié)束角度、內(nèi)徑、閉合等選項，繪制出扇形、弧形、內(nèi)環(huán)等圖形。2.3案例:氣球——規(guī)則封閉圖形與顏色的編輯2.3.1矩形工具

3.基本矩形工具單擊“基本矩形工具”按鈕，繪制出一個矩形后矩形的4個頂點上有4個黑點，使用“選擇工具”來拖動黑點可以改變矩形的形狀。如圖2-2-31所示。用基本矩形繪制的圖形是一個整體，即是一個對象，不能單獨選擇線條和填充。2.3案例:氣球——規(guī)則封閉圖形與顏色的編輯2.3.1矩形工具

4.基本橢圓工具選擇“基本橢圓工具”繪制橢圓后，會發(fā)現(xiàn)橢圓右端和圓心有兩個黑點，如左圖所示。使用“選擇工具”來拖動黑點可以改變橢圓的形狀，如圖右圖所示。2.3案例:氣球——規(guī)則封閉圖形與顏色的編輯2.3.1矩形工具

5.多角星形工具選擇“多角星形工具”，可以繪制對稱多邊形，還可以單擊屬性窗口中的“選項”按鈕，打開工具設(shè)置對話框，如左圖所示。利用該對話框，可以繪制任意多邊形，并改變多邊形凹凸效果，如右圖所示。2.3案例:氣球——規(guī)則封閉圖形與顏色的編輯2.3.2漸變色的填充與調(diào)整

2.3案例:氣球——規(guī)則封閉圖形與顏色的編輯2.3.3 漸變工具與調(diào)整單擊工具箱中“漸變工具”，在“徑向漸變填充”的橢圓上單擊，拖動調(diào)節(jié)框的中心點，當(dāng)鼠標指針變?yōu)槭旨^時，按下鼠標左鍵并拖動，可改變漸變色的填充位置。拖動右側(cè)的方形手柄，可調(diào)整填充色的間距。拖動方形手柄下方的操作手柄，可以調(diào)整顏色漸變的范圍，使其彥中心位置擴大或縮小。拖動位于最下面的旋轉(zhuǎn)手柄可調(diào)整漸變色彩的填充方向。2.3案例:氣球——規(guī)則封閉圖形與顏色的編輯2.3.4 樣式面板選擇“窗口”→“樣式”，可以打開樣式面板，用于設(shè)置筆觸和填充顏色。2.3案例:氣球——規(guī)則封閉圖形與顏色的編輯【案例目的】繪制荷塘景色?！局R要點】漸變色填充、任意變形工具、顏料桶工具?！景咐Ч啃Ч鐖D所示。2.4案例：荷塘景色——對象的變形與填充演示案例：荷塘月色2.4.1 任意變形工具任意變形工具主要用于改變圖形的基本形狀?？梢允箞D形旋轉(zhuǎn)、傾斜、放大縮小、變形等。選中圖形，單擊工具箱中的“任意變形工具”，在圖形周圍會出現(xiàn)控制點，將鼠標指針靠近不同的位置時，鼠標指針會發(fā)生一些變化，此時拖動鼠標從而完成不同的變形。2.4案例：荷塘景色——對象的變形與填充2.4.2 3D旋轉(zhuǎn)工具3D旋轉(zhuǎn)工具只能對影片剪輯元件發(fā)生作用，因此在使用之前，必須先創(chuàng)建相應(yīng)的影片剪輯元件。3D選擇工具可以實現(xiàn)元件x、y、z軸的旋轉(zhuǎn)。2.4案例：荷塘景色——對象的變形與填充2.4.3 3D平移工具單擊工具箱中的“3D旋轉(zhuǎn)工具”，選擇“3D平移工具”，單擊舞臺需要平移的元件，元件上會出現(xiàn)紅色水平和綠色垂直箭頭。將鼠標指針移動到紅色水平箭頭上按下鼠標左鍵拖動，可實現(xiàn)元件的水平移動。將鼠標指針移動到綠色垂直箭頭上按下鼠標左鍵拖動，可實現(xiàn)元件的垂直移動。將鼠標指針移動到黑色實心圓心上按下鼠標左鍵拖動，可實現(xiàn)元件的z周軸方向移動。2.4案例：荷塘景色——對象的變形與填充2.4案例：荷塘景色——對象的變形與填充2.4.4 刷子工具刷子工具包含5個修正選項，它們分別是：對象繪制、鎖定填充、刷子模式、刷子尺寸、刷子形狀。按住刷子模式下的小三角，可以看到里邊有5種選擇。如圖所示。2.4案例：荷塘景色——對象的變形與填充2.4.5 噴涂刷工具噴涂刷工具用來創(chuàng)建一些噴涂的效果，也可以使用庫中已有影片剪輯元件來作為噴槍的圖案。2.4案例：荷塘景色——對象的變形與填充2.4.6 顏料桶工具顏料桶工具主要用于給封閉區(qū)域的圖形填色。選擇線性填充效果時，通過顏料桶工具在封閉圖形內(nèi)拖動的方式實現(xiàn)填充，拖動距離可以設(shè)置顏色過渡的范圍，拖動方向可以設(shè)置顏色過渡的方向，如上圖所示。如果是徑向填充，在封閉圖形內(nèi)顏料桶單擊的位置就是徑向填充的中心點。如下圖所示。2.4案例：荷塘景色——對象的變形與填充2.4.7 滴管工具選擇滴管工具，在舞臺上已經(jīng)存在對象中的填充或筆觸單擊，然后通過“顏料桶工具”或“墨水瓶工具”將它們應(yīng)用在其他對象上。還允許從位圖中取樣，將其填充到其他區(qū)域中。2.4案例：荷塘景色——對象的變形與填充2.4.8 橡皮擦工具橡皮擦工具用于擦除圖形中多余的部分。選擇橡皮擦工具后，工具箱下面會出現(xiàn)“橡皮擦模式”按鈕，單擊后各選項擦除效果如圖所示?！跋鹌げ列螤睢卑粹o可以設(shè)置橡皮頭的大小和形狀。2.4案例：荷塘景色——對象的變形與填充2.4.9Deco工具Deco工具可以快速用指定圖案對指定區(qū)域進行填充，填充式既可以使用默認的圖形作為圖案，也可以使用庫中的任何元件作為圖案。2.5案例：空心字——圖形描邊與對象組合分離【案例目的】繪制空心字?！局R要點】墨水瓶工具、對象分離?！景咐Ч啃Ч鐖D所示?？招淖盅菔景咐嚎招淖?.5案例：空心字——圖形描邊與對象組合分離2.5.1 墨水瓶工具墨水瓶工具可以改變線段的樣式，粗細和顏色，墨水瓶工具可以為矢量圖形添加邊線，但它本身不具備任何的繪畫能力。1.為線段更改顏色和屬性單擊“墨水瓶工具”，在屬性面板中對線段的顏色，粗細和樣式進行設(shè)置，使用“墨水瓶工具”單擊要修改的線段，線段顏色和屬性即被更改。注意：對于“組”、“圖形元件”、“按鈕”、“影片剪輯”首先確認圖形和線段是可編輯狀態(tài)，可以雙擊進入“組“或“元件”，確認線段能被修改，然后使用“墨水瓶工具”進行線段的更改。2.為矢量圖形添加邊線選擇“墨水瓶工具”，在屬性面板中對邊線的顏色、粗細、樣式進行設(shè)置后，確認所要填充的圖形為可編輯狀態(tài)后，使用“墨水瓶工具”單擊矢量圖形，圖形即被添加了邊線。2.5案例：空心字——圖形描邊與對象組合分離2.5.2 組合與分離組合的對象,執(zhí)行“修改”→“組合”命令或<Ctrl+G>分離”可以將己有的整體圖形分離為可以進行編輯的矢量圖形塊。要分離的對象，選擇菜單“修改”→“分離”。下圖自左至右分別是一個矢量圖像未分離、分離一次、兩次的效果。2.6 案例：整齊按鈕——對象的對齊與縮放【案例目的】繪制整齊美觀的按鈕?！局R要點】對象的對其、布局、組合?！景咐Ч啃Ч鐖D所示。演示案例：整齊按鈕2.6案例：空心字——圖形描邊與對象組合分離2.6.1 “對齊”面板當(dāng)舞臺上有多個對象需要對齊或平均分布時，通過鼠標拖動是難以準確實現(xiàn)的，此時可以使用“對齊”面板。單擊“窗口”→“對齊”命令，彈出“對齊”面板，如圖269左圖所示。選中多個對象后可以通過“對齊對象”、“分布對象”、“分布間距”等調(diào)整對象之間的距離、對象分布情況等。2.6案例：空心字——圖形描邊與對象組合分離2.6.2 手型工具與縮放工具（1）選擇“窗口”→“對齊”。（2）使用<Ctrl+K>快捷鍵。2.6案例：空心字——圖形描邊與對象組合分離2.6.2 手型工具與縮放工具手型工具與縮放工具都是輔助工具，它們不直接參與圖形的繪制和修改。但是它們在制作過程中卻起到很關(guān)鍵大的作用。1.選擇手型工具，在舞臺上單擊鼠標左鍵并拖拽可以移動舞臺窗口的位置。2.選擇縮放工具，在舞臺上單擊鼠標，實現(xiàn)舞臺的放大功能。此時，在工具箱下方的選項區(qū)，可以選擇縮小功能。習(xí)題2一、填空題1．FlashCS6中的繪圖模式分為__________繪圖模式和__________繪制模式。2．刷子工具有__________種填充模式，分別是____________________________