本書是Adobe Fireworks CS6軟件學(xué)以致用的訓(xùn)練教材。教材創(chuàng)作風(fēng)格不是簡(jiǎn)單的軟件功能介紹加上實(shí)例驗(yàn)證,而是以讀者對(duì)軟件的實(shí)際應(yīng)用為主線,貫穿能力培養(yǎng)。全書由基礎(chǔ)部分、實(shí)例部分和實(shí)訓(xùn)部分組成;A(chǔ)部分以軟件使用技能為線索,通過大量的圖示、范例,訓(xùn)練讀者熟練使用Fireworks CS6進(jìn)行圖形圖像的制作;實(shí)例部分采用任務(wù)驅(qū)動(dòng),操作步驟翔實(shí),方便讀者學(xué)習(xí)和理解,不但能夠使讀者快速入門,還可以起到舉一反三的作用;實(shí)訓(xùn)部分的每個(gè)實(shí)訓(xùn)均有制作效果圖、制作提示、制作任務(wù)分解及.png源文件,便于讀者按照每個(gè)實(shí)訓(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簡(jiǎn)介 2
1.2 Fireworks CS6的新增或改進(jìn)功能 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的操作界面和
功能簡(jiǎn)介 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)建位圖對(duì)象的方法 35
2.1.1 直接繪制、繪畫位圖對(duì)象 35
2.1.2 創(chuàng)建新的空位圖 36
2.1.3 剪切或復(fù)制并粘貼像素 36
2.1.4 轉(zhuǎn)換矢量對(duì)象 37
2.2 繪制、繪畫和編輯位圖對(duì)象 38
2.2.1 繪制位圖對(duì)象 38
2.2.2 繪畫位圖對(duì)象 38
2.2.3 選取筆觸顏色或填充顏色 40
2.2.4 擦除位圖對(duì)象或像素 40
2.2.5 羽化像素選區(qū) 40
2.3 修飾位圖對(duì)象 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)整亮度和對(duì)比度 51
2.4.3 應(yīng)用“顏色填充”動(dòng)態(tài)
濾鏡 52
2.4.4 調(diào)整色相和飽和度 53
2.4.5 反轉(zhuǎn)圖像的顏色值 54
2.5 模糊和銳化位圖 55
2.5.1 對(duì)圖像進(jìn)行模糊處理 55
2.5.2 創(chuàng)建草圖外觀 58
2.5.3 將圖像轉(zhuǎn)換成透明 59
2.5.4 對(duì)圖像進(jìn)行銳化處理 60
2.6 本章軟件使用技能要求 62
第3章 創(chuàng)建矢量對(duì)象 63
3.1 繪制矢量對(duì)象 63
3.1.1 快速繪制基本形狀 63
3.1.2 繪制基本的圓角矩形 64
3.1.3 繪制基本的多邊形和星形 65
3.1.4 繪制自動(dòng)形狀 65
3.1.5 繪制自由變形矢量路徑 67
3.1.6 通過繪制點(diǎn)來繪制路徑 68
3.2 編輯路徑 73
3.2.1 使用“矢量”工具編輯
矢量對(duì)象 73
3.2.2 使用路徑操作編輯
矢量對(duì)象 75
3.3 本章軟件使用技能要求 79
第4章 創(chuàng)建文本 80
4.1 輸入文本 80
4.1.1 創(chuàng)建文本塊并輸入文本 80
4.1.2 移動(dòng)文本塊 81
4.1.3 兩種類型的文本塊 81
4.2 編輯文本 81
4.2.1 更改字體系列、字號(hào)大小和
字體樣式 82
4.2.2 設(shè)置文本顏色 83
4.2.3 設(shè)置字間距 84
4.2.4 設(shè)置字頂距 84
4.2.5 設(shè)置文本方向 85
4.2.6 文本對(duì)齊方式 85
4.2.7 設(shè)置段落縮進(jìn) 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 使用“樣本”面板對(duì)所選
對(duì)象應(yīng)用顏色 98
5.2.2 更改樣本組 98
5.2.3 自定義“樣本”面板 99
5.2.4 在“混色器”面板中創(chuàng)建
顏色 100
5.2.5 使用“調(diào)色板”面板的
“選擇器”選項(xiàng)卡 102
5.2.6 使用“調(diào)色板”面板的
“混色器”選項(xiàng)卡 102
5.2.7 使用“調(diào)色板”面板的
“混合器”選項(xiàng)卡 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 編輯實(shí)色填充 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è)置實(shí)邊、消除鋸齒或
羽化填充邊緣 112
5.6.8 保存自定義漸變填充 113
5.7 添加紋理 113
5.7.1 向所選對(duì)象的筆觸中
添加紋理 113
5.7.2 向所選對(duì)象的填充中
添加紋理 114
5.8 本章軟件使用技能要求 115
第6章 應(yīng)用動(dòng)態(tài)濾鏡效果 116
6.1 將動(dòng)態(tài)濾鏡應(yīng)用于所選對(duì)象 116
6.2 編輯動(dòng)態(tài)濾鏡效果 118
6.3 重新排列動(dòng)態(tài)濾鏡的順序 119
6.4 創(chuàng)建自定義動(dòng)態(tài)濾鏡效果 119
6.5 本章軟件使用技能要求 120
第7章 創(chuàng)建動(dòng)畫 121
7.1 如何創(chuàng)建動(dòng)畫 121
7.2 使用動(dòng)畫元件 122
7.2.1 創(chuàng)建動(dòng)畫元件 122
7.2.2 編輯動(dòng)畫元件 123
7.2.3 編輯元件圖形 124
7.2.4 編輯元件運(yùn)動(dòng)路徑 125
7.3 使用“狀態(tài)”面板 125
7.3.1 設(shè)置狀態(tài)延遲 126
7.3.2 顯示和隱藏狀態(tài) 126
7.3.3 對(duì)狀態(tài)進(jìn)行重命名 126
7.3.4 添加、復(fù)制、排列和
刪除狀態(tài) 127
7.3.5 在“狀態(tài)”面板中移動(dòng)
所選對(duì)象 128
7.3.6 在狀態(tài)中共享層 128
7.3.7 查看特定狀態(tài)中的對(duì)象 129
7.3.8 使用“洋蔥皮” 130
7.4 預(yù)覽動(dòng)畫 131
7.5 導(dǎo)出動(dòng)畫 132
7.5.1 設(shè)置動(dòng)畫循環(huán) 132
7.5.2 設(shè)置透明度 132
7.5.3 優(yōu)化動(dòng)畫 133
7.5.4 動(dòng)畫導(dǎo)出格式 133
7.6 使用現(xiàn)有的GIF動(dòng)畫 133
7.7 基于一組圖像文件創(chuàng)建一個(gè)動(dòng)畫 134
7.8 本章軟件使用技能要求 134
第8章 使用樣式、元件和URL 136
8.1 使用樣式 136
8.1.1 將樣式應(yīng)用于對(duì)象或文本 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 將實(shí)例拖到當(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)頁對(duì)象指定URL 145
8.3.2 創(chuàng)建URL庫 145
8.3.3 編輯URL 146
8.3.4 絕對(duì)URL和相對(duì)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 保護(hù)層和對(duì)象 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)有對(duì)象創(chuàng)建蒙版 154
9.2.3 使用“圖層”面板創(chuàng)建位
圖蒙版 157
9.2.4 將對(duì)象組合為蒙版 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 使切片具有簡(jiǎn)單的
交互效果 164
10.2.2 向切片添加交互效果 169
10.3 設(shè)置切片屬性以供導(dǎo)出 171
10.4 使用熱點(diǎn)和圖像映射 173
10.4.1 創(chuàng)建熱點(diǎn) 174
10.4.2 編輯熱點(diǎn) 175
10.4.3 設(shè)置熱點(diǎn)屬性 175
10.4.4 創(chuàng)建圖像映射 176
10.4.5 使用熱點(diǎn)創(chuàng)建變換圖像 176
10.4.6 在切片上使用熱點(diǎn) 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)的
簡(jiǎn)單按鈕 180
11.1.4 創(chuàng)建具有3種或4種
狀態(tài)的按鈕 181
11.1.5 使用動(dòng)態(tài)濾鏡創(chuàng)建
按鈕狀態(tài) 182
11.1.6 將Fireworks CS6變換
圖像轉(zhuǎn)換為按鈕元件 183
11.1.7 將按鈕元件實(shí)例放置到
文檔中 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è)計(jì)彈出菜單的外觀 191
11.3.5 添加彈出菜單樣式 192
11.3.6 設(shè)置高級(jí)彈出菜單屬性 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)出動(dòng)畫 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圖像和動(dòng)畫 219
13.4 將Fireworks與Illustrator
一起使用 219
13.5 在Adobe device central的各種移動(dòng)
模擬器中預(yù)覽Fireworks文檔 220
13.5.1 Adobe device central的
功能 221
13.5.2 基于所選的移動(dòng)設(shè)備創(chuàng)建
Fireworks文檔 222
13.6 本章軟件使用技能要求 223
習(xí)題 224
習(xí)題答案 237
第二部分 實(shí)例部分
實(shí)例1:登錄頁面 240
實(shí)例2:網(wǎng)站首頁 246
實(shí)例3:橫幅廣告 256
實(shí)例4:生日賀卡 263
實(shí)例5:文件夾 270
實(shí)例6:變換圖像 275
實(shí)例7:可愛的水杯 284
實(shí)例8:網(wǎng)頁廣告 288
實(shí)例9:蘋果標(biāo)志 294
實(shí)例10:播放器水晶圖標(biāo) 299
實(shí)例11:母親節(jié)賀卡 305
實(shí)例12:彩色光球 312
實(shí)例13:點(diǎn)炮仗 322
第三部分 實(shí)訓(xùn)部分
實(shí)訓(xùn)1:閃圖 330
實(shí)訓(xùn)2:文本特效 330
實(shí)訓(xùn)3:下雨 331
實(shí)訓(xùn)4:摳圖 331
實(shí)訓(xùn)5:掃光文字 332
實(shí)訓(xùn)6:仿3D光亮圖 332
實(shí)訓(xùn)7:春滿人間 333
實(shí)訓(xùn)8:透明立體網(wǎng)格 333
實(shí)訓(xùn)9:3D足球 334
實(shí)訓(xùn)10:春節(jié)快樂 334
實(shí)訓(xùn)11:文字特效4則 335
實(shí)訓(xùn)12:微信標(biāo)志 335
實(shí)訓(xùn)13:大屏幕手機(jī) 336
實(shí)訓(xùn)14:登錄頁面 336
實(shí)訓(xùn)15:閃字 337
實(shí)訓(xùn)16:彈出菜單 337
實(shí)訓(xùn)17:彈簧與彈性形變 338
實(shí)訓(xùn)18:水印效果 339
實(shí)訓(xùn)19:鏡框 340
實(shí)訓(xùn)20:擺動(dòng)的木牌 340
實(shí)訓(xùn)21:交換圖像 341
實(shí)訓(xùn)22:Dear 342
實(shí)訓(xùn)23:笑臉 342
學(xué)習(xí)引導(dǎo) 343
Fireworks CS6是專業(yè)的網(wǎng)頁圖形制作以及成型軟件,由Adobe公司開發(fā)。它不僅可以輕松制作出各種動(dòng)感的Gif、動(dòng)態(tài)按鈕等網(wǎng)絡(luò)圖片,更重要的是Fireworks CS6可以輕松地實(shí)現(xiàn)大圖切割,使網(wǎng)頁加載圖片時(shí),顯示速度更快,讓讀者在彈指間便能制作出精美的矢量和點(diǎn)陣圖、模型、3D圖形和交互式內(nèi)容,無須編碼,可直接應(yīng)用于網(wǎng)頁和移動(dòng)應(yīng)用程序。
Fireworks CS6利用jQuery支持制作移動(dòng)主題,從設(shè)計(jì)組件中添加CSS Sprite圖像,為網(wǎng)頁、智能手機(jī)和平板計(jì)算機(jī)應(yīng)用程序提取簡(jiǎn)潔的CSS3代碼,利用適用于Mac OS的增強(qiáng)的重繪性能和適用于Windows的內(nèi)存管理,大大提高工作效率,利用增強(qiáng)型色板快速更改顏色。
從設(shè)計(jì)和網(wǎng)頁提取簡(jiǎn)潔的CSS代碼,通過使用全新的屬性面板,完全提取CSS元素和值(顏色、字體、漸變和圓角半徑等),以節(jié)省時(shí)間并保持設(shè)計(jì)的完整性。在提取代碼后,直接將其復(fù)制并粘貼至Adobe Dreamweaver CS6軟件或其他HTML編輯器。
怎樣把該軟件的強(qiáng)大功能展現(xiàn)在讀者面前,使讀者樂于使用,靈活使用,是作者一直在探索并實(shí)踐的課題。本書作者以自身學(xué)習(xí)新軟件使用的心路歷程來體會(huì)初學(xué)者的學(xué)習(xí)路徑并完成本書的創(chuàng)作。歸納起來,本書在創(chuàng)作風(fēng)格上有以下6個(gè)特點(diǎn)。
(1)基礎(chǔ)部分以軟件使用技能為線索,通過大量的圖示、范例,訓(xùn)練讀者熟練使用Fireworks CS6進(jìn)行圖形圖像制作的基本功。
(2)習(xí)題集中安排,而不是分散在每一章中,用意是訓(xùn)練讀者靈活運(yùn)用工具的能力。
(3)實(shí)例部分采用任務(wù)驅(qū)動(dòng),操作步驟翔實(shí),方便讀者學(xué)習(xí)和理解,不但能夠使讀者快速入門,還可以起到舉一反三的作用。
(4)實(shí)訓(xùn)部分的每個(gè)實(shí)訓(xùn)均有制作效果圖、制作提示、制作任務(wù)分解及.png源文件,便于讀者按照每個(gè)實(shí)訓(xùn)制作提示和制作任務(wù)分解完成,或者參考.png源文件完成任務(wù)。
(5)書中所有示例、實(shí)例、實(shí)訓(xùn)全部為原創(chuàng)。
(6)書中所有圖片、.png源文件、效果文件均可在電子工業(yè)出版社華信教育資源網(wǎng)(http://www.hxedu.com.cn)下載,以方便讀者學(xué)習(xí)參考。
通過訓(xùn)練,最終能夠使讀者做到在Fireworks CS6中使用不同的工具和方法完成較為復(fù)雜的符合實(shí)際工作需要的網(wǎng)頁元素或其他非網(wǎng)頁用格式的圖形。
全書由3部分組成,第一部分是基礎(chǔ)部分,共13章,用大量的圖示、范例介紹Fireworks CS6的基本工具及功能,為下一步學(xué)習(xí)實(shí)例部分做好準(zhǔn)備。基礎(chǔ)部分后面附有習(xí)題及答案。第二部分是實(shí)例部分,給出13個(gè)實(shí)例,每個(gè)實(shí)例以制作任務(wù)提出,先是分解任務(wù),然后分步進(jìn)行制作。這種方法便于讀者理解、模仿,使讀者掌握制作任務(wù)的處理方法。第三部分是實(shí)訓(xùn)部分,共給出23個(gè)訓(xùn)練任務(wù),每個(gè)實(shí)訓(xùn)只給出制作提示和制作任務(wù)分解,希望讀者獨(dú)立完成,鍛煉舉一反三的學(xué)習(xí)能力。書后附有“學(xué)習(xí)引導(dǎo)”,它反映了本書的特色并指導(dǎo)讀者使用本書,建議讀者閱讀參考。
本書由丁桂芝編著,其中示例、實(shí)例、實(shí)訓(xùn)的創(chuàng)作頗費(fèi)心思。在編寫過程中,黃建忠、孟祥雙、李宏力、祖文東、任靜、李勤、張榮新、時(shí)瑞鵬、王向華、李占倉、張臻、王炯、王翔、孫華峰參加了實(shí)例和實(shí)訓(xùn)部分的編寫,并對(duì)書稿提出了修改意見和建議,在此表示衷心的感謝。本書由黃建忠主審。
由于編者水平有限,疏漏和不足之處在所難免。您若有問題或意見,請(qǐng)發(fā)郵件到dingguizhi@gmail.com,期待獲得您的寶貴意見。
編著者
2014年2