第11章網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程

網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕機(jī)械工業(yè)出版社同名教材配套電子課件網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH主要內(nèi)容第一局部網(wǎng)頁設(shè)計(jì)與制作根底第二局部AdobeDreamweaverCS5網(wǎng)頁制作第三局部AdobeFireworksCS5網(wǎng)頁圖片處理第四局部AdobeFlashCS5網(wǎng)頁動(dòng)畫制作2網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH第11章對(duì)象繪制與編輯11.1繪制矢量對(duì)象11.2編輯路徑11.3處理位圖圖像11.4顏色的使用與管理11.5層及層操作3網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.1繪制矢量對(duì)象11.1.1繪制根本圖形對(duì)象11.1.2繪制“自動(dòng)形狀〞對(duì)象11.1.3繪制“自由曲線〞路徑4網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH繪制根本圖形對(duì)象繪制“直線〞、“矩形〞或“橢圓〞路徑選擇工具箱中的“直線〞、“矩形〞或“橢圓〞工具。在屬性面板中設(shè)置筆觸和填充屬性。將鼠標(biāo)移入畫布，指針變?yōu)槭中螤睿诋嫴贾型蟿?dòng)繪制形狀。5網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH繪制根本圖形對(duì)象提示：對(duì)于“直線〞工具，按住Shift鍵并拖動(dòng)可保證繪制方向保持水平、垂直或45°夾角方向。對(duì)于“矩形〞或“橢圓〞工具，按住Shift鍵并拖動(dòng)可將形狀限制為正方形或圓形。假設(shè)要從指定的中心點(diǎn)繪制“矩形〞或“橢圓〞，那么按住Alt鍵同時(shí)，拖動(dòng)繪制工具。假設(shè)要從指定的中心點(diǎn)繪制“正方形〞或“圓形〞，那么按住Shift＋Alt鍵同時(shí)，拖動(dòng)繪制工具。6網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH繪制根本圖形對(duì)象繪制“多邊形〞或“星形〞選擇工具箱中的“多邊形〞工具。在屬性面板中，使用“邊〞彈出滑塊選擇3到25個(gè)邊，以確定“多邊形〞的邊數(shù)。，使用“角度〞彈出滑塊選擇0°到100°角度，如下圖。拖動(dòng)鼠標(biāo)繪制多邊形，如下圖。在屬性面板形狀設(shè)置中選擇星形，那么可繪制出星形，7網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.1.3繪制“自由曲線〞路徑使用“鋼筆〞工具選擇“鋼筆〞工具，在畫布中單擊一次鼠標(biāo)繪制第一個(gè)角點(diǎn)，然后再確定下一個(gè)點(diǎn)的位置即可，如下圖。假設(shè)要封閉該路徑，可在確定終點(diǎn)時(shí)單擊所繪制的第一個(gè)點(diǎn)。在繪制直線路徑過程中，選擇其它工具結(jié)束該路徑的繪制。編輯動(dòng)畫元件的屬性8網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.1.2 繪制“自動(dòng)形狀〞對(duì)象Fireworks提供了一組“自動(dòng)形狀〞工具如下圖?！白詣?dòng)形狀〞工具是智能矢量對(duì)象組，用于創(chuàng)立編輯更復(fù)雜的矢量圖形。與其它對(duì)象組不同，選定的“自動(dòng)形狀〞除了具有對(duì)象組手柄外，還具有菱形的控制點(diǎn)。每個(gè)控制點(diǎn)都與形狀的某個(gè)特定可視化屬性關(guān)聯(lián)9網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.1.2 繪制“自動(dòng)形狀〞對(duì)象執(zhí)行主菜單【窗口】/【自動(dòng)形狀屬性】命令，彈出如下圖的“自動(dòng)形狀屬性〞面板，在其中可以選擇繪制形狀，并設(shè)置參數(shù)來修改調(diào)整形狀。10網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.1.3繪制“自由曲線〞路徑繪制曲線路徑的方法選擇“鋼筆〞工具，單擊產(chǎn)生第一個(gè)角點(diǎn)。然后將鋼筆移動(dòng)到下一個(gè)點(diǎn)的位置，按下并拖動(dòng)以產(chǎn)生一個(gè)曲線點(diǎn)，曲線在兩點(diǎn)之間形成。繼續(xù)繪制只需重復(fù)上述操作。如果單擊并拖動(dòng)一個(gè)新點(diǎn)，即可產(chǎn)生一個(gè)曲線點(diǎn)；如果只單擊，那么產(chǎn)生一個(gè)角點(diǎn)。選擇其它工具結(jié)束路徑的繪制，如下圖。曲線路徑可以開放的，帶有明顯的端點(diǎn)，也可以是閉合的，沒有起點(diǎn)和終點(diǎn)。11網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.1.3繪制“自由曲線〞路徑繪制曲線時(shí)，沿曲線隆起的方向拖動(dòng)第一個(gè)點(diǎn)，然后沿相反方向拖動(dòng)第二個(gè)曲線點(diǎn)，繪制一條曲線；假設(shè)朝相同方向拖動(dòng)兩個(gè)曲線點(diǎn)，那么繪制一條S形曲線。提示：繪制的過程中，可以臨時(shí)切換到“局部選定〞工具以更改點(diǎn)的位置和曲線的形狀。下一次單擊時(shí)繼續(xù)繪制該對(duì)象。12網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.1.3繪制“自由曲線〞路徑使用“矢量路徑〞工具選擇“矢量路徑〞工具，在屬性面板中設(shè)置筆觸和填充屬性。拖動(dòng)鼠標(biāo)進(jìn)行繪制，釋放鼠標(biāo)按結(jié)束路徑。假設(shè)要閉合路徑，將指針返回到路徑起始點(diǎn),然后釋放鼠標(biāo)即可，如下圖是使用不同筆觸的“矢量路徑〞工具的繪畫效果。13網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.2 編輯路徑11.2.1 使用“矢量〞工具編輯11.2.2 使用“自由變形〞工具編輯11.2.3 路徑的混合編輯11.2.4使用“路徑〞面板編輯 14網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.2 編輯路徑11.2.1 使用“矢量〞工具編輯11.2.2 使用“自由變形〞工具編輯11.2.3 路徑的混合編輯11.2.4使用“路徑〞面板編輯 15網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.2.1 使用“矢量〞工具編輯對(duì)曲線路徑的形狀進(jìn)行調(diào)整時(shí)，使用“局部選定〞工具，拖動(dòng)錨點(diǎn)和句柄可以更改該對(duì)象的形狀。選擇“指針〞或“局部選定〞工具，單擊圖形路徑。使用“局部選定〞工具單擊某個(gè)錨點(diǎn)，選中錨點(diǎn)顯示為一個(gè)實(shí)心藍(lán)色方形和擴(kuò)展的句柄，其它點(diǎn)為空心方形。用鼠標(biāo)指針將句柄拖到一個(gè)新位置，以改變曲線的形狀。藍(lán)色路徑預(yù)覽顯示新路徑的位置，如下圖。16網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.2.1 使用“矢量〞工具編輯將路徑轉(zhuǎn)換為直線或曲線將角點(diǎn)轉(zhuǎn)換為曲線點(diǎn)的操作：選擇“鋼筆〞工具，在所選路徑上的一個(gè)角點(diǎn)處，按下鼠標(biāo)指針并從該點(diǎn)拖走。句柄將擴(kuò)展，并使直線段變彎，如下圖。17網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.2.1 使用“矢量〞工具編輯將路徑轉(zhuǎn)換為直線或曲線將曲線點(diǎn)轉(zhuǎn)換為角點(diǎn)的操作：選擇“鋼筆〞工具。在所選路徑上的一個(gè)曲線點(diǎn)處，單擊鼠標(biāo)即可將曲線點(diǎn)變?yōu)榻屈c(diǎn)，假設(shè)再次單擊該點(diǎn)，那么刪除該錨點(diǎn)，如下圖。18網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.2.1 使用“矢量〞工具編輯插入和刪除路徑上的點(diǎn)插入點(diǎn)的操作：選擇“局部選定〞工具，單擊編輯路徑上的一個(gè)錨點(diǎn)，使之變?yōu)榫庉嫚顟B(tài)；選擇“鋼筆〞工具，將鼠標(biāo)定位在需要增加錨點(diǎn)的區(qū)域，使鼠標(biāo)變?yōu)榈男螤?，單擊一次那么添加上一個(gè)新的錨點(diǎn)。刪除點(diǎn)的操作：使用“鋼筆〞工具單擊所選對(duì)象上的角點(diǎn)或者雙擊所選對(duì)象上的曲線點(diǎn)。還可以使用“局部選定〞工具選擇一個(gè)點(diǎn)，然后按“Delete〞鍵或“Backspace〞鍵刪除。19網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.2.1 使用“矢量〞工具編輯使用“刀子〞工具在“工具箱〞中，選擇“刀子〞工具，將鼠標(biāo)移入畫布，“刀子〞工具形狀變?yōu)椋缭铰窂酵蟿?dòng)鼠標(biāo)，如圖a所示；松開鼠標(biāo)，路徑被切分，如圖b所示；取消選擇路徑，單獨(dú)將一局部路徑移開，如圖c所示。20網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.2.2使用“自由變形〞工具編輯 使用“自由變形〞工具可以直接對(duì)矢量對(duì)象執(zhí)行彎曲和變形操作，而不是對(duì)各個(gè)點(diǎn)執(zhí)行操作。通過推動(dòng)或拉伸路徑的任何局部而不管點(diǎn)的位置如何。允許用戶像玩橡皮泥一樣來擠壓路徑，而且可以選擇擠壓的半徑和壓力的大小。在工具箱中按住“自由變形〞工具，可以看到如下圖的一組工具選項(xiàng)?！白杂勺冃唯暪ぞ叩膶傩悦姘逯械摹按笮〃曔x項(xiàng)用來設(shè)置可被拉伸的路徑長度21網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.2.2使用“自由變形〞工具編輯 “自由變形〞工具在使用“自由變形〞工具操作對(duì)象時(shí)，其指針的工作狀態(tài)有：和兩種，如下圖的四幅圖形顯示了變形前鼠標(biāo)狀態(tài)和變形過程中鼠標(biāo)狀態(tài)的變化。拉伸所選路徑時(shí)，“自由變形〞工具指針放在所選路徑的正上方，指針更改為拉伸指針。推動(dòng)所選路徑時(shí)，將“自由變形〞工具指針稍偏離路徑，變?yōu)橥苿?dòng)或拉伸指針推動(dòng)圖形，使之變形。22網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.2.2使用“自由變形〞工具編輯 “更改區(qū)域形狀〞工具“更改區(qū)域形狀〞工具僅適用于壓路徑，但它對(duì)整個(gè)對(duì)象都起作用。選擇該工具后，鼠標(biāo)變成兩個(gè)紅色同心圓，指針內(nèi)圓是工具的全強(qiáng)度邊界；內(nèi)外圓之間的強(qiáng)度以低于全強(qiáng)度的強(qiáng)度更改路徑的形狀；指針外圓確定指針的引力拉伸，可以在屬性面板中設(shè)置。23網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.2.2使用“自由變形〞工具編輯 “路徑洗刷〞工具可以使用“路徑洗刷〞工具來更改路徑的外觀。通過改變壓力和速度更改路徑的外觀，使用不斷變化的壓力或速度，更改路徑的筆觸屬性。這些屬性包括筆觸大小、角度、墨量、離散、色相、亮度和飽和度。24網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.2.3 路徑的混合 路徑對(duì)象的合并與拆分從兩個(gè)斷開的路徑創(chuàng)立一個(gè)連續(xù)路徑的操作方法：選擇“局部選定〞工具，然后選擇兩個(gè)斷開路徑上的兩個(gè)端點(diǎn)，選擇主菜單命令【修改】／【組合路徑】／【接合】。創(chuàng)立復(fù)合路徑的操作方法：選擇兩個(gè)或多個(gè)斷開或封閉的路徑，選擇主菜單命令【修改】／【組合路徑】／【接合】。拆分路徑與組合路徑是相反的路徑操作效果。選擇主菜單命令【修改】／【組合路徑】／【拆分】，就會(huì)將組合的路徑對(duì)象拆分成多個(gè)單個(gè)的路徑。25網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.2.3 路徑的混合 如下圖的是路徑合并前后層面板中對(duì)象的變化。26網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.2.3 路徑的混合 路徑對(duì)象的聯(lián)合、交集、打孔與裁切聯(lián)合聯(lián)合路徑是指將多個(gè)路徑對(duì)象混合后，以所有對(duì)象的外部輪廓作為新路徑對(duì)象的輪廓?！奥?lián)合〞命令去掉了重疊局部的細(xì)節(jié)，僅保存整個(gè)輪廓。操作方法為：選中要聯(lián)合的多個(gè)對(duì)象，選擇主菜單【修改】／【組合路徑】／【聯(lián)合】命令，即實(shí)現(xiàn)聯(lián)合，如圖。27網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.2.3 路徑的混合 交集“交集〞命令用來保存所有選中路徑的重疊局部，并圍繞重疊面積畫了一條新的路徑。操作方法為：選擇對(duì)象，并執(zhí)行主菜單【修改】／【組合路徑】／【交集】。所得到的路徑具有最先放置的對(duì)象的筆觸和填充屬性，如下圖。28網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.2.3 路徑的混合 打孔通過“打孔〞可以使用選中的路徑輪廓將其后面所有選中的對(duì)象穿一個(gè)孔，打孔后的對(duì)象筆觸和填充屬性保持不變，如下圖。29網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.2.3 路徑的混合 裁切裁切路徑是打孔路徑的相反操作，保存與下層對(duì)象中的重合的局部。由最上面的路徑定義修剪區(qū)域的形狀，如下圖。30網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.2.3 路徑的混合 改變路徑用戶可以通過“簡化〞、“擴(kuò)展筆觸〞和“伸縮路徑〞等功能實(shí)現(xiàn)對(duì)路徑的改變。簡化路徑選擇主菜單【修改】／【改變路徑】／【簡化】可以在刪除路徑中的點(diǎn)的同時(shí)保持它的總體形狀?！昂喕暶顚⒏鶕?jù)指定的數(shù)量刪除路徑上多余的點(diǎn)。擴(kuò)展筆觸此功能可以將所選路徑的筆觸轉(zhuǎn)換為封閉路徑。新得到的路徑?jīng)]有填充色，但是有與初始路徑相同的筆觸。擴(kuò)展筆觸功能首先生成一個(gè)完全包圍原路徑的封閉路徑，然后刪除原路徑。31網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.2.3 路徑的混合 伸縮路徑可以將所選對(duì)象的路徑收縮或擴(kuò)展特定的像素個(gè)數(shù)。與擴(kuò)展筆觸不同，伸縮路徑只對(duì)路徑的一側(cè)起作用。擴(kuò)展或收縮所選路徑的操作方法：選擇主菜單【修改】／【改變路徑】／【伸縮路徑】以翻開“伸縮路徑〞對(duì)話框。選擇收縮或擴(kuò)展路徑的方向：選擇“內(nèi)部〞會(huì)收縮路徑。選擇“外部〞會(huì)擴(kuò)展路徑。設(shè)置原始路徑與收縮或擴(kuò)展路徑之間的寬度。指定一個(gè)角類型：轉(zhuǎn)角、圓角或斜角。單擊“確定〞按鈕。32網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.2.4使用“路徑〞面板編輯Fireworks還提供了方便使用的“路徑〞面板，以提高路徑編輯任務(wù)的速度。執(zhí)行主菜單【窗口】/【其他】/【路徑】命令，即彈出如下圖的面板。33網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.3處理位圖圖像創(chuàng)立位圖對(duì)象編輯位圖修飾位圖34網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH創(chuàng)立位圖對(duì)象在創(chuàng)立和編輯位圖對(duì)象的過程中，“層〞面板是一個(gè)重要工具，觀察和使用“層〞的變化，有助于各種應(yīng)用對(duì)象的處理。如下圖的展開“層〞面板，可以看到每個(gè)對(duì)象的縮略圖和名稱，F(xiàn)ireworks會(huì)將位圖對(duì)象、矢量對(duì)象和文本結(jié)合到層上。35網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH創(chuàng)立位圖對(duì)象創(chuàng)立空位圖單擊“層〞面板中的“新建位圖圖像〞按鈕；執(zhí)行主菜單【編輯】/【插入】/【空位圖】命令，即可創(chuàng)立空位圖。36網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH創(chuàng)立位圖對(duì)象由矢量圖轉(zhuǎn)換為位圖執(zhí)行主菜單命令【修改】/【平面化所選】；也可以從“層〞面板的“選項(xiàng)〞菜單中選擇“平面化所選〞，實(shí)現(xiàn)由矢量圖轉(zhuǎn)換為位圖，如下圖為矢量圖轉(zhuǎn)換為位圖效果。提示：位圖圖像不能轉(zhuǎn)換成矢量對(duì)象。37網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH創(chuàng)立位圖對(duì)象翻開或?qū)雸D像選擇主菜單【文件】／【翻開】／或【文件】／【導(dǎo)入】命令，將一幅位圖圖像在新的文檔窗口中翻開或?qū)氲疆?dāng)前翻開的文檔窗口中。38網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.3.2編輯位圖通過選區(qū)操作編輯位圖創(chuàng)立了選區(qū)選取框后，可以進(jìn)一步編輯選區(qū)內(nèi)容。包括移動(dòng)選區(qū)、向選區(qū)添加內(nèi)容或在其上繪制另一個(gè)選區(qū)；可以編輯選區(qū)內(nèi)的像素、將濾鏡應(yīng)用于像素或者擦除像素而不影響選區(qū)外的像素；也可以創(chuàng)立一個(gè)可以編輯、移動(dòng)、剪切或復(fù)制的浮動(dòng)像素選區(qū)。39網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.3.2編輯位圖使用工具繪制編輯位圖“鉛筆〞工具:使用“筆觸顏色〞框中的顏色繪制1像素寬度的自由線條?！八⒆莹暪ぞ?使用“筆觸顏色〞框中的顏色繪制位圖?！邦伭贤皑暪ぞ?:以“填充顏色〞框中的顏色作為填充內(nèi)容，將像素更改為填充顏色。“漸變〞工具:是以可調(diào)的樣式，用顏色組合方式填充位圖或矢量對(duì)象?！暗喂塄暪ぞ?采集一種顏色用作“筆觸顏色〞或“填充顏色〞?！跋鹌げ哩暪ぞ?擦除位圖對(duì)象或選區(qū)中的像素?！安们楔暪ぞ?刪除文檔中多余的局部，畫布將調(diào)整大小以適合定義的區(qū)域。40網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.3.2編輯位圖使用“圖像編輯〞面板編輯位圖最常用的照片編輯工具位于“圖像編輯〞面板中。執(zhí)行主菜單【窗口】/【其他】/【圖像編輯】命令，即可彈出如下圖的“圖像編輯〞面板。41網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.3.3修飾位圖Fireworks提供了多種用于修飾位圖的工具“橡皮圖章〞工具:把圖像的一個(gè)區(qū)域復(fù)制或克隆到另一個(gè)區(qū)域。在修復(fù)有劃痕的照片或去除圖像上的灰塵時(shí)，克隆像素很有用?！澳：暪ぞ?用于減弱圖像中所選區(qū)域的焦點(diǎn)?！巴磕è暪ぞ?用于拾取顏色并在圖像中沿鼠標(biāo)拖動(dòng)的方向涂抹該顏色。模擬用手指涂抹油墨的效果?！颁J化〞工具:用于銳化圖像中的區(qū)域。對(duì)于修復(fù)掃描問題或聚焦不準(zhǔn)的照片很有用?！皽p淡〞工具:用于淡化圖像中的局部區(qū)域。“加深〞工具:用于加深圖像中的局部區(qū)域?！凹t眼消除〞工具:用于去除照片中出現(xiàn)的紅眼?！疤鎿Q顏色〞工具:用一種顏色覆蓋另一種顏色。42網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.3.3修飾位圖使用“橡皮圖章〞工具選擇“橡皮圖章〞工具。單擊某一區(qū)域?qū)⑵渲付樵础布匆寺〉膮^(qū)域〕。在圖中單擊貓身為指定源，取樣指針變成十字型指針。移到圖像的其它局部并拖動(dòng)指針。可以看到兩個(gè)指針。第一個(gè)是克隆源，為十字型。第二個(gè)指針為藍(lán)色圓圈形狀。拖動(dòng)第二個(gè)指針時(shí)，第一個(gè)指針下的像素復(fù)制并應(yīng)用于第二個(gè)指針下的區(qū)域。提示：要指定另一個(gè)要克隆的像素區(qū)域，可以按住Alt鍵并單擊另一個(gè)像素區(qū)域，將其指定為新的源。43網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.3.3修飾位圖模糊、銳化和涂抹“模糊〞工具呈水滴狀，“銳化〞工具呈三角形，兩者可以使圖像的一局部邊緣變得模糊或者清晰，銳化工具對(duì)于修復(fù)掃描問題或聚焦不準(zhǔn)的照片很有用?！巴磕è暪ぞ哂糜谀M用手指涂抹油墨的效果。使用涂抹工具時(shí)，其筆觸周圍的顏色會(huì)有相互擠入而產(chǎn)生的模糊感。這幾種工具的使用方法很簡單，選擇工具后，直接作用于處理圖像的區(qū)域即可產(chǎn)生相應(yīng)效果44網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.3.3修飾位圖減淡和加深減淡工具可使細(xì)節(jié)局部具有亮化效果，類似加光處理；加深工具可使細(xì)節(jié)局部具有暗化效果，類似遮光處理。兩種工具的屬性設(shè)置選項(xiàng)根本相同。在屬性面板中，可以設(shè)置工具的筆觸大小、邊緣羽化大小及筆觸形狀〔圓形或方形〕，還可以選擇包括“陰影〞、“中間影調(diào)〞或“高光〞的不同處理范圍。使用“曝光度〞選項(xiàng)可以調(diào)整光強(qiáng)度，曝光度越高，減淡和加深工具的使用效果越明顯。45網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.3.3修飾位圖從照片中消除紅眼在一些照片中，主體的瞳孔是不自然的紅色陰影?？梢允褂谩凹t眼消除〞工具矯正此紅眼效應(yīng)?！凹t眼消除〞工具僅對(duì)照片的紅色區(qū)域進(jìn)行繪畫處理，并用灰色和黑色替換紅色46網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.3.3修飾位圖替換顏色翻開圖片，選擇工具箱中的“替換顏色〞工具。在屬性面板中單擊“更改〞選色表以選擇顏色樣，然后從彈出菜單項(xiàng)選擇擇一種顏色，或者在圖像中單擊要替換的顏色。在屬性面板中單擊“終止〞選色表以選擇顏色樣，然后從彈出菜單項(xiàng)選擇擇一種顏色，或者在圖像中單擊用來替換的顏色。在屬性面板中設(shè)置其它筆觸屬性：拖開工具到要替換的顏色上47網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.4顏色的使用與管理 11.4.1應(yīng)用顏色11.4.2使用“混色器〞和“調(diào)色板〞管理顏色11.4.3應(yīng)用筆觸和填充48網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH

11.4.1應(yīng)用顏色激活筆觸顏色或填充色筆觸顏色其實(shí)就是所繪圖形邊框的顏色，填充顏色就是所繪圖形顏色。在工具箱中或“屬性〞面板中單擊如下圖按鈕右側(cè)的顏色框，可設(shè)置筆觸顏色；單擊如下圖按鈕右側(cè)的顏色框，可設(shè)置填充顏色。49網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH

11.4.1應(yīng)用顏色使用“滴管〞工具假設(shè)要從如下圖的圖片中提取櫻桃紅顏色，并將該顏色添加到“樣本〞面板中的操作為：在工具箱中單擊“滴管〞工具；在“屬性〞面板的“例如〞彈出菜單中選擇要取樣的像素?cái)?shù)目：“1像素〞、“3x3平均〞或“5x5平均〞；將滴管移入圖片中的適當(dāng)位置，單擊鼠標(biāo)，提取出櫻桃紅顏色；執(zhí)行主菜單【窗口】/【樣本】命令，或按下“Ctrl+F9〞組合鍵，彈出“樣本〞面板，將滴管指針的末端移動(dòng)到面板中最后一個(gè)樣本之后的空白位置，單擊鼠標(biāo)，即可將櫻桃紅色添加到樣本中，如下圖。50網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH

11.4.1應(yīng)用顏色使用“顏料桶〞工具在工具箱“顏色〞欄中“顏料桶〞工具，翻開如下圖的調(diào)色板〔用戶也可在選擇繪制圖形工具后，在“屬性〞面板中翻開該調(diào)色板〕。最上方左側(cè)的“默認(rèn)顏色〞圖標(biāo)，顯示的是當(dāng)前所選擇的顏色；“交換顏色〞文本框#CC3300，顯示的是所選顏色的十六進(jìn)制數(shù)值；用戶單擊“透明按鈕〞圖標(biāo)，可以將選擇的對(duì)象設(shè)置為透明色；用戶單擊“系統(tǒng)顏色選取器〞圖標(biāo)，可以激活系統(tǒng)的“顏色〞對(duì)話框，在該對(duì)話框中可以選取所需任何顏色，如下圖。51網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.4.2使用“混色器〞和“調(diào)色板〞管理顏色使用“混色器〞面板執(zhí)行主菜單【窗口】/【混色器】命令，翻開“混色器〞面板。使用“混色器〞可以查看和更改處于活動(dòng)狀態(tài)的筆觸顏色和填充顏色。默認(rèn)情況下，混色器將RGB顏色標(biāo)識(shí)為十六進(jìn)制值，如下圖。展開面板右上角的控制菜單，可以轉(zhuǎn)換為其他顏色模式用戶可以直接單擊該面板底部的色譜圖，從中直接選取需要顏色，也可單擊該面板或按鈕右側(cè)的顏色井圖標(biāo)，在彈出的調(diào)色板中選擇需要的顏色，或在R、G、B顏色值區(qū)域填寫所需顏色的顏色值來指定顏色。52網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.4.2使用“混色器〞和“調(diào)色板〞管理顏色使用“調(diào)色板〞面板執(zhí)行主菜單【窗口】/【其他】/【調(diào)色板】命令，彈出“調(diào)色板〞面板，如下圖。使用“調(diào)色板〞面板中的“選擇器〞選項(xiàng)卡可以為任何顏色值查找最接近的網(wǎng)頁平安色；使用“混色器〞選項(xiàng)卡可以設(shè)置文檔的基準(zhǔn)顏色；使用“混合器〞選項(xiàng)卡可以創(chuàng)立顏色漸變系列。53網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH

11.4.3應(yīng)用筆觸和填充更改選中圖形的筆觸屬性的方法為：選中文檔中圖形對(duì)象，從“屬性〞面板的“筆觸種類〞彈出菜單的筆觸屬性中進(jìn)行選擇，如下圖。54網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH

11.4.3應(yīng)用筆觸和填充對(duì)于“刷子〞工具的樣式設(shè)置，可以使用“編輯筆觸〞對(duì)話框創(chuàng)立和編輯自定義筆觸，更改特定的筆觸特性。中選擇工具箱中的“刷子〞工具時(shí)，單擊“屬性〞面板的“編輯筆觸〞按鈕，即可彈出如下圖的對(duì)話框，進(jìn)行筆觸的修改設(shè)置。55網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH

11.4.3應(yīng)用筆觸和填充使用筆觸描邊路徑的效果可以根據(jù)設(shè)置顯示為不同效果，如下圖。56網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH

11.5層及層操作 層將Fireworks文檔分成不連續(xù)的平面，就像是在描圖紙的不同覆蓋面上繪制插圖的不同元素一樣。一個(gè)文檔可以包含許多層，而每一層又可以包含許多子層或?qū)ο?，層與層之間可以是透明的，并且編輯某一個(gè)層中的圖像時(shí)，不會(huì)影響其他層中的圖像。文檔中的每個(gè)對(duì)象都駐留在一個(gè)層上，可以在繪制之前創(chuàng)立層，也可以根據(jù)需要添加層，如圖為在畫布上添加層。畫布位于所有層之下，其本身不是層。57網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH

11.5層及層操作 執(zhí)行主菜單中【窗口】/【層】命令翻開“層〞面板，面板各局部功能如下圖。可以在“層〞面板中查看層、子層和對(duì)象的堆疊順序，F(xiàn)ireworks根據(jù)層創(chuàng)立的順序堆疊層，將最近創(chuàng)立的層放在最上面。堆疊順序決定各層上對(duì)象之間的重疊方式。58網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH11.5.1創(chuàng)立層 在Fireworks中，當(dāng)創(chuàng)立新文檔后，有兩個(gè)層將自動(dòng)被創(chuàng)立，一個(gè)是“網(wǎng)頁層〞，該層主要用來處理圖像熱點(diǎn)和切片等與網(wǎng)頁操作密切相關(guān)的對(duì)象；另一個(gè)是“層1〞，是默認(rèn)的常規(guī)層，主要處理普通圖像對(duì)象，如下圖。59網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH

11.5.2層的操作新建層單擊“層〞面板上的“新建/重制層〞按鈕，即可創(chuàng)立一個(gè)新的層，或者單擊面板右上角的控制菜單按鈕，在彈出下拉菜單中單擊“新建層〞命令，隨后彈出一個(gè)“新建層〞對(duì)話框，如下圖，填入新層名稱即可。60網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH

11.5.2層的操作選取層要選取某一個(gè)層，直接在“層〞面板上單擊所要的層名，該層將被激活，以藍(lán)色高亮條顯示，即表示該層已被選中。61網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH

11.5.2層的操作復(fù)制層選中要復(fù)制的層，單擊“層〞面板右上角的控制菜單按鈕，在彈出下拉菜單中點(diǎn)擊“重制層〞命令，隨后彈出“重置層〞對(duì)話框，如圖所示。對(duì)話框中“數(shù)量〞表示復(fù)制的層數(shù)量；“插入新層〞選項(xiàng)表示復(fù)制層插入的位置，單擊“確定〞完成復(fù)制62網(wǎng)頁設(shè)計(jì)與制作應(yīng)用教程〔第2版〕DREAMWEAVERFireworksFLASH

11.5.2層的操作改變層疊放順序在圖像編輯過程中，經(jīng)常需要調(diào)換對(duì)象的背景和前景位置，可以通過改變層的疊放順序來實(shí)現(xiàn)：在“層〞面板中，選中要改變位置的層。按住鼠標(biāo)左鍵，上下拖動(dòng)該層到所需的位置，釋放鼠標(biāo)左鍵，那么該層就已經(jīng)移動(dòng)到相應(yīng)的位置了