Fireworks是由Macromedia公司開發的網頁制作軟件利器之一。
在繪圖方面Fireworks結合了位圖以及矢量圖處理的特點,不僅具備復雜的圖象處理功能,並且還能輕松地把圖形輸出到Flash,Dreamweaver 以及第三方的應用程序。
在網頁制作方面Fireworks能快速地為圖形創建各種交互式動感效果,不論在圖象制作或是在網頁支持上都有著出色的表現。
隨著版本的不斷升級,功能的不斷加強,Fireworks受到越來越多圖像網頁制作者的青睐。目前的最新版本Fireworks MX 2004 中文版更是以它方便快捷的操作模式,和在位圖編輯、矢量圖形處理與GIF動畫制作功能上的多方面優秀整合,贏得諸多好評。
為了使更多的初學者能夠盡快掌握Fireworks,編者選用了Fireworks MX 2004 中文版為藍本進行系列教程講解,希望能為大家學習Fireworks帶來幫助。
FW MX 2004教程(1):界面
第一部分中我們先來了解一下Fireworks MX 2004中文版的操作界面。
一、創建新文檔 二、Fireworks的工作界面
三、圖像文件的導入 四、修改畫布 五、網格與輔助線
FW MX 2004教程(2):繪圖工具
和許多主流的圖像處理軟件一樣,Fireworks的繪圖工具主要都集中在“工具條”上。利用這些工具可以繪制出各種圖形,並可為其設置相應的屬性,如顏色、大小、位置等等。
Fireworks MX 2004的“工具條”中增加了不少新工具,並與原有的工具在一起被編排為六個類別:選擇區、位圖、矢量、Web、顏色和視圖區。有些工具按鈕的右下角有一個小三角,說明這個工具包含有其它幾種不同的工具,按住這個工具按鈕不放就能顯示其它的工具。我們先來介紹位圖區的繪圖工具。
文章導讀:
1、選區工具
2、自由筆刷工具
3、圖像修改工具
4、色彩填充工具
5、橡皮圖章工具系列
6、路徑工具
7、路徑修改工具
8、形狀工具
FW MX 2004教程(3):矢量編輯
和許多矢量編輯軟件一樣,在Fireworks中繪制的矢量對象比位圖對象的可修改性強很多。因此在進行無素材制圖時,更多時候是制作成矢量圖形,以方便隨時保存,隨時編輯。而對象的編輯則包括對對象的選取、移動、填充、旋轉和變形等等。
FW MX 2004教程(4):特效和樣式
為了實現更好的圖形處理效果,在Fireworks中還可以為圖像使用各種特效。特別是在網頁按鈕的制作中,使用這些特效會使按鈕圖象更加美觀、更富立體感。而且一個圖形對象可以使用多個特效進行反復處理,還可將這些特效處理的結果保存成樣式。所以,樣式是個集多種特效於一身的“組合特效”。
FW MX 2004教程(5):文字編輯
Fireworks為我們提供了強大的文字設計功能,為文字的輸入和設置提供了專業的文本編輯功能,可以方便地對輸入的文字進行諸如字體、大小、形狀、填充、描邊、上下左右的距離、自定義消除鋸齒等各項操作。
FW MX 2004教程(6):動畫制作
GIF動畫的實現,是由逐張圖畫在不同的時間段快速地顯示出來,由於人眼有0.1秒的視覺暫留,所以圖像看上去就像是動了起來。而每一張圖畫就叫作“幀”,它是組成動畫的基本單位。 GIF圖形動畫為網頁增添許多活潑生動、復雜多變的圖形元素,因此GIF動畫在網頁制作中被廣泛應用,甚至大家喜歡的QQ動態表情大多也是Gif動畫呢。
Fireworks正是制作GIF動畫很好的工具,這一部分我們看看Fireworks MX 2004在動畫制作方面的特色。 FW MX 2004教程(7):圖像輸出
在Fireworks 中,圖像默認的保存格式是.PNG文件,該文件最大可能的保存了Fireworks 中所繪制的各種圖形對象、切片的相關屬性與信息,從而為圖像文件的再次編輯再來最大的可操作性,此外在輸出的文件格式中常用的還有GIF、GIF動畫、BMP、JPEG等。下面我們就來詳細了解這些格式的輸出方法和設置選項。
FW MX 2004教程(8):動態按鈕
在前面的幾章中我們已領略了Fireworks MX 2004在圖像繪制上的出色表現。從本章開始,我們將來學習Fireworks MX 2004在在網頁支持上的強大功能。我們先從動態按鈕的制作開始。
FW MX 2004教程(9):圖像變換
圖像變換技術在網頁中經常被用到,即當鼠標移動到某圖像或按鈕上時,會觸發另一個圖形的顯示。在Fireworks中,圖像變換的制作原理就是使“幀”面板中某幀中的圖形對象與來自任何幀的圖象進行交換,從而達到在網頁浏覽時產生圖形變換的效果。
FW MX 2004教程(10):鏈接設置
在Fireworks中,為圖像設置鏈接區域是靠“切片”或“熱點”工具來完成,因此“切片”或“熱點”區域又被稱為鏈接區域。它們不是以圖像的形式存在,而是在圖像導出成網頁格式後,以Html代碼的形式出現。
FW MX 2004教程(11):自動操作
在Fireworks中,自動化的應用可以為我們省去不少在圖像處理或網頁制作過程中一些相同步驟的操作,從而有效地節約時間和提高工作效率。
Fireworks常見問題解答
Fireworks是一款與Dreamweaver、Flash齊名的網頁圖形制作利器。在當前的一些熱門設計論壇中均開設有Fireworks討論專區,為網友學習Fireworks提供了方便。筆者特地搜集了一些與Fireworks相關的常見問題,經過編輯整理後在這裡給予逐一解答,希望能為廣大Fireworks初學者帶來幫助。