本書是Adobe Fireworks CS6軟件學(xué)以致用的訓(xùn)練教材。教材創(chuàng)作風(fēng)格不是簡單的軟件功能介紹加上實例驗證,而是以讀者對軟件的實際應(yīng)用為主線,貫穿能力培養(yǎng)。全書由基礎(chǔ)部分、實例部分和實訓(xùn)部分組成;A(chǔ)部分以軟件使用技能為線索,通過大量的圖示、范例,訓(xùn)練讀者熟練使用Fireworks CS6進行圖形圖像的制作;實例部分采用任務(wù)驅(qū)動,操作步驟翔實,方便讀者學(xué)習(xí)和理解,不但能夠使讀者快速入門,還可以起到舉一反三的作用;實訓(xùn)部分的每個實訓(xùn)均有制作效果圖、制作提示、制作任務(wù)分解及.png源文件,便于讀者按照每個實訓(xùn)的提示和制作任務(wù)分解完成,或者參考.png源文件完成任務(wù)。書中所有圖片、.png源文件、效果文件可在電子工業(yè)出版社華信教育資源網(wǎng)(http://www.hxedu.com.cn)下載,以方便讀者學(xué)習(xí)參考。
第一部分 基礎(chǔ)部分
第1章 Fireworks CS6基礎(chǔ) 2
1.1 Fireworks CS6簡介 2
1.2 Fireworks CS6的新增或改進功能 2
1.3 系統(tǒng)要求 3
1.4 安裝Fireworks CS6 3
1.5 使用“歡迎屏幕”頁 4
1.6 創(chuàng)建新文檔 5
1.7 保存Fireworks PNG文件 8
1.8 Fireworks CS6的操作界面和
功能簡介 9
1.8.1 菜單欄 10
1.8.2 工具欄 14
1.8.3 工具面板 16
1.8.4 屬性檢查器 20
1.8.5 各種面板 21
1.8.6 組織面板組和面板 30
1.9 本章軟件使用技能要求 33
第2章 創(chuàng)建位圖 35
2.1 創(chuàng)建位圖對象的方法 35
2.1.1 直接繪制、繪畫位圖對象 35
2.1.2 創(chuàng)建新的空位圖 36
2.1.3 剪切或復(fù)制并粘貼像素 36
2.1.4 轉(zhuǎn)換矢量對象 37
2.2 繪制、繪畫和編輯位圖對象 38
2.2.1 繪制位圖對象 38
2.2.2 繪畫位圖對象 38
2.2.3 選取筆觸顏色或填充顏色 40
2.2.4 擦除位圖對象或像素 40
2.2.5 羽化像素選區(qū) 40
2.3 修飾位圖對象 41
2.3.1 克隆像素區(qū)域 41
2.3.2 模糊、銳化和涂抹像素 43
2.3.3 減淡和加深像素 44
2.3.4 消除照片中的紅眼 45
2.3.5 替換顏色 45
2.3.6 裁剪所選位圖 46
2.4 調(diào)整位圖顏色和色調(diào) 47
2.4.1 調(diào)整色調(diào)范圍 48
2.4.2 調(diào)整亮度和對比度 51
2.4.3 應(yīng)用“顏色填充”動態(tài)
濾鏡 52
2.4.4 調(diào)整色相和飽和度 53
2.4.5 反轉(zhuǎn)圖像的顏色值 54
2.5 模糊和銳化位圖 55
2.5.1 對圖像進行模糊處理 55
2.5.2 創(chuàng)建草圖外觀 58
2.5.3 將圖像轉(zhuǎn)換成透明 59
2.5.4 對圖像進行銳化處理 60
2.6 本章軟件使用技能要求 62
第3章 創(chuàng)建矢量對象 63
3.1 繪制矢量對象 63
3.1.1 快速繪制基本形狀 63
3.1.2 繪制基本的圓角矩形 64
3.1.3 繪制基本的多邊形和星形 65
3.1.4 繪制自動形狀 65
3.1.5 繪制自由變形矢量路徑 67
3.1.6 通過繪制點來繪制路徑 68
3.2 編輯路徑 73
3.2.1 使用“矢量”工具編輯
矢量對象 73
3.2.2 使用路徑操作編輯
矢量對象 75
3.3 本章軟件使用技能要求 79
第4章 創(chuàng)建文本 80
4.1 輸入文本 80
4.1.1 創(chuàng)建文本塊并輸入文本 80
4.1.2 移動文本塊 81
4.1.3 兩種類型的文本塊 81
4.2 編輯文本 81
4.2.1 更改字體系列、字號大小和
字體樣式 82
4.2.2 設(shè)置文本顏色 83
4.2.3 設(shè)置字間距 84
4.2.4 設(shè)置字頂距 84
4.2.5 設(shè)置文本方向 85
4.2.6 文本對齊方式 85
4.2.7 設(shè)置段落縮進 86
4.2.8 設(shè)置段落間距 86
4.2.9 消除文本鋸齒 87
4.2.10 改變字符寬度 87
4.2.11 基線調(diào)整 88
4.3 在文本中應(yīng)用筆觸、填充、濾鏡
效果和樣式 88
4.4 將文本附加到路徑 90
4.4.1 將文本附加到路徑的操作
方法 90
4.4.2 編輯附加到路徑的文本和
路徑 90
4.4.3 變換文本在路徑上的方向 91
4.5 將文本附加到路徑內(nèi) 91
4.5.1 將文本附加到路徑內(nèi)的操作
方法 91
4.5.2 編輯附加到路徑內(nèi)的文本和
路徑 92
4.6 文本變形 92
4.7 將文本轉(zhuǎn)換為路徑 93
4.8 打開或?qū)胛谋疚募?94
4.9 本章軟件使用技能要求 94
第5章 使用顏色、筆觸和填充 96
5.1 使用工具面板的“顏色”部分 96
5.2 使用“樣本”、“混色器”和
“調(diào)色板”面板 97
5.2.1 使用“樣本”面板對所選
對象應(yīng)用顏色 98
5.2.2 更改樣本組 98
5.2.3 自定義“樣本”面板 99
5.2.4 在“混色器”面板中創(chuàng)建
顏色 100
5.2.5 使用“調(diào)色板”面板的
“選擇器”選項卡 102
5.2.6 使用“調(diào)色板”面板的
“混色器”選項卡 102
5.2.7 使用“調(diào)色板”面板的
“混合器”選項卡 103
5.3 使用顏色框和顏色框彈出窗口 103
5.3.1 從顏色框彈出窗口中選擇
顏色 103
5.3.2 從界面的任意位置采集顏
色樣本 104
5.4 使用筆觸 104
5.4.1 應(yīng)用筆觸 104
5.4.2 在路徑上放置筆觸 105
5.4.3 創(chuàng)建筆觸樣式 106
5.5 使用填充 107
5.5.1 設(shè)置繪制工具的填充屬性 107
5.5.2 編輯實色填充 107
5.6 使用漸變填充和圖案填充 108
5.6.1 應(yīng)用圖案填充 108
5.6.2 添加自定義圖案 109
5.6.3 應(yīng)用漸變填充 109
5.6.4 編輯漸變填充 109
5.6.5 使用“漸變”工具創(chuàng)建
填充 111
5.6.6 變形和扭曲填充 112
5.6.7 設(shè)置實邊、消除鋸齒或
羽化填充邊緣 112
5.6.8 保存自定義漸變填充 113
5.7 添加紋理 113
5.7.1 向所選對象的筆觸中
添加紋理 113
5.7.2 向所選對象的填充中
添加紋理 114
5.8 本章軟件使用技能要求 115
第6章 應(yīng)用動態(tài)濾鏡效果 116
6.1 將動態(tài)濾鏡應(yīng)用于所選對象 116
6.2 編輯動態(tài)濾鏡效果 118
6.3 重新排列動態(tài)濾鏡的順序 119
6.4 創(chuàng)建自定義動態(tài)濾鏡效果 119
6.5 本章軟件使用技能要求 120
第7章 創(chuàng)建動畫 121
7.1 如何創(chuàng)建動畫 121
7.2 使用動畫元件 122
7.2.1 創(chuàng)建動畫元件 122
7.2.2 編輯動畫元件 123
7.2.3 編輯元件圖形 124
7.2.4 編輯元件運動路徑 125
7.3 使用“狀態(tài)”面板 125
7.3.1 設(shè)置狀態(tài)延遲 126
7.3.2 顯示和隱藏狀態(tài) 126
7.3.3 對狀態(tài)進行重命名 126
7.3.4 添加、復(fù)制、排列和
刪除狀態(tài) 127
7.3.5 在“狀態(tài)”面板中移動
所選對象 128
7.3.6 在狀態(tài)中共享層 128
7.3.7 查看特定狀態(tài)中的對象 129
7.3.8 使用“洋蔥皮” 130
7.4 預(yù)覽動畫 131
7.5 導(dǎo)出動畫 132
7.5.1 設(shè)置動畫循環(huán) 132
7.5.2 設(shè)置透明度 132
7.5.3 優(yōu)化動畫 133
7.5.4 動畫導(dǎo)出格式 133
7.6 使用現(xiàn)有的GIF動畫 133
7.7 基于一組圖像文件創(chuàng)建一個動畫 134
7.8 本章軟件使用技能要求 134
第8章 使用樣式、元件和URL 136
8.1 使用樣式 136
8.1.1 將樣式應(yīng)用于對象或文本 136
8.1.2 創(chuàng)建和刪除樣式 137
8.1.3 編輯樣式 138
8.1.4 導(dǎo)出和導(dǎo)入樣式 138
8.1.5 使用加載樣式 140
8.1.6 在不創(chuàng)建樣式的前提下
應(yīng)用屬性 140
8.2 使用元件 141
8.2.1 創(chuàng)建元件 141
8.2.2 將實例拖到當(dāng)前文檔中 142
8.2.3 編輯元件 142
8.2.4 使用“公用庫”面板中的
元件 143
8.2.5 導(dǎo)入和導(dǎo)出元件 143
8.3 使用URL 144
8.3.1 為網(wǎng)頁對象指定URL 145
8.3.2 創(chuàng)建URL庫 145
8.3.3 編輯URL 146
8.3.4 絕對URL和相對URL 146
8.3.5 導(dǎo)入和導(dǎo)出URL 147
8.4 本章軟件使用技能要求 147
第9章 層和蒙版 148
9.1 使用層 148
9.1.1 關(guān)于層 148
9.1.2 激活層 149
9.1.3 新建層、刪除層和重制層 149
9.1.4 新建子層 150
9.1.5 查看層和組織層 150
9.1.6 保護層和對象 151
9.1.7 共享層 152
9.1.8 使用網(wǎng)頁層 152
9.2 使用蒙版 153
9.2.1 關(guān)于蒙版 153
9.2.2 用現(xiàn)有對象創(chuàng)建蒙版 154
9.2.3 使用“圖層”面板創(chuàng)建位
圖蒙版 157
9.2.4 將對象組合為蒙版 158
9.3 本章軟件使用技能要求 158
第10章 創(chuàng)建交互 159
10.1 創(chuàng)建和編輯切片 159
10.1.1 創(chuàng)建切片 159
10.1.2 查看并顯示切片和切片
引導(dǎo)線 162
10.1.3 編輯切片 162
10.2 使切片交互 164
10.2.1 使切片具有簡單的
交互效果 164
10.2.2 向切片添加交互效果 169
10.3 設(shè)置切片屬性以供導(dǎo)出 171
10.4 使用熱點和圖像映射 173
10.4.1 創(chuàng)建熱點 174
10.4.2 編輯熱點 175
10.4.3 設(shè)置熱點屬性 175
10.4.4 創(chuàng)建圖像映射 176
10.4.5 使用熱點創(chuàng)建變換圖像 176
10.4.6 在切片上使用熱點 177
10.5 本章軟件使用技能要求 177
第11章 創(chuàng)建按鈕、導(dǎo)航欄和彈出
菜單 178
11.1 創(chuàng)建按鈕元件 178
11.1.1 按鈕的狀態(tài) 179
11.1.2 使用按鈕元件編輯器和
屬性檢查器 179
11.1.3 創(chuàng)建具有兩種狀態(tài)的
簡單按鈕 180
11.1.4 創(chuàng)建具有3種或4種
狀態(tài)的按鈕 181
11.1.5 使用動態(tài)濾鏡創(chuàng)建
按鈕狀態(tài) 182
11.1.6 將Fireworks CS6變換
圖像轉(zhuǎn)換為按鈕元件 183
11.1.7 將按鈕元件實例放置到
文檔中 184
11.1.8 導(dǎo)入按鈕元件 184
11.1.9 編輯按鈕元件 185
11.1.10 設(shè)置交互按鈕元件屬性 186
11.2 創(chuàng)建導(dǎo)航欄 188
11.3 創(chuàng)建彈出菜單 188
11.3.1 “彈出菜單編輯器” 189
11.3.2 創(chuàng)建基本彈出菜單 190
11.3.3 創(chuàng)建彈出菜單的子菜單 190
11.3.4 設(shè)計彈出菜單的外觀 191
11.3.5 添加彈出菜單樣式 192
11.3.6 設(shè)置高級彈出菜單屬性 193
11.3.7 控制彈出菜單和子菜單的
位置 194
11.3.8 編輯彈出菜單 195
11.3.9 導(dǎo)出彈出菜單 196
11.4 本章軟件使用技能要求 196
第12章 優(yōu)化和導(dǎo)出 197
12.1 優(yōu)化和導(dǎo)出方法 197
12.1.1 優(yōu)化方法 197
12.1.2 使用“導(dǎo)出向?qū)А?197
12.1.3 使用“圖像預(yù)覽” 198
12.2 在工作區(qū)中優(yōu)化 202
12.2.1 使用優(yōu)化設(shè)置 202
12.2.2 預(yù)覽和比較優(yōu)化設(shè)置 204
12.2.3 選擇文件類型 204
12.2.4 保存和重新使用優(yōu)化
設(shè)置 205
12.3 從Fireworks CS6導(dǎo)出 206
12.3.1 導(dǎo)出圖像 206
12.3.2 導(dǎo)出使用切片的文檔 207
12.3.3 導(dǎo)出動畫 207
12.4 本章軟件使用技能要求 208
第13章 Fireworks CS6和其他應(yīng)用
程序 209
13.1 將Fireworks與Photoshop一起
使用 209
13.1.1 將Photoshop圖像置入
Fireworks中 209
13.1.2 使用Photoshop濾鏡和
插件 210
13.1.3 將Fireworks圖形置入
Photoshop中 211
13.2 將Fireworks與Flash一起使用 212
13.2.1 將Fireworks圖形置入
Flash中 212
13.2.2 在Flash中使用Fireworks
編輯圖形 215
13.3 將Fireworks與Dreamweaver
一起使用 215
13.3.1 在Dreamweaver文件中
放置Fireworks圖像 215
13.3.2 將Fireworks HTML代碼
置入Dreamweaver中 217
13.3.3 在Dreamweaver中編輯
Fireworks文件 218
13.3.4 優(yōu)化放置在Dreamweaver中的
Fireworks圖像和動畫 219
13.4 將Fireworks與Illustrator
一起使用 219
13.5 在Adobe device central的各種移動
模擬器中預(yù)覽Fireworks文檔 220
13.5.1 Adobe device central的
功能 221
13.5.2 基于所選的移動設(shè)備創(chuàng)建
Fireworks文檔 222
13.6 本章軟件使用技能要求 223
習(xí)題 224
習(xí)題答案 237
第二部分 實例部分
實例1:登錄頁面 240
實例2:網(wǎng)站首頁 246
實例3:橫幅廣告 256
實例4:生日賀卡 263
實例5:文件夾 270
實例6:變換圖像 275
實例7:可愛的水杯 284
實例8:網(wǎng)頁廣告 288
實例9:蘋果標志 294
實例10:播放器水晶圖標 299
實例11:母親節(jié)賀卡 305
實例12:彩色光球 312
實例13:點炮仗 322
第三部分 實訓(xùn)部分
實訓(xùn)1:閃圖 330
實訓(xùn)2:文本特效 330
實訓(xùn)3:下雨 331
實訓(xùn)4:摳圖 331
實訓(xùn)5:掃光文字 332
實訓(xùn)6:仿3D光亮圖 332
實訓(xùn)7:春滿人間 333
實訓(xùn)8:透明立體網(wǎng)格 333
實訓(xùn)9:3D足球 334
實訓(xùn)10:春節(jié)快樂 334
實訓(xùn)11:文字特效4則 335
實訓(xùn)12:微信標志 335
實訓(xùn)13:大屏幕手機 336
實訓(xùn)14:登錄頁面 336
實訓(xùn)15:閃字 337
實訓(xùn)16:彈出菜單 337
實訓(xùn)17:彈簧與彈性形變 338
實訓(xùn)18:水印效果 339
實訓(xùn)19:鏡框 340
實訓(xùn)20:擺動的木牌 340
實訓(xùn)21:交換圖像 341
實訓(xùn)22:Dear 342
實訓(xùn)23:笑臉 342
學(xué)習(xí)引導(dǎo) 343
Fireworks CS6是專業(yè)的網(wǎng)頁圖形制作以及成型軟件,由Adobe公司開發(fā)。它不僅可以輕松制作出各種動感的Gif、動態(tài)按鈕等網(wǎng)絡(luò)圖片,更重要的是Fireworks CS6可以輕松地實現(xiàn)大圖切割,使網(wǎng)頁加載圖片時,顯示速度更快,讓讀者在彈指間便能制作出精美的矢量和點陣圖、模型、3D圖形和交互式內(nèi)容,無須編碼,可直接應(yīng)用于網(wǎng)頁和移動應(yīng)用程序。
Fireworks CS6利用jQuery支持制作移動主題,從設(shè)計組件中添加CSS Sprite圖像,為網(wǎng)頁、智能手機和平板計算機應(yīng)用程序提取簡潔的CSS3代碼,利用適用于Mac OS的增強的重繪性能和適用于Windows的內(nèi)存管理,大大提高工作效率,利用增強型色板快速更改顏色。
從設(shè)計和網(wǎng)頁提取簡潔的CSS代碼,通過使用全新的屬性面板,完全提取CSS元素和值(顏色、字體、漸變和圓角半徑等),以節(jié)省時間并保持設(shè)計的完整性。在提取代碼后,直接將其復(fù)制并粘貼至Adobe Dreamweaver CS6軟件或其他HTML編輯器。
怎樣把該軟件的強大功能展現(xiàn)在讀者面前,使讀者樂于使用,靈活使用,是作者一直在探索并實踐的課題。本書作者以自身學(xué)習(xí)新軟件使用的心路歷程來體會初學(xué)者的學(xué)習(xí)路徑并完成本書的創(chuàng)作。歸納起來,本書在創(chuàng)作風(fēng)格上有以下6個特點。
(1)基礎(chǔ)部分以軟件使用技能為線索,通過大量的圖示、范例,訓(xùn)練讀者熟練使用Fireworks CS6進行圖形圖像制作的基本功。
(2)習(xí)題集中安排,而不是分散在每一章中,用意是訓(xùn)練讀者靈活運用工具的能力。
(3)實例部分采用任務(wù)驅(qū)動,操作步驟翔實,方便讀者學(xué)習(xí)和理解,不但能夠使讀者快速入門,還可以起到舉一反三的作用。
(4)實訓(xùn)部分的每個實訓(xùn)均有制作效果圖、制作提示、制作任務(wù)分解及.png源文件,便于讀者按照每個實訓(xùn)制作提示和制作任務(wù)分解完成,或者參考.png源文件完成任務(wù)。
(5)書中所有示例、實例、實訓(xùn)全部為原創(chuàng)。
(6)書中所有圖片、.png源文件、效果文件均可在電子工業(yè)出版社華信教育資源網(wǎng)(http://www.hxedu.com.cn)下載,以方便讀者學(xué)習(xí)參考。
通過訓(xùn)練,最終能夠使讀者做到在Fireworks CS6中使用不同的工具和方法完成較為復(fù)雜的符合實際工作需要的網(wǎng)頁元素或其他非網(wǎng)頁用格式的圖形。
全書由3部分組成,第一部分是基礎(chǔ)部分,共13章,用大量的圖示、范例介紹Fireworks CS6的基本工具及功能,為下一步學(xué)習(xí)實例部分做好準備。基礎(chǔ)部分后面附有習(xí)題及答案。第二部分是實例部分,給出13個實例,每個實例以制作任務(wù)提出,先是分解任務(wù),然后分步進行制作。這種方法便于讀者理解、模仿,使讀者掌握制作任務(wù)的處理方法。第三部分是實訓(xùn)部分,共給出23個訓(xùn)練任務(wù),每個實訓(xùn)只給出制作提示和制作任務(wù)分解,希望讀者獨立完成,鍛煉舉一反三的學(xué)習(xí)能力。書后附有“學(xué)習(xí)引導(dǎo)”,它反映了本書的特色并指導(dǎo)讀者使用本書,建議讀者閱讀參考。
本書由丁桂芝編著,其中示例、實例、實訓(xùn)的創(chuàng)作頗費心思。在編寫過程中,黃建忠、孟祥雙、李宏力、祖文東、任靜、李勤、張榮新、時瑞鵬、王向華、李占倉、張臻、王炯、王翔、孫華峰參加了實例和實訓(xùn)部分的編寫,并對書稿提出了修改意見和建議,在此表示衷心的感謝。本書由黃建忠主審。
由于編者水平有限,疏漏和不足之處在所難免。您若有問題或意見,請發(fā)郵件到dingguizhi@gmail.com,期待獲得您的寶貴意見。
編著者
2014年2