網(wǎng)頁(yè)設(shè)計(jì)與制作課件第3章

1、第3章 繪制位圖、矢量圖與使用文字,3.1 位圖繪圖 3.2矢量圖繪圖 3.3使用文字 3.4應(yīng)用實(shí)例 3.5本章小結(jié),本章重點(diǎn)： 位圖繪圖和編輯操作 位圖的選區(qū)操作 矢量圖繪圖和編輯操作 路徑的操作 文字的使用方法 路徑、文字、選區(qū)互相轉(zhuǎn)換,位圖是由像素組成的。Fireworks 8提供了許多修飾位圖圖像的方法，包括修飾、裁剪、羽化和克隆圖像等操作。利用圖層和蒙版技術(shù)還可以進(jìn)行圖像的后期創(chuàng)作，可以取得一些特殊的效果。,3.1位圖繪制,3.1.1位圖的繪圖操作 1. 繪圖工具的常用屬性 Fireworks 8 工具箱里有很多繪圖工具，在屬性面板里可以設(shè)置繪圖工具的各種屬性，使之具有各種不同的功

2、能和狀態(tài)，以滿足各種各樣的繪圖需求。屬性面板里各項(xiàng)屬性的功能如下。 (1) 【顏色】：用戶可以通過單擊【顏色選擇按鈕】打開顏色拾取框來選擇所需的顏色，顏色拾取框上列出了網(wǎng)絡(luò)安全色；單擊【系統(tǒng)顏色選取器】按鈕可以打開調(diào)色板，選用其它豐富多彩的顏色。單擊【透明】按鈕可以選擇無色。,圖3-1 Fireworks 8中的顏色拾取框,Fireworks 8中要設(shè)置的顏色主要有畫布顏色、描邊顏色和填充顏色三種。描邊顏色主要為純色。填充顏色有實(shí)心、網(wǎng)頁(yè)抖動(dòng)、漸變、圖案四種類型。 實(shí)心填充采用的是純色。 網(wǎng)頁(yè)抖動(dòng)填充使用網(wǎng)絡(luò)安全色來組合成新的顏色，盡管新顏色不是網(wǎng)絡(luò)安全色，但在客戶端仍能正常地顯示。 圖案填充

3、采用Fireworks 8預(yù)設(shè)的圖案或用戶自己選擇的圖案進(jìn)行填充。 漸變填充采用若干種顏色之間平滑地過渡來進(jìn)行填充。 單擊顏色拾取框上的【填充選項(xiàng)】按鈕可以選擇填充的類型并作進(jìn)一步的設(shè)置。,(2) 【筆尖大小】：用于設(shè)置刷子、鉛筆、橡皮擦等繪圖工具的筆頭的粗細(xì)。 (3) 【邊緣】：用于設(shè)置用繪圖工具繪出的圖像邊緣的柔和程度。 (4) 【不透明度】：用于設(shè)置繪出圖像的不透明度，不透明度低的圖像顏色較淡，會(huì)顯示出下層的圖像。 (5) 【保持透明度】：選擇保持透明度，繪圖工具對(duì)畫布上未作圖的區(qū)域?qū)⒉黄鹱饔谩?(6) 【紋理】：用于添加填充區(qū)域里的各種紋理。 (7) 【容差】：有些操作是針對(duì)某種顏色的

4、像素進(jìn)行的，【容差】屬性設(shè)置的是根據(jù)顏色選擇像素的精確程度，容差越小則選擇顏色越精確，容差越大則會(huì)包含更多相似顏色的像素，即選擇的范圍越大。,2.鉛筆工具 鉛筆工具用于繪制任意形狀的圖形，邊緣是剛性的，沒有柔化。具體操作如下。 （1）單擊工具箱中的【鉛筆工具】按鈕，鼠標(biāo)指針移動(dòng)到畫布中變成鉛筆形狀。 （2）拖曳鼠標(biāo)，即可畫出相應(yīng)的圖形。 【鉛筆工具】的屬性有【顏色】、【保持透明度】、【不透明度】、【消除鋸齒】、【自動(dòng)擦除】。 選擇【消除鋸齒】選項(xiàng)可使圖形的邊緣光滑。 選擇【自動(dòng)擦除】選項(xiàng)時(shí)，當(dāng)【鉛筆工具】在描邊顏色上拖動(dòng)時(shí)會(huì)自動(dòng)轉(zhuǎn)為使用填充顏色繪圖，相當(dāng)于擦除了描邊。,3.刷子工具 【刷子工具

5、】匯集了生活中各種繪圖工具的功能，可以模擬各種作圖手法畫出異彩紛呈的圖像。單擊工具箱中的【刷子工具】按鈕，并在屬性面板里設(shè)置所需的屬性，然后在畫布中拖曳鼠標(biāo)即可畫出相應(yīng)圖形。 【刷子工具】的屬性有【筆尖大小】、【顏色】、【描邊種類】、【邊緣】、【紋理】、【保持透明度】、【不透明度】。 在【描邊種類】屬性中有著豐富多彩的繪圖功能和手法可供選擇，如圖3-2所示。,圖3-2 【描邊種類】屬性中的繪圖功能和手法,4.橡皮擦工具 橡皮擦工具用于擦除畫布上的圖像?！鞠鹌げ凉ぞ摺康膶傩杂小竟P尖大小】、【邊緣】、【不透明度】。調(diào)低【不透明度】進(jìn)行擦除，可使被擦除的圖像變淡。調(diào)高【邊緣】，可使被擦除圖像的剩余部

6、分邊緣柔和化。 5.滴管工具 滴管工具用于從畫布上已有的圖像中選取顏色指定為描邊顏色或填充顏色。單擊工具箱中的【滴管工具】按鈕，將鼠標(biāo)移到畫布里的取色點(diǎn)處單擊即可獲取顏色。 【滴管工具】只有【示例】一個(gè)屬性。用戶可以選取單個(gè)像素的顏色、33 像素區(qū)域內(nèi)的平均顏色值或 55 像素區(qū)域內(nèi)的平均顏色值。,6.油漆桶工具 用于對(duì)畫布上某種顏色的連續(xù)區(qū)域或某選定區(qū)域使用填充色進(jìn)行填充。單擊工具箱中的【油漆桶工具】按鈕，然后選擇一種填充顏色后，單擊圖像中要填充的區(qū)域，便可填充當(dāng)前的顏色。 【油漆桶工具】的屬性有【顏色】、【容差】、【填充選區(qū)】、【保持透明度】、【邊緣】、【紋理】、【不透明度】。 選擇【填充

7、選區(qū)】，則填充范圍為使用選擇工具選定的選區(qū)。不選擇【填充選區(qū)】，并設(shè)置【容差】，則填充范圍取鼠標(biāo)單擊處顏色的連續(xù)區(qū)域。 【邊緣】屬性有實(shí)邊、消除鋸齒和羽化三個(gè)選擇。設(shè)置羽化值后，在填充范圍的邊緣會(huì)產(chǎn)生漸變暈開的柔和效果，羽化的取值范圍在0100像素之間。,7.漸變工具 【漸變工具】是與【油漆桶工具】類似的填充工具，只是采用的是漸變的填充色。通過選擇顏色混合模式和漸變方式，F(xiàn)ireworks 8提供了很強(qiáng)的漸變功能。單擊工具箱中的【漸變工具】按鈕，設(shè)置【顏色】屬性時(shí)選擇顏色混合模式和漸變方式，如圖3-3和3-4所示，在要填充的區(qū)域內(nèi)拖動(dòng)鼠標(biāo)便可完成各種漸變方式的填充。,圖3-3 顏色混合模式,圖

8、3-4 漸變方式,3.1.2 位圖的選區(qū)操作 用戶可使用各種選擇工具在位圖中設(shè)置選區(qū)，把編輯范圍限制在選區(qū)內(nèi)。在取消選區(qū)前，對(duì)位圖的操作只在選區(qū)內(nèi)有效。 選區(qū)的設(shè)置可以是規(guī)則的，也可以是不規(guī)則的。使用【選取框工具】和【橢圓選取框工具】可以設(shè)置規(guī)則選區(qū)。使用【套索工具】和【魔術(shù)棒工具】可以設(shè)置不規(guī)則選區(qū)。,1. 設(shè)置矩形選區(qū) 用于設(shè)置矩形選區(qū)的是【選取框工具】。單擊工具箱中的【選取框工具】按鈕，將鼠標(biāo)移動(dòng)到畫布中，此時(shí)鼠標(biāo)會(huì)變化為十字形，拖動(dòng)鼠標(biāo)選取需要的區(qū)域，選中的區(qū)域四周會(huì)出現(xiàn)閃爍的虛線框。 2. 設(shè)置橢圓選區(qū) 用于設(shè)置橢圓選區(qū)的是【橢圓選取框工具】。具體操作類似于【選取框工具】。 在使用【

9、選取框工具】或【橢圓選取框工具】選取區(qū)域時(shí)，如果按住鍵可以得到正方形或者圓形的選區(qū)；如果按住鍵則會(huì)以鼠標(biāo)單擊點(diǎn)作為選區(qū)的中心來繪制選區(qū)。,3. 設(shè)置不規(guī)則選區(qū) 用于設(shè)置不規(guī)則選區(qū)的是【套索工具】。具體操作如下： （1）單擊工具箱中的【套索工具】按鈕，此時(shí)鼠標(biāo)將變成套索的形狀。 （2）沿著需要選取的區(qū)域拖動(dòng)鼠標(biāo)，此時(shí)畫布上會(huì)隨著鼠標(biāo)的移動(dòng)出現(xiàn)一條曲線。 （3）如果想創(chuàng)建封閉選區(qū)，則將鼠標(biāo)移動(dòng)到起點(diǎn)位置附近，當(dāng)鼠標(biāo)右下角出現(xiàn)黑色的小方塊時(shí)釋放鼠標(biāo)即可。如果不想繼續(xù)選取區(qū)域，可以釋放鼠標(biāo)，則在起點(diǎn)和釋放鼠標(biāo)的地方將自動(dòng)生成一條直線，從而形成閉合區(qū)域。,4. 設(shè)置多邊形選區(qū) 用于設(shè)置多邊形選區(qū)的是【多

10、邊形套索工具】。具體操作如下： （1）單擊工具箱中的【多邊形套索工具】按鈕，此時(shí)鼠標(biāo)將變成套索的形狀。 （2）單擊鼠標(biāo)設(shè)置多邊形選區(qū)的起點(diǎn)，然后在每一個(gè)多邊形的頂點(diǎn)處單擊鼠標(biāo)。 （3）如果想創(chuàng)建封閉選區(qū)，則將鼠標(biāo)移動(dòng)到起點(diǎn)位置附近，當(dāng)鼠標(biāo)右下角出現(xiàn)黑色的小方塊時(shí)釋放鼠標(biāo)即可；如果不想繼續(xù)選取區(qū)域，可以釋放鼠標(biāo)，則在起點(diǎn)和釋放鼠標(biāo)的地方將自動(dòng)生成一條直線，從而形成閉合區(qū)域。 使用【多邊形套索工具】設(shè)置多邊形選區(qū)時(shí)，如果同時(shí)按住Shift鍵，多邊形區(qū)域的邊界線段將會(huì)按照45度整數(shù)倍方向選取。,圖3-5 各種選區(qū),5. 根據(jù)像素的顏色來設(shè)置選區(qū) 【魔術(shù)棒工具】能夠在圖像上選取與某種顏色相似的像素。單

11、擊工具箱中的【魔術(shù)棒工具】按鈕。在圖像中需要選擇的顏色上單擊，則與該單擊處顏色類似的像素組成的連續(xù)區(qū)域成為選區(qū)。如圖3-6所示。 【魔術(shù)棒工具】屬性的【容差】值越大，則被選取像像素的顏色的相似程度越低，選取的范圍越大。,圖3-6 使用【魔術(shù)棒工具】選取選區(qū),以上選擇工具都有【邊緣】屬性，分實(shí)邊、消除鋸齒和羽化三個(gè)選擇項(xiàng)，也就是在對(duì)應(yīng)選區(qū)被填充后邊緣的三種情況。設(shè)置羽化值后，填充范圍的邊緣部分會(huì)產(chǎn)生漸變暈開的柔和效果，其羽化的取值范圍在0100像素之間。 如果要取消選區(qū)，可以按+組合鍵。用鼠標(biāo)拖動(dòng)選區(qū)的邊框可以移動(dòng)選區(qū)，通過鍵盤上的方向鍵可以對(duì)選區(qū)的位置進(jìn)行微調(diào)。,6增加選區(qū) 如果需要增加選中的

12、像素區(qū)域，則用【指針工具】選中第一個(gè)選區(qū)，再按住Shift鍵再繼續(xù)選擇其他的像素區(qū)域，此時(shí)原先選中的區(qū)域仍然處于被選中狀態(tài)。如果幾個(gè)選中區(qū)域有重疊的區(qū)域，則重疊部分被合并，最后選中的區(qū)域?qū)⑹沁@幾個(gè)區(qū)域的并集區(qū)域。 7減少選區(qū) 如果需要減少已經(jīng)選中的區(qū)域，則先用【指針工具】選中第一個(gè)選區(qū)，再按住Alt鍵選擇想要?jiǎng)h除的第二個(gè)選區(qū)，最終選區(qū)即第一個(gè)選區(qū)除去與第二個(gè)選區(qū)相交的剩余部分。,8相交選區(qū) 如果需要選取多個(gè)區(qū)域之間的交集，可先用【指針工具】選中第一個(gè)區(qū)域，然后按住Shift+Alt鍵拖動(dòng)鼠標(biāo)選取第二個(gè)區(qū)域，釋放鼠標(biāo)，這樣就選中這兩個(gè)區(qū)域之間的交集區(qū)域。 9擴(kuò)展選區(qū) 將原選區(qū)沿其邊框擴(kuò)展若干像素

13、。選擇某一區(qū)域，選擇【選擇】|【擴(kuò)展選區(qū)】命令，在彈出的對(duì)話框中輸入需擴(kuò)展的像素?cái)?shù)，單擊【確定】即可擴(kuò)展選區(qū)。,10收縮選區(qū) 將原選區(qū)沿其邊框收縮若干像素。選擇某一區(qū)域，選擇【選擇】|【收縮選區(qū)】命令，在彈出的對(duì)話框中輸入需收縮的像素?cái)?shù)，單擊【確定】即可收縮選區(qū)。 11反轉(zhuǎn)選區(qū) 用于將原先沒有被選擇的區(qū)域變?yōu)檫x取區(qū)域，而已選取的區(qū)域變?yōu)椴贿x取區(qū)域。 選擇某一區(qū)域，選擇【選擇】|【反選】命令，此時(shí)原選區(qū)以外的部分成為選區(qū)。,圖3-7 反轉(zhuǎn)選擇區(qū)域,12取消選區(qū) 取消選區(qū)的方法可以選擇菜單【選擇】|【取消選擇】命令，或者按組合鍵+。 13保存/恢復(fù)選區(qū) 選擇菜單【選擇】|【保存位圖所選】命令，可保

14、存現(xiàn)有的選區(qū)以備后用。 選擇菜單【選擇】|【恢復(fù)位圖所選】命令，可恢復(fù)保存的選區(qū)。,3.1.3 位圖的編輯操作 一幅位圖經(jīng)過編輯后，有時(shí)需要對(duì)其局部的或者整個(gè)圖像做一些修整，例如將圖像的局部復(fù)制到另一個(gè)區(qū)域，或者將局部圖像加深或減淡等，通過工具箱中位圖的一些修飾工具可以達(dá)到目的。,1. 位圖的模糊和銳化 【模糊工具】可以柔化圖像，降低圖像中像素之間的反差?！句J化工具】可以增加圖像中像素之間的反差，使圖像更清晰，起著與【模糊工具】相反的作用。 單擊工具箱中的【模糊工具】按鈕后，在其屬性面板中設(shè)置各個(gè)屬性的參數(shù)值，然后在圖像中需要做模糊處理的部位拖動(dòng)鼠標(biāo)。 【模糊工具】的屬性有【筆尖大小】、【邊緣

15、】、【形狀】、【強(qiáng)度】。 【形狀】屬性用于設(shè)置筆頭的形狀是圓形還是方形?！緩?qiáng)度】屬性用于設(shè)置模糊處理的強(qiáng)度。 【銳化工具】的操作和屬性同【模糊工具】。,原圖片 模糊處理后 銳化處理后 圖3-8 圖片分別使用【模糊工具】、【銳化工具】后的效果,2. 位圖的減淡和加深 【減淡工具】和【烙印工具】用于改變圖像的曝光度，使圖像變亮或者變暗。用這兩個(gè)工具能方便地處理圖像中的局部區(qū)域，而不用改變整個(gè)圖像的色調(diào)。 單擊工具箱中的【減淡工具】按鈕后，在其屬性面板中設(shè)置各個(gè)屬性的參數(shù)值。然后在圖像中需要做減淡處理的部位拖動(dòng)鼠標(biāo)。 【減淡工具】的屬性有【筆尖大小】、【邊緣】、【形狀】、【曝光】、【范圍】。,【形狀

16、】屬性用于設(shè)置筆頭的形狀是圓形還是方形。 【曝光】屬性的數(shù)值設(shè)置范圍為 0% 到 100，百分比越高，曝光率越強(qiáng)。 【范圍】屬性包括以下三個(gè)選項(xiàng)： 【陰影】：以改變圖像中的深色調(diào)像素為主。 【中間影調(diào)】：以改變圖像中的中間色調(diào)像素為主。 【高光】：以改變圖像中的亮色調(diào)像素為主。 【烙印工具】的操作和屬性同【減淡工具】。,原圖片 減淡的樹林 加深的樹林 圖3-9 圖片分別使用【減淡工具】、【加深工具】后的效果,3 位圖的克隆 【橡皮圖章工具】只能用于編輯位圖對(duì)象，用于圖像中的部分像素在圖像內(nèi)的復(fù)制，它是一種同步工具，包括兩部分：取樣指針和繪圖指針。取樣指針指向克隆過程中取樣的圖像部分，繪圖指針則

17、將取樣的圖像部分在圖像中另外的地方復(fù)制出來。在克隆的過程中兩種指針的位置關(guān)系是固定的。具體操作如下：,（1）在工具箱中單擊【橡皮圖章工具】按鈕。 （2）在圖像上單擊一次鼠標(biāo)，設(shè)定取樣指針的初始位置，此時(shí)圖片上被單擊的區(qū)域會(huì)出現(xiàn)一個(gè)十字型的光標(biāo)（表示取樣指針），移動(dòng)的光標(biāo)則變化為圓形（表示繪圖指針）。 （3）將繪圖指針移動(dòng)到圖像中要克隆的位置并拖動(dòng)鼠標(biāo)。在鼠標(biāo)移動(dòng)的過程中，取樣指針和繪圖指針的位置關(guān)系是固定的；隨著鼠標(biāo)的移動(dòng)，取樣指針處的像素被復(fù)制到繪圖指針指向的地方。,【橡皮圖章工具】的屬性有【筆尖大小】、【邊緣】、【按源對(duì)齊】、【使用整個(gè)文檔】、【不透明度】、【混合模式】。 【按源對(duì)齊】屬性

18、決定取樣區(qū)域是否固定。如果選擇【按源對(duì)齊】，則取樣區(qū)域不固定，但取樣指針和繪圖指針始終保持固定的位置關(guān)系，這樣就可以保證克隆的區(qū)域都能保持原先的位置關(guān)系。如果不選擇【按源對(duì)齊】，則不管繪圖指針在哪里，取樣區(qū)域都是固定的。這樣同一區(qū)域就可在多處復(fù)制。 【使用整個(gè)文檔】屬性決定是否從圖像的所有層上的所有對(duì)象中取樣。不選擇【使用整個(gè)文檔】，取樣指針只從活動(dòng)對(duì)象中取樣。 另外，【部分選定工具】和選區(qū)工具也能方便地進(jìn)行位圖復(fù)制，在需復(fù)制的圖像區(qū)域上設(shè)置一個(gè)選區(qū)，單擊工具箱里的【部分選定工具】，將選區(qū)拖動(dòng)到目的地放開即可。,4. 裁剪位圖 【裁剪工具】用于裁剪位圖。具體操作如下： （1）單擊工具箱中的【裁

19、剪工具】按鈕，鼠標(biāo)變?yōu)椴眉粜螤睢?（2）用鼠標(biāo)在位圖上拖出一個(gè)矩形虛線框，如圖3-11所示。該矩形虛線框可以移動(dòng)和改變大小，框內(nèi)就是裁剪后得到的圖像。,圖3-10 使用【橡皮圖章工具】克隆蝴蝶,（3）雙擊鼠標(biāo)或按Enter鍵即可完成位圖的裁剪，如圖3-12所示。,圖3-11 拖出一個(gè)矩形虛線框 圖3-12 裁剪后的圖像,3.2 矢量圖繪圖 矢量圖繪圖是通過描邊和填充來完成的，其工具一般都有與描邊和填充相關(guān)的屬性。 矢量圖形的輪廓就是路徑，路徑由曲線和曲線上的錨點(diǎn)組成。圖3-13和圖3-14分別是閉合與開放的路徑的范例，其中A、B、C、D是錨點(diǎn)，E、F點(diǎn)是錨點(diǎn)的控制線上的控制點(diǎn)，拖動(dòng)控制點(diǎn)可以改

20、變曲線段的形狀。,圖3-13 橢圓的輪廓是一個(gè)閉合的路徑,錨點(diǎn)分平滑點(diǎn)和角點(diǎn)。兩側(cè)的控制線始終在同一直線上的錨點(diǎn)稱為平滑點(diǎn)，拖動(dòng)平滑點(diǎn)一側(cè)的控制點(diǎn)，則另一側(cè)的控制點(diǎn)會(huì)做同步運(yùn)動(dòng)；同時(shí)改變平滑點(diǎn)兩側(cè)的曲線形狀，路徑在平滑點(diǎn)處將始終平滑。兩側(cè)的控制線不在同一直線上或根本就沒有控制線的錨點(diǎn)稱為角點(diǎn)，角點(diǎn)一側(cè)的控制點(diǎn)可被獨(dú)立拖動(dòng)，一側(cè)的曲線形狀改變后，路徑在角點(diǎn)處不平滑。,圖3-14 開放的路徑,3.2.1繪制幾何圖形 1.繪制直線 用于繪制直線的是【直線工具】。具體操作如下： （1）單擊工具箱中的【直線工具】按鈕。 （2）在畫布中直線的起始位置拖曳鼠標(biāo)至結(jié)束位置即可繪制直線。拖曳時(shí)按住鍵，則可繪制水

21、平、垂直或者與水平方向呈45度角的直線，直線的兩端是兩個(gè)錨點(diǎn)。 【直線工具】的屬性【筆尖大小】、【顏色】、【描邊種類】、【邊緣】、【紋理】、【不透明度】。 不難發(fā)現(xiàn)，【直線工具】與【刷子工具】的屬性幾乎一樣，只是少了一個(gè)【保持透明度】屬性。與【刷子工具】一樣，在【描邊種類】屬性中有著豐富多彩的繪圖功能和手法供選擇。,2. 繪制各種幾何圖形 Fireworks 8的工具箱中提供了一套繪制各種幾何圖形的工具，如圖3-15所示。這些工具的繪圖方法一樣，屬性設(shè)置也一樣。下面以【矩形工具】為例做一簡(jiǎn)要介紹。 【矩形工具】用于繪制矩形。具體操作如下： （1）單擊工具箱中的【矩形工具】按鈕。 （2）在畫布中

22、矩形的左上角位置拖曳鼠標(biāo)至右下角位置即可繪制矩形。拖曳同時(shí)按住Shift鍵，則可繪制正方形。 用【指針工具】選定矩形的輪廓，可以看到矩形的輪廓上分布的錨點(diǎn)，用鼠標(biāo)拖曳錨點(diǎn)可以改變矩形的形狀。 矩形的【屬性】面板如圖3-16所示，從左到右分別為矩形左上角坐標(biāo)（x，y）和矩形尺寸(w，h)、信息區(qū)域、填充屬性區(qū)域、描邊屬性區(qū)域等。除了信息區(qū)域和填充屬性區(qū)域，其余都與【直線工具】的屬性相同。 【矩形工具】的填充屬性與【油漆桶工具】工具一樣，可以選擇填充方案和加上豐富多彩的紋理。 其他工具操作與【矩形工具】類似不再一一介紹。,圖3-15 繪制幾何圖形的工具,圖3-16 【矩形工具】的【屬性】面板,3.

23、2.2 繪制路徑 通常需要繪制自由形狀的矢量圖形時(shí)，可以使用【鋼筆工具】或者【矢量路徑工具】來實(shí)現(xiàn)。 1. 用【鋼筆工具】繪制路徑 1）【鋼筆工具】繪制直線路徑 單擊工具箱中的【鋼筆工具】，此時(shí)光標(biāo)變?yōu)殇摴P尖形狀。在畫布上單擊確定路徑的第一個(gè)錨點(diǎn)，移動(dòng)鼠標(biāo)到其他位置單擊確定第二個(gè)錨點(diǎn)，兩個(gè)錨點(diǎn)之間生成一條直線，如圖3-17（a）所示，依此方法可以繪制路徑上的其余錨點(diǎn)。在確定最后一個(gè)錨點(diǎn)時(shí)雙擊可以結(jié)束路徑的繪制，如圖3-17（b）所示。如果起點(diǎn)和終點(diǎn)不重合，則會(huì)得到開放的路徑，否則會(huì)得到閉合的路徑。在路徑上單擊產(chǎn)生的錨點(diǎn)是角點(diǎn)。,2）【鋼筆工具】繪制曲線段路徑 單擊工具箱中的 【鋼筆工具】，此時(shí)

24、光標(biāo)變?yōu)殇摴P尖形狀。在畫布上單擊確定路徑的第一個(gè)錨點(diǎn)，移動(dòng)鼠標(biāo)到其他位置單擊確定第二個(gè)錨點(diǎn)并拖動(dòng)，直至產(chǎn)生的線段為合適的曲率。依此方法可以確定路徑上的其余錨點(diǎn)并拖動(dòng)，獲得需要的曲線。在確定最后一個(gè)錨點(diǎn)時(shí)雙擊可以結(jié)束路徑的繪制。如果起點(diǎn)和終點(diǎn)不重合，則會(huì)得到開放的路徑，否則會(huì)得到閉合的路徑。在路徑上單擊產(chǎn)生的錨點(diǎn)是角點(diǎn)。,圖3-17 用【鋼筆工具】繪制直線段路徑,用【鋼筆工具】繪制路徑常用的方法先繪制路徑中的錨點(diǎn)來確定路徑的形狀，錨點(diǎn)之間開始是直線段，通過拖動(dòng)各個(gè)錨點(diǎn)的控制點(diǎn)可以改變路徑的形狀，將直線段轉(zhuǎn)換為曲線段。,2. 用【矢量路徑工具】繪制路徑 【矢量路徑工具】繪圖方法與【刷子工具】類似，

25、不同之處在于【刷子工具】繪出的是位圖，【矢量路徑工具】繪出的是路徑，路徑上有很多錨點(diǎn)可用于改變路徑的形狀。 【矢量路徑工具】繪制路徑是拖動(dòng)鼠標(biāo)連續(xù)繪制的過程。繪制同樣形狀的路徑，如果拖動(dòng)鼠標(biāo)的速度較快，那么路徑上產(chǎn)生的錨點(diǎn)較少；如果拖動(dòng)鼠標(biāo)的速度較慢，則在路徑上產(chǎn)生的錨點(diǎn)就較多。如果需要繪制水平線或者垂直線，應(yīng)該在拖動(dòng)鼠標(biāo)的時(shí)候按住Shift鍵。 【矢量路徑工具】的屬性與【直線工具】一樣；與【刷子工具】相比，只是少了一個(gè)【保持透明度】的屬性。與【刷子工具】一樣，在【描邊種類】屬性中有著豐富多彩的繪圖功能和手法可供選擇。,圖3-18使用 【矢量路徑工具】繪制路徑,3.路徑上錨點(diǎn)的操作 使用【鋼筆

26、工具】在路徑上沒有錨點(diǎn)的任何位置單擊，即可在路徑上添加一個(gè)錨點(diǎn)。使用【鋼筆工具】單擊路徑上的角點(diǎn)或雙擊路徑上的平滑點(diǎn)，即可刪除該錨點(diǎn)，刪除后路徑的形狀會(huì)因之改變。 使用【鋼筆工具】單擊路徑上的角點(diǎn)，并用鼠標(biāo)拖動(dòng)該角點(diǎn)即可將之轉(zhuǎn)換為平滑點(diǎn)。使用【鋼筆工具】單擊路徑上的平滑點(diǎn)，可以使平滑點(diǎn)改變?yōu)榻屈c(diǎn)?；蛘甙醋lt鍵，使用【部分選定工具】拖動(dòng)平滑點(diǎn)的任意一個(gè)控制點(diǎn)。,4. 調(diào)整路徑的形狀 使用【指針工具】拖動(dòng)路徑可以移動(dòng)路徑。使用【指針工具】或【部分選定工具】單擊可選中路徑，選中后用【部分選定工具】拖動(dòng)路徑上的錨點(diǎn)可改變路徑的形狀。 使用【鋼筆工具】可將錨點(diǎn)改成自己需要的類型。如果角點(diǎn)的一邊是直線

27、段，則無控制線和控制點(diǎn)。按住Alt鍵并用【部分選定工具】拖動(dòng)錨點(diǎn)則直線段變成曲線段，并產(chǎn)生控制線和控制點(diǎn)。 用【部分選定工具】單擊錨點(diǎn)，可顯示錨點(diǎn)的控制線和控制點(diǎn)，拖動(dòng)平滑點(diǎn)兩邊的控制點(diǎn)，可同步改變平滑點(diǎn)兩邊的曲線形狀，曲線在平滑點(diǎn)處始終保持平滑。拖動(dòng)角點(diǎn)一邊的控制點(diǎn)，可獨(dú)立改變角點(diǎn)一邊的曲線形狀。,5.重繪路徑 重新繪制原來完整路徑當(dāng)中的一部分，原來的部分被替換。也可對(duì)開放的路徑進(jìn)行擴(kuò)展。 用于重繪路徑的是【重繪路徑工具】，具體操作如下： （1）單擊工具箱中的 【重繪路徑工具】。 （2）選擇路徑上的任何一點(diǎn)拖動(dòng)開始重繪路徑，被替代的路徑部分以紅色高亮顯示。從開放的路徑端點(diǎn)處開始重繪路徑可以擴(kuò)

28、展原路徑。 （3）松開鼠標(biāo)后原路徑上以紅色高亮顯示的部分被新繪制的路徑替代，并保留原路徑的各種屬性。,圖3-20 重繪路徑,3.2.3 組合路徑 Fireworks 8中路徑的創(chuàng)建方法多種多樣，可以將多個(gè)簡(jiǎn)單路徑組合為一個(gè)復(fù)雜的路徑，也可以將一個(gè)復(fù)雜的路徑拆分為多個(gè)簡(jiǎn)單的路徑。通過其菜單命令【修改】|【組合路徑】下的幾個(gè)子菜單，可以實(shí)現(xiàn)對(duì)路徑的各種組合操作。,1. 聯(lián)合 路徑的聯(lián)合不僅可以將兩個(gè)或者多個(gè)閉合路徑合并為一個(gè)包括原始路徑的新路徑，而且能將其中重合的路徑部分完全融合，最終所得到的路徑為最先放置的對(duì)象的筆觸和填充屬性。選中對(duì)象后，選擇【修改】|【組合路徑】|【聯(lián)合】命令，就可得到如圖3

29、-21所示效果。,圖 3-21 應(yīng)用【聯(lián)合】命令前后效果圖,從圖3-21中可以看出，選擇【聯(lián)合】命令后生成的新圖形的填充屬性和矩形的填充屬性相同，說明具有不同屬性的對(duì)象聯(lián)合后，新生成的對(duì)象的筆觸和填充屬性與原來位于最下層對(duì)象（即最先放置的對(duì)象）的屬性是相同的。,2. 相交 相交命令可以將兩個(gè)或者多個(gè)閉合路徑的重疊部分保留下來，并形成一個(gè)新的路徑。按住Shift鍵，并選中要進(jìn)行相交操作的兩個(gè)或多個(gè)路徑，然后選擇【修改】|【組合路徑】|【相交】命令，可得到如圖3-22所示的效果。新生成的對(duì)象的筆觸和填充屬性與最先完成的矩形的屬性是相同的。,圖3-22應(yīng)用【相交】命令前后效果圖,3. 打孔 打孔命令

30、將刪除所選路徑對(duì)象的某些部分，而這些被刪除的部分正是由位于最前面的所選路徑對(duì)象與后方所選路徑對(duì)象重疊部分定義的。按住Shift鍵，同時(shí)選擇要?jiǎng)h除區(qū)域的多個(gè)路徑，選擇【修改】|【組合路徑】|【打孔】命令，就會(huì)按最前面的路徑的形狀來刪除其他路徑，保留部分的筆觸和填充屬性保持原樣不變，效果如圖3-23所示。選擇【打孔】命令時(shí)，會(huì)按最前面的對(duì)象的形狀來刪除其他的對(duì)象，最終生成的對(duì)象的筆觸和填充屬性與原來處于最前面的對(duì)象是相同的。,圖3-23 應(yīng)用【打孔】命令前后效果圖,4. 裁切 裁切命令可以使用最前面路徑的形狀去裁切后面的路徑，新的路徑應(yīng)用下方的對(duì)象的筆觸和填充屬性。在修剪路徑時(shí)，可先選擇用來定義要

31、修剪的區(qū)域的路徑，單擊【修改】|【排列】|【移到最前】命令，然后按住Shift鍵，選擇其他的路徑，再選擇【修改】|【合并路徑】|【裁切】命令，就可得到如圖3-24所示的效果。此命令也是與對(duì)象的排列次序有關(guān)，新生成的路徑對(duì)象的筆觸和填充屬性與下面的對(duì)象的屬性是相同的。,圖3-24應(yīng)用【裁切】命令前后效果圖,5. 接合與拆分路徑 利用路徑的基本操作可以方便自如地處理路徑相互之間的關(guān)系，達(dá)到整形路徑的目的。所謂路徑的合并是指將兩個(gè)或兩個(gè)以上路徑的邊連接起來，成為一條路徑。 合并路徑的具體可以在編輯窗口中繪制兩條路徑，選中兩條路徑中要連接的點(diǎn)，如圖3-25（a）所示。選擇【修改】|【組合路徑】|【接合

32、】命令，此時(shí)兩條路徑中被選中的兩點(diǎn)之間會(huì)自動(dòng)生成一條新的路徑，如圖3-25(b)所示。,圖3-25 路徑的合并示意圖,拆分路徑的操作是選中需要拆分的路徑后，選擇【修改】|【組合路徑】|【拆分】命令，就可以將經(jīng)過接合的復(fù)合路徑拆分成合并前的路徑，經(jīng)過拆分的路徑將恢復(fù)原來的填充屬性。,3.2.4顯示和隱藏路徑 在默認(rèn)的情況下，使用【指針工具】選中對(duì)象時(shí)，就會(huì)高亮顯示對(duì)象的路徑及路徑上的點(diǎn)，可以清楚地了解對(duì)象的形狀。用鼠標(biāo)拖動(dòng)使用【指針工具】選中的對(duì)象路徑上的控制點(diǎn)，則會(huì)移動(dòng)對(duì)象。而使用工具箱中的【部分選定工具】選擇路徑對(duì)象時(shí)，可以看到路徑上決定路徑形狀的控制點(diǎn)，路徑的控制點(diǎn)顯示為空心的小方塊，用鼠

33、標(biāo)拖動(dòng)控制點(diǎn)可以改變對(duì)象的形狀。 顯示路徑可以為修改矢量對(duì)象帶來方便，但有時(shí)候可以根據(jù)需要隱藏對(duì)象的路徑信息，其方法是：選擇菜單【查看】|【隱藏邊緣】命令，或者按住F9快捷鍵。再次按住F9鍵或取消【隱藏邊緣】命令的選中狀態(tài)，即可再次顯示路徑。,3.2.5 路徑與選區(qū)的轉(zhuǎn)換 利用路徑工具繪制復(fù)雜的路徑后將之轉(zhuǎn)換為選區(qū)，就可得到利用選區(qū)工具很難做出的選區(qū)，同樣可以利用【魔術(shù)棒工具】等選區(qū)工具選擇的不規(guī)則選區(qū)，也可以轉(zhuǎn)換為路徑。 將路徑轉(zhuǎn)換為選區(qū)的操作可以先選擇要轉(zhuǎn)換的路徑，然后選擇【修改】|【將路徑轉(zhuǎn)換為選取框】命令便可。 將選區(qū)轉(zhuǎn)換為路徑的操作可以選擇【選擇】|【將選取框轉(zhuǎn)換為路徑】命令來完成。

34、,3.3 使用文字 3.3.1 輸入與格式化文本 【文本工具】用于輸入文本，具體操作如下： （1）工具箱中單擊【文本工具】。 （2）用鼠標(biāo)在畫布上單擊或者拖動(dòng)鼠標(biāo)建立文本輸入框。單擊建立的文本輸入框是沒有寬度限制的，其寬度會(huì)隨輸入文本的增加而擴(kuò)展。拖動(dòng)鼠標(biāo)建立的文本輸入框有寬度限制，當(dāng)輸入文本到達(dá)文本輸入框的邊緣時(shí)會(huì)自動(dòng)換行。 （3）輸入文本。 （4）在文本外部單擊鼠標(biāo)或者按Esc鍵結(jié)束輸入。 Fireworks 8還可導(dǎo)入文本文件，具體方法與導(dǎo)入圖片相同，格式可以是txt或rtf文件。 【文本工具】的屬性面板如圖3-26所示。格式化的屬性可以在輸入文本前設(shè)置，也可在文本輸入以后用鼠標(biāo)選定要格式化的文本進(jìn)行設(shè)置。,圖3-26 【文本工具】的屬性面板,對(duì)于文本中的文字，可以選擇字體、大小、顏色、是否設(shè)為粗體，斜體或添加下劃線。對(duì)文字的邊緣，可以選用消除鋸齒的級(jí)別。