內容簡介
《Photoshop網頁設計與配色案例課堂(第2版)》共20章，包括初識Photoshop CC、圖像的基本操作、選區的創建與基本操作、調整圖像的色彩、修飾與繪製圖像、快速製作圖像特效、圖層蒙版與通道的套用、製作網頁特效文字、製作網頁按鈕與導航條、製作網頁特效邊線與背景、製作網頁Logo、製作網頁Banner、網頁配色基礎概述、網頁配色的要領、網頁配色的色彩表現、網頁配色工具的使用、根據網頁色調進行配色、不同網站網頁配色設計分析。
目錄
目錄
第1章初識PhotoshopCC 1
1.1安裝與卸載PhotoshopCC 2
1.1.1安裝PhotoshopCC的系統需求 2
1.1.2安裝PhotoshopCC 3
1.1.3卸載PhotoshopCC 5
1.2啟動與退出PhotoshopCC 6
1.2.1啟動PhotoshopCC 6
1.2.2退出PhotoshopCC 7
1.3PhotoshopCC的工作界面 9
1.3.1認識選單欄 9
1.3.2認識選項欄 10
1.3.3認識工具箱 10
1.3.4認識圖像視窗 11
1.3.5認識面板 12
1.3.6認識狀態欄 13
1.4PhotoshopCC的新增功能 15
1.4.1多畫板支持 15
1.4.2增強的移動應用程式設計 15
1.4.3液化濾鏡增強 16
1.4.4將模糊畫廊效果套用為
智慧型濾鏡 16
1.4.5從形狀或文本圖層複製CSS
屬性 16
1.4.6條件動作 17
1.4.7高dpi顯示支持 17
1.4.8全新的圖像資源生成功能 17
1.4.9全新的智慧型增加取樣 18
1.4.10全新的防抖濾鏡 18
1.4.11增強的CameraRaw功能 19
1.4.12全新的3D面板 19
1.5PhotoshopCC的學習方法 20
1.5.1使用幫助資源 20
1.5.2學習Photoshop的三大步驟 20
1.6綜合案例——在PhotoshopCC中
構建網頁結構 21
1.7跟我學上機——使用PhotoshopCC
進行切圖 21
1.8疑難解惑 23
第2章圖像的簡單編輯 25
2.1查看圖像 26
2.1.1使用導航器查看圖像 26
2.1.2使用縮放工具查看圖像 26
2.1.3使用抓手工具查看圖像 27
2.1.4多角度查看圖像 28
2.1.5使用選單欄縮放圖像 29
2.1.6在多視窗中查看圖像 29
2.2圖像的移動與裁剪 30
2.2.1移動圖像 30
2.2.2使用裁剪工具 32
2.2.3使用透視裁剪工具 33
2.2.4用【裁剪】命令裁剪 34
2.2.5用【裁切】命令裁切 34
2.3調整圖像和畫布 35
2.3.1調整圖片的大小 35
2.3.2調整畫布的大小 36
2.3.3旋轉圖像與畫布 37
2.3.4顯示畫布之外的圖像 39
2.4圖像的拷貝與貼上 39
2.4.1複製文檔 39
2.4.2拷貝圖像 40
2.4.3合併拷貝圖像 41
2.4.4剪下圖像 42
2.4.5貼上與選擇性貼上圖像 43
2.4.6清除圖像 44
2.5圖像的變換與變形 45
2.5.1縮放與旋轉圖像 45
2.5.2斜切與扭曲圖像 47
2.5.3透視與變形圖像 48
2.5.4內容識別縮放圖像 50
2.5.5操控變形圖像 51
2.6綜合案例——將照片設定為
桌面背景 54
2.7跟我學上機——裁剪並修齊掃描出的
照片 57
2.8疑難解惑 57
第3章運用選區編輯圖像 59
3.1創建規則選區 60
3.1.1創建矩形選區 60
3.1.2創建圓形與橢圓形選區 62
3.1.3創建單行與單列選區 63
3.2創建不規則選區 64
3.2.1創建任意不規則選區 64
3.2.2創建有一定規則的選區 65
3.2.3自動創建不規則選區 66
3.3快速創建選區 68
3.3.1使用快速選擇工具創建選區 68
3.3.2使用魔棒工具創建選區 69
3.4使用其他命令創建選區 71
3.4.1使用【色彩範圍】命令
創建選區 71
3.4.2使用鋼筆工具創建選區 73
3.4.3使用通道創建選區 74
3.5選區的基本操作 74
3.5.1選擇全部選區與反選選區 74
3.5.2取消選擇和重新選擇 75
3.5.3添加選區與減去選區 75
3.5.4複製與移動選區 77
3.5.5隱藏或顯示選區 78
3.6選區的編輯操作 79
3.6.1選區圖像的變換 79
3.6.2存儲和載入選區 79
3.6.3描邊選區 80
3.6.4羽化選區邊緣 81
3.6.5擴大選取與選取相似 82
3.6.6修改選區邊界 82
3.6.7平滑選區邊緣 83
3.6.8擴展與收縮選區 84
3.7綜合案例——設計光碟的封面 85
3.8跟我學上機——摳取圖像中的
細緻邊緣 88
3.9疑難解惑 91
第4章調整圖像的色彩和色調 93
4.1認識圖像的顏色模式 94
4.1.1點陣圖模式 94
4.1.2灰度模式 95
4.1.3雙色調模式 95
4.1.4索引顏色模式 96
4.1.5RGB顏色模式 98
4.1.6CMYK顏色模式 98
4.1.7Lab顏色模式 99
4.1.8顏色深度 99
4.2圖像色調的調整 100
4.2.1調整圖像的亮度與對比度 100
4.2.2使用【色階】命令調整圖像 100
4.2.3使用【曲線】命令調整圖像 104
4.2.4調整圖像的曝光度 107
4.3圖像色彩的調整 108
4.3.1【色相/飽和度】命令 108
4.3.2【自然飽和度】命令 110
4.3.3【色彩平衡】命令 110
4.3.4【黑白】命令 112
4.3.5【照片濾鏡】命令 113
4.3.6【通道混合器】命令 113
4.3.7【匹配顏色】命令 115
4.3.8【替換顏色】命令 116
4.3.9【可選顏色】命令 118
4.3.10【陰影/高光】命令 119
4.4特殊效果的色調調整 120
4.4.1【反相】命令 121
4.4.2【色調分離】命令 121
4.4.3【閾值】命令 122
4.4.4【漸變映射】命令 122
4.4.5【去色】命令 123
4.4.6【色調均化】命令 123
4.5自動調整圖像色彩 124
4.6綜合案例——校正顯示效果偏紅的
圖片 125
4.7跟我學上機——查看圖像印刷效果 127
4.8疑難解惑 128
第5章修飾和繪製圖像 129
5.1修復圖像中的污點與瑕疵 130
5.1.1修復圖像中的污點 130
5.1.2修復圖像中的瑕疵 130
5.1.3修復圖像選中的區域 131
5.1.4內容感知移動工具 132
5.1.5消除照片中的紅眼 133
5.2通過圖像或圖案修飾圖像 133
5.2.1通過複製圖像修飾圖像 134
5.2.2通過圖案修飾圖像 135
5.3通過橡皮擦修飾圖像 135
5.3.1擦除圖像中指定的區域 136
5.3.2擦除圖像中指定的顏色 136
5.3.3擦除圖像中相近的顏色 137
5.4修飾圖像中的細節 138
5.4.1修飾圖像中生硬的邊緣 138
5.4.2提高圖像的清晰度 139
5.4.3通過塗抹修飾圖像 139
5.5通過調色修飾圖像 140
5.5.1減淡工具和加深工具 140
5.5.2改變圖像色彩的飽和度 141
5.6使用繪畫工具繪製圖像 141
5.6.1認識【畫筆】和【畫筆預設】
面板 141
5.6.2使用畫筆工具為黑白
圖像著色 144
5.6.3使用鉛筆工具繪製鉛筆形狀 145
5.6.4使用顏色替換工具為
圖像換色 146
5.6.5使用混合器畫筆工具繪製
油畫 147
5.7使用歷史記錄畫筆工具繪製圖像 148
5.7.1使用歷史記錄畫筆工具通過
源數據繪畫 149
5.7.2使用歷史記錄藝術畫筆工具
繪製粉筆畫 150
5.8使用填充工具填充圖像 151
5.8.1使用漸變工具繪製彩虹 151
5.8.2使用油漆桶工具為圖像著色 153
5.9綜合案例——製作放射線背景圖 154
5.10跟我學上機——自定義我的畫筆 154
5.11疑難解惑 155
第6章快速製作圖像特效 157
6.1濾鏡基礎知識 158
6.1.1濾鏡與濾鏡庫 158
6.1.2濾鏡的基礎操作 158
6.2使用內置濾鏡製作圖像特效 160
6.2.1風格化濾鏡組 160
6.2.2畫筆描邊濾鏡組 163
6.2.3模糊濾鏡組 165
6.2.4模糊畫廊濾鏡組 169
6.2.5扭曲濾鏡組 175
6.2.6銳化濾鏡組 179
6.2.7素描濾鏡組 181
6.2.8紋理濾鏡組 185
6.2.9藝術效果濾鏡組 188
6.2.10像素化濾鏡組 191
6.2.11渲染濾鏡組 194
6.2.12雜色濾鏡組 196
6.2.13視頻濾鏡組 197
6.3使用外掛濾鏡製作圖像特效 197
6.3.1安裝外掛濾鏡 197
6.3.2使用外掛濾鏡 198
6.4綜合案例——製作水中倒影效果 199
6.5跟我學上機——製作藍天白雲圖像 203
6.6疑難解惑 205
第7章圖層與圖層樣式的套用 207
7.1新建圖層 208
7.1.1通過【圖層】命令新建圖層 208
7.1.2通過【通過拷貝的圖層】
命令新建圖層 208
7.1.3通過【通過剪下的圖層】
命令新建圖層 209
7.1.4通過【圖層】面板新建圖層 209
7.1.5新建背景圖層 210
7.1.6將背景圖層轉換為普通圖層 211
7.2圖層的基本操作 211
7.2.1選擇圖層 211
7.2.2顯示與隱藏圖層 212
7.2.3複製圖層 212
7.2.4刪除圖層 213
7.2.5重命名圖層 214
7.2.6調整圖層順序 214
7.2.7鎖定圖層 215
7.2.8對齊和分布圖層 216
7.2.9合併和蓋印圖層 218
7.2.10柵格化圖層 220
7.3調整圖層 220
7.3.1認識調整圖層 221
7.3.2新建調整圖層 221
7.3.3使用調整圖層 222
7.3.4指定影響範圍 223
7.3.5修改調整參數 225
7.3.6刪除調整圖層 225
7.4填充圖層 226
7.4.1使用純色填充圖層 226
7.4.2使用漸變填充圖層 227
7.4.3使用圖案填充圖層 228
7.4.4修改填充圖層參數 230
7.5圖層的混合模式 231
7.5.1認識圖層的混合模式 231
7.5.2使用圖層混合模式 232
7.6圖層的圖層樣式 236
7.6.1添加圖層樣式 236
7.6.2使用混合選項 237
7.6.3使用斜面和浮雕樣式 238
7.6.4使用描邊樣式 239
7.6.5使用內陰影樣式 240
7.6.6使用投影樣式 240
7.6.7使用內發光和外發光樣式 242
7.6.8使用光澤樣式 243
7.6.9使用顏色疊加、漸變疊加和
圖案疊加樣式 244
7.7使用【樣式】面板 245
7.7.1套用樣式 245
7.7.2新建樣式 245
7.7.3載入樣式 246
7.7.4刪除樣式 247
7.8綜合案例——圖像的藝術化處理 247
7.9跟我學上機——將兩幅圖像糅合為
一幅圖像 249
7.10疑難解惑 250
第8章通道與蒙版的套用 251
8.1通道概述 252
8.1.1通道的類型 252
8.1.2認識【通道】面板 253
8.2通道的基本操作 254
8.2.1創建Alpha通道 254
8.2.2創建專色通道 255
8.2.3複製和刪除通道 256
8.2.4通道與選區的轉換 257
8.3分離與合併通道 258
8.3.1分離通道 258
8.3.2合併通道 258
8.3.3合併專色通道 260
8.4通道混合命令 260
8.4.1使用【套用圖像】命令 260
8.4.2使用【計算】命令 262
8.5圖層蒙版 263
8.5.1什麼是圖層蒙版 263
8.5.2認識蒙版的【屬性】面板 264
8.5.3停用和啟用圖層蒙版 266
8.5.4套用與複製圖層蒙版 266
8.5.5將矢量蒙版轉換為圖層蒙版 267
8.5.6使用圖層蒙版摳取圖像 267
8.6矢量蒙版 269
8.6.1創建矢量蒙版 269
8.6.2編輯矢量蒙版 270
8.7剪貼蒙版 271
8.7.1認識剪貼蒙版 272
8.7.2創建剪貼蒙版 272
8.7.3編輯剪貼蒙版 273
8.7.4釋放剪貼蒙版 274
8.8快速蒙版 275
8.8.1認識快速蒙版 275
8.8.2使用快速蒙版 276
8.9綜合案例1——使用通道摳取複雜
圖像 276
8.9綜合案例1——使用通道摳取複雜
圖像 276
8.10綜合案例2——使用圖層蒙版合成
圖像 279
8.11跟我學上機——使用蒙版製作漸隱
圖像效果 281
8.12疑難解惑 282
第9章製作網頁特效文字 283
9.1文字的類型 284
9.2輸入文字 284
9.2.1通過文字工具輸入文字 284
9.2.2通過文字蒙版工具創建
文字狀選區 286
9.2.3轉換點文字和段落文字 287
9.2.4轉換文字排列方向 287
9.3設定文字格式 288
9.3.1通過選項欄設定格式 288
9.3.2通過【字元】面板設定
文字格式 289
9.3.3通過【段落】面板設定
段落格式 290
9.3.4設定字元樣式和段落樣式 292
9.3.5查找和替換文本 292
9.4文字轉換 293
9.4.1將文字轉換為工作路徑 293
9.4.2將文字轉換為形狀 294
9.4.3將文字轉換為圖像 294
9.5製作常見特效文字 295
9.5.1製作路徑文字 295
9.5.2製作變形文字 296
9.6綜合案例——製作燃燒文字特效 297
9.7跟我學上機——製作空心輪廓字 300
9.8疑難解惑 302
第10章製作網頁按鈕與導航條 303
10.1按鈕與導航條的設計原則 304
10.1.1網頁按鈕的設計注意事項 304
10.1.2網頁導航條的設計注意事項 304
10.2製作按鈕 305
10.2.1綜合案例1——製作普通
按鈕 305
10.2.2綜合案例2——製作迷你
按鈕 307
10.2.3綜合案例3——製作水晶
按鈕 309
10.2.4綜合案例4——製作木紋
按鈕 313
10.3製作導航條 316
10.3.1綜合案例5——製作橫向
導航條 316
10.3.2綜合案例6——製作垂直
導航條 319
10.4跟我學上機——製作水晶風格網站
導航條 321
10.5疑難解惑 327
第11章製作網頁特效邊線與背景 329
11.1製作裝飾邊線 330
11.1.1綜合案例1——製作裝飾
虛線 330
11.1.2綜合案例2——製作內嵌
線條 332
11.1.3綜合案例3——製作斜紋
線條 333
11.2製作網頁背景圖片 335
11.2.1綜合案例4——製作漸變
背景圖片 335
11.2.2綜合案例5——製作透明
背景圖像 337
11.3跟我學上機——製作夢幻星光
網頁背景 338
11.4疑難解惑 342
第12章製作網頁Logo 345
12.1網頁Logo概述 346
12.1.1網頁Logo設計標準 346
12.1.2網頁Logo的標準尺寸 347
12.1.3網頁Logo的一般形式 348
12.2綜合案例1——製作文字Logo 349
12.2.1製作背景 349
12.2.2製作文字內容 350
12.2.3繪製自定義形狀 351
12.2.4美化文字Logo 352
12.3綜合案例2——製作圖案Logo 353
12.3.1製作背景 353
12.3.2製作圖案效果 355
12.4跟我學上機——製作圖文結合的
Logo 357
12.5疑難解惑 361
第13章製作網頁Banner 363
13.1網頁Banner概述 364
13.1.1網頁Banner的標準尺寸 364
13.1.2設計Banner的注意要點 364
13.2綜合案例1——製作英文Banner 365
13.2.1製作Banner背景 365
13.2.2製作Banner底紋 366
13.2.3製作文字特效 367
13.3綜合案例2——製作中文Banner 368
13.3.1輸入特效文字 368
13.3.2將輸入的文字設定為
3D效果 369
13.3.3製作Banner背景 371
13.4跟我學上機——製作圖文結合
Banner 372
13.5疑難解惑 374
第14章網頁配色基礎與要領 375
14.1網頁色彩概述 376
14.1.1了解網頁的色彩 376
14.1.2色彩的基礎知識 377
14.1.3Web216安全色 379
14.1.4網頁色彩的搭配技巧 381
14.1.5不同配色方案的心理感覺 381
14.2網頁配色常識 383
14.2.1網頁Logo的配色常識 384
14.2.2網頁Banner的配色常識 387
14.2.3網頁導航的配色常識 389
14.2.4網頁主頁面的配色常識 391
14.2.5網頁子頁面的配色常識 393
14.3網頁配色方法 393
14.3.1對比色配色法 394
14.3.2鄰近色配色法 395
14.3.3冷暖互補配色法 396
14.3.4色彩的疊加配色法 398
14.3.5色彩的柔光配色法 399
14.3.6色彩的透明度配色法 400
14.4疑難解惑 402
第15章網頁配色的色彩表現 403
15.1網頁標誌的色彩表現 404
15.1.1紅色標誌 404
15.1.2黃色標誌 404
15.1.3藍色標誌 404
15.1.4綠色標誌 404
15.1.5紫色標誌 405
15.2網頁的色彩表現 405
15.2.1性別的色彩表現 405
15.2.2年齡的色彩表現 407
15.2.3商業的色彩表現 409
15.2.4虛擬網站的色彩表現 410
15.2.5自然界的色彩表現 410
15.3網頁的色彩信息量 412
15.3.1紅色的信息量與網頁表現 412
15.3.2黃色的信息量與網頁表現 414
15.3.3綠色的信息量與網頁表現 417
15.3.4藍色的信息量與網頁表現 418
15.3.5黑白色的信息量與
網頁表現 420
15.3.6灰色的信息量與網頁表現 423
15.4疑難解惑 424
第16章網頁配色工具的使用 425
16.1使用經典配色工具——
ColorImpact 426
16.1.1建立漂亮的顏色方案 426
16.1.2通過內置工具獲取配色方案 428
16.1.3通過高級色環獲取配色方案 431
16.1.4查看獲取的配色方案 434
16.2其他網頁配色工具的使用 436
16.2.1使用Kuler網頁配色工具 436
16.2.2使用WebSafeColours
網頁配色工具 439
16.2.3使用ColorSchemer網頁配色
工具 441
16.2.4使用Colorjack網頁配色
工具 442
16.2.5使用ColorSchemeDesigner
網頁配色工具 444
16.3疑難解惑 448
第17章根據網頁色調進行配色 449
17.1紅色主題色調網頁的配色 450
17.1.1網站類型分析 450
17.1.2網頁配色詳解 451
17.2橙色和黃色主題色調網頁的配色 453
17.2.1網站類型分析 453
17.2.2網頁配色詳解 454
17.3黃綠色主題色調網頁的配色 456
17.3.1網站類型分析 456
17.3.2網頁配色詳解 457
17.4綠色和青綠色主題色調網頁的配色 459
17.4.1網站類型分析 459
17.4.2網頁配色詳解 460
17.5藍色和藍紫色主題色調網頁的配色 462
17.5.1網站類型分析 463
17.5.2網頁配色詳解 463
17.6紫色主題色調網頁的配色 466
17.6.1網站類型分析 466
17.6.2網頁配色詳解 467
17.7紫紅色主題色調網頁的配色 468
17.7.1網站類型分析 468
17.7.2網頁配色詳解 468
17.8黑色主題色調網頁的配色 470
17.8.1網站類型分析 470
17.8.2網頁配色詳解 470
17.9白色主題色調網頁的配色 471
17.9.1網站類型分析 471
17.9.2網頁配色詳解 471
17.10灰色主題色調網頁的配色 472
17.10.1網站類型分析 472
17.10.2網頁配色詳解 473
17.11疑難解惑 473
第18章不同網站網頁配色設計分析 475
18.1門戶類網站配色設計分析 476
18.1.1色彩設計與網站風格 476
18.1.2框架與色彩 476
18.1.3風格設計的創新與延續 477
18.2資訊類網站配色設計分析 478
18.2.1網頁導航與布局 478
18.2.2框架與色彩 478
18.2.3各類信息與風格設計 479
18.3時尚類網站配色設計分析 479
18.3.1流行文化與時尚 480
18.3.2各類信息與風格設計 480
18.3.3文體時尚 481
18.3.4品牌時尚 482
18.4企業類網站配色設計分析 484
18.4.1企業文化與VIS的統一 484
18.4.2風格設計與各類信息 485
18.4.3以形象為主的企業網站 486
18.4.4以產品為主的企業網站 486
18.5電子商務類網站配色設計分析 487
18.5.1框架與色彩 487
18.5.2信息的可信度 488
18.5.3商品信息與網站層級結構 489
18.5.4小店鋪型風格設計 489
18.5.5風格取決於消費者的偏好 490
18.6文化與生活類網站配色設計分析 491
18.6.1網站文化與網站氣息 491
18.6.2框架與色彩 492
18.6.3風格設計 493
18.7娛樂類網站配色設計分析 494
18.7.1網站的客群定位 494
18.7.2多樣的色彩風格 495
18.7.3氣氛營造與網站風格 496
18.8個人類網站配色設計分析 497
18.8.1風格多樣化 498
18.8.2自由的色彩 499
18.8.3多樣的色彩風格 499
18.9疑難解惑 500
第19章電子商務網站配色全過程 501
19.1經典電子商務網頁配色分析 502
19.2電子商務網站的主要配色法則 503
19.2.1網站主色調的選擇 504
19.2.2網站主體內容的配色 505
19.3電子商務網站配色的步驟 506
19.3.1主題色的確定 506
19.3.2確定主題色的搭配 507
19.3.3主題色布局 508
19.3.4頁面色彩相互呼應 509
第20章線上購物網頁設計實戰 511
20.1設計網頁Logo 512
20.2設計網頁導航欄 515
20.3設計網頁的Banner 516
20.4設計網頁正文部分 522
20.4.1設計正文導航 522
20.4.2設計正文內容 525
20.5設計網頁頁腳部分 527
20.6組合線上購物網頁 528
20.7保存網頁 531
20.8對網頁進行切片處理 532
