中文版Fireworks-CS5基礎(chǔ)與上機(jī)實(shí)訓(xùn)課件-03

計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列《中文版FireworksCS5基礎(chǔ)與上機(jī)實(shí)訓(xùn)》計(jì)算機(jī)基礎(chǔ)與實(shí)訓(xùn)教材系列《中文版FireworksCS5基1第三

章繪制矢量圖形

第三章繪制矢量圖形2學(xué)習(xí)目標(biāo)矢量圖形的基本要素是路徑和點(diǎn)。在繪圖時(shí)，矢量路徑和點(diǎn)由軟件自動(dòng)生成，如果放大矢量圖，也只是將其尺寸進(jìn)行放大，而圖形看上去和原來一模一樣。與之相反，位圖則是由像素矩陣形成圖像，如果將其放大，位圖圖像就會(huì)越來越粗糙，變得模糊不可識(shí)別。Fireworks淡化了矢量圖和位圖之間的區(qū)別，使用“鋼筆”工具既可以編輯矢量路徑也可以繪制可編輯的位圖。本章將詳細(xì)介紹在默認(rèn)的對(duì)象模式下繪制矢量圖形的方法。學(xué)習(xí)目標(biāo)矢量圖形的基本要素是路徑和點(diǎn)。在本章重點(diǎn)

基本矢量圖形的繪制方法不規(guī)則圖形的繪制方法選擇圖形的方法筆觸和填充的設(shè)置修改矢量路徑本章重點(diǎn)基本矢量圖形的繪制方法3.1繪制基本矢量圖形

矢量圖形是用直線或者曲線來描述的，而這些曲線又是由點(diǎn)來構(gòu)成的。因此，矢量工具主要是一些點(diǎn)、線繪制工具。Fireworks提供了多種矢量工具，包括“直線”工具、“鋼筆”工具、“橢圓”工具、“矩形”工具以及“多邊形”工具等。3.1繪制基本矢量圖形矢量圖形是用直線或3.1.1“直線”工具

“直線”工具可以用來繪制不同角度的直線路徑。在工具箱中選擇“直線”工具后，光標(biāo)會(huì)變?yōu)槭中螤?，按住鼠?biāo)左鍵并往任意方向拖動(dòng)，至合適位置釋放鼠標(biāo)鍵，即可繪制一條直線。繪制完畢后，可以在工具箱的“顏色”選項(xiàng)區(qū)域中選擇繪圖的顏色。

3.1.1“直線”工具“直線”工具可以用來3.1.2“矩形”工具如要繪制矩形，可以在工具箱中單擊“矩形”工具按鈕，然后在繪圖窗口中按下鼠標(biāo)左鍵并拖動(dòng)即可。在繪制矩形時(shí)，如果按住Shift鍵，可以繪制出正方形。

3.1.2“矩形”工具如要繪制矩形，可以3.1.3

“橢圓”工具

如要繪制橢圓，可以在工具箱中單擊“橢圓”工具按鈕，然后在繪圖窗口中按下鼠標(biāo)左鍵并拖動(dòng)。在繪制橢圓時(shí)，按住Shift鍵，可以繪制正圓。

3.1.3“橢圓”工具如要繪制橢圓，可3.1.4“多邊形”工具如要繪制多邊形圖形，可以在工具箱中單擊“多邊形”工具按鈕，然后在繪圖窗口中按下鼠標(biāo)左鍵并拖動(dòng)即可。在繪制多邊形時(shí)，可以在“多邊形”工具屬性面板中的“邊”文本框中設(shè)置不同的數(shù)值，來繪制不同邊數(shù)的多邊形。

3.1.4“多邊形”工具如要繪制多邊形圖3.1.5繪制擴(kuò)展圖形

FireworksCS5提供了一組擴(kuò)展矢量圖形繪制工具，使用它們可以繪制更多的幾何圖形。在FireworksCS5中，在工具箱中的“矩形”工具按鈕上按下鼠標(biāo)左鍵不放，即可打開工具組菜單。在工具組菜單中，可以選擇繪制L形、圓角矩形、斜切矩形、斜面矩形、箭頭、螺旋線、連接線形等圖形的工具。

3.1.5繪制擴(kuò)展圖形Fireworks3.2繪制不規(guī)則圖形

在FireworksCS5中可以繪制不規(guī)則圖形，所謂不規(guī)則圖形主要是指通過路徑構(gòu)成的圖形。使用FireworksCS5提供的“鋼筆”工具可以輕松繪制各種樣式的路徑。3.2繪制不規(guī)則圖形在Firework3.2.1認(rèn)識(shí)貝塞爾曲線和路徑在使用工具箱中的“鋼筆”工具繪制圖形對(duì)象時(shí)，無論是曲線或是規(guī)則的基本圖形，它們的輪廓線都被稱為路徑，因此路徑是矢量繪圖中一個(gè)很重要的概念。

貝塞爾曲線路徑

錨點(diǎn)3.2.1認(rèn)識(shí)貝塞爾曲線和路徑在使用工具箱中的“鋼3.2.2使用“鋼筆”工具繪制路徑“鋼筆”工具常用于繪制比較復(fù)雜、精確的曲線。選擇工具箱中的“鋼筆”工具，在繪圖窗口中單擊確定起始節(jié)點(diǎn)，再選擇合適的位置單擊確定第2個(gè)節(jié)點(diǎn)，這時(shí)Fireworks會(huì)在起點(diǎn)和第2個(gè)節(jié)點(diǎn)之間自動(dòng)連接一條直線。如果在創(chuàng)建第2個(gè)節(jié)點(diǎn)時(shí)按下鼠標(biāo)左鍵并拖動(dòng)，會(huì)改變連接兩節(jié)點(diǎn)直線的曲率，使直線變?yōu)榍€。重復(fù)上述步驟，即可創(chuàng)建帶有多個(gè)節(jié)點(diǎn)的連續(xù)曲線。

3.2.2使用“鋼筆”工具繪制路徑“鋼筆”3.3設(shè)置筆觸和填充筆觸和填充是繪制對(duì)象時(shí)最基本的兩個(gè)屬性，筆觸附著在路徑上，而填充則處于路徑內(nèi)部。3.3設(shè)置筆觸和填充筆觸和填充是繪制對(duì)象3.3.1設(shè)置筆觸

設(shè)置的筆觸會(huì)被應(yīng)用到當(dāng)前的操作對(duì)象上去。對(duì)于已有對(duì)象，在被選中的情況下，可以直接在屬性面板上設(shè)置筆觸的屬性，即可產(chǎn)生相應(yīng)的效果。如果繪制一個(gè)新對(duì)象，其路徑上的筆觸效果會(huì)沿用上次對(duì)象的屬性。也可以在開始繪圖前，取消選擇所有對(duì)象，然后將筆觸設(shè)置為“無”，這時(shí)將只繪制對(duì)象的路徑。繪制完畢后，在保持對(duì)象被選中的狀態(tài)下，在屬性面板中設(shè)置其屬性，相應(yīng)的筆觸就會(huì)應(yīng)用到路徑上。

內(nèi)置筆觸類別筆觸紋理筆觸選項(xiàng)3.3.1設(shè)置筆觸設(shè)置的筆觸會(huì)被應(yīng)用到當(dāng)3.3.2設(shè)置填充

在繪制的圖形中，不管圖形路徑封閉與否，都存在填充區(qū)域，并可加入填充效果。填充效果可以是單一的填充顏色，也可以是漸變色，還可以是圖像。填充能使對(duì)象產(chǎn)生豐富多彩的效果，而不像一般線條畫那樣單調(diào)。屬性面板上包括了所有的填充屬性的設(shè)置，主要有填充的類別、邊緣柔和度以及紋理填充等。

單色填充網(wǎng)頁抖動(dòng)填充圖案填充漸變填充設(shè)置填充邊緣和填充紋理3.3.2設(shè)置填充在繪制的圖形中，不管圖3.4修改矢量路徑

FireworksCS5中提供了多種修改路徑的工具和方式，包括“自由變形”工具、“更改區(qū)域形狀”工具和“刀子”工具等。3.4修改矢量路徑FireworksC3.4.1自由變形路徑

使用“自由變形”工具可以直接對(duì)矢量對(duì)象執(zhí)行彎曲和變形操作。從工具箱中選擇“自由變形”工具按鈕，鼠標(biāo)指針將變成形狀。此時(shí)在“自由變形”工具屬性面板中的“大小”文本框中可以設(shè)置被拉伸的路徑的長度。

3.4.1自由變形路徑使用“自由變形”工具可以直3.4.2更改區(qū)域形狀

在工具箱中選擇“更改區(qū)域形狀”工具按鈕，在畫布空白處按下鼠標(biāo)左鍵，指針將變成兩個(gè)紅色同心圓。指針的內(nèi)圓是工具的全強(qiáng)度邊界。內(nèi)外圓之間的區(qū)域以低于全強(qiáng)度的強(qiáng)度更改路徑的形狀。指針外圓確定指針的引力拉伸，可以在屬性面板中設(shè)置其強(qiáng)度。

3.4.2更改區(qū)域形狀在工具箱中選擇“3.4.3切割路徑

如果需要切割路徑，可以使用工具箱中的“刀子”工具。該工具能夠?qū)⒁粋€(gè)路徑切斷成兩條或多條路徑。

3.4.3切割路徑如果需要切割路徑，可3.5路徑間的運(yùn)算FireworksCS5的“修改”|“組合路徑”子菜單中有6個(gè)選項(xiàng)，分別是“接合”、“拆分”、“聯(lián)合”、“交集”、“打孔”和“裁切”命令。使用這些命令可以執(zhí)行路徑間的運(yùn)算。3.5路徑間的運(yùn)算FireworksCS53.5.1接合路徑

接合路徑可以將多個(gè)路徑對(duì)象合并成單個(gè)路徑對(duì)象，也就是說連接兩個(gè)斷開路徑的端點(diǎn)以創(chuàng)建單個(gè)封閉路徑，或者合并多個(gè)路徑來創(chuàng)建一個(gè)復(fù)合路徑。選擇“修改”|“組合路徑”|“接合”命令能夠連接開放路徑和閉合路徑。該命令可以把多個(gè)閉合路徑連接成復(fù)合路徑。

3.5.1接合路徑接合路徑可以將多個(gè)路徑3.5.2拆分路徑

使用拆分操作可以將分散的路徑拆分成多條各自獨(dú)立的路徑。要拆分路徑，可以先選擇一個(gè)復(fù)合路徑，然后選擇“修改”|“組合路徑”|“拆分”命令，這樣一個(gè)復(fù)合路徑就會(huì)被拆分為若干條路徑。

3.5.2拆分路徑使用拆分操作可以將分散的路徑拆分成多3.5.3路徑的聯(lián)合“聯(lián)合”命令用來繪制一條圍繞所有選中圖形的輪廓線，就像一個(gè)剪影，“聯(lián)合”命令去掉了重疊部分的細(xì)節(jié)，而保留整個(gè)輪廓。要聯(lián)合路徑，可以先選中所有對(duì)象，然后選擇“修改”|“組合路徑”|“聯(lián)合”命令，使路徑輪廓融合為一個(gè)整體的形狀，并依選擇的先后順序使用最后面對(duì)象的填充顏色來填充新生成的形狀。

3.5.3路徑的聯(lián)合“聯(lián)合”命令用來繪制3.5.4路徑的交集“交集”命令用來保留所有選中路徑的重疊部分。首先選中多個(gè)相交的對(duì)象，然后選擇“修改”|“組合路徑”|“交集”命令，此時(shí)Fireworks刪除了所有路徑不重疊的部分，并圍繞著重疊部分繪制一條新的路徑，如圖3-49所示。

3.5.4路徑的交集“交集”命令用來保留3.5.5路徑的打孔“打孔”命令主要是使用選中路徑的輪廓將其后面所有被選中的對(duì)象穿一個(gè)孔。先選中多個(gè)需要打孔的對(duì)象，然后選擇“修改”|“組合路徑”|“打孔”命令，此時(shí)Fireworks將根據(jù)選中的路徑輪廓重新繪制一條新的路徑。