Photoshop網頁設計與配色（全案例微課版）

第1章 Photoshop 2021概述    001
1.1 安裝與卸載Photoshop 2021   002
1.1.1 安裝Photoshop 2021的系統(tǒng)需求   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 認識狀態(tài)欄     012
1.4 Photoshop 2021的新增功能   014
1.4.1 神經網絡AI濾鏡       014
1.4.2 天空替換功能         015
1.4.3 新增的【發(fā)現】面板      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 實戰(zhàn)技能訓練營        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 實戰(zhàn)技能訓練營        052
2.7 新手常見疑難問題       055
第3 章 運用選區(qū)編輯圖像        056
3.1 創(chuàng)建規(guī)則選區(qū)         057
3.1.1 創(chuàng)建矩形與正方形選區(qū)      057
3.1.2 創(chuàng)建圓形與橢圓形選區(qū)      059
3.1.3 創(chuàng)建單行與單列選區(qū)       060
3.2 創(chuàng)建不規(guī)則選區(qū)        061
3.2.1 創(chuàng)建任意不規(guī)則選區(qū)       061
3.2.2 創(chuàng)建有一定規(guī)則的選區(qū)      062
3.2.3 自動創(chuàng)建不規(guī)則選區(qū)       062
3.3 快速創(chuàng)建選區(qū)         064
3.3.1 使用對象選擇工具創(chuàng)建選區(qū)       064
3.3.2 使用快速選擇工具創(chuàng)建選區(qū)       065
3.3.3 使用魔棒工具創(chuàng)建選區(qū)      067
3.4 使用其他命令創(chuàng)建選區(qū)      068
3.4.1 使用【色彩范圍】命令創(chuàng)建選區(qū)       068
3.4.2 使用鋼筆工具創(chuàng)建選區(qū)      070
3.4.3 使用通道創(chuàng)建選區(qū)      071
3.5 選區(qū)的基本操作        071
3.5.1 選擇全部選區(qū)與反選選區(qū)      071
3.5.2 取消選擇和重新選擇       072
3.5.3 添加選區(qū)與減去選區(qū)       072
3.5.4 復制與移動選區(qū)       073
3.5.5 隱藏或顯示選區(qū)       075
3.6 選區(qū)的編輯操作        075
3.6.1 選區(qū)圖像的變換       075
3.6.2 存儲和載入選區(qū)       075
3.6.3 描邊選區(qū)       077
3.6.4 羽化選區(qū)邊緣          077
3.6.5 擴大選取與選取相似       078
3.6.6 修改選區(qū)邊界          078
3.6.7 平滑選區(qū)邊緣          079
3.6.8 擴展與收縮選區(qū)       080
3.7 實戰(zhàn)技能訓練營        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 實戰(zhàn)技能訓練營        116
4.7 新手常見疑難問題       119
第5 章 修飾和繪制圖像        120
5.1 修復圖像中的污點與瑕疵      121 
5.1.1 修復圖像中的污點      121
5.1.2 修復圖像中的瑕疵      121
5.1.3 修復圖像選中的區(qū)域       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 擦除圖像中指定的區(qū)域      126
5.3.2 擦除圖像中的指定顏色      126
5.3.3 擦除圖像中相近的顏色      128
5.4 修飾圖像中的細節(jié)       129
5.4.1 修飾圖像中生硬的區(qū)域      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 實戰(zhàn)技能訓練營        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 實戰(zhàn)技能訓練營        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 使用內發(fā)光和外發(fā)光樣式      204
7.5.8 使用光澤樣式          206
7.5.9 使用顏色、漸變和圖案疊加樣式       206
7.6 實戰(zhàn)技能訓練營        208
7.7 新手常見疑難問題       210
第8 章 通道與蒙版的應用        211
8.1 通道的基本操作        212
8.1.1 創(chuàng)建Alpha 通道        212
8.1.2 創(chuàng)建專色通道          213
8.1.3 復制和刪除通道       215
8.1.4 通道與選區(qū)的轉換      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 創(chuàng)建矢量蒙版          226
8.5.2 編輯矢量蒙版          227
8.6 剪貼蒙版          228
8.6.1 認識剪貼蒙版          228
8.6.2 創(chuàng)建剪貼蒙版          229
8.6.3 編輯剪貼蒙版          230
8.6.4 釋放剪貼蒙版          231
8.7 快速蒙版          231
8.7.1 認識快速蒙版          232
8.7.2 使用快速蒙版          232
8.8 實戰(zhàn)技能訓練營        233
8.9 新手常見疑難問題       238
第9 章 制作網頁特效文字        239
9.1 文字的類型         240
9.2 輸入文字          240
9.2.1 通過文字工具輸入文字      240
9.2.2 通過文字蒙版工具輸入文字選區(qū)       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 實戰(zhàn)技能訓練營        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 實戰(zhàn)技能訓練營      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 實戰(zhàn)技能訓練營      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 實戰(zhàn)技能訓練營      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 商業(yè)的色彩表現        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 通過高級色環(huán)獲取配色方案      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 風格設計的創(chuàng)新與延續(xù)     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 企業(yè)類網站配色設計分析      422
17.4.1 企業(yè)文化與VIS 的統(tǒng)一     422
17.4.2 風格設計與各類信息      423
17.4.3 以形象為主的企業(yè)網站     424
17.4.4 以產品為主的企業(yè)網站     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