第8章Fireworks網頁圖形制作_第1頁
第8章Fireworks網頁圖形制作_第2頁
第8章Fireworks網頁圖形制作_第3頁
第8章Fireworks網頁圖形制作_第4頁
第8章Fireworks網頁圖形制作_第5頁
已閱讀5頁,還剩82頁未讀, 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、第第8章章Fireworks網頁圖網頁圖形制作形制作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)首先創建一個新文檔,單擊工具欄上的“

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

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

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

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

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

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

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

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

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

11、他的填充顏色,如果拖拽小顏色塊左右移動,可以改變該種顏色在漸變填充中所占的比例。l(6)如果需要增加漸變顏色,可以用鼠標指向顏色框的下邊框,當鼠標箭頭變為時單擊鼠標可以增加一個顏色塊,可用于增加漸變顏色,并且可以增加多個顏色塊。若要減少某種顏色,只需用鼠標將該顏色塊其拖離編輯漸變色窗口即可。 返回本節返回本節錄錄8.1.6 編輯矢量路徑編輯矢量路徑1使用使用“自由變形工具自由變形工具”將一圓形路徑變為蘑菇將一圓形路徑變為蘑菇形路徑形路徑操作方法如下:操作方法如下:l(1)新建一個空白的圖形文檔。l(2)在工具箱中選中“橢圓工具”,設置線條顏色和填充顏色。l(3)按住Shift鍵,用鼠標在畫布中

12、拖拽出兩個圓形。l(4)在工具箱中選中“自由變形工具”。鼠標變為,當鼠標移到圖像的路徑上時,鼠標形狀變為。圖8-14 使用 “任意變形工具”扭曲路徑l(5)按下鼠標左鍵,即可以不同的方式來改變圖像的路徑。 返回本節返回本節錄錄8.1.6 編輯矢量路徑編輯矢量路徑2. 對路徑徑進行變形操作對路徑徑進行變形操作 操作方法如下:操作方法如下:l(1)選擇“更改區域形狀工具”后,在畫布上按下鼠標左鍵,光標變為雙線圓,在路徑上拖拽光標即可扭曲路徑。l(2)兩個變形工具之間的區別,“更改區域形狀工具”可以對一個區域內的所有路徑進行變形,而不僅僅是某一段路徑。圖中分別為“自由變形工具”和“更改區域形狀工具”

13、推動矩形路徑變形的圖形效果。對于“自由變形工具”中的單線圓和雙線圓的大小,可在選中變形工具后,相應的“屬性檢查器”中設置圓的大小尺寸。 返回本節返回本節錄錄8.1.6 編輯矢量路徑編輯矢量路徑3.使用使用“重繪路徑工具重繪路徑工具”修改一橢圓路徑中的某修改一橢圓路徑中的某一段路徑一段路徑操作方法如下:操作方法如下:l(1)使用“箭頭工具”選中文檔中已經存在的橢圓路徑。l(2)在工具箱中選擇“重繪路徑工具”。l(3)將光標移到要修改的路徑上,光標變為藍色的圓圈。l(4)按下鼠標左鍵繪制新的路徑到原路徑的另一點上。l(5)在結束點處釋放鼠標左鍵,則新繪制的路徑將替換舊路徑 返回本節返回本節錄錄圖8

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

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

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

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

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

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

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

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

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

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

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

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

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

27、板中選擇要填充的顏色,然后單擊油漆桶工具,在選取區域內單擊,即可將選取的區域填充上相應的顏色 返回本節返回本節錄錄8.2.3 編輯位圖編輯位圖3.剪裁位圖圖像剪裁位圖圖像使用“裁剪工具”或選擇菜單“編輯”“修剪位圖”命令,用戶可以將選中的區域裁剪為單獨的位圖圖像,這項操作常用于裁剪圖像中的關鍵部分。l裁剪位圖圖像的方法如下:裁剪位圖圖像的方法如下:l選擇工具箱上的“裁剪工具”,將要剪裁的區域框住,對已經選擇的區域可隨時按下Esc鍵取消選擇,還可通過區域四周的調整控點,來進一步調整剪裁區域。然后,雙擊所選區域,此時圖像被剪裁到所選區域的大小,區域外的部分被裁掉。 返回本節返回本節錄錄8.2.3

28、編輯位圖編輯位圖l4.克隆部分圖象克隆部分圖象l使用“圖章”工具可以在圖像內對某一部分內容進行重復復制,操作方法是:選擇工具箱中的“圖章”工具,用鼠標單擊位圖圖像,然后將鼠標移至需要繪制的地方按下鼠標左鍵,拖動鼠標,開始繪制。在繪制前,可以在“屬性檢查器”中設置相關屬性后。 返回本節返回本節錄錄8.2.3 編輯位圖編輯位圖5.擦除像素擦除像素l使用工具箱中的“橡皮擦”工具,可以擦除位圖中的像素來修改位圖圖像,具體操作方法為:選中工具箱中的“橡皮擦”工具,在“屬性檢查器”中設置“橡皮擦”的相關屬性后,在位圖中需要擦除的地方按下鼠標左鍵進行拖動,即可擦除像素。 返回本節返回本節錄錄8.2.3 編輯

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

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

31、度/對比度對比度l(1)導入一幅原始圖像,選中圖像區域,執行“亮度/對比度”命令,打開相應對話框。l(2)調整“亮度”、“對比度”的數值,即可改變選中區域的亮度和對比度,如圖8-29所示,則為調整前后的效果圖 返回本節返回本節錄錄8.3.1 調整顏色濾鏡l2.色相色相/飽合度飽合度l(1)執行“色相/飽合度”命令,打開“色相/飽合度”對話框,如圖8-30所示。l(2)拖動“色相”、“飽合度”和“亮度”上的滑塊即可以改變圖像的色相、飽合度和亮度,改變后的效果如圖8-31所示。 返回本節返回本節錄錄8.3.1 調整顏色濾鏡l3.色階色階l(1)執行“色階”命令(此命令可以調節圖像的亮部、中間調和暗

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

33、節錄錄8.3.1 調整顏色濾鏡l如果要刪除控制點,用鼠標將控制點拖出框外即可。在網格框的一方有一個雙向三角按鈕,單擊此按鈕,可以反轉坐標軸上的亮度和暗度。如圖8-35所示為執行色階后的效果圖。 返回本節返回本節錄錄8.3.1 調整顏色濾鏡l5.反轉反轉l執行“反轉”命令,相應的效果如圖8-36所示,此命令沒有相應的對話框,執行此命令后,直接可以得到圖像的反色效果。 返回本節返回本節錄錄8.3.2 模糊濾鏡模糊濾鏡模糊濾鏡用于對圖像進行模糊處理,共有6個選項 返回本節返回本節錄錄只能用于模糊位于圖像邊緣上的圖像; 模糊的范圍比“模糊”選項更大 以自由控制模糊的強度 類似于由于運動抖動而產生的模糊

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

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

36、5 其他濾鏡其他濾鏡“轉換為Alpha”濾鏡可以將選中區域的彩色圖像部分轉換為透明蒙板的Alpha灰 度圖像,如圖8-42所示。 返回本節返回本節錄錄8.4使用樣式使用樣式8.4.1 樣式面板樣式面板8.4.2 使用樣式使用樣式8.4.3 添加樣式添加樣式8.4.4 刪除樣式刪除樣式 返回章目錄返回章目錄8.4.1 樣式面板通常“樣式面板”停放在工作區右上角面板組中,可以在面板組中打開該面板,也可以在主菜單中選擇“窗口”“樣式”選項,即可打開“樣式”面板 返回本節返回本節錄錄8.4.2 使用樣式使用樣式使用Fireworks內置的樣式并不一定能完全符合用戶的需要,但是通過它們能較為快捷的為對象

37、設置較為理想的參考提示。在對象上使用“樣式”的具體方法如下:l(1)在文檔中選中要使用樣式的對象。l(2)在“樣式”面板中單擊相應的樣式按鈕即可將該樣式效果應用到對象。 返回本節返回本節錄錄8.4.3 添加樣式添加樣式添加樣式的操作方法如下:添加樣式的操作方法如下:如果需要對“樣式”面板中添加新的樣式,可以按下列步驟進行:l(1)在文檔中編輯并設置圖形或文字的效果,然后將其選中。 l(2)單擊“樣式”面板右上角擴展箭頭按鈕,選擇彈出菜單中的“新建樣式”?;蛘邌螕裘姘逵蚁陆堑奶砑訕邮桨粹o。l(3)單擊按鈕即可將設置好的樣式效果添加到“樣式”面板中。 返回本節返回本節錄錄8.4.3 添加樣式添加樣

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

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

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論