第2章矢量圖形繪制

第二章矢量圖形繪制北京服裝學(xué)院計(jì)算機(jī)信息中心本章內(nèi)容2.1繪制顏色選擇2.1.1 舞臺(tái)顏色2.1.2 筆觸和填充顏色2.2 繪制工具2.2.1 線條工具2.2.2 鉛筆工具2.2.3 刷子工具組（刷子和噴涂刷）2.2.4 矩形（橢圓、多角星形）工具組2.2.5 鋼筆工具組2.2.6 顏料桶和墨水瓶工具2.3.7 Deco工具2.2 繪制模式2.2.1 對(duì)象繪制和合并繪制模式2.3 繪制案例2.3.1 案例2-1繪制魔方2.1.1 案例2-2繪制心形圖形2.1.2 綜合案例2-3繪制夜空2.1繪制顏色選擇2.1.1 舞臺(tái)顏色舞臺(tái)的顏色默認(rèn)為白色，可以根據(jù)需要自定義舞臺(tái)的顏色。單擊屬性面板的中屬性區(qū)域中“舞臺(tái)”后對(duì)應(yīng)的白色色塊，會(huì)彈出顏色選取框。選中相應(yīng)的色塊，會(huì)在頂部顯色。且選中色塊后面以#號(hào)開(kāi)頭的6位十六進(jìn)制代表選中顏色的顏色值。2.1繪制顏色選擇2.1.2 筆觸和填充顏色Flash中的每幅圖形都開(kāi)始于形狀。在Flash中形狀由兩個(gè)部分組成：填充（fill）和筆觸（stroke），前者是形狀內(nèi)部的部分，后者是形狀的輪廓線。修改對(duì)象的筆觸與填充在舞臺(tái)選中一個(gè)圖形對(duì)象后，工具面板的屬性檢查器中的“筆觸顏色”和“填充顏色”控件分別為當(dāng)前對(duì)象的筆觸和填充值。更改現(xiàn)有對(duì)象的涂色屬性可以通過(guò)以下三種方法：（1）單擊“筆觸顏色”或“填充顏色”控件，然后選擇一個(gè)顏色樣本；（2）單擊彈出窗口中的“系統(tǒng)顏色選擇器”按鈕，然后選擇一種顏色。也可以將指針懸停于各個(gè)顏色上，以便預(yù)覽顏色應(yīng)用在形狀上的效果；（3）在框中鍵入顏色的十六進(jìn)制值。2.1繪制顏色選擇2.1.3 顏色面板在Flash中通過(guò)“顏色”面板可以設(shè)置筆觸、填充的顏色和類型、以及顏色的透明度alpha值等。單擊“窗口“菜單下的”顏色”命令，可以打開(kāi)“顏色”面板。在圖2-5的屬性面板中A代表alpha值，其值的范圍為0~100%之間，如果Alpha值為0%，則創(chuàng)建的填充不可見(jiàn)（即透明）；如果Alpha值為100%，則創(chuàng)建的填充不透明。通過(guò)它可以設(shè)置實(shí)心填充的不透明度，或者設(shè)置漸變填充的當(dāng)前所選滑塊的不透明度。不論是筆觸還是填充，都有不同無(wú)色、純色、線性漸變、徑向漸變、位圖填充這幾類顏色類型

2.2 繪制工具2.2.1 線條工具“線條工具”可以繪制不同角度的矢量線，在“工具面板”中選擇線條工具后，屬性面板中將會(huì)切換為“線條”相關(guān)屬性，可以設(shè)置線條的位置、筆觸的顏色、筆觸的粗細(xì)、選擇虛線、實(shí)線等參數(shù)。

“筆觸：”兩個(gè)字后面的滑鈕可以調(diào)整線條的粗細(xì)，也可以直接在數(shù)字框中輸入線寬。在線條樣式選擇了“實(shí)線”或“極細(xì)線”后，還可以進(jìn)一步設(shè)置縮放、端點(diǎn)、接合三個(gè)選項(xiàng)。端點(diǎn)：用于設(shè)置線條端點(diǎn)樣式，有圓角，方型，無(wú)三種。2.2 繪制工具2.2.2 鉛筆工具

鉛筆工具，繪畫的方式與使用真實(shí)鉛筆大致相同，鉛筆工具的繪制隨意性比較大，屬于任意繪制工具。在“工具面板”中選擇鉛筆工具后，在工具面板最下方會(huì)顯示出“鉛筆模式”，單擊按鈕，會(huì)出現(xiàn)三種鉛筆繪圖模式，分別為伸直、平滑、水墨

2.2 繪制工具2.2.2 鉛筆工具

三種繪制模式：（1）要繪制直線，并且將接近三角形、橢圓、圓形、矩形和正方形的形狀轉(zhuǎn)換為常見(jiàn)的幾何形狀則選擇"伸直"模式；（2）若要繪制的曲線光滑，消除線條的棱角，則選擇“平滑”模式；（3）若要繪制不用修改的手畫線條，即最接近原始徒手繪制效果，則選擇“墨水”模式。2.2 繪制工具2.2.3 刷子工具組（刷子和噴涂刷）刷子工具可繪制類似于刷子的筆觸。利用刷子工具可以創(chuàng)建特殊效果，例如書法效果等。刷子工具組下，有刷子工具和噴涂刷工具兩種，首先介紹刷子工具，單擊選擇刷子工具后，便可在屬性面板對(duì)刷子的填充色、平滑等進(jìn)行設(shè)置.2.2 繪制工具2.2.3 刷子工具組（刷子和噴涂刷）在“工具面板”中選擇刷子工具后，在工具面板最下方會(huì)相應(yīng)的顯示出“刷子工具”的大小和形狀設(shè)置，以及刷子工具的模式。1.刷子大小和形狀選擇刷子工具后，在工具面板最下方的選項(xiàng)區(qū)域可以修改刷子的大小和形狀，如圖2-12所示，需要注意的是：即便是更改舞臺(tái)的縮放比率級(jí)別，刷子大小也會(huì)保持不變。因此對(duì)于同樣大小的刷子，舞臺(tái)縮放比率越低，刷子會(huì)顯得越大。

2.2 繪制工具2.2.3 刷子工具組（刷子和噴涂刷）2.刷子工具的5種模式

:（1）標(biāo)準(zhǔn)繪畫模式：可對(duì)同一層的線條和填充涂色，繪制的圖形會(huì)覆蓋原圖的線條和填充色。（2）顏料填充：該模式下，繪制的圖形只覆蓋原有的填充色，不覆蓋原圖線條。（3）后面繪畫：在舞臺(tái)上同一層的空白區(qū)域涂色，不影響原圖的線條和填充。也就是繪制的圖形從原圖穿過(guò)，不能在原圖上繪制。（4）顏料選擇：在“填充顏色”控件或“屬性”檢查器的“填充”框中選擇填充時(shí)，新的填充將應(yīng)用到選區(qū)中，就像選中填充區(qū)域然后應(yīng)用新填充一樣。（5）內(nèi)部繪畫：對(duì)開(kāi)始刷子筆觸時(shí)所在的填充進(jìn)行涂色，但不對(duì)線條涂色。如果在空白區(qū)域中開(kāi)始涂色，則填充不會(huì)影響任何現(xiàn)有填充區(qū)域。。

2.2 繪制工具2.2.3 刷子工具組（刷子和噴涂刷）2.刷子工具的5種模式

:（1）標(biāo)準(zhǔn)繪畫模式：可對(duì)同一層的線條和填充涂色，繪制的圖形會(huì)覆蓋原圖的線條和填充色。（2）顏料填充：該模式下，繪制的圖形只覆蓋原有的填充色，不覆蓋原圖線條。（3）后面繪畫：在舞臺(tái)上同一層的空白區(qū)域涂色，不影響原圖的線條和填充。也就是繪制的圖形從原圖穿過(guò)，不能在原圖上繪制。（4）顏料選擇：在“填充顏色”控件或“屬性”檢查器的“填充”框中選擇填充時(shí)，新的填充將應(yīng)用到選區(qū)中，就像選中填充區(qū)域然后應(yīng)用新填充一樣。（5）內(nèi)部繪畫：對(duì)開(kāi)始刷子筆觸時(shí)所在的填充進(jìn)行涂色，但不對(duì)線條涂色。如果在空白區(qū)域中開(kāi)始涂色，則填充不會(huì)影響任何現(xiàn)有填充區(qū)域。。

2.2 繪制工具2.2.3 刷子工具組（刷子和噴涂刷）3.噴涂刷工具噴涂刷的作用類似于粒子噴射器，使用它可以一次將形狀圖案“刷”到舞臺(tái)上。默認(rèn)情況下，噴涂刷使用當(dāng)前選定的填充顏色噴射粒子點(diǎn)。也可以使用噴涂刷工具將影片剪輯或圖形元件作為圖案噴射。

2.2 繪制工具2.2.3 刷子工具組（刷子和噴涂刷）3.噴涂刷工具噴涂刷的屬性有：（1）縮放：指用作噴涂粒子的元件。例如，如果值為20%，將使元件縮小20%；如果值為150%，將使元件增大150%。（2）隨機(jī)縮放：當(dāng)勾選時(shí)，指定按隨機(jī)縮放比例將每個(gè)基于元件的噴涂粒子放置在舞臺(tái)上，并改變每個(gè)粒子的大小。（3）畫筆屬性，寬度、高度以及畫筆角度，是指噴涂粒子時(shí)一次噴涂畫筆的高度和寬度和噴射角度。2.2 繪制工具2.2.4 矩形（橢圓、多角星形）工具組在Flash的矩形工具組下，除了包含矩形工具外還包括橢圓工具、多角星形工具。

2.2 繪制工具2.2.4 矩形（橢圓、多角星形）工具組1.矩形工具單擊并按下矩形工具組，并選擇矩形工具，則相應(yīng)的屬性面板將出現(xiàn)矩形的填充和筆觸以及矩形選項(xiàng)通過(guò)屬性面板下的“矩形選項(xiàng)”功能鍵并輸入一個(gè)角半徑值就可以指定圓角。用于指定矩形的角半徑。如果值為零(0)，則創(chuàng)建的是直角。如果輸入負(fù)值，則創(chuàng)建的是反半徑。若要對(duì)每個(gè)角指定不同的角半徑，請(qǐng)取消選擇屬性檢查器的“矩形選項(xiàng)”區(qū)域中的“限制”圖標(biāo)，使其處于非鎖定狀態(tài)。鎖定時(shí)，半徑控件將受限制，因此每個(gè)角將使用相同的半徑。2.2 繪制工具2.2.4 矩形（橢圓、多角星形）工具組1.矩形工具選擇矩形工具，將筆觸大小設(shè)置為3，筆觸顏色為黑色，填充選擇綠色。分別將矩形選項(xiàng)中四個(gè)導(dǎo)角的半徑使用默認(rèn)0值；矩形選項(xiàng)中四個(gè)導(dǎo)角的半徑使用10；矩形選項(xiàng)中四個(gè)導(dǎo)角的半徑使用-10?？傻玫饺齻€(gè)不同圖形，如圖2-19所示。2.2 繪制工具2.2.4 矩形（橢圓、多角星形）工具組2.橢圓工具橢圓工具可以繪制橢圓形、圓形，以及扇形、環(huán)形等多種圖形。橢圓選項(xiàng)設(shè)置：（1）起始角度/結(jié)束角度：橢圓的起始點(diǎn)角度和結(jié)束點(diǎn)角度。使用這兩個(gè)控件可以輕松地將橢圓和圓形的形狀修改為扇形、半圓形及其他有創(chuàng)意的形狀。（2）內(nèi)徑：橢圓的內(nèi)徑（即內(nèi)側(cè)橢圓）。您可以在框中輸入內(nèi)徑的數(shù)值，或單擊滑塊相應(yīng)地調(diào)整內(nèi)徑的大小。2.2 繪制工具2.2.4 矩形（橢圓、多角星形）工具組2.橢圓工具選擇橢圓工具，將筆觸大小設(shè)置為3，筆觸顏色為黑色，填充選擇綠色。分別將橢圓選項(xiàng)中使用開(kāi)始角度和結(jié)束角度，以及內(nèi)徑均為0；橢圓選項(xiàng)中使用開(kāi)始角度為45、結(jié)束角度為0，內(nèi)徑為0；橢圓選項(xiàng)中使用開(kāi)始角度為0、結(jié)束角度為0，內(nèi)徑為30；依次在舞臺(tái)中使用（1）、（2）（3）三個(gè)設(shè)置，將鼠標(biāo)移至舞臺(tái)，按住左鍵并拖拽并同時(shí)按下Shift鍵，進(jìn)行繪制，可得到三個(gè)不同圖形，如圖2-21所示。

2.2 繪制工具2.2.4 矩形（橢圓、多角星形）工具組3基本矩形工具與基本橢圓工具

基本矩形的繪制與屬性設(shè)置與繪制方法與矩形類似，所不同的是，基本矩形工具可以使用屬性檢查器中的控件進(jìn)一步修改形狀或指定填充和筆觸顏色以及倒角半徑，而矩形工具則必須在繪制前預(yù)先設(shè)定，不能繪制后實(shí)時(shí)修改。基本橢圓工具與橢圓工具的區(qū)別也是前者可以使用屬性檢查器的屬性進(jìn)行實(shí)時(shí)修改，而橢圓工具則不行。

2.2 繪制工具2.2.4 矩形（橢圓、多角星形）工具組4多角星形工具在Flash中，多角星形工具可以用來(lái)繪制多邊形和星形。單擊并按下矩形工具組，選擇單擊多角星形工具，則相應(yīng)的屬性面板將出現(xiàn)多角星形的填充和筆觸以及工具設(shè)置選項(xiàng)，可以對(duì)筆觸填充和繪制圖形類型進(jìn)行設(shè)置

單擊屬性面板下的工具設(shè)置中的“選項(xiàng)”按鈕，會(huì)彈出多角星形的工具設(shè)置窗口，如圖2-23所示。在該窗口中可以選擇繪制多邊形還是星形。2.2 繪制工具2.2.4 矩形（橢圓、多角星形）工具組4多角星形工具樣式”：為繪制圖形為“多邊形”或“星形”?！斑厰?shù)”，多邊形的邊數(shù)或者星形的角數(shù)，是一個(gè)介于3到32之間的數(shù)字，多于32邊后，繪制的均為圓形?！靶切雾旤c(diǎn)大小”，是一個(gè)介于0到1之間的數(shù)字以指定星形頂點(diǎn)的深度。2.2 繪制工具2.2.4 矩形（橢圓、多角星形）工具組4多角星形工具選擇多角星形工具，將筆觸大小設(shè)置為1，筆觸顏色為黑色，填充選擇綠色。分別按如下設(shè)置進(jìn)行繪制圖形：?jiǎn)螕艄ぞ咴O(shè)置下的選項(xiàng)，選擇樣式：”多邊形“，邊數(shù)：6；單擊工具設(shè)置下的選項(xiàng)，選擇樣式：”星形“，邊數(shù)：5；單擊工具設(shè)置下的選項(xiàng)，選擇樣式：”星形“，邊數(shù)：32；依次使用（1）、（2）（3）三個(gè)設(shè)置，分別在舞臺(tái)上進(jìn)行繪制，得到如圖2-24所示圖形。

2.2 繪制工具2.2.5 鋼筆工具組在Flash中，鋼筆工具可以繪制精確的直線或曲線或圖形輪廓。單擊按下工具面板中的鋼筆工具，會(huì)出現(xiàn)如圖所示的鋼筆工具組菜單。2.2 繪制工具2.2.5 鋼筆工具組（1）添加錨點(diǎn)工具：向現(xiàn)有路徑增加錨點(diǎn)。（2）刪除錨點(diǎn)工具：向現(xiàn)有路徑刪除錨點(diǎn)。（3）轉(zhuǎn)換錨點(diǎn)工具：將不帶方向線的轉(zhuǎn)角點(diǎn)轉(zhuǎn)換為帶有獨(dú)立方向線的轉(zhuǎn)角點(diǎn)。當(dāng)選擇該工具，單擊錨點(diǎn)可將穿過(guò)錨點(diǎn)的彎曲路徑恢復(fù)為直線段，也可按住錨點(diǎn)將拉出貝塞爾手柄，改變曲線形狀。2.2 繪制工具2.2.6 顏料桶和墨水瓶工具Flash中顏料桶是修改對(duì)象填充效果的，而墨水瓶則是修改對(duì)象圖形的筆觸效果的單擊并按住工具中的顏料桶按鈕，彈出顏料桶工具組。2.2 繪制工具2.2.6 顏料桶和墨水瓶工具1．顏料桶Flash中顏料桶是修改對(duì)象填充效果的，而墨水瓶則是修改對(duì)象圖形的筆觸效果的顏料桶不僅可以對(duì)閉合區(qū)域進(jìn)行填充和修改，也可以使用顏料桶工具填充不完全閉合的區(qū)域。需要對(duì)閉合選項(xiàng)進(jìn)行選擇，選擇顏料桶后，工具面板最下方，對(duì)應(yīng)出現(xiàn)顏料桶的設(shè)置，單擊后，如圖2-28所示，可以根據(jù)不完全閉合區(qū)域的空隙大小大別選擇。2.2 繪制工具2.2.6 顏料桶和墨水瓶工具2．墨水瓶工具使用墨水瓶工具可以修改圖形的邊框(筆觸)，或?yàn)樘畛鋮^(qū)域添加筆觸。如果為元件或組合對(duì)象添加筆觸,應(yīng)先將它們打散;如果要為位圖添加筆觸,應(yīng)先將其轉(zhuǎn)換為矢量圖。通過(guò)墨水瓶工具的屬性面板可以修改圖形的筆觸顏色,粗細(xì)和樣式等屬性。

2.2 繪制工具2.2.7 Deco工具Deco工具是Flash中一種類似“噴涂刷”的填充工具，利用Deco工具可以快速完成大量相同元素的繪制。13種繪制效果，包括：藤蔓式填充、網(wǎng)格填充、對(duì)稱刷子、3D刷子、建筑物刷子、裝飾性刷子、火焰動(dòng)畫、火焰刷子、花刷子、閃電刷子、粒子系統(tǒng)、煙動(dòng)畫和樹(shù)刷子。2.2 繪制工具2.2.7 Deco工具不同繪制效果的作用藤蔓式填充：利用藤蔓式填充效果，可以用藤蔓式圖案填充舞臺(tái)、元件或封閉區(qū)域；網(wǎng)格填充:可把基本圖形元素復(fù)制并有序地排列到舞臺(tái)上，產(chǎn)生類似壁紙的效果；對(duì)稱刷子:可以圍繞中心點(diǎn)對(duì)稱排列元件；3D刷子:可以在舞臺(tái)上對(duì)某個(gè)元件的多個(gè)實(shí)例涂色，使其具有3D透視效果；建筑物刷子:可以在舞臺(tái)上繪制不同外觀建筑物；裝飾性刷子：可以繪制各類裝飾線，例如點(diǎn)線、波浪線及其它線條；火焰動(dòng)畫：可以創(chuàng)建程序化的逐幀火焰動(dòng)畫；火焰刷子：可以在時(shí)間軸的當(dāng)前幀中的舞臺(tái)上繪制火焰；花刷子：幀中繪制預(yù)設(shè)好的花，如玫瑰等；閃電刷子：可創(chuàng)建閃電效果；粒子系統(tǒng)：可以創(chuàng)建火、煙、水、氣泡及其它效果的粒子動(dòng)畫；煙動(dòng)畫效果：可以創(chuàng)建程序化的逐幀煙動(dòng)畫；樹(shù)刷子：可快速創(chuàng)建樹(shù)狀插圖。2.2 繪制工具2.2.7 Deco工具不同繪制效果的作用2.2 繪制工具2.2.7 Deco工具2使用方法(1)藤蔓式填充案例打開(kāi)素材“藤蔓填充.fla”。將舞臺(tái)顏色修改為淺黃色，然后選擇Deco工具,然后從“屬性”面板中的下拉菜單中選擇“藤蔓式填充”效果如圖2-29所示?？梢詥螕艋ê腿~子對(duì)應(yīng)的色塊，為葉子和花選擇一種顏色,這里使用默認(rèn)顏色，單擊舞臺(tái)任意位置，將會(huì)按選定好的藤蔓填充直至延伸到舞臺(tái)邊界

.還可以利用自定義元件交換庫(kù)中默認(rèn)形狀

2.2 繪制工具2.2.7 Deco工具2使用方法(2)對(duì)稱刷子案例新建一個(gè)文件，然后選擇Deco工具,從“屬性”面板的彈出菜單中選擇“對(duì)稱刷子”效果。在高級(jí)選項(xiàng)中，單擊下拉鈕會(huì)彈出相應(yīng)列表，選擇“旋轉(zhuǎn)”，舞臺(tái)中將顯示一組特定角度的手柄，如所示?？梢允褂眠@些手柄為對(duì)稱增加形狀或旋轉(zhuǎn)整個(gè)組。

2.2 繪制工具2.2.7 Deco工具2使用方法(3)樹(shù)刷子案例選擇Deco工具,然后從“屬性”面板中的下拉菜單中選擇“樹(shù)刷子”效果，然后單擊高級(jí)選項(xiàng)中的下拉按鈕，選擇白楊樹(shù)

2.2 繪制工具2.2.7 Deco工具2使用方法(3)樹(shù)刷子案例選擇Deco工具,然后從“屬性”面板中的下拉菜單中選擇“樹(shù)刷子”效果，然后單擊高級(jí)選項(xiàng)中的下拉按鈕，選擇白楊樹(shù)

2.2 繪制工具2.2.7 Deco工具2使用方法(3)其他效果2.2 繪制工具2.2.8 滴管工具滴管工具為采樣工具，它除采線條和填充顏色樣外，還能采填充的位圖樣，以及吸取文字的屬性（字體、字號(hào)、字型、顏色等）應(yīng)用于其他文字。不管是對(duì)顏色還是線條以及位圖文字采樣，滴管的使用方法都是一樣的。以修改填充色為例，用選擇工具選擇需修改填充等的目標(biāo)物體，單擊工具面板中的滴管工具，將鼠標(biāo)移至采樣物體填充區(qū)域單擊，第一個(gè)對(duì)象的填充就與第二個(gè)對(duì)象的相同了。

2.2

繪制模式2.3.1對(duì)象繪制和合并繪制模式Flash的繪制模式有2種，這2種模式?jīng)Q定了舞臺(tái)上的對(duì)象彼此之間的交互，和