計算機基礎與實訓教材系列《中文版FireworksCS5基礎與上機實訓》第一章FireworksCS5使用基礎

學習目標FireworksCS5作為一款真正意義上的網頁圖形設計軟件，可以說是完美之至。它給網頁圖形設計人員和開發人員提供一個快捷方便的制作環境。在Fireworks中，用戶可以利用系統所提供的位圖與矢量圖工具創建、編輯Web圖形與動畫，利用可配置的輸出和優化圖像功能，將制作好的圖像輸出到Dreamweaver或其他HTML編輯環境中。同時，在Dreamweaver和Flash內可以直接啟動與編輯Fireworks圖形，從而使網頁制作變得更加輕松自如。本章重點

FireworksCS5的工作界面文檔的創建方法文檔屬性的設置方法輔助工具的使用視圖的調整1.1關于FireworksCS5功能介紹

Fireworks可以提供一個專業化的創建與編輯Web圖像的工作環境，在此環境下可以方便地繪制與編輯位圖對象、矢量對象、制作動畫、導航條、彈出菜單，以及有圖像翻轉功能的熱點與切片。本節將簡要介紹FireworksCS5的基本功能。1.1.1編輯位圖圖像

在Fireworks中每一個位圖都是一個獨立的對象，可以對其運用“魔術棒”工具、“套索”工具、“鉛筆”工具、“刷子”工具、“橡皮擦”工具等進行編輯修改，達到模糊、羽化、銳化、減淡、加深和涂抹等效果。

1.1.2編輯矢量圖形

在Fireworks中，矢量圖形的繪制工具有“直線”工具、“矩形”工具、“橢圓”工具、“星形”工具、“圓角矩形”工具等基本形狀繪制工具和“鋼筆”工具、“矢量路徑”工具等自由矢量路徑繪制工具。

1.1.3豐富的動態濾鏡

在Fireworks中，可以使用豐富的動態濾鏡為圖像制作生動的效果。動態濾鏡包括“斜角和浮雕”、“雜點”、“陰影和光暈”、“調整顏色”、“模糊”和“銳化”等。動態濾鏡可以用于矢量對象、位圖對象和文本對象。在編輯這些對象時直接從屬性面板中選擇所要運用的濾鏡種類即可。

1.1.4處理文本

FireworksCS5提供了強大的文本處理功能，除了可以進行一般的文本操作，如運用不同的字體和調整文字之間的間距外，還可以同“筆觸”面板、“填充”面板、動態濾鏡相結合，設計出更為美觀的文本。

1.1.5制作GIF動畫

在Fireworks中可以創建和編輯簡單的GIF動畫，其原理是首先創建動畫元件，然后添加到多幀上，并通過移動、縮放和旋轉等動作來實現元件在屏幕上的動畫效果。此外，還可以給每幀上的動畫元件添加不同的濾鏡特效。

1.1.6快速創建切片和熱點

切片是Fireworks中用于創建交互性對象的基本構造塊，它不像矢量圖形或位圖圖形那樣以圖像的形式存在，而是作為網頁對象以HTML代碼的形式出現。在Fireworks的“層”面板的“網頁層”中可以查看、選取和編輯切片對象。此外，使用拖放交換圖像的方式將交互性添加到切片也是一種快速創建交換圖像效果的方法。如圖1-6所示為在網頁圖像上創建的切片。熱點也是一種網頁交互性方式。它用于創建圖像映射，即在HTML文檔中定義熱點的HTML代碼。當鼠標指針經過熱點時，會觸發設定好的行為。此外，單擊熱點還可以鏈接到設定的網頁中。

1.1.7圖像輸出優化

在Fireworks中往往需要對圖像在導出前進行優化設置，以獲得最佳的圖像品質和文件大小。優化圖像通常涉及到選擇最佳的文件格式、設置該格式的特定選項、調整圖形顏色等操作，這些操作都可以通過Fireworks中的“優化”面板來完成。

1.2矢量圖與位圖計算機中的圖形通常分為矢量圖形和位圖圖像兩種類型，保存這兩種類型的圖像文件又會有多種圖像文件格式，它們還可以分別具有不同的顏色模式。掌握一些必備的圖像知識，可以幫助用戶更好地使用Fireworks進行圖像處理。

1.2.1矢量圖形

矢量圖形在數學上定義為一系列由線連接的點。由于圖形的線條都是用PostScript語言描述的，因此也被稱為PostScript圖形。矢量文件中的圖形元素稱為對象，一般情況下矢量圖形是由多個對象堆砌而成的，并且每個對象在計算機中都是通過數學公式進行描述的。圖形中的每個對象都是單獨的實體，具有顏色、形狀、輪廓和大小等屬性。單獨改變矢量圖形中某一部分的屬性，不會影響圖形中其他部分的屬性，還可以保持圖形原有的清晰度。因而，矢量圖形適合繪制線條物體，通常用于計算機輔助設計和工藝美術設計、插圖等。

1.2.2位圖圖像

位圖圖像又稱為點陣圖像，它是由許多顏色的小正方形組合而成的，組成圖像的這些小正方形就是像素。由于位圖圖像是以像素集合體形式創建的，因此不能單獨操作局部的位圖像素。位圖圖像主要通過增加分辨率的方法來表現自然、真實的效果。不過需要注意的是，增加位圖圖像分辨率時，其文件的大小也會隨之增加。

1.3FireworksCS5的工作界面

FireworksCS5的工作界面非常簡潔，主要由以下幾個部分組成：“開始”界面、菜單欄、工具欄、“工具”面板、繪圖窗口、“屬性”面板和其他一些浮動面板組成。1.3.1開始頁

在啟動FireworksCS5時，在沒有打開任何文檔的情況下，Fireworks的“開始頁”就會出現在工作界面中。“開始頁”使用起來非常方便，在“開始頁”中，不僅可以新建Fireworks文檔或通過模板創建Fireworks文檔，還可以快速地打開最近使用的文檔。

1.3.2菜單欄

FireworksCS5的菜單欄包括“文件”、“編輯”、“視圖”、“選擇”、“修改”、“文本”、“命令”、“濾鏡”、“窗口”和“幫助”10個菜單。

1.3.3工具箱

默認情況下，工具箱位于FireworksCS5工作界面的左側，按不同的功能分為6各類別：選擇、位圖、矢量、Web、顏色和視圖，每一個功能塊又按不同的用途再分成若干個工具按鈕。工具箱提供了一套極為專業的繪圖工具及網頁切片工具，利用這些工具可以繪制出各種圖形并快速生成網頁組件。

1.3.4工具欄

工具欄位于菜單欄的下方，可以通過選擇“窗口”|“工具欄”|“主要”命令，顯示或隱藏工具欄。

1.3.5繪圖窗口

繪圖窗口是FireworksCS5工作界面的主要部分，用戶所編輯的對象都在這里顯示，而且可以通過它方便地進行查看比例、動畫控制和文件導出等操作。

1.3.6屬性面板

屬性面板在Fireworks中是非常重要的面板，它是一個上下文關聯的面板，可以通過屬性面板顯示當前選區、工具以及文檔屬性。屬性面板位于繪圖窗口的底部，其中的參數隨著繪圖窗口中的對象不同而變化。

1.3.7面板組

面板組的功能十分強大，FireworksCS5中的許多控制功能都可以在面板組中完成。在默認情況下，面板組被分成若干組。單擊“窗口”菜單中的面板名稱就可以在屏幕右側的面板組區中打開該面板。通過拖動可以把面板拖離面板區，使之成為獨立面板，也可以將獨立的面板拖回面板區成為組面板。

1.4創建Fireworks文檔

在FireworksCS5中創作圖片時，首先要創建一個新文檔或者打開一個已經存在的文檔。建立文檔時的一些重要參數可以在創作過程中隨時改變。1.4.1新建新文檔

Fireworks所創建的新文檔，為可移植網絡圖形PNG文檔，是Fireworks固有的文件格式。要在FireworksCS5中創建新文檔，可以選擇“文件”|“新建”命令，或按Ctrl+N鍵，打開“新建文檔”對話框。還可以單擊工具欄中的“新建”按鈕創建，或在Fireworks的“開始頁”中創建出新的文檔。

1.4.2模板

如果要通過應用模板創建文件，單擊“文件”|“從模板新建”命令，然后在打開的對話框中選擇要用于創建文件的模板，最后單擊“打開”按鈕，即可將該模板應用于當前文件。在Fireworks中，還可以通過“開始頁”的新建文檔部分，從模板創建文檔。在“開始頁”中單擊“基于模板的文檔(PNG)”，然后在打開的對話框中選擇要應用的模板，最后單擊“打開”按鈕。

1.4.3打開文檔

在FireworksCS5中，用戶可以很容易地打開、導入和編輯在其他圖形應用程序中創建的矢量和位圖圖像。打開已有的Fireworks文檔時，可以選擇“文件”|“打開”命令，或按Ctrl+O鍵，然后在“打開”對話框中瀏覽文件所在的文件夾，選擇需要的文件并單擊“打開”按鈕即可。

1.4.4保存文檔

在Fireworks中，可以通過選擇“文件”|“保存”命令，或單擊工具欄中的“保存”按鈕，或按Ctrl+S鍵，打開“另存為”對話框。在對話框中，選擇文件保存的路徑、文件名以及格式，然后單擊“保存”按鈕即可保存文檔。

1.5設置文檔屬性

使用Fireworks進行設計創作時，有些文檔的屬性設置在一開始時無法確定，這需要隨著制作的進行漸漸確定。例如畫布的大小、圖像內容在畫面中的位置、圖像的分辨率等。本節將詳細講述如何來改變文檔的這些屬性。1.5.1設置畫布大小

如要更改畫布的大小，選擇“修改”|“畫布”|“畫布大小”命令，或者單擊文檔“屬性”面板上的“畫布大小”按鈕，打開“畫布大小”對話框。

1.5.2設置畫布顏色

在創建文檔之后再改變畫布的顏色，選擇“修改”|“畫布”|“畫布顏色”命令，將打開“畫布顏色”對話框。在“畫布顏色”對話框中，可以將畫布顏色調整為“白色”、“透明”等。

1.5.3設置圖像大小

選擇“修改”|“畫布”|“圖像大小”命令，或者單擊文檔屬性面板上的“圖像大小”按鈕，將打開“圖像大小”對話框。

1.5.4旋轉畫布

如果輸入的圖像上下顛倒或者左右傾斜，就需要進行旋轉畫布的處理。在Fireworks中，可以把畫布旋轉180°、順時針90°或者逆時針90°。當旋轉畫布后，文檔中的所有圖像對象也會隨之旋轉?？梢赃x擇“修改”|“畫布”命令，在彈出的菜單中選擇需要旋轉的角度。

1.5.5旋轉畫布

Fireworks可以根據文檔內的對象分布情況適當地修整畫布的大小。如果遇到有些圖形對象超出了畫布的范圍，此時選擇“修改”|“畫布”|“符合畫布”命令，或者單擊文檔屬性面板上的“符合畫布”按鈕，Fireworks就會將畫布調整為正好能容納所有對象的大小。

1.6使用輔助工具

在使用Fireworks進行圖像制作時，通常需要使用一些輔助工具，如網格、標尺和輔助線等。通過這些工具可以更加準確、方便地繪制圖形。1.6.1使用標尺

要顯示和隱藏標尺，可以選擇“視圖”|“標尺”命令，重復選擇此命令，可以在顯示和隱藏標尺之間進行切換。在Fireworks中，標尺刻度沿著繪圖窗口的邊緣顯示，并有垂直和水平兩種方向。