1、中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓第第1章章 Fireworks 8使用基礎使用基礎 Macromedia Fireworks 8是一個用來設計和制作專業化網頁圖形的應用軟件，它給網頁圖形設計人員和開發人員提供一個快捷方便的制作環境。在Fireworks中，用戶可以利用系統所提供的位圖與矢量圖工具創建、編輯Web圖形與動畫，利用可配置的輸出和優化圖像功能，將制作好的圖像輸出到Macromedia Dreamweaver或其他HTML編輯環境中。同時，在Dreamweaver和Flash內可以直接啟動與編輯Fireworks 圖形，從而使網頁制作

2、變得更加輕松自如 。 中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓通過本章的理論學習和上機實訓，讀者應了解和掌握以下內容:vFireworks 8的工作界面v文檔的創建方法v文檔屬性的設置方法 v輔助工具的使用v視圖的調整中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓本章章節內容安排如下:v1.1 Fireworks 8的功能介紹 v1.2 Fireworks 8的工作界面 v1.3 創建Fireworks文檔 v1.4 設置文檔屬性 v1.5 使用輔助工具v1.6 調 整 視 圖 v1.7 思考與練習中文版中文版F

3、ireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓1.1 Fireworks 8的功能介紹 Fireworks可以提供一個專業化的創建與編輯Web圖像的工作環境，在此環境下可以方便地繪制與編輯位圖對象、矢量對象、制作動畫、導航條、彈出菜單，以及有圖像翻轉功能的熱點與切片。本節將簡要介紹Fireworks 8的基本功能。 v編輯位圖圖像 v編輯矢量圖形 v處理文本 v豐富的動態濾鏡 v制作GIF動畫 v快速創建切片和熱點 v圖像輸出優化 中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓編輯位圖圖像 在Fireworks中每一個位圖都是一個獨

4、立的對象，可以對其運用“魔術棒”工具、“套索”工具、“鉛筆”工具、“刷子”工具、“橡皮擦”工具等進行編輯修改，達到模糊、羽化、銳化、減淡、加深和涂抹等效果。下圖所示就是進行模糊處理后的效果對比。 中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓編輯矢量圖形 在Fireworks中，矢量圖形的繪制工具有“直線”工具、“矩形”工具、“橢圓”工具、“星形”工具、“圓角矩形”工具等基本形狀繪制工具和“鋼筆”工具、“矢量路徑”工具等自由矢量路徑繪制工具。下圖所示為在Fireworks中繪制的矢量圖形 。 中文版中文版Fireworks 8Fireworks 8基礎與上

5、機實訓基礎與上機實訓處理文本 Fireworks 8提供了強大的文本處理功能，除了可以進行一般的文本操作，如運用不同的字體和調整文字之間的間距外，還可以同“筆觸”面板、“填充”面板、動態濾鏡相結合，設計出更為美觀的文本。下圖所示為在普通文本上運用了投影濾鏡后的效果 。 中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓豐富的動態濾鏡 在Fireworks中，可以使用豐富的動態濾鏡為圖像制作生動的效果。動態濾鏡包括“斜角和浮雕”、“雜點”、“陰影和光暈”、“調整顏色”、“模糊”和“銳化”等。動態濾鏡可以用于矢量對象、位圖對象和文本對象。在編輯這些對象時直接從屬性

6、面板中選擇所要運用的濾鏡種類即可。下圖所示為圖像運用了增加雜點的效 。 中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓制作GIF動畫 在Fireworks中可以創建和編輯簡單的GIF動畫，其原理是首先創建動畫元件，然后添加到多幀上，并通過移動、縮放和旋轉等動作來實現元件在屏幕上的動畫效果。此外，還可以給每幀上的動畫元件添加不同的濾鏡特效。下圖所示為一個GIF動畫里面不同幀的顯示效果 。 中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓快速創建切片和熱點 切片是Fireworks中用于創建交互性對象的基本構造塊，它不像矢量

7、圖形或位圖圖形那樣以圖像的形式存在，而是作為網頁對象以HTML代碼的形式出現。在Fireworks的“層”面板的“網頁層”中可以查看、選取和編輯切片對象。此外，使用拖放交換圖像的方式將交互性添加到切片也是一種快速創建交換圖像效果的方法。下圖所示為在網頁圖像上創建的切片 。 中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓圖像輸出優化 在Fireworks中往往需要對圖像在導出前進行優化設置，以獲得最佳的圖像品質和文件大小。優化圖像通常涉及到選擇最佳的文件格式、設置該格式的特定選項、調整圖形顏色等操作，這些操作都可以通過Fireworks中的“優化”面板來完成

8、。下圖所示為“優化”面板 。 中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓1.2 Fireworks 8的工作界面 Fireworks 8的工作界面非常簡潔，主要由以下幾個部分組成：菜單欄、工具箱、繪圖窗口、屬性面板和面板組，如下圖所示。下面詳細介紹它們的特點和作用。v菜單欄 v工具箱 v繪圖窗口 v屬性面板 v面板組中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓菜單欄 Fireworks 8的菜單欄包括“文件”、“編輯”、“視圖”、“選擇”、“修改”、“文本”、“命令”、“濾鏡”、“窗口”和“幫助”10個菜單 。

9、中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓工具箱 默認情況下，工具箱位于Fireworks 8工作界面的左側，其中包含了10多種工具。選擇“窗口”|“工具”命令可以顯示或隱藏工具箱。 在Fireworks 8中，工具箱可以在窗口中任意移動，用戶只需在其上按下鼠標左鍵并拖動，即可在非功能區改變其放置位置。中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓繪圖窗口 繪圖窗口是Fireworks 8工作界面的主要部分，用戶所編輯的對象都在這里顯示，而且可以通過它方便地進行查看比例、動畫控制和文件導出等操作，如下圖所示 。 中

10、文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓屬性面板 屬性面板位于繪圖窗口的底部，其中的參數隨著繪圖窗口中的對象不同而變化，如下圖所示。當編輯矢量圖形時，屬性面板中會出現筆觸、填充、濾鏡等參數設置選項；而當編輯位圖圖像時，屬性面板只出現濾鏡參數設置選項。靈活運用屬性面板的各項參數設置，可以制作出許多獨特的圖形效果。要打開或關閉屬性面板，選擇“窗口”|“屬性”命令即可 。 中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓1.3 創建Fireworks文檔 在Fireworks 8中創作圖片時，首先要創建一個新文檔或者打開一

11、個已經存在的文檔。建立文檔時的一些重要參數可以在創作過程中隨時改變 。v新建新文檔 v打開文檔 v保存和導出文檔 中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓新建新文檔 要在Fireworks 8中創建新文檔，可以選擇“文件”|“新建”命令，打開“新建文檔”對話框，如下圖所示。在對話框中輸入畫布的寬度和高度數值，單位可以選擇像素、英寸或厘米。然后輸入圖片的分辨率數值，單位有像素/英寸和像素/厘米 。 中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓打開文檔 在Fireworks 8中，用戶可以很容易地打開、導入和編輯在

12、其他圖形應用程序中創建的矢量和位圖圖像。打開已有的Fireworks文檔時，可以選擇“文件”|“打開”命令，然后在下圖所示的“打開”對話框中瀏覽文件所在的文件夾，選擇需要的文件并單擊“打開”按鈕即可 。 中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓保存和導出文檔 在Fireworks 中創建的文檔一般都會保存為PNG格式文檔。如果想生成Web頁中常用的JPEG或GIF格式，則需要使用“導出”命令。 選擇“文件”|“保存”命令，打開下圖所示的“另存為”對話框。在該對話框的“文件名”文本框中輸入文檔名稱，并選擇保存路徑，然后單擊“保存”按鈕即可保存文檔 。

13、中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓1.4 設置文檔屬性 使用Fireworks進行設計創作時，有些文檔的屬性設置在一開始時無法確定，這需要隨著制作的進行漸漸確定。例如畫布的大小、圖像內容在畫面中的位置、圖像的分辨率等。本節將詳細講述如何來改變文檔的這些屬性 。 v設置畫布大小v設置畫布顏色 v設置圖像大小 v旋轉畫布 v修整畫布 中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓1.5 使用輔助工具 在使用Fireworks進行圖像制作時，通常需要使用一些輔助工具，如網格、標尺和輔助線等。通過這些工具可以更加準

14、確、方便地繪制圖形。 v使用標尺 v使用網格 v使用輔助線 中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓1.6 調 整 視 圖 在Fireworks中，圖片的尺寸最小可以縮小到原尺寸大小的6%，最大可以放大到原尺寸大小的6400%。可以使用工具箱中的“視圖”工具組進行設置，下圖所示 中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓1.7 思考與練習 填空題填空題1. _是Fireworks中用于創建交互性對象的基本構造塊，它是作為網頁對象以HTML代碼的形式出現。2. Fireworks 8的工作界面主要由以下幾個部分

15、組成： _ 、 _ 、 _ 、_和_。3. 面板可以顯示撤銷和重做的命令列表，合理利用該面板可以大大簡化工作流程。4. 要在“打開”對話框中同時選中多個文件，按住鍵盤上的 _ 鍵，可選擇多個相連的文件；按住_ 鍵，可選擇多個不相連的文件。 中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓1.7 思考與練習 填空題填空題5. 若要在文檔的水平和垂直尺寸之間保持相同的比例，可以選擇“圖像大小”對話框中的_ 復選框。6. Fireworks的_ 在畫布上顯示為一個由橫線和豎線相交構成的網狀體系。它不隨設計的文檔一同導出，只是起到輔助設計的作用，只能在工作環境中看到

16、。7. Fireworks 8提供了_ 、 _ 和 _ 3種視圖界面。 中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓1.7 思考與練習 選擇題選擇題8. 在Fireworks 8中可以通過( )方法快速設置文檔為100%顯示。A. 雙擊“手形”工具按鈕 C. 在畫布中雙擊B. 雙擊“縮放”工具按鈕 D. 按住Alt鍵在畫布中單擊9. 在Fireworks 8中，用復制命令復制一個對象后，再新建一個文檔，則該文檔的默認畫布大小為( )。A. 上一次新建文檔時所設置的畫布大小 C. 隨機數值B. 復制到剪貼板中的對象的大小 D. 800600像素中文版中文版Fireworks 8Fireworks 8基礎與上機實訓基礎與上機實訓1.7 思考與練習 簡答題簡答題10. 在Fireworks 8中如何創建一個新文