圖形的繪制與編輯

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

【案例目的】繪制一個氣球?！局R要點(diǎn)】橢圓工具、漸變色填充?！景咐Ч啃Ч鐖D所示。2.3案例:氣球——規(guī)則封閉圖形與顏色的編輯演示案例：氣球2.3.1矩形工具

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

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

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

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

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

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