第8章Fireworks網(wǎng)頁圖形制作

1、第第8章章Fireworks網(wǎng)頁圖網(wǎng)頁圖形制作形制作8.1繪制圖形繪制圖形8.2矢量圖與位圖的編輯矢量圖與位圖的編輯8.3使用濾鏡使用濾鏡8.4使用樣式使用樣式8.5使用效果使用效果8.6使用文本使用文本 返回總目錄返回總目錄8.1 繪制圖形8.1.1 繪制直線、矩形和橢圓繪制直線、矩形和橢圓8.1.2 繪制圓角矩形繪制圓角矩形8.1.3 繪制多邊形繪制多邊形8.1.4 繪制曲線繪制曲線8.1.5 使用描邊和填充使用描邊和填充8.1.6 編輯矢量路徑編輯矢量路徑 返回章目錄返回章目錄8.1.1 繪制直線、矩形和橢圓具體操作方法如下：具體操作方法如下：l（1）首先創(chuàng)建一個(gè)新文檔，單擊工具欄上的“

2、新建”文檔按鈕，在“新建文檔”對(duì)話框中設(shè)置畫布的大小，寬度為500像素，高度為500像素，分辨率為72像素/英寸，畫布背景顏色為白色，然后單擊確定按鈕。l（2）繪制直線、矩形和橢圓 返回本節(jié)返回本節(jié)錄錄8.1.1 繪制直線、矩形和橢圓 返回本節(jié)返回本節(jié)錄錄8.1.1 繪制直線、矩形和橢圓l（3）調(diào)整直線、矩形和橢圓形狀的方法選擇工具箱上的“部分選定工具”，然后單擊畫布上已繪制的圖形，選中圖形，在圖形的周圍出現(xiàn)節(jié)點(diǎn)，將鼠標(biāo)指向選中圖形的單擊右鍵，從彈出的下拉菜單中選擇“組合”時(shí)，拖動(dòng)圖形的節(jié)點(diǎn)可任意縮放圖形 返回本節(jié)返回本節(jié)錄錄8.1.1 繪制直線、矩形和橢圓若選擇“取消組合”時(shí)，拖動(dòng)圖形的節(jié)點(diǎn)

3、可調(diào)整圖形的形狀 返回本節(jié)返回本節(jié)錄錄8.1.2 繪制圓角矩形繪制圓角矩形繪制圓角矩形的步驟如下：繪制圓角矩形的步驟如下：l（1）首先在工具箱中選擇“圓角矩形工具”，然后在畫布上拖拽，即可繪出圓角矩形。l（2）要調(diào)整圓角矩形的圓角角度，可以使用箭頭工具選中對(duì)象，然后用鼠標(biāo)拖曳圖形上的節(jié)點(diǎn)即可改變圓角角度。如若用鼠標(biāo)單擊節(jié)點(diǎn)還可以切換圓角的形狀 返回本節(jié)返回本節(jié)錄錄8.1.2 繪制圓角矩形繪制圓角矩形 返回本節(jié)返回本節(jié)錄錄8.1.3 繪制多邊形繪制多邊形繪制多邊形的操作步驟如下：繪制多邊形的操作步驟如下：l（1）首先在工具箱中選擇“多邊形工具”，然后折疊面板組，使得“屬性檢查器”能夠完全顯示，設(shè)

4、置相關(guān)參數(shù)。l（2）在相應(yīng)“屬性檢查器”中，“形狀”下拉列表框中有“多邊形”和“星形”選項(xiàng)，可以設(shè)置所需要形狀。“邊數(shù)”文本框用于設(shè)置多邊形的邊數(shù)，或星形的角數(shù)，取值范圍是0360?！敖嵌取蔽谋究蛴糜谠O(shè)置星形各頂角的角度，取值范圍是0100。上述選項(xiàng)設(shè)置完成后，在畫布上拖曳鼠標(biāo)即可繪制出等邊多邊形或星形 返回本節(jié)返回本節(jié)錄錄8.1.3 繪制多邊形繪制多邊形如果在拖曳光標(biāo)的同時(shí)按住Shift鍵，可以限制多邊形的朝向以45為單位變化。選擇“自動(dòng)”復(fù)選框就是設(shè)置多角星的角度為正多角星 返回本節(jié)返回本節(jié)錄錄8.1.4 繪制曲線繪制曲線在Fireworks中繪制曲線的工具主要有三種，分別是“鋼筆工具”、

5、“鉛筆工具”和“刷子工具”。繪制方法是：單擊曲線繪圖工具按鈕，然后在選定區(qū)域中繪制需要的曲線即可。用“鋼筆工具”繪制的曲線為矢量路徑，用“鉛筆工具”和“刷子工具”繪制的曲線為位圖模式。 返回本節(jié)返回本節(jié)錄錄8.1.4 繪制曲線繪制曲線l1.使用鋼筆工具使用鋼筆工具在圖像處理過程中要描繪一個(gè)曲線圖像時(shí)，鋼筆工具非常實(shí)用。用它可以繪制出封閉的不規(guī)則的曲線路徑，也可以繪制出不封閉的折線。在繪制過程中，鋼筆工具是逐點(diǎn)來繪制路徑，也就是說，鋼筆工具需要不斷的釋放、按下鼠標(biāo)才能繪制出曲線圖像。如果要改變相鄰節(jié)點(diǎn)之間曲線的形狀，只需要用“部分選定工具”調(diào)整路徑上節(jié)點(diǎn)的位置，或切線的方向，就可以做出不同的曲線

6、形狀 返回本節(jié)返回本節(jié)錄錄8.1.4 繪制曲線繪制曲線 返回本節(jié)返回本節(jié)錄錄8.1.4 繪制曲線繪制曲線l2. 使用鉛筆工具和筆刷工具使用鉛筆工具和筆刷工具使用鉛筆工具可以模擬鉛筆的筆跡畫出一個(gè)像素使用鉛筆工具可以模擬鉛筆的筆跡畫出一個(gè)像素寬的曲線或單個(gè)像素點(diǎn)。如果要限制路徑為水寬的曲線或單個(gè)像素點(diǎn)。如果要限制路徑為水平或垂直直線，可在拖曳的同時(shí)按住平或垂直直線，可在拖曳的同時(shí)按住Shift鍵。鍵。筆刷工具的使用方法和鉛筆工具類似，所繪出筆刷工具的使用方法和鉛筆工具類似，所繪出的圖形均為位圖模式。的圖形均為位圖模式。在工具箱中調(diào)用上述工具描繪曲線時(shí)，在工具箱中調(diào)用上述工具描繪曲線時(shí)，“屬性檢屬

7、性檢查器查器”中顯示出相應(yīng)的屬性參數(shù)，可用于編輯中顯示出相應(yīng)的屬性參數(shù)，可用于編輯繪制的曲線。其中可進(jìn)行設(shè)置的屬性包括：設(shè)繪制的曲線。其中可進(jìn)行設(shè)置的屬性包括：設(shè)置圖形的大小和位置、設(shè)置路徑的填充效果、置圖形的大小和位置、設(shè)置路徑的填充效果、設(shè)置描邊的類型和添加效果等設(shè)置描邊的類型和添加效果等 返回本節(jié)返回本節(jié)錄錄8.1.5 使用描邊和填充使用描邊和填充1.為矢量圖形設(shè)置描邊效果為矢量圖形設(shè)置描邊效果l（1）新建一個(gè)空白的圖形文檔。）新建一個(gè)空白的圖形文檔。l（2）在矢量圖形工具組中選擇）在矢量圖形工具組中選擇“螺旋形工具螺旋形工具”，在畫布上繪制一個(gè)螺旋形圖形，如圖在畫布上繪制一個(gè)螺旋形圖形

8、，如圖8-9（a）所示。所示。l（3）用工具面板上的）用工具面板上的“箭頭工具箭頭工具”選中圖形對(duì)選中圖形對(duì)象，然后在屬性檢查器中設(shè)置筆尖的大小為象，然后在屬性檢查器中設(shè)置筆尖的大小為6，如圖如圖8-9（b）所示。）所示。l（4）在屬性檢查器中設(shè)置描邊類型為）在屬性檢查器中設(shè)置描邊類型為“非自然非自然”中的，如圖中的，如圖8-9（c）所示。）所示。l（5）接著再設(shè)置紋理為，邊緣的柔化程度為，）接著再設(shè)置紋理為，邊緣的柔化程度為，如圖如圖8-9（d）所示。）所示。 返回本節(jié)返回本節(jié)錄錄8.1.5 使用描邊和填充使用描邊和填充l2為矢量圖形設(shè)置填充效果為矢量圖形設(shè)置填充效果l（1）使用“矩形工具”

9、在畫布上繪制一個(gè)矩形，如圖8-10（a）所示。l（2）用“箭頭工具”選中圖形對(duì)象，在屬性檢查器中，選擇“填充類別”為“網(wǎng)頁抖動(dòng)”，并在油漆桶中選擇兩種不同顏色，如圖8-10(b)所示。l（3）在屬性檢查器中，選擇“填充類別”為“漸變”選項(xiàng)中“折疊” ，如圖8-10(c)所示。l（4）若選擇“填充類別”為“圖案”選項(xiàng)中的“彩色玻璃”，如圖8-10(d)所示。l（5）若設(shè)置“紋理”選項(xiàng)為“絲褶”，且“紋理總量”為100%，可得到圖8-10(e)。l（6）若設(shè)置“邊緣”選項(xiàng)為“羽化”，且“羽化總量”為9%，可得到圖8-10(f)。l（7）在設(shè)置填充類別時(shí)，如果需要對(duì)填充顏色進(jìn)行編輯，還可以打開“填充

10、選項(xiàng)”對(duì)圖形的填充顏色進(jìn)一步編輯。 返回本節(jié)返回本節(jié)錄錄8.1.5 使用描邊和填充使用描邊和填充操作方法如下：操作方法如下：l（1）用“箭頭工具”選中圖形對(duì)象。l（2）在屬性檢查器中選擇“填充類別”中的“填充選項(xiàng)” 返回本節(jié)返回本節(jié)錄錄8.1.5 使用描邊和填充使用描邊和填充l（3）在彈出的對(duì)話框中選擇“漸變”選項(xiàng) ，彈出編輯漸變色窗口 返回本節(jié)返回本節(jié)錄錄選擇“漸變”選項(xiàng)8.1.5 使用描邊和填充使用描邊和填充l（4）編輯漸變色窗口用于改變漸變填充顏色，中間顏色框的左右各有一個(gè)小顏色塊，用于選擇漸變填充顏色。l（5）改變漸變填充顏色的方法是分別單擊中間顏色框兩端的小顏色塊，打開調(diào)色板，選擇其

11、他的填充顏色，如果拖拽小顏色塊左右移動(dòng)，可以改變?cè)摲N顏色在漸變填充中所占的比例。l（6）如果需要增加漸變顏色，可以用鼠標(biāo)指向顏色框的下邊框，當(dāng)鼠標(biāo)箭頭變?yōu)闀r(shí)單擊鼠標(biāo)可以增加一個(gè)顏色塊，可用于增加漸變顏色，并且可以增加多個(gè)顏色塊。若要減少某種顏色，只需用鼠標(biāo)將該顏色塊其拖離編輯漸變色窗口即可。 返回本節(jié)返回本節(jié)錄錄8.1.6 編輯矢量路徑編輯矢量路徑1使用使用“自由變形工具自由變形工具”將一圓形路徑變?yōu)槟⒐綄⒁粓A形路徑變?yōu)槟⒐叫温窂叫温窂讲僮鞣椒ㄈ缦拢翰僮鞣椒ㄈ缦拢簂（1）新建一個(gè)空白的圖形文檔。l（2）在工具箱中選中“橢圓工具”，設(shè)置線條顏色和填充顏色。l（3）按住Shift鍵，用鼠標(biāo)在畫布中

12、拖拽出兩個(gè)圓形。l（4）在工具箱中選中“自由變形工具”。鼠標(biāo)變?yōu)?，?dāng)鼠標(biāo)移到圖像的路徑上時(shí)，鼠標(biāo)形狀變?yōu)椤D8-14 使用 “任意變形工具”扭曲路徑l（5）按下鼠標(biāo)左鍵，即可以不同的方式來改變圖像的路徑。 返回本節(jié)返回本節(jié)錄錄8.1.6 編輯矢量路徑編輯矢量路徑2. 對(duì)路徑徑進(jìn)行變形操作對(duì)路徑徑進(jìn)行變形操作 操作方法如下：操作方法如下：l（1）選擇“更改區(qū)域形狀工具”后，在畫布上按下鼠標(biāo)左鍵，光標(biāo)變?yōu)殡p線圓，在路徑上拖拽光標(biāo)即可扭曲路徑。l（2）兩個(gè)變形工具之間的區(qū)別，“更改區(qū)域形狀工具”可以對(duì)一個(gè)區(qū)域內(nèi)的所有路徑進(jìn)行變形，而不僅僅是某一段路徑。圖中分別為“自由變形工具”和“更改區(qū)域形狀工具”

13、推動(dòng)矩形路徑變形的圖形效果。對(duì)于“自由變形工具”中的單線圓和雙線圓的大小，可在選中變形工具后，相應(yīng)的“屬性檢查器”中設(shè)置圓的大小尺寸。 返回本節(jié)返回本節(jié)錄錄8.1.6 編輯矢量路徑編輯矢量路徑3.使用使用“重繪路徑工具重繪路徑工具”修改一橢圓路徑中的某修改一橢圓路徑中的某一段路徑一段路徑操作方法如下：操作方法如下：l（1）使用“箭頭工具”選中文檔中已經(jīng)存在的橢圓路徑。l（2）在工具箱中選擇“重繪路徑工具”。l（3）將光標(biāo)移到要修改的路徑上，光標(biāo)變?yōu)樗{(lán)色的圓圈。l（4）按下鼠標(biāo)左鍵繪制新的路徑到原路徑的另一點(diǎn)上。l（5）在結(jié)束點(diǎn)處釋放鼠標(biāo)左鍵，則新繪制的路徑將替換舊路徑 返回本節(jié)返回本節(jié)錄錄圖8

14、-16 重繪路徑8.1.6 編輯矢量路徑編輯矢量路徑操作方法如下：操作方法如下：l（1）首先在畫布中繪制三個(gè)正圓，其中，大圓和下面的小圓填充黑色，上面的小圓填充白色 l（2）用“部分選定工具”選中大圓，然后，用“刀子工具”進(jìn)行縱向沿圓心切割，使之被切成兩個(gè)半圓，再選中右半圓，修改其填充顏色為白色。l（3）分別選定上下兩個(gè)小圓，設(shè)置其線條顏色為無色。l（4）分別在兩個(gè)小圓的圓心處繪制相應(yīng)圓形，并設(shè)置線條顏色為無色，最后，再填充相應(yīng)的顏色，就完成了太極圖形的制作。 返回本節(jié)返回本節(jié)錄錄8.2 矢量圖與位圖的編輯矢量圖與位圖的編輯8.2.1 矢量圖和位圖矢量圖和位圖8.2.2 編輯矢量圖編輯矢量圖8

15、.2.3 編輯位圖編輯位圖 返回章目錄返回章目錄8.2.1 矢量圖和位圖l矢量圖形是使用矢量即直線和曲線來描繪圖形。矢量路徑的形狀由路徑上繪制的點(diǎn)確定，矢量對(duì)象的筆觸顏色與路徑一致。矢量圖的顏色是由輪廓線和輪廓線包圍的區(qū)域的顏色決定的。當(dāng)你對(duì)矢量圖形進(jìn)行編輯的時(shí)候，實(shí)際上是對(duì)線條和曲線的屬性進(jìn)行修改。也就是說，一般情況下矢量圖形是繪制出來的或者是由顏色變化、線條變化不多的圖形轉(zhuǎn)化過來的。它更適合于描述繪圖文件而不是來自自然的照片效果。 返回本節(jié)返回本節(jié)錄錄8.2.1 矢量圖和位圖l位圖圖像是使用像素點(diǎn)即顏色點(diǎn)來描繪圖像。當(dāng)你對(duì)位圖圖像進(jìn)行修改時(shí)，需要修改的是像素而不是線條和曲線。位圖的最大優(yōu)點(diǎn)

16、是自然，它可以用來描述來自于自然界的照片這種各個(gè)像素之間毫不相關(guān)的圖畫。 返回本節(jié)返回本節(jié)錄錄8.2.1 矢量圖和位圖矢量圖和位圖各自的特點(diǎn)如下。矢量圖：矢量圖：l不宜描述照片圖片。l文件尺寸小。l分辨率具有獨(dú)立性即改變分辨率時(shí)質(zhì)量不受損失。l矢量圖放大后不變形。位圖：位圖：l易于描述照片等顏色線條變化豐富的圖片。l文件尺寸較大。l分辨率不具有獨(dú)立性即改變分辨率時(shí)質(zhì)量會(huì)受損失。l位圖放大后變得模糊失真。 返回本節(jié)返回本節(jié)錄錄8.2.2 編輯矢量圖編輯矢量圖【例【例1】創(chuàng)建一個(gè)帶陰影的立體小球。l操作方法如下：操作方法如下：l（1）單擊工具欄中新建文檔按鈕，設(shè)置畫布寬度為600像素，高度為300

17、像素，分辨率為72，背景色為白色，然后單擊“確定”按鈕。l（2）在工具箱中選擇矩形工具組中的“橢圓工具”，并在相應(yīng)的“屬性檢查器”中設(shè)置線條顏色為無色、填充色為黑色。 返回本節(jié)返回本節(jié)錄錄8.2.2 編輯矢量圖編輯矢量圖l（3）按住Shift鍵，在畫布上拖拽出一圓形，如圖8-18（a）所示。l（4）選擇工具箱中的“箭頭工具”，選中圓形對(duì)象。l（5）在“屬性檢查器”的填充類型下拉列表框中選擇填充類型為“放射狀填充”，此時(shí)畫布上出現(xiàn)光照點(diǎn)和線段，如圖8-18（b）所示。l（6）用鼠標(biāo)拖動(dòng)線段的兩個(gè)端點(diǎn)分別移動(dòng)到圖示片的位置上，如圖8-18（c）所示。 返回本節(jié)返回本節(jié)錄錄8.2.2 編輯矢量圖編輯

18、矢量圖l（7）單擊“屬性檢查器”中“效果”的按鈕，彈出特效菜單。選擇“陰影和光暈”中的“投影”選項(xiàng)，在彈出的特效屬性消息框中設(shè)置投影參數(shù) 返回本節(jié)返回本節(jié)錄錄8.2.2 編輯矢量圖編輯矢量圖【例【例2】繪制一幅夜空景色的圖像。在本例中將制作一個(gè)月亮和星星的圖案，主要使用“鋼筆工具”、“橢圓工具”和“多邊形工具”。操作方法如下：操作方法如下：l（1）單擊工具欄中新建文檔按鈕，設(shè)置畫布寬度為600像素，高度為300像素，分辨率為72，背景色為白色，然后單擊按鈕。l（2）選擇“橢圓工具”，在畫布上繪制出兩個(gè)圓，選擇“箭頭工具”，然后用鼠標(biāo)將兩個(gè)圓全部選中。l（3）選擇菜單“修改”中的“組合路徑”選項(xiàng)

19、，執(zhí)行其下拉菜單中的“打孔”子命令，可得到彎月形路徑。l（4）選擇“鋼筆工具”在月亮路徑上繪制一個(gè)三角形，將對(duì)象全部選中后，再執(zhí)行“打孔”命令，又繪制出月亮的嘴巴。 返回本節(jié)返回本節(jié)錄錄8.2.2 編輯矢量圖編輯矢量圖l（5）用“鋼筆工具”月亮的眼睛，完成帶有笑臉的月亮圖形的繪制，如圖8-20所示。l（6）用“箭頭工具”選中月亮對(duì)象，在“屬性檢查器”中，設(shè)置月亮路徑的填充顏色為黃色，路徑描邊為無色。 返回本節(jié)返回本節(jié)錄錄8.2.2 編輯矢量圖編輯矢量圖l（7）選擇矩形工具組中的“多邊形工具”繪制多個(gè)五角星，襯在月亮的周圍。選中五角星對(duì)象，并在“屬性檢查器”中，為五角星設(shè)置特效，例如為五角星添加

20、投影效果。l（8）選擇“文本工具”在圖案中添加文字星夜寄語，然后用“部分選擇工具”選中文本框，在“屬性檢查器”中為文字設(shè)置字體、字號(hào)、字顏色及添加特效，例如為文字設(shè)置斜角效果。調(diào)整文本的位置 返回本節(jié)返回本節(jié)錄錄8.2.2 編輯矢量圖編輯矢量圖l（9）最后，用“部分選擇工具”單擊畫布空白位置，在“屬性檢查器”中設(shè)置畫布顏色為灰色，即可完成夜空景色的繪制。 返回本節(jié)返回本節(jié)錄錄8.2.2 編輯矢量圖編輯矢量圖【例【例3】使用繪圖工具和層面板創(chuàng)建一個(gè)導(dǎo)航欄圖像。 返回本節(jié)返回本節(jié)錄錄8.2.2 編輯矢量圖編輯矢量圖操作方法如下：操作方法如下：l（1）單擊工具欄中新建文檔按鈕，設(shè)置畫布寬度為600像

21、素，高度為300像素，分辨率為72，背景色為白色，然后單擊“確定”按鈕。l（2）在工具箱中選擇矩形工具組中的“圓角矩形工具”，并在相應(yīng)的“屬性檢查器”中設(shè)置圓角角度為100,線條顏色為無色。l（3）在畫布上拖拽出一個(gè)圓角矩形，并在相應(yīng)的“屬性檢查器”中設(shè)置填充類型為線性漸變，顏色為黑色過渡至綠色，進(jìn)行從下至上的漸變填充；再設(shè)置效果為內(nèi)斜角和投影特效。 返回本節(jié)返回本節(jié)錄錄8.2.2 編輯矢量圖編輯矢量圖l（4）在圓角矩形上重復(fù)上一步，繪制一個(gè)尺寸略小的圓角矩形，然后，在“屬性檢查器”中設(shè)置填充類型為線性漸變，顏色為綠色過渡至黑色，進(jìn)行從下至上的漸變填充。l（5）下面要將中間的小圓角矩形分成五個(gè)

22、部分，仍然使用“打孔”功能。使用矩形工具繪制四個(gè)大小相同的矩形，分別放置在中間的小圓角矩形上。l（6）按住Shift鍵，選擇其中一個(gè)矩形和小的圓角矩形，然后，從菜單中選擇“打孔”命令，從圓角矩形中分出一部分。重復(fù)這一過程，完成對(duì)圓角矩形的劃分，這時(shí)，中間的圓角矩形雖然被分成五個(gè)部分，但其總體仍然是一個(gè)復(fù)合路徑。 返回本節(jié)返回本節(jié)錄錄8.2.2 編輯矢量圖編輯矢量圖l（7）選中這個(gè)復(fù)合路徑，執(zhí)行“修改”“組合”菜單下的“拆分”子命令，將這個(gè)路徑拆分為五個(gè)獨(dú)立的路徑。l（8）最后，使用“文本工具”鍵入文字，在相應(yīng)的“屬性檢查器”中設(shè)置文本的相關(guān)屬性，完成操作后，選中所有對(duì)象，執(zhí)行“修改”“組合”命

23、令，將所有對(duì)象再重新組合起來，成為一個(gè)單獨(dú)的對(duì)象，如圖8-22所示。 返回本節(jié)返回本節(jié)錄錄8.2.3 編輯位圖編輯位圖1.選擇位圖區(qū)域工具選擇位圖區(qū)域工具“選取框工具選取框工具”在位圖編輯模式中是重要的在位圖編輯模式中是重要的工具，通過工具，通過“選取框工具選取框工具”可以確定位可以確定位圖圖像中需要進(jìn)行編輯的區(qū)域。在圖圖像中需要進(jìn)行編輯的區(qū)域。在Fireworks中選擇區(qū)域工具包括中選擇區(qū)域工具包括“圈選工圈選工具具”、“套索工具套索工具”和和“魔術(shù)棒工具魔術(shù)棒工具”。其中其中“圈選工具圈選工具”包含包含“矩形選取框工矩形選取框工具具”和和“橢圓選取框工具橢圓選取框工具”，“套索工套索工具具

24、”還包含還包含“多邊形套索工具多邊形套索工具”。 返回本節(jié)返回本節(jié)錄錄8.2.3 編輯位圖編輯位圖“圈選工具”對(duì)應(yīng)的“屬性檢查器” 返回本節(jié)返回本節(jié)錄錄有正常、固定比例和固定大小三個(gè)選項(xiàng)，用于定義選擇區(qū)域的形狀和比例 8.2.3 編輯位圖編輯位圖使用羽化效果選取區(qū)域并進(jìn)行復(fù)制的操使用羽化效果選取區(qū)域并進(jìn)行復(fù)制的操作方法：作方法：l（1）選擇菜單中的“文件”“導(dǎo)入”選項(xiàng)，彈出導(dǎo)入圖像文件對(duì)話框 返回本節(jié)返回本節(jié)錄錄選擇一幅圖像 單擊按鈕8.2.3 編輯位圖編輯位圖l（2）在畫布上單擊鼠標(biāo)，或拖拽鼠標(biāo)可將圖像在畫布上展開，如圖8-25（a）所示。l（3）在工具箱中選取“選取框工具”。l（4）在“屬

25、性檢查器”中設(shè)置邊緣選項(xiàng)為羽化。l（5）在位圖中創(chuàng)建選取區(qū)域，如圖8-25（b）所示。l（6）在工具欄中單擊“拷貝”按鈕。l（7）單擊工具欄中的“粘貼”按鈕。l（8）用鼠標(biāo)將粘貼的對(duì)象移到另一位置，完成操作，如圖8-25（c）所示。 返回本節(jié)返回本節(jié)錄錄8.2.3 編輯位圖編輯位圖在建立了一個(gè)選擇區(qū)域后，如果想在這個(gè)區(qū)域的基礎(chǔ)上添加矩形選擇區(qū)域，還可按下Shift鍵，再次進(jìn)行選擇區(qū)域操作，則新建立的選擇區(qū)域會(huì)被添加到原選擇區(qū)域上去；若按下Alt鍵后，在這個(gè)選區(qū)上繪制另一選區(qū)，則原選區(qū)的重疊部分將被減去。如果希望選取多個(gè)選擇區(qū)域的重合部分，還可在建立第一個(gè)選區(qū)之后，按下Alt+Shift鍵，再次

26、進(jìn)行選擇區(qū)域操作，則新建立的選擇區(qū)域與原選擇區(qū)域重疊的部分將被保留，綜合使用添加和消去選擇區(qū)域的操作，可以幫助我們建立特殊的選區(qū)，或者繪制相應(yīng)的形狀，如圖8-26所示。 返回本節(jié)返回本節(jié)錄錄8.2.3 編輯位圖編輯位圖l2. 繪制位圖圖像繪制位圖圖像l在Fireworks中，常用“鉛筆工具”、“刷子工具”繪制位圖圖像。在繪制圖像過程中，首先在工具箱中選擇一種工具，然后選擇相應(yīng)的的顏色，在“屬性檢查器”中設(shè)置一種筆觸后，就可以開始你的圖形創(chuàng)意了。在你的圖像繪制過程中還可以借助油漆桶工具來增添圖像的色彩，使用油漆桶工具時(shí)，要先利用圈選或套索工具在圖形上選定一個(gè)區(qū)域，再單擊工具箱上的顏色工具，從調(diào)色

27、板中選擇要填充的顏色，然后單擊油漆桶工具，在選取區(qū)域內(nèi)單擊，即可將選取的區(qū)域填充上相應(yīng)的顏色 返回本節(jié)返回本節(jié)錄錄8.2.3 編輯位圖編輯位圖3.剪裁位圖圖像剪裁位圖圖像使用“裁剪工具”或選擇菜單“編輯”“修剪位圖”命令，用戶可以將選中的區(qū)域裁剪為單獨(dú)的位圖圖像，這項(xiàng)操作常用于裁剪圖像中的關(guān)鍵部分。l裁剪位圖圖像的方法如下：裁剪位圖圖像的方法如下：l選擇工具箱上的“裁剪工具”，將要剪裁的區(qū)域框住，對(duì)已經(jīng)選擇的區(qū)域可隨時(shí)按下Esc鍵取消選擇，還可通過區(qū)域四周的調(diào)整控點(diǎn)，來進(jìn)一步調(diào)整剪裁區(qū)域。然后，雙擊所選區(qū)域，此時(shí)圖像被剪裁到所選區(qū)域的大小，區(qū)域外的部分被裁掉。 返回本節(jié)返回本節(jié)錄錄8.2.3

28、編輯位圖編輯位圖l4.克隆部分圖象克隆部分圖象l使用“圖章”工具可以在圖像內(nèi)對(duì)某一部分內(nèi)容進(jìn)行重復(fù)復(fù)制，操作方法是：選擇工具箱中的“圖章”工具，用鼠標(biāo)單擊位圖圖像，然后將鼠標(biāo)移至需要繪制的地方按下鼠標(biāo)左鍵，拖動(dòng)鼠標(biāo)，開始繪制。在繪制前，可以在“屬性檢查器”中設(shè)置相關(guān)屬性后。 返回本節(jié)返回本節(jié)錄錄8.2.3 編輯位圖編輯位圖5.擦除像素擦除像素l使用工具箱中的“橡皮擦”工具，可以擦除位圖中的像素來修改位圖圖像，具體操作方法為：選中工具箱中的“橡皮擦”工具，在“屬性檢查器”中設(shè)置“橡皮擦”的相關(guān)屬性后，在位圖中需要擦除的地方按下鼠標(biāo)左鍵進(jìn)行拖動(dòng)，即可擦除像素。 返回本節(jié)返回本節(jié)錄錄8.2.3 編輯

29、位圖編輯位圖6.蒙板蒙板l使用蒙板，可以有選擇地顯示位圖對(duì)象中的某一部分。蒙版，顧名思義，就是將圖像中不必顯示的部分蒙起來，透過用于遮罩的對(duì)象來顯示被遮罩的圖像的局部，形成遮罩圖像。下面通過實(shí)例來加以說明。 返回本節(jié)返回本節(jié)錄錄8.2.3 編輯位圖編輯位圖【例【例1】使用一矢量圖形在另一位圖上創(chuàng)建遮罩圖像 返回本節(jié)返回本節(jié)錄錄8.2.3 編輯位圖編輯位圖l操作方法如下：操作方法如下：l（1）創(chuàng)建一個(gè)空白文檔，導(dǎo)入一幅位圖圖像作為被遮罩對(duì)象。l（2）在工具箱中選擇一圖形工具（如多邊形工具）在位圖圖像上繪制一個(gè)八角星圖形做為遮罩對(duì)象。l（3）選中遮罩對(duì)象并剪切。l（4）單擊被遮罩對(duì)象，選擇菜單欄上

30、的“編輯”“粘貼為蒙板”命令，或選擇菜單欄上的“修改”“蒙板”“粘貼為蒙板”命令，即可完成創(chuàng)建，圖8-27是被遮罩圖像、遮罩對(duì)象和遮罩圖像。 返回本節(jié)返回本節(jié)錄錄8.3使用濾鏡使用濾鏡 8.3.1 調(diào)整顏色濾鏡調(diào)整顏色濾鏡8.3.2 模糊濾鏡模糊濾鏡8.3.3 銳化顏色濾鏡銳化顏色濾鏡8.3.4 雜點(diǎn)濾鏡雜點(diǎn)濾鏡8.3.5 其他濾鏡其他濾鏡 返回章目錄返回章目錄8.3.1 調(diào)整顏色濾鏡調(diào)整顏色濾鏡可以對(duì)位圖圖像的像素點(diǎn)的顏色進(jìn)行調(diào)整，增強(qiáng)表現(xiàn)力。Fireworks提供的調(diào)整顏色濾鏡有6個(gè)。通過下面的圖例可以說明這些濾鏡的使用及執(zhí)行效果。 返回本節(jié)返回本節(jié)錄錄8.3.1 調(diào)整顏色濾鏡l1.亮度亮

31、度/對(duì)比度對(duì)比度l（1）導(dǎo)入一幅原始圖像，選中圖像區(qū)域，執(zhí)行“亮度/對(duì)比度”命令，打開相應(yīng)對(duì)話框。l（2）調(diào)整“亮度”、“對(duì)比度”的數(shù)值，即可改變選中區(qū)域的亮度和對(duì)比度，如圖8-29所示，則為調(diào)整前后的效果圖 返回本節(jié)返回本節(jié)錄錄8.3.1 調(diào)整顏色濾鏡l2.色相色相/飽合度飽合度l（1）執(zhí)行“色相/飽合度”命令，打開“色相/飽合度”對(duì)話框，如圖8-30所示。l（2）拖動(dòng)“色相”、“飽合度”和“亮度”上的滑塊即可以改變圖像的色相、飽合度和亮度，改變后的效果如圖8-31所示。 返回本節(jié)返回本節(jié)錄錄8.3.1 調(diào)整顏色濾鏡l3.色階色階l（1）執(zhí)行“色階”命令（此命令可以調(diào)節(jié)圖像的亮部、中間調(diào)和暗

32、部的色域），打開“色階”對(duì)話框，調(diào)整色調(diào)層次 返回本節(jié)返回本節(jié)錄錄8.3.1 調(diào)整顏色濾鏡左側(cè)有兩個(gè)區(qū)域用來設(shè)置圖像的輸入和輸出色階，拖動(dòng)滑塊可改變它們的數(shù)值。在對(duì)話框的右側(cè)有三吸管形狀的的按鈕，它們分別可以取“亮部顏色”、“中間調(diào)顏色”和“暗部顏色”。如果在此對(duì)話框中單擊“自動(dòng)”按鈕，相當(dāng)于執(zhí)行“自動(dòng)色階”命令。如圖8-33為執(zhí)行色階命令后的效果 返回本節(jié)返回本節(jié)錄錄8.3.1 調(diào)整顏色濾鏡l4.曲線曲線l（1）執(zhí)行“曲線”命令，打開“曲線”對(duì)話框。l（2）在此對(duì)話框網(wǎng)格的對(duì)角線上單擊可以作出一個(gè)控制點(diǎn)，拖動(dòng)控制點(diǎn)可以在圖像中看到色調(diào)的變化效果，調(diào)整后的對(duì)話框如圖8-34所示 返回本節(jié)返回本

33、節(jié)錄錄8.3.1 調(diào)整顏色濾鏡l如果要?jiǎng)h除控制點(diǎn)，用鼠標(biāo)將控制點(diǎn)拖出框外即可。在網(wǎng)格框的一方有一個(gè)雙向三角按鈕，單擊此按鈕，可以反轉(zhuǎn)坐標(biāo)軸上的亮度和暗度。如圖8-35所示為執(zhí)行色階后的效果圖。 返回本節(jié)返回本節(jié)錄錄8.3.1 調(diào)整顏色濾鏡l5.反轉(zhuǎn)反轉(zhuǎn)l執(zhí)行“反轉(zhuǎn)”命令，相應(yīng)的效果如圖8-36所示，此命令沒有相應(yīng)的對(duì)話框，執(zhí)行此命令后，直接可以得到圖像的反色效果。 返回本節(jié)返回本節(jié)錄錄8.3.2 模糊濾鏡模糊濾鏡模糊濾鏡用于對(duì)圖像進(jìn)行模糊處理，共有6個(gè)選項(xiàng) 返回本節(jié)返回本節(jié)錄錄只能用于模糊位于圖像邊緣上的圖像； 模糊的范圍比“模糊”選項(xiàng)更大 以自由控制模糊的強(qiáng)度 類似于由于運(yùn)動(dòng)抖動(dòng)而產(chǎn)生的模糊

34、 由內(nèi)向外過渡的模糊 8.3.2 模糊濾鏡模糊濾鏡l導(dǎo)入一幅原始圖片，選中圖像區(qū)域，執(zhí)行模糊菜單下的模糊命令就可產(chǎn)生模糊效果。下面就通過圖例來顯示各種模糊濾鏡所產(chǎn)生的效果，如圖8-38所示。 返回本節(jié)返回本節(jié)錄錄 原圖片 高斯模糊后的效果 放射狀模糊后的效果 縮放模糊后的效果 8.3.3 銳化顏色濾鏡銳化顏色濾鏡銳化顏色濾鏡與模糊濾鏡效果相反，可使圖像中選中區(qū)域模糊的地方變得清晰。銳化類型共有3個(gè)選項(xiàng)，“銳化”、“進(jìn)一步銳化”和“銳化蒙版”，這三者之間的區(qū)別只是銳化的程度不同。如圖8-39所示為使用“銳化蒙版”濾鏡。 返回本節(jié)返回本節(jié)錄錄8.3.4 雜點(diǎn)濾鏡雜點(diǎn)濾鏡l雜點(diǎn)濾鏡就將圖像的選擇區(qū)域

35、填加上雜點(diǎn)效果。在圖像編輯中，“雜點(diǎn)”是指組成圖像的像素中隨機(jī)出現(xiàn)的不同顏色。當(dāng)將某個(gè)圖像的一部分粘貼到另一圖像時(shí)，這兩個(gè)圖像中隨機(jī)出現(xiàn)的不同顏色的差異就會(huì)表現(xiàn)出來，從而使兩個(gè)圖像不能順利地混合。在這種情況下，可以在一個(gè)圖像和/或兩個(gè)圖像中添加雜點(diǎn)，使這兩個(gè)圖像看起來好象來源相同。使用雜點(diǎn)效果前后的效果如圖8-40所示 返回本節(jié)返回本節(jié)錄錄8.3.5 其他濾鏡其他濾鏡除上述濾鏡外，在“其他”選項(xiàng)中還有兩個(gè)濾鏡“查找邊緣”濾鏡和“轉(zhuǎn)換為Alpha”濾鏡?！安檎疫吘墶睘V鏡可以濾掉圖像中的彩色填充部分，而圖像中顏色邊緣轉(zhuǎn)換為彩色，從而勾勒出圖像的邊緣，如圖8-41所示。 返回本節(jié)返回本節(jié)錄錄8.3.

36、5 其他濾鏡其他濾鏡“轉(zhuǎn)換為Alpha”濾鏡可以將選中區(qū)域的彩色圖像部分轉(zhuǎn)換為透明蒙板的Alpha灰 度圖像，如圖8-42所示。 返回本節(jié)返回本節(jié)錄錄8.4使用樣式使用樣式8.4.1 樣式面板樣式面板8.4.2 使用樣式使用樣式8.4.3 添加樣式添加樣式8.4.4 刪除樣式刪除樣式 返回章目錄返回章目錄8.4.1 樣式面板通?！皹邮矫姘濉蓖７旁诠ぷ鲄^(qū)右上角面板組中，可以在面板組中打開該面板，也可以在主菜單中選擇“窗口”“樣式”選項(xiàng)，即可打開“樣式”面板 返回本節(jié)返回本節(jié)錄錄8.4.2 使用樣式使用樣式使用Fireworks內(nèi)置的樣式并不一定能完全符合用戶的需要，但是通過它們能較為快捷的為對(duì)象

37、設(shè)置較為理想的參考提示。在對(duì)象上使用“樣式”的具體方法如下：l（1）在文檔中選中要使用樣式的對(duì)象。l（2）在“樣式”面板中單擊相應(yīng)的樣式按鈕即可將該樣式效果應(yīng)用到對(duì)象。 返回本節(jié)返回本節(jié)錄錄8.4.3 添加樣式添加樣式添加樣式的操作方法如下：添加樣式的操作方法如下：如果需要對(duì)“樣式”面板中添加新的樣式，可以按下列步驟進(jìn)行：l（1）在文檔中編輯并設(shè)置圖形或文字的效果，然后將其選中。 l（2）單擊“樣式”面板右上角擴(kuò)展箭頭按鈕，選擇彈出菜單中的“新建樣式”。或者單擊面板右下角的添加樣式按鈕。l（3）單擊按鈕即可將設(shè)置好的樣式效果添加到“樣式”面板中。 返回本節(jié)返回本節(jié)錄錄8.4.3 添加樣式添加樣

38、式下面通過一個(gè)實(shí)例來具體說明在“樣式“面板中添加自定義樣式的基本方法：l（1）首先選擇工具箱中的多邊形工具，在畫布上繪制一個(gè)六角星，使用“部分選定工具”選中對(duì)象。l（2）在“屬性檢查器”中設(shè)置填充屬性及特效。選擇填充顏色為綠色，“填充類型”為圓錐形；在“紋理”選項(xiàng)中選擇“其他”，如圖8-44所示 返回本節(jié)返回本節(jié)錄錄8.4.3 添加樣式添加樣式 返回本節(jié)返回本節(jié)錄錄8.4.3 添加樣式添加樣式則彈出“定位文件”對(duì)話框，如圖8-45所示。 返回本節(jié)返回本節(jié)錄錄8.4.3 添加樣式添加樣式l（4）再在對(duì)應(yīng)的“屬性檢查器”中設(shè)置特效為“內(nèi)斜角”并設(shè)置“斜角邊緣形狀”為平滑，“斜角寬度”為30，如圖8

39、-46所示。 返回本節(jié)返回本節(jié)錄錄8.4.3 添加樣式添加樣式在完成了圖形的相關(guān)設(shè)置之后，打開“樣式”面板。并單擊右下角的“添加樣式”按鈕，打開“新建樣式”對(duì)話框，如圖8-47所示。 返回本節(jié)返回本節(jié)錄錄8.4.3 添加樣式添加樣式l（5）在“名稱”一欄中為新建立的樣式填寫樣式名稱，然后，單擊確定按鈕，完成“添加樣式”操作。在“樣式面板”中就可以看到自已新建的樣式，并且可以象使用其他樣式一樣將該樣式效果應(yīng)用到對(duì)象。 返回本節(jié)返回本節(jié)錄錄8.4.4 刪除樣式刪除樣式添加樣式的方法如下：添加樣式的方法如下：如果“樣式”面板中的某個(gè)樣式不再需要，也可以將其從“樣式”面板中刪除，具體方法如下述之一：l（1）首先在“樣式”面板中選中要?jiǎng)h除的樣式。然后單擊面板右上角的擴(kuò)展箭頭按鈕，選擇彈出菜單中的“刪除樣式”。l（2）在“樣式”面板中選中要?jiǎng)h除的樣式，然后單擊面板右下角的刪除樣式按鈕即可。 返回本節(jié)返回本節(jié)錄錄8.5使用效果使用效果8.5.1 斜角和浮雕效果斜角和浮雕效果8.5.2 投影和光暈投影和光暈 返回章