Fireworks 8 教程第01章Fireworks 8使用基礎(chǔ)

1、中文版中文版Fireworks 8Fireworks 8基礎(chǔ)與上機(jī)實訓(xùn)基礎(chǔ)與上機(jī)實訓(xùn)第第1章章 Fireworks 8使用基礎(chǔ)使用基礎(chǔ) Macromedia Fireworks 8是一個用來設(shè)計和制作專業(yè)化網(wǎng)頁圖形的應(yīng)用軟件，它給網(wǎng)頁圖形設(shè)計人員和開發(fā)人員提供一個快捷方便的制作環(huán)境。在Fireworks中，用戶可以利用系統(tǒng)所提供的位圖與矢量圖工具創(chuàng)建、編輯Web圖形與動畫，利用可配置的輸出和優(yōu)化圖像功能，將制作好的圖像輸出到Macromedia Dreamweaver或其他HTML編輯環(huán)境中。同時，在Dreamweaver和Flash內(nèi)可以直接啟動與編輯Fireworks 圖形，從而使網(wǎng)頁制作

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

3、ireworks 8Fireworks 8基礎(chǔ)與上機(jī)實訓(xùn)基礎(chǔ)與上機(jī)實訓(xùn)1.1 Fireworks 8的功能介紹 Fireworks可以提供一個專業(yè)化的創(chuàng)建與編輯Web圖像的工作環(huán)境，在此環(huán)境下可以方便地繪制與編輯位圖對象、矢量對象、制作動畫、導(dǎo)航條、彈出菜單，以及有圖像翻轉(zhuǎn)功能的熱點與切片。本節(jié)將簡要介紹Fireworks 8的基本功能。 v編輯位圖圖像 v編輯矢量圖形 v處理文本 v豐富的動態(tài)濾鏡 v制作GIF動畫 v快速創(chuàng)建切片和熱點 v圖像輸出優(yōu)化 中文版中文版Fireworks 8Fireworks 8基礎(chǔ)與上機(jī)實訓(xùn)基礎(chǔ)與上機(jī)實訓(xùn)編輯位圖圖像 在Fireworks中每一個位圖都是一個獨

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

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

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

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

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

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

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

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

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

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

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

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

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