教程 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初學者帶來協助。