ADOBE FIREWORKS CS6標(biāo)準(zhǔn)培訓(xùn)教材

目　錄
1　Fireworks CS6概述
1.1　關(guān)于Adobe Fireworks CS6　1
1.2　Fireworks CS6的新功能　2
1.3　認(rèn)識(shí)Fireworks的工作環(huán)境　3
1.3.1　開(kāi)始頁(yè)　3
1.3.2　工具欄　4
1.3.3　“工具”面板　5
1.3.4　“屬性”檢查器　7
1.3.5　面板　7
1.3.6　管理窗口和面板　9
1.3.7　在保存操作期間鎖定編輯　12
2　Fireworks CS6基本操作
2.1　工作區(qū)的操作　13
2.1.1　查看文檔　13
2.1.2　視圖管理　15
2.1.3　畫(huà)布的更改和設(shè)置　15
2.1.4　使用標(biāo)尺、輔助線(xiàn)和網(wǎng)格　19
2.1.5　在瀏覽器中預(yù)覽　20
2.1.6　操作的撤銷(xiāo)和重復(fù)　20
2.2　Fireworks的基本操作　22
2.2.1　創(chuàng)建新的Fireworks文檔　22
2.2.2　模板　23
2.2.3　打開(kāi)和導(dǎo)入文件　24
2.2.4　將對(duì)象插入到Fireworks文檔　26
2.2.5　保存Fireworks文件　27
2.2.6　優(yōu)化與導(dǎo)出　29
2.3　選擇對(duì)象和修改對(duì)象　33
2.3.1　選擇對(duì)象　33
2.3.2　修改對(duì)象　36
2.3.3　選擇像素　37
2.3.4　創(chuàng)建像素選區(qū)　38
2.3.5　編輯像素選區(qū)　41
2.3.6　編輯所選對(duì)象　46
2.3.7　9切片縮放　51
2.3.8　組織對(duì)象　53
3　位圖圖像處理
3.1　關(guān)于位圖圖像　56
3.2　創(chuàng)建位圖對(duì)象　57
3.3　繪制和編輯位圖對(duì)象　58
3.3.1　繪制和編輯位圖圖像工具　59
3.3.2　繪制位圖對(duì)象　60
3.3.3　編輯位圖對(duì)象　60
3.4　修飾位圖　64
3.4.1　克隆像素　64
3.4.2　替換顏色　66
3.4.3　從照片中消除紅眼　67
3.4.4　模糊、銳化和涂抹像素　67
3.4.5　減淡和加深像素　68
3.5　調(diào)整位圖顏色和色調(diào)　69
3.5.1　對(duì)用位圖選區(qū)選取框定義的區(qū)域應(yīng)用動(dòng)態(tài)濾鏡　69
3.5.2　調(diào)整色調(diào)范圍　70
3.5.3　調(diào)整亮度和對(duì)比度　73
3.5.4　應(yīng)用“顏色填充”動(dòng)態(tài)濾鏡　74
3.5.5　調(diào)整色相和飽和度　74
3.5.6　反轉(zhuǎn)圖像的顏色值　75
3.6　模糊和銳化位圖　76
3.7　向圖像中添加雜點(diǎn)　79
4　矢量圖形設(shè)計(jì)
4.1　關(guān)于矢量圖形　81
4.2　繪制矢量對(duì)象　81
4.2.1　基本形狀的繪制　81
4.2.2　自動(dòng)形狀的繪制　85
4.2.3　自由變形形狀的繪制　92
4.2.4　復(fù)合形狀的繪制　97
4.3　編輯路徑　97
4.3.1　使用矢量工具進(jìn)行編輯　97
4.3.2　通過(guò)路徑操作進(jìn)行編輯　98
4.3.3　使用“路徑”面板編輯路徑　102
5　文本處理與顏色應(yīng)用
5.1　文本的使用　105
5.1.1　輸入文本　105
5.1.2　創(chuàng)建和編輯文本塊　106
5.1.3　導(dǎo)入文本　107
5.2　設(shè)置文本格式　107
5.2.1　選擇文本　108
5.2.2　選擇字體、字號(hào)和文本樣式　108
5.2.3　應(yīng)用文本顏色　109
5.2.4　設(shè)置字頂距和字符間距　111
5.2.5　設(shè)置文本方向和對(duì)齊方式　112
5.2.6　設(shè)置段落縮進(jìn)和段落間距　113
5.3　編輯文本效果　113
5.3.1　應(yīng)用文本效果　113
5.3.2　將文本附加到路徑　116
5.3.3 使文本變形　118
5.4　顏色應(yīng)用　118
5.4.1　使用“工具”面板的“顏色”工具區(qū)　119
5.4.2　組織樣本組和應(yīng)用顏色　120
5.4.3　使用顏色框和顏色彈出窗口　121
5.5　Kuler面板　121
5.6　筆觸的應(yīng)用　123
5.6.1　應(yīng)用和更改筆觸　123
5.6.2　創(chuàng)建和編輯自定義筆觸　124
5.6.3　在路徑上放置筆觸　125
5.6.4　創(chuàng)建筆觸樣式　126
5.6.5　向筆觸中添加三維效果　126
5.7　填充的應(yīng)用　127
5.7.1　創(chuàng)建和編輯實(shí)心填充　127
5.7.2　創(chuàng)建和應(yīng)用圖案和漸變填充　128
5.7.3　變形和扭曲填充　130
5.7.4　向填充中添加三維效果　131
6　動(dòng)態(tài)濾鏡的應(yīng)用
6.1　應(yīng)用動(dòng)態(tài)濾鏡　133
6.1.1　應(yīng)用斜角和浮雕　135
6.1.2　應(yīng)用模糊或銳化　136
6.1.3　應(yīng)用陰影和光暈　137
6.1.4　應(yīng)用Photoshop動(dòng)態(tài)效果　139
6.1.5　對(duì)組合對(duì)象應(yīng)用濾鏡　140
6.2　編輯動(dòng)態(tài)濾鏡　140
6.2.1　重新排列動(dòng)態(tài)濾鏡　141
6.2.2　刪除動(dòng)態(tài)濾鏡　141
6.2.3　創(chuàng)建自定義動(dòng)態(tài)濾鏡　142
6.2.4　將動(dòng)態(tài)濾鏡保存為命令　143
7　層、頁(yè)面、蒙版和混合
7.1　使用層　145
7.1.1　具有層次結(jié)構(gòu)的層　145
7.1.2　編輯層　146
7.1.3　查看層內(nèi)容　147
7.1.4　組織層　147
7.1.5　鎖定或隱藏層和對(duì)象　148
7.1.6　在“圖層”面板中合并對(duì)象或?qū)?duì)象分散到層　149
7.1.7　共享層　150
7.1.8　網(wǎng)頁(yè)層　150
7.2　使用頁(yè)面　151
7.2.1　添加和刪除頁(yè)面　151
7.2.2　編輯頁(yè)面　152
7.2.3　使用主頁(yè)　153
7.2.4　將頁(yè)面導(dǎo)出為HTML　154
7.2.5　將頁(yè)面導(dǎo)出為圖像文件　154
7.3　用蒙版遮罩圖像　155
7.3.1　蒙版　155
7.3.2　利用現(xiàn)有對(duì)象創(chuàng)建蒙版　156
7.3.3　將文本用作蒙版　159
7.3.4　使用自動(dòng)矢量蒙版　160
7.3.5　使用“圖層”面板遮罩對(duì)象　160
7.3.6　利用顯示和隱藏掩蓋對(duì)象　161
7.3.7　組合對(duì)象以構(gòu)成蒙版　162
7.3.8　導(dǎo)入和導(dǎo)出Photoshop層蒙版　163
7.3.9　移動(dòng)蒙版和對(duì)象　163
7.3.10　編輯蒙版　164
7.4　混合和透明度　167
7.4.1　關(guān)于混合模式　168
7.4.2　調(diào)整不透明度并應(yīng)用混合模式　169
7.4.3　關(guān)于“填充顏色”動(dòng)態(tài)濾鏡　170
8　樣式、元件和URL
8.1　樣式　172
8.1.1　應(yīng)用樣式　173
8.1.2　創(chuàng)建和刪除樣式　174
8.1.3　編輯樣式　175
8.1.4　保存和導(dǎo)入樣式　176
8.1.5　使用其他對(duì)象的樣式屬性　177
8.2　提取CSS屬性　177
8.3　元件　178
8.3.1　創(chuàng)建元件　178
8.3.2　編輯元件　180
8.3.3　導(dǎo)入和導(dǎo)出元件　182
8.3.4　創(chuàng)建嵌套元件　184
8.3.5　9切片縮放嵌套元件　185
8.4　URL　185
8.4.1　絕對(duì)URL和相對(duì)URL的使用　185
8.4.2　創(chuàng)建URL庫(kù)　185
8.4.3　編輯URL　187
8.4.4　導(dǎo)入和導(dǎo)出URL　187
8.5　創(chuàng)建jQuery Mobile主題　187
8.5.1　使用jQuery Mobile框架　187
8.5.2　創(chuàng)建和修改jQuery主題模板　188
8.5.3　預(yù)覽和導(dǎo)出jQuery主題模板　189
8.5.4　將生成的CSS文件應(yīng)用于一個(gè)jQuery頁(yè)面　191
9　切片、變換圖像和熱點(diǎn)
9.1　切片　192
9.1.1　創(chuàng)建切片　193
9.1.2　查看并顯示切片和切片輔助線(xiàn)　195
9.1.3　編輯切片　197
9.2　使切片交互　198
9.2.1　使切片具有簡(jiǎn)單的交互效果　199
9.2.2　使用“行為”面板向切片添加交互效果　202
9.3　將準(zhǔn)備的切片導(dǎo)出　205
9.3.1　指定URL　206
9.3.2　輸入替換文本　206
9.3.3　指定目標(biāo)　206
9.3.4　命名切片　207
9.4　使用熱點(diǎn)和圖像映射　208
9.4.1　創(chuàng)建熱點(diǎn)　208
9.4.2　編輯熱點(diǎn)　209
9.4.3　用熱點(diǎn)創(chuàng)建圖像映射　209
9.4.4　用熱點(diǎn)創(chuàng)建變換圖像　210
9.4.5　在切片上使用熱點(diǎn)　211
10　按鈕和彈出菜單
10.1　創(chuàng)建導(dǎo)航欄　212
10.2　創(chuàng)建按鈕元件　213
10.2.1　按鈕狀態(tài)與創(chuàng)建　213
10.2.2　將Fireworks變換圖像轉(zhuǎn)換為按鈕　216
10.2.3　將按鈕元件插入或?qū)氲轿臋n中　216
10.3　編輯按鈕元件　217
10.4　創(chuàng)建彈出菜單　219
10.4.1　關(guān)于彈出菜單編輯器　219
10.4.2　創(chuàng)建基本彈出菜單　220
10.4.3　創(chuàng)建彈出菜單內(nèi)的子菜單　221
10.4.4　設(shè)計(jì)彈出菜單的外觀　222
10.4.5　添加彈出菜單樣式　223
10.4.6　設(shè)置高級(jí)彈出菜單屬性　223
10.4.7　控制彈出菜單和子菜單的位置　224
10.4.8　導(dǎo)出彈出菜單　225
11　創(chuàng)建動(dòng)畫(huà)
11.1　創(chuàng)建動(dòng)畫(huà)　226
11.1.1　動(dòng)畫(huà)元件創(chuàng)建動(dòng)畫(huà)　227
11.1.2　狀態(tài)　229
11.1.3　創(chuàng)建補(bǔ)間動(dòng)畫(huà)　236
11.2　瀏覽動(dòng)畫(huà)　236
11.3　優(yōu)化和導(dǎo)出動(dòng)畫(huà)　237
11.3.1　設(shè)置動(dòng)畫(huà)循環(huán)　237
11.3.2　優(yōu)化動(dòng)畫(huà)　238
11.3.3　動(dòng)畫(huà)導(dǎo)出格式　238
11.4　編輯現(xiàn)有動(dòng)畫(huà)　239
11.4.1　導(dǎo)入或打開(kāi)GIF動(dòng)畫(huà)　239
11.4.2　將多個(gè)文件用作一個(gè)動(dòng)畫(huà)　239
11.4.3　創(chuàng)建螺旋式漸隱動(dòng)畫(huà)　239
12　優(yōu)化和導(dǎo)出
12.1　優(yōu)化　243
12.1.1　使用“導(dǎo)出向?qū)А眱?yōu)化　243
12.1.2　使用“圖像預(yù)覽”優(yōu)化　246
12.1.3　在工作區(qū)中優(yōu)化圖像　250
12.1.4　優(yōu)化GIF、PNG、TIFF、BMP和PICT文件　254
12.1.5　優(yōu)化JPEG文件　260
12.2　導(dǎo)出　261
12.2.1　導(dǎo)出單個(gè)圖像　262
12.2.2　導(dǎo)出切片的文檔　262
12.2.3　導(dǎo)出動(dòng)畫(huà)　263
12.2.4　導(dǎo)出狀態(tài)或?qū)印?63
12.2.5　導(dǎo)出文檔自定義區(qū)域　263
12.2.6　導(dǎo)出HTML　264
13　任務(wù)自動(dòng)化
13.1　查找和替換　265
13.2　批處理　269
13.3　擴(kuò)展Fireworks和撰寫(xiě)腳本　275
14　與其他應(yīng)用程序的結(jié)合
14.1　與Dreamweaver的結(jié)合　277
14.1.1　在Dreamweaver文件中放置Fireworks圖像　278
14.1.2　將Fireworks HTML代碼放入Dreamweaver　280
14.1.3　在Dreamweaver中編輯Fireworks文件　281
14.1.4　對(duì)Dreamweaver中的Fireworks圖像和動(dòng)畫(huà)進(jìn)行優(yōu)化　283
14.1.5　設(shè)置“啟動(dòng)并編輯”選項(xiàng)　285
14.2　與Flash的結(jié)合　285
14.2.1　將Fireworks圖形放入Flash　285
14.2.2　使用Fireworks編輯導(dǎo)入到Flash中的圖像　289
14.3　與Photoshop的結(jié)合　290
14.3.1　將Photoshop圖像放入Fireworks中　290
14.3.2　將Fireworks圖形放入Photoshop中　292