第1章 Photoshop 2021概述    001
1.1 安裝與卸載Photoshop 2021   002
1.1.1 安裝Photoshop 2021的繫統需求   002
1.1.2 安裝Photoshop 2021       003
1.1.3 卸載Photoshop 2021       004
1.2 啟動與退出Photoshop     005
1.2.1 啟動Photoshop       005
1.2.2 退出Photoshop        007
1.3 Photoshop的工作界面      008
1.3.1 認識菜單欄     008
1.3.2 認識選項欄     009
1.3.3 認識工具箱     009
1.3.4 認識圖像窗口         010
1.3.5 認識面板      011
1.3.6 認識狀態欄     012
1.4 Photoshop 2021的新增功能   014
1.4.1 神經網絡AI濾鏡       014
1.4.2 天空替換功能         015
1.4.3 新增的【發現】面板      015
1.4.4 圖案預覽功能         016
1.4.5 實時形狀功能         017
1.4.6 重置智能對像         017
1.4.7 增強的預設搜索      017
1.4.8 內容識別描摹筆工具      018
1.4.9 選擇並遮住增強功能      019
1.5 Photoshop 2021的學習方法   019
1.5.1 使用幫助資源         019
1.5.2 學習Photoshop的三大步驟       020
1.6 實戰技能訓練營        020
1.7 新手常見疑難問題       023
第2章 圖像的簡單編輯       024
2.1 查看圖像          025
2.1.1 使用導航器查看圖像      025
2.1.2 使用縮放工具查看圖像     026
2.1.3 使用抓手工具查看圖像     026
2.1.4 多角度查看圖像      027
2.1.5 使用菜單欄縮放圖像      028
2.1.6 在多窗口中查看圖像      029
2.2 圖像的移動與裁剪       029
2.2.1 移動圖像      030
2.2.2 使用裁剪工具         031
2.2.3 使用透視裁剪工具     032
2.2.4 使用裁剪命令裁剪     033
2.2.5 使用裁切命令裁切     033
2.3 調整圖像和畫布        034
2.3.1 調整圖片的大小      034
2.3.2 調整畫布的大小      035
2.3.3 旋轉圖像與畫布      036
2.3.4 顯示畫布之外的圖像      037
2.4 圖像的拷貝與粘貼       038
2.4.1 復制文檔      038
2.4.2 拷貝圖像      039
2.4.3 合並拷貝圖像         040
2.4.4 剪切圖像      040
2.4.5 粘貼圖像      041
2.4.6 清除圖像      043
2.5 圖像的變換與變形       043
2.5.1 縮放與旋轉圖像      044
2.5.2 斜切與扭曲圖像      045
2.5.3 透視與變形圖像      046
2.5.4 內容識別縮放圖像     048
2.5.5 操控變形圖像         049
2.6 實戰技能訓練營        052
2.7 新手常見疑難問題       055
第3 章 運用選區編輯圖像        056
3.1 創建規則選區         057
3.1.1 創建矩形與正方形選區      057
3.1.2 創建圓形與橢圓形選區      059
3.1.3 創建單行與單列選區       060
3.2 創建不規則選區        061
3.2.1 創建任意不規則選區       061
3.2.2 創建有一定規則的選區      062
3.2.3 自動創建不規則選區       062
3.3 快速創建選區         064
3.3.1 使用對像選擇工具創建選區       064
3.3.2 使用快速選擇工具創建選區       065
3.3.3 使用魔棒工具創建選區      067
3.4 使用其他命令創建選區      068
3.4.1 使用【色彩範圍】命令創建選區       068
3.4.2 使用鋼筆工具創建選區      070
3.4.3 使用通道創建選區      071
3.5 選區的基本操作        071
3.5.1 選擇全部選區與反選選區      071
3.5.2 取消選擇和重新選擇       072
3.5.3 添加選區與減去選區       072
3.5.4 復制與移動選區       073
3.5.5 隱藏或顯示選區       075
3.6 選區的編輯操作        075
3.6.1 選區圖像的變換       075
3.6.2 存儲和載入選區       075
3.6.3 描邊選區       077
3.6.4 羽化選區邊緣          077
3.6.5 擴大選取與選取相似       078
3.6.6 修改選區邊界          078
3.6.7 平滑選區邊緣          079
3.6.8 擴展與收縮選區       080
3.7 實戰技能訓練營        080
3.8 新手常見疑難問題       082
第4 章 圖像的色彩和色調        083
4.1 認識圖像的顏色模式        084
4.1.1 位圖模式       084
4.1.2 灰度模式       085
4.1.3 雙色調模式      085
4.1.4 索引顏色模式          087
4.1.5 RGB 顏色模式          088
4.1.6 CMYK 顏色模式         088
4.1.7 Lab 顏色模式           089
4.1.8 顏色深度       090
4.2 圖像色調的調整        090
4.2.1 調整圖像的亮度與對比度      090
4.2.2 使用【色階】命令調整圖像       091
4.2.3 使用【曲線】命令調整圖像       095
4.2.4 調整圖像的曝光度      098
4.3 圖像色彩的調整        099
4.3.1 【色相/ 飽和度】命令       099
4.3.2 【自然飽和度】命令       101
4.3.3 【色彩平衡】命令      101
4.3.4 【黑白】命令          102
4.3.5 【照片濾鏡】命令      104
4.3.6 【通道混合器】命令       104
4.3.7 【匹配顏色】命令      106
4.3.8 【替換顏色】命令      107
4.3.9 【可選顏色】命令      109
4.3.10 【陰影/ 高光】命令       110
4.4 特殊效果的色調調整         111
4.4.1 【反相】命令      111
4.4.2 【色調分離】命令      112
4.4.3 【閾值】命令          112
4.4.4 【漸變映射】命令      113
4.4.5 【去色】命令          114
4.4.6 【色調均化】命令      114
4.5 自動調整圖像色彩       115
4.6 實戰技能訓練營        116
4.7 新手常見疑難問題       119
第5 章 修飾和繪制圖像        120
5.1 修復圖像中的污點與瑕疵      121 
5.1.1 修復圖像中的污點      121
5.1.2 修復圖像中的瑕疵      121
5.1.3 修復圖像選中的區域       122
5.1.4 內容感知移動工具      123
5.1.5 消除照片中的紅眼      124
5.2 通過復制圖像或圖案修飾圖像        124
5.2.1 通過復制圖像修飾圖像      124
5.2.2 通過圖案修飾圖像      125
5.3 通過橡皮擦修飾圖像        126
5.3.1 擦除圖像中指定的區域      126
5.3.2 擦除圖像中的指定顏色      126
5.3.3 擦除圖像中相近的顏色      128
5.4 修飾圖像中的細節       129
5.4.1 修飾圖像中生硬的區域      129
5.4.2 提高圖像的清晰度      129
5.4.3 通過塗抹修飾圖像      130
5.5 通過調色修飾圖像       130
5.5.1 減淡工具和加深工具       130
5.5.2 改變圖像色彩的飽和度      131
5.6 使用繪畫工具繪制圖像      131
5.6.1 使用畫筆工具為黑白圖像著色      131
5.6.2 使用鉛筆工具繪制鉛筆形狀       132
5.6.3 使用顏色替換工具為圖像換色      134
5.6.4 使用混合器畫筆工具繪制油畫      134
5.7 使用歷史記錄畫筆工具繪制圖像     136
5.7.1 使用歷史記錄畫筆工具通過源數據繪畫     136
5.7.2 使用歷史記錄藝術畫筆工具繪制粉筆畫    137
5.8 使用填充工具填充圖像      138
5.8.1 使用漸變工具繪制彩虹      138
5.8.2 使用油漆桶工具為圖像著色       140
5.9 實戰技能訓練營        141
5.10 新手常見疑難問題         143
第6 章 快速制作圖像特效        144
6.1 濾鏡基礎知識         145
6.1.1 濾鏡與濾鏡庫          145
6.1.2 濾鏡的基礎操作       145
6.2 使用內置濾鏡制作圖像特效     147
6.2.1 風格化濾鏡組          147
6.2.2 模糊濾鏡組      150
6.2.3 模糊畫廊濾鏡組       153
6.2.4 扭曲濾鏡組      158
6.2.5 銳化濾鏡組      162
6.2.6 像素化濾鏡組          163
6.2.7 渲染濾鏡組      166
6.2.8 雜色濾鏡組      168
6.3 實戰技能訓練營        169
6.4 新手常見疑難問題       172
第7 章 圖層與圖層樣式的應用       174
7.1 圖層的基本操作        175
7.1.1 新建圖層       175
7.1.2 選擇圖層       176
7.1.3 復制圖層       177
7.1.4 刪除圖層       178
7.1.5 重命名圖層      178
7.1.6 調整圖層順序          178
7.1.7 鎖定圖層       179
7.1.8 對齊和分布圖層       180
7.1.9 合並和蓋印圖層       182
7.2 調整圖層          184
7.2.1 新建調整圖層          184
7.2.2 使用調整圖層          185
7.2.3 指定影響範圍          185
7.2.4 修改調整參數          187
7.2.5 刪除調整圖層          188
7.3 填充圖層          188
7.3.1 使用純色填充圖層      189
7.3.2 使用漸變填充圖層      190
7.3.3 使用圖案填充圖層      191
7.3.4 修改填充圖層參數      192
7.4 圖層的混合模式        193
7.4.1 認識圖層的混合模式       193
7.4.2 使用圖層混合模式      194
7.5 圖層的圖層樣式        198
7.5.1 添加圖層樣式          198
7.5.2 使用混合選項          198
7.5.3 使用斜面和浮雕樣式       200
7.5.4 使用描邊樣式          201
7.5.5 使用內陰影樣式       202
7.5.6 使用投影樣式          202
7.5.7 使用內發光和外發光樣式      204
7.5.8 使用光澤樣式          206
7.5.9 使用顏色、漸變和圖案疊加樣式       206
7.6 實戰技能訓練營        208
7.7 新手常見疑難問題       210
第8 章 通道與蒙版的應用        211
8.1 通道的基本操作        212
8.1.1 創建Alpha 通道        212
8.1.2 創建專色通道          213
8.1.3 復制和刪除通道       215
8.1.4 通道與選區的轉換      215
8.2 分離與合並通道        216
8.2.1 分離通道       216
8.2.2 合並通道       216
8.2.3 合並專色通道          217
8.3 通道混合命令         218
8.3.1 使用【應用圖像】命令      218
8.3.2 使用【計算】命令      219
8.4 圖層蒙版的基本操作        222
8.4.1 認識圖層蒙版          222
8.4.2 認識蒙版【屬性】面板      222
8.4.3 停用和啟用圖層蒙版       224
8.4.4 應用與復制圖層蒙版       225
8.4.5 將矢量蒙版轉換為圖層蒙版       226
8.5 矢量蒙版          226
8.5.1 創建矢量蒙版          226
8.5.2 編輯矢量蒙版          227
8.6 剪貼蒙版          228
8.6.1 認識剪貼蒙版          228
8.6.2 創建剪貼蒙版          229
8.6.3 編輯剪貼蒙版          230
8.6.4 釋放剪貼蒙版          231
8.7 快速蒙版          231
8.7.1 認識快速蒙版          232
8.7.2 使用快速蒙版          232
8.8 實戰技能訓練營        233
8.9 新手常見疑難問題       238
第9 章 制作網頁特效文字        239
9.1 文字的類型         240
9.2 輸入文字          240
9.2.1 通過文字工具輸入文字      240
9.2.2 通過文字蒙版工具輸入文字選區       242
9.2.3 轉換點文字和段落文字      243
9.2.4 轉換文字排列方向      243
9.3 設置文字格式         243
9.3.1 通過選項欄設置格式       243
9.3.2 通過【字符】面板設置文字格式       244
9.3.3 通過段落面板設置段落格式       246
9.3.4 設置字符樣式和段落樣式      247
9.3.5 查找和替換文本       248
9.4 文字轉換          249
9.4.1 將文字轉換為工作路徑      249
9.4.2 將文字轉換為形狀      250
9.4.3 將文字轉換為圖像      250
9.5 制作常見特效文字       250
9.5.1 制作路徑文字          250
9.5.2 制作變形文字          252
9.6 實戰技能訓練營        253
9.7 新手常見疑難問題       257
第10 章 制作網頁按鈕與導航條     258
10.1 制作按鈕        259
10.1.1 制作普通按鈕         259
10.1.2 制作迷你按鈕         261
10.1.3 制作水晶按鈕         263
10.2 制作導航條       267
10.2.1 制作橫向導航條        268
10.2.2 制作垂直導航條        273
10.3 實戰技能訓練營      275
10.4 新手常見疑難問題         279
第11 章 制作網頁邊線與背景        280
11.1 制作裝飾邊線        281
11.1.1 制作裝飾虛線         281
11.1.2 制作內嵌線條         283
11.1.3 制作斜紋線條         284
11.2 制作網頁背景圖片         286
11.2.1 制作漸變背景圖片         286
11.2.2 制作透明背景圖像         289
11.3 實戰技能訓練營      290
11.4 新手常見疑難問題         295
第12 章 制作網頁Logo 與Banner        296
12.1 制作文字Logo        297
12.1.1 制作Logo 背景         297
12.1.2 制作文字內容         298
12.1.3 繪制自定義形狀        299
12.1.4 美化文字Logo        300
12.2 制作圖案Logo        301
12.2.1 制作Logo 背景         301
12.2.2 制作圖案效果         303
12.3 制作網頁Banner       305
12.3.1 輸入特效文字         305
12.3.2 將輸入的文字設置為3D 效果      306
12.3.3 制作Banner 背景       308
12.4 實戰技能訓練營      309
12.5 新手常見疑難問題         315
第13 章 網頁配色基礎與要領        316
13.1 網頁色彩概述       317
13.1.1 了解網頁的色彩        317
13.1.2 色彩的基礎知識        317
13.1.3 Web216 安全色         320
13.1.4 網頁色彩的搭配技巧      321
13.1.5 不同配色方案的心理感覺         322
13.2 網頁配色常識       324
13.2.1 網頁Logo 的配色常識      324
13.2.2 網頁Banner 的配色常識    328
13.2.3 網頁導航的配色常識      330
13.2.4 網頁主頁面的配色常識     332
13.2.5 網頁子頁面的配色常識     334
13.3 網頁配色方法       335
13.3.1 對比色配色法         335
13.3.2 鄰近色配色法         336
13.3.3 冷暖互補配色法        337
13.3.4 色彩的疊加配色法         338
13.3.5 色彩的柔光配色法         340
13.3.6 色彩的透明度配色法      341
13.4 新手常見疑難問題         342
第14 章 網頁配色的色彩表現        343
14.1 網頁標志的色彩表現        344
14.1.1 紅色標志        344
14.1.2 黃色標志        344
14.1.3 藍色標志        344
14.1.4 綠色標志        344
14.1.5 紫色標志        344
14.2 網頁的色彩表現      344
14.2.1 性別的色彩表現        345
14.2.2 年齡的色彩表現        347
14.2.3 商業的色彩表現        348
14.2.4 虛擬網站的色彩表現      349
14.2.5 自然界的色彩表現         349
14.3 網頁的色彩信息量         351
14.3.1 紅色的信息量與網頁表現         351
14.3.2 黃色的信息量與網頁表現         353
14.3.3 綠色的信息量與網頁表現         355
14.3.4 藍色的信息量與網頁表現         356
14.3.5 黑白色的信息量與網頁表現      358
14.3.6 灰色的信息量與網頁表現         360
14.4 新手常見疑難問題         360
第15 章 網頁配色工具的使用        361
15.1 經典配色工具ColorImpact    362
15.1.1 建立漂亮的顏色方案      362
15.1.2 通過內置工具獲取配色方案      364
15.1.3 通過高級色環獲取配色方案      367
15.1.4 查看獲取的配色方案      370
15.2 其他網頁配色工具的使用      371
15.2.1 使用Kuler 網頁配色工具      371
15.2.2 使用Web Safe Colours 網頁配色工具        376
15.2.3 使用Color Schemer 網頁配色工具    379
15.2.4 使用Color Jack 網頁配色工具      381
15.2.5 使用Color Scheme Designer 網頁配色工具        383
15.3 新手常見疑難問題         388
第16 章 根據網頁色調進行配色     389
16.1 紅色主題色調網頁的配色      390
16.1.1 網站類型分析         390
16.1.2 網頁配色詳解         391
16.2 橙色和黃色主題色調網頁的配色     393
16.2.1 網站類型分析         393
16.2.2 網頁配色詳解         394
16.3 黃綠色主題色調網頁的配色   396
16.3.1 網站類型分析         396
16.3.2 網頁配色詳解         397
16.4 綠色和青綠色主題色調網頁的配色     399
16.4.1 網站類型分析         399
16.4.2 網頁配色詳解         400
16.5 藍色和藍紫色主題色調網頁的配色     403
16.5.1 網站類型分析         403
16.5.2 網頁配色詳解         404
16.6 紫色主題色調網頁的配色      407
16.6.1 網站類型分析         407
16.6.2 網頁配色詳解         407
16.7 紫紅色主題色調網頁的配色   408
16.7.1 網站類型分析         408
16.7.2 網頁配色詳解         409
16.8 黑色主題色調網頁的配色      410
16.8.1 網站類型分析         410
16.8.2 網頁配色詳解         410
16.9 白色主題色調網頁的配色      411
16.9.1 網站類型分析         411
16.9.2 網頁配色詳解         411
16.10 灰色主題色調網頁的配色    412
16.10.1 網站類型分析       412
16.10.2 網頁配色詳解       413
16.11 新手常見疑難問題       413
第17 章 不同網站網頁配色設計分析        414
17.1 門戶類網站配色設計分析      415
17.1.1 色彩設計與網站風格      415
17.1.2 框架與色彩        415
17.1.3 風格設計的創新與延續     416
17.2 資訊類網站配色設計分析      417
17.2.1 網頁導航與布局        417
17.2.2 框架與色彩        417
17.2.3 各類信息與風格設計      418
17.3 時尚類網站配色設計分析      418
17.3.1 流行文化與時尚        418
17.3.2 各類信息與風格設計      419
17.3.3 文體時尚        420
17.3.4 品牌時尚        421
17.4 企業類網站配色設計分析      422
17.4.1 企業文化與VIS 的統一     422
17.4.2 風格設計與各類信息      423
17.4.3 以形像為主的企業網站     424
17.4.4 以產品為主的企業網站     424
17.5 電子商務類網站配色設計分析      425
17.5.1 框架與色彩        425
17.5.2 信息的可信度         426
17.5.3 商品信息與網站層級結構         426
17.5.4 小店鋪型風格設計         427
17.5.5 風格取決於消費者的偏好         428
17.6 文化與生活類網站配色設計分析     429
17.6.1 網站文化與網站氣息      429
17.6.2 框架與色彩        430
17.6.3 風格設計        431
17.7 娛樂類網站配色設計分析      431
17.7.1 網站的受眾定位        431
17.7.2 多樣的色彩風格        432
17.7.3 氣氛營造與網站風格      433
17.8 個人類網站配色設計分析      434
17.8.1 風格多樣化        435
17.8.2 自由的色彩        436
17.8.3 多樣的色彩風格        436
17.9 新手常見疑難問題         437
第18 章 電子商務網站配色全過程     438
18.1 經典電子商務網頁配色分析   439
18.2 電子商務網站的主要配色法則      440
18.2.1 網站主色調的選擇         441
18.2.2 網站主體內容的配色      442
18.3 電子商務網站配色的步驟      443
18.3.1 主題色的確定         443
18.3.2 確定主題色的搭配         444
18.3.3 主題色布局        445
18.3.4 頁面色彩相互呼應         446
第19 章 在線購物網頁的設計        447
19.1 設計網頁Logo        448
19.2 設計網頁導航欄      451
19.3 設計網頁的Banner       452
19.4 設計網頁正文部分         455
19.4.1 設計正文導航         455
19.4.2 設計正文內容         458
19.5 設計網頁頁腳部分         461
19.6 組合在線購物網頁         462
19.7 保存網頁        465

為什麼要寫這樣一本書
Photoshop在網頁設計和配色方面的應用越來越普遍，本書包括版面設計，按鈕的制作及應用，Banner和導航條的制作，制作網頁廣告，文字特效的設計，網頁其他組成部分的設計和制作等內容。對於初學者來說，實用性強和易於操作是的需求。通過本書的案例實訓，讀者可以很快地上手流行的網頁配色和設計方法，提高職業化能力，從而幫助解決公司與學生的雙重需求問題。
本繫列圖書是專門為網站開發和數據庫初學者量身定做的一套學習用書。整套書涵蓋網站開發、數據庫設計等方面，具有以下特點。
前沿科技
無論是數據庫設計還是網站開發，精選的都是較為前沿或者用戶群多的領域，幫助大家認識和了解動態。
權威的作者團隊
組織國家重點實驗室和資深應用專家聯手編著本套圖書，融入了豐富的教學經驗與優秀的管理理念。
學習型案例設計
以技術的實際應用過程為主線，全程采用圖解和多媒體同步結合的教學方式，生動、直觀、全面地剖析使用過程中的各種應用技能，降低難度，提升學習效率。
掃碼看視頻
可通過掃碼看視頻，隨時在移動端學習技能對應的視頻操作。
本書特色
零基礎、入門級的講解
無論您是否從事計算機相關行業，也無論您是否接觸過網頁配色和設計，都能從本書中找到起點。
實用、專業的範例和項目
本書在內容編排上緊密結合深入學習網頁配色和設計的過程，從Photoshop開始，逐步帶領讀者學習網頁配色和設計的各種應用技巧，側重實戰技能，使用簡單易懂的實際案例進行分析和操作指導，讓讀者學起來簡明輕松，操作起來有章可循。
隨時隨地學習
本書提供了微課視頻，通過手機掃碼即可觀看，隨時隨地解決學習中的困惑。
超多容量王牌資源
贈送大量王牌資源，包括實例源代碼、教學幻燈片、本書精品教學視頻、88 個實用類網頁配色模板、12 部網頁設計參考手冊、網頁顏色速查表、Photoshop 快捷鍵和技巧速查手冊、精彩網站配色方案賞析、網頁樣式與布局案例賞析、Web 前端工程師常見試題。
讀者對像
本書是一本完整介紹網頁配色和設計技術的教程，內容豐富、條理清晰、實用性強，適合以下讀者學習使用：
零基礎的網頁配色和設計自學者
希望快速、全面掌握網頁配色和設計的人員
高等院校或培訓機構的老師和學生
參加畢業設計的學生
如何獲取本書配套資料和幫助
為幫助讀者高效、快捷地學習本書知識點，我們不但為讀者準備了與本書知識點有關的配套素材文件，而且還設計並制作了精品視頻教學課程，同時還為教師準備了PPT 課件資源。
購買本書的讀者，可以掃描下方的二維碼獲取相關的配套學習資源。
編者