目  錄

前言

第1章  初識Fireworks CS6 1 

1.1  Fireworks CS6的新功能 2 

1.2 基礎知識 2 

1.2.1  位圖與矢量圖 2 

1.2.2  分辨率 2 

1.2.3  色彩模式 3 

1.3  基本操作 3 

1.3.1  認識Fireworks CS6的工作界面 3 

1.3.2  菜單的使用 4 

1.3.3  工具箱的使用 4 

1.3.4  修改工具欄的使用 4 

1.3.5  面板的使用 5 

1.3.6  文件的操作 6 

1.3.7  導入圖像 10 

1.3.8  輔助設計工具的使用 10 

1.4  本章小結 12 

1.5  思考與練習 13 

第2章  繪制圖像 14 

2.1  矢量對像 15 

2.1.1  形狀工具的使用 15 

2.1.2  形狀工具使用實例——夜空 16 

2.1.3  自由路徑 16 

2.1.4  自由路徑工具使用實例——鮮花 18 

2.1.5  筆觸 19 

2.1.6  筆觸使用實例——藍天白雲 20 

2.1.7  填充效果 21 

2.1.8  填充效果實例——彩虹 22 

2.2  位圖對像 23 

2.2.1  創建位圖圖像 23 

2.2.2  選取位圖區域 23 

2.2.3  選取工具的使用實例——沙漠之花 26 

2.2.4  位圖工具的使用 26 

2.2.5  位圖工具使用實例——海市蜃樓 27 

2.3  本章小結 29 

2.4  思考與練習 29 

第3章  編輯圖像 30 

3.1  編輯工具 31 

3.1.1  選擇對像 31 

3.1.2  圖像修改工具 32 

3.1.3  圖像修改實例——羽毛 38 

3.1.4  路徑修改工具 39 

3.1.5  路徑修改實例——花瓣按鈕 44 

3.2  圖像的變形 45 

3.2.1  縮放對像 46 

3.2.2  傾斜對像 47 

3.2.3  扭曲對像 47 

3.2.4  旋轉對像 47 

3.2.5  數值變形 48 

3.2.6  圖像變形實例——旋轉圖案 48 

3.3  復制、對齊、組合圖像 50 

3.3.1  復制、重制、克隆圖像 50 

3.3.2  對齊圖像 50 

3.3.3  設置疊放次序 51 

3.3.4  組合/取消組合 51 

3.4  樣 式 52 

3.4.1  應用樣式 52 

3.4.2  編輯樣式 53 

3.4.3  樣式應用實例——五子棋 53 

3.5  顏色管理 55 

3.5.1  顏色選擇板 55 

3.5.2  混色器 56 

3.5.3  顏色使用實例——星光 57 

3.6  撤銷/恢復操作 58 

3.6.1  撤消/恢復操作 58 

3.6.2  歷史記錄面板的使用 58 

3.6.3  歷史記錄使用實例——立體字 58 

3.7  本章小結 59 

3.8  思考與練習 59 

第4章  文字的使用 61 

4.1  文本對像 62 

4.1.1  輸入/導入文本 62 

4.1.2  編輯文本 62 

4.1.3  編輯文本實例——透視文字 63 

4.2  文本與路徑 64 

4.2.1  將文本附加到路徑 64 

4.2.2  文本與路徑分離 66 

4.2.3  將文本轉換為路徑 66 

4.2.4  文本與路徑實例——特殊造型文字 66 

4.3  文本特效 67 

4.3.1  空心文字 67 

4.3.2  圖案文字 68 

4.3.3  玻璃文字 69 

4.4  本章小結 70 

4.5  思考與練習 70 

第5章 &nb件和圖層 71 

5.1 &nb件與實例 72 

5.1.1  件 72 

5.1.2  件 74 

5.1.3  導入件 75 

5.1.4 &nb件使用實例——纏繞的線條 75 

5.2  混合模式 76 

5.2.1  混合模式簡介 76 

5.2.2  混合模式實例——寶石花 76 

5.3  圖層的操作 77

5.3.1  新建圖層 77 

5.3.2  顯示與隱藏圖層 77 

5.3.3  排列圖層 78 

5.3.4  刪除圖層 78 

5.3.5  圖層操作實例——2008奧運福娃 78 

5.4  圖層蒙版 80 

5.4.1  創建矢量蒙版 80 

5.4.2  創建位圖蒙版 81 

5.4.3  粘貼於內部 81 

5.4.4  組合蒙版 81 

5.4.5  編輯蒙版和對像 82 

5.4.6  蒙版使用實例——相片合成 83 

5.5  本章小結 85 

5.6  思考與練習 85 

第6章  濾鏡和效果 86 

6.1  濾鏡的基本操作 87 

6.2  使用內置濾鏡 87 

6.2.1  新增雜點 87 

6.2.2  模糊 88 

6.2.3  銳化 89 

6.2.4  亮度/對比度 89 

6.2.5  反轉 90 

6.2.6  調整色階 90 

6.2.7  色相/飽和度 91 

6.2.8  曲線 92 

6.2.9  查找邊緣 93 

6.2.10  轉換為Alpha 93 

6.3  安裝Photoshop濾鏡 93 

6.4  濾鏡應用實例 94 

6.4.1  實例制作1——雨景 94 

6.4.2  實例制作2——霓虹燈效果 95 

6.4.3  實例制作3——極光字 96 

6.5  特效的基本操作 98 

6.6  Fireworks CS6動態濾鏡 98 

6.6.1  斜角 98 

6.6.2  浮雕 99 

6.6.3  陰影 99 

6.6.4  光暈 100 

6.6.5  顏色填充 101 

6.7  自定義效果 101 

6.8  效果應用實例 102 

6.8.1  實例制作1——巧克力按鈕 102 

6.8.2  實例制作2——木紋畫 104 

6.8.3  實例制作3——網頁圖標 105 

6.9  本章小結 107 

6.10  思考與練習 107 

第7章  濾鏡和效果 108 

7.1  HTML簡介 109 

7.1.1  HTML語言簡介 109 

7.1.2  URL簡介 109 

7.1.3  HTML基本語法 110 

7.2  常用標記介紹 112 

7.3  復制HTML代碼 114 

7.4  本章小結 114 

7.5  思考與練習 115 

第8章  動態效果設計 116 

8.1  件 117 

8.1.1  創建/編件 117 

8.1.2  編輯動畫路徑 118 

8.1.3  實例制作——禮花綻放 118 

8.2  動畫狀態 119 

8.2.1  添加與刪除狀態 119 

8.2.2  重新排序狀態 120 

8.2.3  編輯狀態中的對像 121 

8.2.4  洋蔥皮技術 122 

8.2.5  設置狀態延遲時間 123 

8.2.6  設置動畫循環 124 

8.2.7  插幀動畫 124 

8.2.8  切片動畫 125 

8.2.9  優化動畫 126 

8.2.10  導出動畫 130 

8.2.11  實例制作——動態分割條 130 

8.3  熱點和切片 132 

8.3.1  創建熱點 132 

8.3.2  編輯熱點 133 

8.3.3  URL面板 135 

8.3.4  導出圖像映射 136 

8.3.5  實例制作——建立圖像映射 136 

8.3.6  創建切片 138 

8.3.7  編輯切片 139 

8.3.8  創建文本切片 141 

8.3.9  導出切片 141 

8.3.10  實例制作——對圖像進行切片 143 

8.4  行為 145 

8.4.1  簡單變換圖像 145 

8.4.2  交換圖像 146 

8.4.3  設置導航欄圖像 147 

8.4.4  設置彈出菜單 148

8.4.5  設置狀態欄文本 151 

8.4.6  行為的觸發事件 152 

8.4.7  實例制作——動態按鈕 152 

8.5  本章小結 154 

8.6  思考與練習 154 

第9章  優化與導出圖像 155 

9.1  基本的優化導出過程 156 

9.2  選擇圖像格式 156 

9.2.1  優化JPEG圖像 157 

9.2.2  優化GIF和PNG-8圖像 158 

9.2.3  優化PNG圖像 160 

9.3  導出優化圖像和動畫 160 

9.3.1  導出預覽 160 

9.3.2  保存優化圖像和動畫 162 

9.3.3  導出圖層或狀態 163 

9.3.4  導出CSS層 164 

9.3.5  導出Adobe PDF 165 

9.3.6  導出矢量對像 165 

9.3.7  導出為FXG文件 167 

9.4  優化實例——圖像清晰化 167 

9.5  本章小結 168 

9.6  思考與練習 169 

第10章  綜合實例制作 170 

10.1  文字標志 171 

10.2  網頁藝術字 172 

10.3  卷邊圖片 173 

10.4  個性導航條 174 

10.5  自制郵票 176 

10.6  電影海報 178 

10.7  晃動的木牌 181 

10.8  蒙版動畫 182 

10.9  標題動畫 183 

10.10  動態歸途 186 

10.11  網站首頁 190 

10.12  交互網頁 195 

   Fireworks是網頁設計中常用的工具之一，同Dreamweaver和Flash相比，Fireworks的主要功能是完成網頁中圖形效果的處理。Fireworks將矢量圖形和位圖圖形的操作環境集成在同一個環境下，從而使用戶靈活操作。FireworksCS6在網頁的圖片素的處理上新增了許多容易操作的功能。這些功能可以在對交互式網頁設計的代碼編程〈如JavaScript語言〉了解不多的情況下完成豐富的

網頁制作，對於有經驗的網站設計者和網頁圖形設計者，可以大大提高他們的工作效率。F讓eworks中集成了豐富的濾鏡效果和一些常用樣式，這些都是Adobe公司在生產時精心挑選出來的，在網頁設計時給用戶和設計者帶來很大的便利。此外通過導入和導出操作可以將編輯的對像導出到圖形制作開發環境，如Photoshop和Web代碼編寫環境、DreaInweaver等環境。此外，Fireworks集成的豐富的動畫功能使開發人員在設計時免去編寫代碼的煩惱，通過使用件間的插幀技術，Fireworks可以自動生成動畫效果。在設計完成時，開發人員還可以根據網站使用的環境對設計的網頁進行優化，使其滿足客戶的需求。

    本書在內容的安排上首先簡單介紹了FireworksCS6的新增特性，之後重點介紹了FireworksCS6的常用工具及其特色操作，並給出最常見的精彩實例。在Web對像編輯上由簡入繁，由靜到動，使讀者不僅可以從局部熟悉Fireworks的功能，還可以從整體上熟練運用各種工具箱。最後結合不同的應用情況給出了實際操作例子，可以感覺到Fireworks的強大功能。全書共分10章:第1章介紹FireworksCS6入門基礎知識:第2章介紹圖像繪制的基本方法:第3章介紹編輯圖像的基本方法:第4章介紹文字使用的方法與技巧:第5件和圖層:第6章介紹濾鏡和效果:第7章介紹HTML基礎;第8章介紹動態效果設計:第9章介紹優化和導出圖像:第10章通過12個綜合實例全面總結和具體應用前面的知識。

   本書的內容適合剛入門的網站設計人員，可以作為熟練網站開發人員的參考書，也是廣大網頁愛好者的一個好伙伴。隨書光盤包含全書實例源文件和素材文件以及實例操作過程講解AVI文件，可以幫助讀者形像直觀地學習本書。

   本書由三維書屋工作室總策劃，胡仁喜、楊雪靜、劉昌麗、康士廷、張日品、孟培、萬金環、閏聰聰、盧園、鄭長松、張俊生、李瑞、董偉、王玉秋、王敏、王瓊、王義發、王培合、辛文肜、路純紅、周冰、王艷池、王宏等編寫。本書的編寫和出版得到了很多朋

友的大力支持，值此圖書出版發行之際，向他們表示衷心的感謝。

   書中主要內容來自於作者幾年來使用Fireworks的經驗總結，雖然筆者幾易其稿，但由於時間倉促加之水平有限，書中維漏與失誤在所難免，懇請廣大讀者登錄網站www.sjzsanweishu.com或聯繫win1760520@126.com提出寶貴的批評意見。

作者