第二十章 fireworks中工具的介紹

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

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

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

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

5、①選取框工具：在圖像中選擇一個矩形區(qū)域，繪制矩形選區(qū)工具。按“Shift”鍵繪制正方形。橢圓選取框工具：在圖像中選擇一個橢圓形區(qū)域，繪制橢圓形選區(qū)工具。按“Shift”鍵繪制正圓形。在“屬性面板”上，我們可以設(shè)置繪制圖形的屬性。,網(wǎng) 頁 設(shè) 計,Web net design,在“樣式”選項中可使該選取框在“正常、固定大小和固定比例”這三個樣式中切換。正常：默認的選擇方式，也最為常用?？梢杂檬髽死鋈我饩匦位驒E圓形選取區(qū)域。固

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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