中文版Fireworks-CS5基礎與上機實訓課件-03

計算機基礎與實訓教材系列《中文版FireworksCS5基礎與上機實訓》計算機基礎與實訓教材系列《中文版FireworksCS5基1第三

章繪制矢量圖形

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

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

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

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

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

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

“橢圓”工具

如要繪制橢圓，可以在工具箱中單擊“橢圓”工具按鈕，然后在繪圖窗口中按下鼠標左鍵并拖動。在繪制橢圓時，按住Shift鍵，可以繪制正圓。

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

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

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

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

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

貝塞爾曲線路徑

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

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

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

內置筆觸類別筆觸紋理筆觸選項3.3.1設置筆觸設置的筆觸會被應用到當3.3.2設置填充

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

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

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

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

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

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

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

如果需要切割路徑，可以使用工具箱中的“刀子”工具。該工具能夠將一個路徑切斷成兩條或多條路徑。

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

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

3.5.1接合路徑接合路徑可以將多個路徑3.5.2拆分路徑

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

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

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

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