[學習]網(wǎng)頁設計與制作第12章矢量圖形的編輯

1、第12章 矢量圖形的編輯,第12章 矢量圖像的編輯,學習目標： 通過本章的學習，要求掌握Fireworks的幾個基本概念，熟練使用工具箱的使用，掌握繪制編輯路徑對象的方法，熟練創(chuàng)建與編輯文本，創(chuàng)建文本路徑。,第12章 矢量圖像的編輯,12.1 Fireworks的幾個基本概念12.2 繪制路徑對象12.3 編輯路徑對象12.4 創(chuàng)建和編輯文本12.5 路徑文本,12.1 Fireworks的幾個基

2、本概念,1.Fireworks的對象 Fireworks 引入了對象的概念，對象就是圖像中的一個獨立的部分，我們把圖像看成是由一個個的對象組成的。也可以把矢量對象和位圖對象、文本塊、切片和熱點以及像素區(qū)域都作為一個對象進行編輯，從而使對圖像的編輯變成了對組成圖像的對象的編輯，在具有多個對象的文檔中，還可以通過對對象執(zhí)行堆疊、組合和對齊操作來組織它們，即簡化了編輯難度又提高了編輯效率。,12.1 Firewor

3、ks的幾個基本概念,2.矢量圖也稱為面向?qū)ο蟮膱D像或繪圖圖像，在數(shù)學上定義為一系列由線連接的點。例如，一片葉子是由一系列描述葉子輪廓的點連接起來構(gòu)成了圖像的形狀，葉子的顏色由它的輪廓（即筆觸）的顏色和該輪廓所包圍的區(qū)域（即填充）的顏色決定。編輯矢量圖形時，您修改的是描述其形狀的線條和曲線（包含顏色和位置信息）的屬性。矢量圖形與分辨率無關，對其調(diào)整大小、更改形狀等操作，而不會改變其外觀品質(zhì)，例如將葉子圖像放大時，不會出現(xiàn)明顯鋸齒狀現(xiàn)象

4、，圖像顏色也不會發(fā)生變化。但是矢量圖并不適合用來記錄色彩較為復雜的圖像。,12.1 Fireworks的幾個基本概念,3.位圖也稱為點陣圖像或繪制圖像，是由無數(shù)個排列成網(wǎng)格的像素點組成。圖像就是由網(wǎng)格中每個像素的位置和顏色值決定的。這些點可以進行不同的排列和染色以構(gòu)成不同的圖樣。當放大位圖時，可以看見構(gòu)成整個圖像的無數(shù)單個方塊（像素點）。因為每個點被指定一種顏色，所以可以通過修改其中每一個像素的顏色而使圖像的效果更逼真。編輯位圖圖形

5、時，是使這些像素點在網(wǎng)格中重新進行分布，例如縮小位圖時，就是通過減少像素來使整個圖像變小的，所以修改位圖圖形通常會使圖像的邊緣呈鋸齒狀，或者降低圖像的品質(zhì)，如圖12-1所示。,12.2 繪制路徑對象,在Fireworks MX 2004中，有兩種工作模式，一種上針對矢量編輯的對象模式，一種是對應位圖編輯的位圖模式，我們首先來學習在對象模式下，繪制、編輯各種圖形。,12.2 繪制路徑對象,12.2.1路徑的概念12.2.2繪制基本圖形,

6、12.2.1路徑的概念,前面提到，矢量圖是由一系列描述圖形輪廓的點連接構(gòu)成的，我們把這些表現(xiàn)在圖形上的線條和輪廓就稱為路徑。每個路徑至少有兩個點以形成一條線段，路徑可以是開放的（起點和終點不重合），也可以是封閉的（起點和終點重合在一起），如圖12-2所示。,12.2.2 繪制基本圖形,1.繪制基本形狀2.【鋼筆】工具繪制路徑3.【矢量路徑】工具,12.3 編輯路徑對象,12.3.1描邊和填充12.3.2選取和移動路徑對象

7、1. 【指針】工具 2.【選擇后方對象】工具 3.【部分】選定工具12.3.3 修改路徑對象 1.利用【縮放】工具修改整個路徑對象 2.調(diào)整節(jié)點 3.調(diào)整路徑12.3.4多個路徑對象的操作12.3.5對路徑的其他操作,12.3.1描邊和填充,利用筆觸屬性為矢量對象進行描邊，突出路徑的形狀，利用填充屬性為對象的內(nèi)部著色，使對象成為實心對象。用戶可以通過【屬性】面板或工具面板的顏色部分訪問、修

8、改筆觸及填充選項。在Fireworks MX 2004中當用戶選擇了【鋼筆】工具或其他可以應用該屬性的工具時，屬性面板上會自動出現(xiàn)各種筆觸和填充的選項以供用戶進行設置，如圖12-7所示。,12.3.2 選取和移動路徑對象,在Fireworks MX 2004的中利用【選取】類工具箱中的【指針】工具、【部分選定】工具，可以方便的選取路徑對象或?qū)ο蟮牟糠挚刂泣c。,12.3.2 選取和移動路徑對象,1.【指針】工具2. 【選擇后方對象】工具

9、3. 【部分】選定工具,12.3.3修改路徑對象,我們知道矢量對象的形狀主要是由路徑的形狀決定的，所以通過對路徑的修改可以很有效地幫助編輯、修改矢量對象。修改可以是對整個路徑也可以是對路徑中的某段進行，下面介紹幾種主要方法：,12.3.3修改路徑對象,1.利用【縮放】工具修改整個路徑對象2.調(diào)整節(jié)點3.調(diào)整路徑,12.3.4 多個路徑對象的操作,當圖像中存在多個路徑對象時，我們可以同時對所有或部分對象進行整體操作，比如排列、對齊、

10、組合等等，這些選項可以在【修改】菜單下找到。這里主要介紹多個路徑對象的組合操作。接合 拆分 聯(lián)合 交集 打孔 裁切,12.3.5 對路徑的其他操作,(1)簡化路徑，在不明顯改變路徑基本形狀的前提下，將刪除路徑上不需要的點，簡化路徑的曲線形狀。如圖12-21所示，對原圖不斷簡化后的效果。(2)擴展筆觸，就是以原始路徑為中心向外形成一個形狀與路徑相同的幻象。,12.4 創(chuàng)建和編輯文本,Fireworks MX 2004 提供了

11、許多文本功能，不但可以創(chuàng)建不同風格的文本，也能設計出各種形式的文本圖形，文本與路徑的結(jié)合更是可以得到意想不到效果。其功能可與許多文字排版軟件相媲美。,12.4 創(chuàng)建和編輯文本,12.4.1 創(chuàng)建文本12.4.2編輯文本,12.4.1 創(chuàng)建文本,1.設置工具的屬性2.移動文本塊,12.4.2 編輯文本,1.調(diào)整文本的間距和字符寬度2.文本的方向3.平滑文本邊緣4.設置文本的填充顏色5.對文本的變形,12.5 路徑文本,在Fir

12、eworks中不但可以對文本直接進行編輯，也可以將文本轉(zhuǎn)換成路徑以后再進行編輯，轉(zhuǎn)換以后文本的編輯功能變的更加強大，例如轉(zhuǎn)換成路徑文本以后可以對其中某一個字符進行變形操作。,12.5 路徑文本,在Fireworks中不但可以對文本直接進行編輯，也可以將文本轉(zhuǎn)換成路徑以后再進行編輯，轉(zhuǎn)換以后文本的編輯功能變的更加強大，例如轉(zhuǎn)換成路徑文本以后可以對其中某一個字符進行變形操作。,12.5路徑文本,1.將文本轉(zhuǎn)換成路徑2.在路徑上放置文本3