《Photoshop網頁設計與配色（全案例微課版）》是2022年清華大學出版社出版的圖書，作者是劉春茂。
基本介紹
- 中文名： Photoshop網頁設計與配色（全案例微課版）
- 作者：劉春茂
- 出版時間：2022年
- 出版社： 清華大學出版社
- ISBN： 9787302593812
- 定價：89 元
內容簡介,圖書目錄,
內容簡介
《Photoshop網頁設計與配色（全案例微課版）》是針對零基礎讀者編寫的網頁設計和配色的入門教材，內容側重案例實訓。
《Photoshop網頁設計與配色（全案例微課版）》分為19章，內容包括Photoshop 2021概述、圖像的簡單編輯、運用選區編輯圖像、圖像的色 彩和色調、修飾和繪製圖像、快速製作圖像特效、圖層與圖層樣式的套用、通道與蒙版的套用、製作 網頁特效文字、製作網頁按鈕與導航條、製作網頁邊線與背景、製作網頁Logo與Banner、網頁配色基 礎與要領、網頁配色的色彩表現、網頁配色工具的使用、根據網頁色調進行配色、不同網站網頁配色 設計分析、電子商務網站配色全過程、線上購物網頁的設計。
《Photoshop網頁設計與配色（全案例微課版）》通過精選熱點案例，可以讓初學者快速掌握網頁設計和配色技術。
圖書目錄
第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 啟動與退出Photoshop005
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
