第二十章 fireworks中工具的介紹

1、網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,第二十章 Fireworks中工具的介紹,一、主工具欄如果文檔上放沒(méi)有主工具欄的顯示，可以去“窗口菜單：工具欄：主要”。創(chuàng)建：創(chuàng)建新文檔。打開：打開已有文檔。保存：保存當(dāng)前文檔。導(dǎo)入：導(dǎo)入圖片到當(dāng)前文檔。導(dǎo)出：導(dǎo)出當(dāng)前文檔。打?。捍蛴‘?dāng)前文檔。撤消：撤消最近一次操作。向后。重復(fù)：重復(fù)最近一次操作。向前。剪切：將所選內(nèi)容剪切到剪貼板。復(fù)制：將所選內(nèi)容復(fù)制到剪貼板。粘貼

2、：將剪貼板內(nèi)容粘貼到當(dāng)前文檔中的光標(biāo)所在處。,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,二、修改工具欄如果文檔上放沒(méi)有主工具欄的顯示，可以去“窗口菜單：工具欄：修改工具欄”。組合：將選中的多個(gè)對(duì)象變成一個(gè)組。取消組合：把組合的對(duì)象解散。合并：把選中的兩個(gè)以上的路徑連接起來(lái)。拆分：將連接的路徑分散。移到最前：將對(duì)象移動(dòng)到堆疊次序的最上層。前移：將對(duì)象的堆疊次序向上移動(dòng)一層。置后：將對(duì)象的堆疊次序向下移動(dòng)一層。移到最

3、后：將對(duì)象移動(dòng)到堆疊次序的最下層。對(duì)齊方式：選擇多個(gè)對(duì)象的對(duì)齊方式。旋轉(zhuǎn)90逆時(shí)針：將對(duì)象逆時(shí)針旋轉(zhuǎn)90度。旋轉(zhuǎn)90順時(shí)針：將對(duì)象順時(shí)針旋轉(zhuǎn)90度。水平翻轉(zhuǎn)：將對(duì)象水平翻轉(zhuǎn)。垂直翻轉(zhuǎn)：將對(duì)象垂直翻轉(zhuǎn)。,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,三、工具欄（1）選擇工具①指針工具：選擇組內(nèi)的個(gè)別對(duì)象或矢量對(duì)象的點(diǎn)。按”Shift”可以選取多個(gè)對(duì)象。選擇后方對(duì)象工具：當(dāng)處理包含多個(gè)對(duì)象的圖形時(shí)，可以使用“選擇后方對(duì)象”

4、工具選擇被其它對(duì)象隱藏或遮擋的對(duì)象。②部分選定工具： 選擇、移動(dòng)或修改矢量路徑上的點(diǎn)或者屬于組的對(duì)象。③縮放工具：包括三個(gè)子工具:縮放工具：縮放并旋轉(zhuǎn)對(duì)象。傾斜工具：傾斜并旋轉(zhuǎn)對(duì)象。扭曲工具：扭曲并旋轉(zhuǎn)對(duì)象。,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,④裁剪工具：裁剪或擴(kuò)大畫布。導(dǎo)出區(qū)域工具：在圖中用此工具選擇一部分圖素，按“回車”或者“雙擊”,出現(xiàn)導(dǎo)出設(shè)置窗口,這樣可以把你選擇的圖片的一部分導(dǎo)出。（2）繪制位圖工具

5、①選取框工具：在圖像中選擇一個(gè)矩形區(qū)域，繪制矩形選區(qū)工具。按“Shift”鍵繪制正方形。橢圓選取框工具：在圖像中選擇一個(gè)橢圓形區(qū)域，繪制橢圓形選區(qū)工具。按“Shift”鍵繪制正圓形。在“屬性面板”上，我們可以設(shè)置繪制圖形的屬性。,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,在“樣式”選項(xiàng)中可使該選取框在“正常、固定大小和固定比例”這三個(gè)樣式中切換。正常：默認(rèn)的選擇方式，也最為常用?？梢杂檬髽?biāo)拉出任意矩形或橢圓形選取區(qū)域。固

6、定比例：可以任意設(shè)定矩形或橢圓選區(qū)的寬高比。只需在該選項(xiàng)的下方輸入相應(yīng)的寬高比數(shù)值。固定大?。涸谶@種方式下可以通過(guò)輸入寬和高的數(shù)值來(lái)精確確定矩形或橢圓選區(qū)的大小。在“邊緣”選項(xiàng)可以對(duì)選區(qū)邊緣的硬化程序進(jìn)行設(shè)置。實(shí)邊：選區(qū)邊緣呈鋸齒狀，沒(méi)有任何的柔化過(guò)渡。消除鋸齒：可使選區(qū)邊緣有最基本的柔化。羽化：可以消除選取區(qū)域的正常硬變邊緣，使其柔化。也就是使邊界產(chǎn)生一個(gè)過(guò)渡段，該選項(xiàng)的取值為0—100之間，數(shù)值越大，柔化程度也越

7、大。,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,②套索工具：在圖像中選擇一個(gè)自由變形區(qū)域?？梢噪S意圈畫出所要的選取范圍，主要用于選取一些不規(guī)則的圖形選區(qū)。如果選取的曲線終點(diǎn)和起點(diǎn)未重合，F(xiàn)ireworks會(huì)自動(dòng)用封閉成完整的線圈。多邊形套索工具：在圖像中選擇一個(gè)直邊的自由變形區(qū)域。以在圖像中選取出不規(guī)則的多邊圖形，在選取時(shí)同時(shí)按下Shift鍵可使選取線段成直線、水平、45度角方向。,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,

8、③魔術(shù)棒工具：在圖像中選擇一個(gè)顏色相似區(qū)域。這是一個(gè)神奇的選取工具。 選取圖像中顏色相似的區(qū)域，當(dāng)用魔術(shù)棒單擊圖像上某個(gè)點(diǎn)時(shí)，與該點(diǎn)顏色相相近的區(qū)域?qū)⒈贿x中，可以在一些情況下節(jié)省大量的精力來(lái)達(dá)到意想不到的效果。 通過(guò)魔術(shù)棒工具的屬性對(duì)話框可以設(shè)置色彩的“容差值”和邊緣的柔化度。容差值越大，所選取的范圍也越大。,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,④刷子工具：在文檔中中繪制線條，屬性面板調(diào)節(jié)大小和樣式。在“刷

9、子”工具的屬性對(duì)話框中可以對(duì)刷子的色彩、大小、筆觸類形、邊緣柔化值、紋理、紋理透明度、刷子透明度、色彩模式等進(jìn)行設(shè)置。在該屬性框的“描邊種類” 下拉列表里有各式各樣的筆觸種類可以選擇，點(diǎn)擊“筆觸選項(xiàng)”可以編輯新的筆觸。 在“紋理”的下拉列表中有數(shù)十種填充紋理圖案可供選擇，同時(shí)還可以從該列表中選擇“其它”，從外部導(dǎo)入位圖圖像作為新的紋理填充。,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,⑤鉛筆工具：繪制一象素寬自由形狀路徑。在

10、鉛筆的屬性框中同樣可以對(duì)線段的色彩、是否選用柔化、透明度數(shù)值、自動(dòng)擦除等進(jìn)行設(shè)置。按住 Shift 鍵并拖動(dòng)可以將路徑限制為水平、豎直或傾斜線。消除鋸齒：對(duì)繪制的直線的邊緣進(jìn)行平滑處理。自動(dòng)擦除：當(dāng)“鉛筆工具”在筆觸顏色上單擊時(shí)使用填充顏色。保持透明度：將“鉛筆工具”限制為只能在現(xiàn)有圖形中繪制，而不能在圖形的空白區(qū)域中繪制。,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,⑥橡皮擦工具：用于擦除位圖的顏色。和使用畫筆一樣，在選

11、中橡皮工具后，按住鼠標(biāo)左鍵在圖像上拖動(dòng)即可。大小: 滑塊設(shè)置橡皮擦的大小。形狀：設(shè)置橡皮擦的形狀是圓形或者方形。邊緣：設(shè)置橡皮邊緣是實(shí)還是虛。橡皮擦不透明度：滑塊設(shè)置橡皮的不透明度。,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,⑦模糊工具：該工具的工作原理就是降低像素之間的反差，使圖像產(chǎn)生模糊效果。屬性面板設(shè)置模糊參數(shù)。大小：設(shè)置刷子筆尖的大小。形狀：設(shè)置圓形或方形刷子筆尖形狀。邊緣：指定刷子筆尖的柔度。強(qiáng)度

12、：設(shè)置模糊或銳化量。銳化工具：與“模糊”工具正好相反，“銳化”工具是用于加深像素之間的反差，使圖像更加銳化。模糊與銳化工具的屬性面板完全相同，其中的強(qiáng)度表示模糊或銳化時(shí)的筆觸強(qiáng)度。,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,減淡工具、烙印工具：這兩個(gè)工具都是用來(lái)改變圖像的亮調(diào)與暗調(diào)。原理來(lái)源于膠片曝光顯影后，經(jīng)過(guò)部分暗化和亮化，來(lái)改善曝光效果。烙印工具好象PS里面的加深工具?？梢栽O(shè)置參數(shù)。范圍:是對(duì)將要處理的特殊色調(diào)區(qū)域進(jìn)

13、行色調(diào)上的選擇。選哪里作用到哪里。陰影:選中后“減淡”和“烙印”工具只作用于暗調(diào)區(qū)域；中間調(diào):選中后“減淡”和“烙印” 工具只作用于中間調(diào)區(qū)域；亮調(diào):選中后“減淡”和“烙印” 工具只作用于亮調(diào)區(qū)域。,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,涂抹工具：該工具在使用時(shí)好像時(shí)用日常生活中的干筆刷在未干的油墨上擦過(guò)一樣。也就是說(shuō)筆觸周圍的像素會(huì)隨著“涂抹”工具的筆觸一起移動(dòng)。,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,⑧橡

14、皮圖章工具：用來(lái)克隆圖像的部分區(qū)域，以便將其壓印到圖像中的其它區(qū)域。在使用時(shí)先要把鼠標(biāo)移到想要復(fù)制的圖像上，或者按“Alt”鍵，然后點(diǎn)擊鼠標(biāo)左鍵以確定復(fù)制的起點(diǎn)，然后拖動(dòng)鼠標(biāo)在圖像的任意位置開始復(fù)制。類似PS仿制圖章工具。,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,替換顏色工具：選取一種顏色，可以在這種顏色的范圍內(nèi)，用類似筆刷的東西涂抹成另一種顏色。使用該工具時(shí)，要先在屬性面板中單擊 “從顏色樣本或圖像中取樣”選取一個(gè)圖像中的顏色，

15、在“終止”選擇將用來(lái)替換的顏色。在替換顏色的屬性框中可以設(shè)置參數(shù)。,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,大?。涸O(shè)置刷子筆尖的大小。形狀：設(shè)置圓形或方形刷子筆尖形狀。容差：確定要替換的顏色范圍“0” 表示只替換“終止”顏色； “100” 表示替換所有與“終止”顏色相似的顏色。強(qiáng)度：確定將替換多少“更改”顏色。彩色化：用“終止”顏色替換“更改”顏色。取消選擇“彩色化”以便用“終止”顏色對(duì)更改顏色進(jìn)行涂染，并保持一部分“

16、更改”顏色不變。 紅眼消除工具：在一些照片中，主體的瞳孔是不自然的紅色陰影。因此使用“紅眼消除”工具就能輕松的解決這個(gè)問(wèn)題?！凹t眼消除”工具僅對(duì)照片的紅色區(qū)域進(jìn)行繪畫處理，并用灰色和黑色替換紅色。首先選擇“紅眼消除”工具，在屬性欄設(shè)置參數(shù)。容差：定要替換的色相范圍“0” 表示只替換紅色；“100”表示替換所有色相，包括紅色。強(qiáng)度：設(shè)置用于替換紅色的灰色暗度。設(shè)置參數(shù)之后，直接拖動(dòng)或單擊照片中的紅色瞳孔就可以出現(xiàn)效果了。,網(wǎng) 頁(yè)

17、設(shè) 計(jì),Web net design,（3）繪制矢量圖工具①直線工具：使用“直線”工具可以在畫布上直接畫出直線，當(dāng)按住“Shift”鍵時(shí)可以畫出水平、垂直、45度角的直線。在屬性面板上，可以直線的顏色、粗細(xì)、描邊種類、透明度等。 ②鋼筆工具：選中“鋼筆”工具，包括三個(gè)工具。后單擊畫布上的不同位置，可以畫出由線段組成的直線路徑。。如果單擊并拖動(dòng)一個(gè)新點(diǎn)，即可產(chǎn)生一個(gè)曲線點(diǎn)；如果只單擊，則產(chǎn)生一個(gè)角點(diǎn)。通過(guò)調(diào)整曲線的兩條控制線可以設(shè)

18、定曲線的彎曲，結(jié)束鋼筆工具繪制的時(shí)候，雙擊就可以了。·在“鋼筆工具+ctrl鍵”切換到“部分選定工具“，可以移動(dòng)鋼筆工具的節(jié)點(diǎn)。·在按“ALT”鍵，節(jié)點(diǎn)上出現(xiàn)手柄，可以單獨(dú)控制一條控制線，從而確立下一個(gè)曲線線段的走向和彎曲度。·加節(jié)點(diǎn)：如果指針處在路徑上時(shí)，指針旁會(huì)有個(gè)十字的標(biāo)志，此時(shí)單擊鼠標(biāo)會(huì)增加一個(gè)節(jié)點(diǎn)。·減節(jié)點(diǎn)：在鋼筆工具上按“ctrl”選中該節(jié)點(diǎn)，松開“ctrl”，在選中的節(jié)

19、點(diǎn)上雙擊兩下就可以把該節(jié)點(diǎn)刪掉。點(diǎn)一下變成直線截點(diǎn). 選中按DELATE也可以刪除.,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,矢量路徑工具：矢量路徑工具的使用和刷子工具一樣，都可以任意畫出自由路徑。筆觸色彩、大小及邊緣的柔化值等的設(shè)置也都完全相同。重繪路徑工具：較復(fù)雜、節(jié)點(diǎn)較多的封閉路徑，就要使用“重繪筆刷” 來(lái)處理。使用“重繪筆刷”沿著彎度重新畫一條弧線，重繪的路徑部分會(huì)以紅色高亮顯示，這樣，原來(lái)路徑就被新的路徑取代了

20、 ③形狀工具：形狀工具又被分為“基本形狀”和“自動(dòng)形狀”。,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,基本形狀：有矩形、橢圓形和多邊形這些簡(jiǎn)單的幾何圖形。使用時(shí)只需在畫布上用鼠標(biāo)進(jìn)行拖拽即可畫出相應(yīng)的圖形。 當(dāng)按住“Shift”鍵不放的時(shí)候可以畫出正方形和圓形，在各形狀工具的屬性框中都可以方便的為這些圖形選擇不同的填充模式加以填充。通過(guò)顏色的調(diào)節(jié)手柄可以自由的控制色的填充方向及范圍。 矩形的屬性欄里

21、面可是設(shè)置圓角，這樣就可以建立圓角矩形。所示。 在使用“多邊形”工具時(shí)，記得一定要選擇多邊形工具,可以在該屬性框內(nèi)先設(shè)置好多邊形的形狀、邊數(shù)及角度，然后再進(jìn)行圖形繪制。,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,自動(dòng)形狀：這是一組智能的矢量繪圖工具，這些對(duì)象組遵循特殊的規(guī)則以簡(jiǎn)化常用可視化元素的創(chuàng)建和編輯。和基本形狀工具組不同，選定的“自動(dòng)形狀”除了有色彩、填充手柄外，還具有菱形的控制點(diǎn)。每個(gè)控制點(diǎn)都與形狀的某個(gè)特定變形

22、屬性相關(guān)聯(lián)。通過(guò)拖動(dòng)控制點(diǎn)可以改變與其關(guān)聯(lián)的變形屬性。大多數(shù)“自動(dòng)形狀”控制點(diǎn)都帶有工具提示，描述它們會(huì)如何影響"自動(dòng)形狀"。將指針移到一個(gè)控制點(diǎn)上可看到描述該控制點(diǎn)控制的屬性的工具提示， 組合面板中的“形狀”面板下還有一組圖形較為復(fù)雜的智能形狀工具。將這些對(duì)象用鼠標(biāo)直接拖拽至畫布內(nèi)后，同樣是通過(guò)調(diào)節(jié)對(duì)象上的每個(gè)菱形控制點(diǎn)即可改變對(duì)象相關(guān)屬性。,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,④文本工具

23、：點(diǎn)選工具條上的“文字工具”后在畫布上進(jìn)行單擊，即會(huì)顯示文本的輸入框。在屬性面板里我們可以對(duì)文字的字體、字號(hào)、顏色、文字間距、自定義消除鋸齒等等進(jìn)行設(shè)置。同時(shí)點(diǎn)擊“文本菜單：編輯器”也同樣可以對(duì)文字的各項(xiàng)屬性進(jìn)行相關(guān)設(shè)置。 將筆觸、填充和效果應(yīng)用到文本,我們可以在文本上進(jìn)行特殊的處理，使文字更美觀和圖形化。首先，輸入文本，選中文本“鼠標(biāo)右鍵：轉(zhuǎn)化為路徑”這樣對(duì)文字進(jìn)行了柵格化處理，我們?cè)趯傩詸诶锩婢涂梢栽O(shè)置填充和邊框的顏色和紋

24、理了。,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,文字附加到路徑,按”Chrl”+“A”鍵同時(shí)選中文字和路徑后，使用“文本菜單：附加到路徑”命令。 文字就被附加到了封閉或不封閉路徑上,此時(shí)文字與路徑成為了一個(gè)整體，隨后對(duì)該路徑所用的任何筆觸、填充或效果屬性都將消失了。文字被附加到路徑后依然能繼續(xù)為其添加或編輯各種文字,繼續(xù)通過(guò)屬性面板來(lái)設(shè)置文字的參數(shù)。,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,文本偏移:調(diào)節(jié)文字在路徑

25、上的位置。·選擇“文本菜單：倒轉(zhuǎn)方向”，可以改變文字在路徑內(nèi)外的方向·如果要解除文字附加到路徑的使用，只要選中文檔中的文字與路徑后使用“文本菜單：從路徑分離”命令，就可以分開附加在路徑上的文字。文本從路徑分離出來(lái)后，該路徑會(huì)重新獲得其筆觸、填充以及效果屬性。⑤自由變形工具：可以直接對(duì)矢量路徑進(jìn)行彎曲和變形操作，而不是對(duì)各個(gè)節(jié)點(diǎn)執(zhí)行操作。Fireworks在更改矢量路徑的形狀時(shí)會(huì)自動(dòng)添加、移動(dòng)或刪除路徑上的節(jié)點(diǎn)

26、。在線上可以直接拖動(dòng),在線外或內(nèi)變成圓對(duì)路徑進(jìn)行擠壓操作。。更改區(qū)域形狀工具：使用時(shí)，該工具的指針是兩個(gè)同心圓，只有處于這兩個(gè)同心圓范圍內(nèi)的路徑才會(huì)被修改。再線上直接可以拖動(dòng)線,在里面或外面都是圓形擠壓。路徑洗刷工具添加和去除：路徑洗刷工具只能用在具有壓力感應(yīng)刷子描邊的路徑上。使用時(shí)通過(guò)在要修改的路徑上不斷變化的壓力或速度來(lái)更改路徑的筆觸屬性。這些屬性包括路徑原有的筆觸大小、角度、墨量、離散、色相、亮度和飽和度。還可以指定影響這

27、些屬性的壓力和速度的數(shù)量。,網(wǎng) 頁(yè) 設(shè) 計(jì),Web net design,⑥刀子工具：該工具用于切割類如鋼筆路徑這樣的矢量路徑。使用時(shí)從要切割處按住鼠標(biāo)左鍵移動(dòng)劃過(guò)。在切割處會(huì)增加一個(gè)控制點(diǎn)。使用指針工具移動(dòng)一端就可以把線段分開了。前提是要先選中對(duì)象。 （4）Web工具①熱點(diǎn)工具：對(duì)于按鈕鏈接區(qū)域的設(shè)置還可以使用“Web”工具區(qū)中的“矩形熱區(qū)、圓形熱區(qū)、多邊形熱點(diǎn)”工具為按鈕或圖形繪制鏈接區(qū)域，熱區(qū)繪制在文檔中是以半透明的藍(lán)綠