Photoshop網(wǎng)頁設(shè)計與配色（全案例微課版）

第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 認(rèn)識菜單欄     008
1.3.2 認(rèn)識選項欄     009
1.3.3 認(rèn)識工具箱     009
1.3.4 認(rèn)識圖像窗口         010
1.3.5 認(rèn)識面板      011
1.3.6 認(rèn)識狀態(tài)欄     012
1.4 Photoshop 2021的新增功能   014
1.4.1 神經(jīng)網(wǎng)絡(luò)AI濾鏡       014
1.4.2 天空替換功能         015
1.4.3 新增的【發(fā)現(xiàn)】面板      015
1.4.4 圖案預(yù)覽功能         016
1.4.5 實時形狀功能         017
1.4.6 重置智能對象         017
1.4.7 增強的預(yù)設(shè)搜索      017
1.4.8 內(nèi)容識別描摹筆工具      018
1.4.9 選擇并遮住增強功能      019
1.5 Photoshop 2021的學(xué)習(xí)方法   019
1.5.1 使用幫助資源         019
1.5.2 學(xué)習(xí)Photoshop的三大步驟       020
1.6 實戰(zhàn)技能訓(xùn)練營        020
1.7 新手常見疑難問題       023
第2章 圖像的簡單編輯       024
2.1 查看圖像          025
2.1.1 使用導(dǎo)航器查看圖像      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 調(diào)整圖像和畫布        034
2.3.1 調(diào)整圖片的大小      034
2.3.2 調(diào)整畫布的大小      035
2.3.3 旋轉(zhuǎn)圖像與畫布      036
2.3.4 顯示畫布之外的圖像      037
2.4 圖像的拷貝與粘貼       038
2.4.1 復(fù)制文檔      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 縮放與旋轉(zhuǎn)圖像      044
2.5.2 斜切與扭曲圖像      045
2.5.3 透視與變形圖像      046
2.5.4 內(nèi)容識別縮放圖像     048
2.5.5 操控變形圖像         049
2.6 實戰(zhàn)技能訓(xù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 復(fù)制與移動選區(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)技能訓(xùn)練營        080
3.8 新手常見疑難問題       082
第4 章 圖像的色彩和色調(diào)        083
4.1 認(rèn)識圖像的顏色模式        084
4.1.1 位圖模式       084
4.1.2 灰度模式       085
4.1.3 雙色調(diào)模式      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 圖像色調(diào)的調(diào)整        090
4.2.1 調(diào)整圖像的亮度與對比度      090
4.2.2 使用【色階】命令調(diào)整圖像       091
4.2.3 使用【曲線】命令調(diào)整圖像       095
4.2.4 調(diào)整圖像的曝光度      098
4.3 圖像色彩的調(diào)整        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 特殊效果的色調(diào)調(diào)整         111
4.4.1 【反相】命令      111
4.4.2 【色調(diào)分離】命令      112
4.4.3 【閾值】命令          112
4.4.4 【漸變映射】命令      113
4.4.5 【去色】命令          114
4.4.6 【色調(diào)均化】命令      114
4.5 自動調(diào)整圖像色彩       115
4.6 實戰(zhàn)技能訓(xùn)練營        116
4.7 新手常見疑難問題       119
第5 章 修飾和繪制圖像        120
5.1 修復(fù)圖像中的污點與瑕疵      121 
5.1.1 修復(fù)圖像中的污點      121
5.1.2 修復(fù)圖像中的瑕疵      121
5.1.3 修復(fù)圖像選中的區(qū)域       122
5.1.4 內(nèi)容感知移動工具      123
5.1.5 消除照片中的紅眼      124
5.2 通過復(fù)制圖像或圖案修飾圖像        124
5.2.1 通過復(fù)制圖像修飾圖像      124
5.2.2 通過圖案修飾圖像      125
5.3 通過橡皮擦修飾圖像        126
5.3.1 擦除圖像中指定的區(qū)域      126
5.3.2 擦除圖像中的指定顏色      126
5.3.3 擦除圖像中相近的顏色      128
5.4 修飾圖像中的細(xì)節(jié)       129
5.4.1 修飾圖像中生硬的區(qū)域      129
5.4.2 提高圖像的清晰度      129
5.4.3 通過涂抹修飾圖像      130
5.5 通過調(diào)色修飾圖像       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 使用歷史記錄畫筆工具通過源數(shù)據(jù)繪畫     136
5.7.2 使用歷史記錄藝術(shù)畫筆工具繪制粉筆畫    137
5.8 使用填充工具填充圖像      138
5.8.1 使用漸變工具繪制彩虹      138
5.8.2 使用油漆桶工具為圖像著色       140
5.9 實戰(zhàn)技能訓(xùn)練營        141
5.10 新手常見疑難問題         143
第6 章 快速制作圖像特效        144
6.1 濾鏡基礎(chǔ)知識         145
6.1.1 濾鏡與濾鏡庫          145
6.1.2 濾鏡的基礎(chǔ)操作       145
6.2 使用內(nèi)置濾鏡制作圖像特效     147
6.2.1 風(fēng)格化濾鏡組          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)技能訓(xùn)練營        169
6.4 新手常見疑難問題       172
第7 章 圖層與圖層樣式的應(yīng)用       174
7.1 圖層的基本操作        175
7.1.1 新建圖層       175
7.1.2 選擇圖層       176
7.1.3 復(fù)制圖層       177
7.1.4 刪除圖層       178
7.1.5 重命名圖層      178
7.1.6 調(diào)整圖層順序          178
7.1.7 鎖定圖層       179
7.1.8 對齊和分布圖層       180
7.1.9 合并和蓋印圖層       182
7.2 調(diào)整圖層          184
7.2.1 新建調(diào)整圖層          184
7.2.2 使用調(diào)整圖層          185
7.2.3 指定影響范圍          185
7.2.4 修改調(diào)整參數(shù)          187
7.2.5 刪除調(diào)整圖層          188
7.3 填充圖層          188
7.3.1 使用純色填充圖層      189
7.3.2 使用漸變填充圖層      190
7.3.3 使用圖案填充圖層      191
7.3.4 修改填充圖層參數(shù)      192
7.4 圖層的混合模式        193
7.4.1 認(rèn)識圖層的混合模式       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 使用內(nèi)陰影樣式       202
7.5.6 使用投影樣式          202
7.5.7 使用內(nèi)發(fā)光和外發(fā)光樣式      204
7.5.8 使用光澤樣式          206
7.5.9 使用顏色、漸變和圖案疊加樣式       206
7.6 實戰(zhàn)技能訓(xùn)練營        208
7.7 新手常見疑難問題       210
第8 章 通道與蒙版的應(yīng)用        211
8.1 通道的基本操作        212
8.1.1 創(chuàng)建Alpha 通道        212
8.1.2 創(chuàng)建專色通道          213
8.1.3 復(fù)制和刪除通道       215
8.1.4 通道與選區(qū)的轉(zhuǎn)換      215
8.2 分離與合并通道        216
8.2.1 分離通道       216
8.2.2 合并通道       216
8.2.3 合并專色通道          217
8.3 通道混合命令         218
8.3.1 使用【應(yīng)用圖像】命令      218
8.3.2 使用【計算】命令      219
8.4 圖層蒙版的基本操作        222
8.4.1 認(rèn)識圖層蒙版          222
8.4.2 認(rèn)識蒙版【屬性】面板      222
8.4.3 停用和啟用圖層蒙版       224
8.4.4 應(yīng)用與復(fù)制圖層蒙版       225
8.4.5 將矢量蒙版轉(zhuǎn)換為圖層蒙版       226
8.5 矢量蒙版          226
8.5.1 創(chuàng)建矢量蒙版          226
8.5.2 編輯矢量蒙版          227
8.6 剪貼蒙版          228
8.6.1 認(rèn)識剪貼蒙版          228
8.6.2 創(chuàng)建剪貼蒙版          229
8.6.3 編輯剪貼蒙版          230
8.6.4 釋放剪貼蒙版          231
8.7 快速蒙版          231
8.7.1 認(rèn)識快速蒙版          232
8.7.2 使用快速蒙版          232
8.8 實戰(zhàn)技能訓(xùn)練營        233
8.9 新手常見疑難問題       238
第9 章 制作網(wǎng)頁特效文字        239
9.1 文字的類型         240
9.2 輸入文字          240
9.2.1 通過文字工具輸入文字      240
9.2.2 通過文字蒙版工具輸入文字選區(qū)       242
9.2.3 轉(zhuǎn)換點文字和段落文字      243
9.2.4 轉(zhuǎn)換文字排列方向      243
9.3 設(shè)置文字格式         243
9.3.1 通過選項欄設(shè)置格式       243
9.3.2 通過【字符】面板設(shè)置文字格式       244
9.3.3 通過段落面板設(shè)置段落格式       246
9.3.4 設(shè)置字符樣式和段落樣式      247
9.3.5 查找和替換文本       248
9.4 文字轉(zhuǎn)換          249
9.4.1 將文字轉(zhuǎn)換為工作路徑      249
9.4.2 將文字轉(zhuǎn)換為形狀      250
9.4.3 將文字轉(zhuǎn)換為圖像      250
9.5 制作常見特效文字       250
9.5.1 制作路徑文字          250
9.5.2 制作變形文字          252
9.6 實戰(zhàn)技能訓(xùn)練營        253
9.7 新手常見疑難問題       257
第10 章 制作網(wǎng)頁按鈕與導(dǎo)航條     258
10.1 制作按鈕        259
10.1.1 制作普通按鈕         259
10.1.2 制作迷你按鈕         261
10.1.3 制作水晶按鈕         263
10.2 制作導(dǎo)航條       267
10.2.1 制作橫向?qū)Ш綏l        268
10.2.2 制作垂直導(dǎo)航條        273
10.3 實戰(zhàn)技能訓(xùn)練營      275
10.4 新手常見疑難問題         279
第11 章 制作網(wǎng)頁邊線與背景        280
11.1 制作裝飾邊線        281
11.1.1 制作裝飾虛線         281
11.1.2 制作內(nèi)嵌線條         283
11.1.3 制作斜紋線條         284
11.2 制作網(wǎng)頁背景圖片         286
11.2.1 制作漸變背景圖片         286
11.2.2 制作透明背景圖像         289
11.3 實戰(zhàn)技能訓(xùn)練營      290
11.4 新手常見疑難問題         295
第12 章 制作網(wǎng)頁Logo 與Banner        296
12.1 制作文字Logo        297
12.1.1 制作Logo 背景         297
12.1.2 制作文字內(nèi)容         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 制作網(wǎng)頁Banner       305
12.3.1 輸入特效文字         305
12.3.2 將輸入的文字設(shè)置為3D 效果      306
12.3.3 制作Banner 背景       308
12.4 實戰(zhàn)技能訓(xùn)練營      309
12.5 新手常見疑難問題         315
第13 章 網(wǎng)頁配色基礎(chǔ)與要領(lǐng)        316
13.1 網(wǎng)頁色彩概述       317
13.1.1 了解網(wǎng)頁的色彩        317
13.1.2 色彩的基礎(chǔ)知識        317
13.1.3 Web216 安全色         320
13.1.4 網(wǎng)頁色彩的搭配技巧      321
13.1.5 不同配色方案的心理感覺         322
13.2 網(wǎng)頁配色常識       324
13.2.1 網(wǎng)頁Logo 的配色常識      324
13.2.2 網(wǎng)頁Banner 的配色常識    328
13.2.3 網(wǎng)頁導(dǎo)航的配色常識      330
13.2.4 網(wǎng)頁主頁面的配色常識     332
13.2.5 網(wǎng)頁子頁面的配色常識     334
13.3 網(wǎng)頁配色方法       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 章 網(wǎng)頁配色的色彩表現(xiàn)        343
14.1 網(wǎng)頁標(biāo)志的色彩表現(xiàn)        344
14.1.1 紅色標(biāo)志        344
14.1.2 黃色標(biāo)志        344
14.1.3 藍(lán)色標(biāo)志        344
14.1.4 綠色標(biāo)志        344
14.1.5 紫色標(biāo)志        344
14.2 網(wǎng)頁的色彩表現(xiàn)      344
14.2.1 性別的色彩表現(xiàn)        345
14.2.2 年齡的色彩表現(xiàn)        347
14.2.3 商業(yè)的色彩表現(xiàn)        348
14.2.4 虛擬網(wǎng)站的色彩表現(xiàn)      349
14.2.5 自然界的色彩表現(xiàn)         349
14.3 網(wǎng)頁的色彩信息量         351
14.3.1 紅色的信息量與網(wǎng)頁表現(xiàn)         351
14.3.2 黃色的信息量與網(wǎng)頁表現(xiàn)         353
14.3.3 綠色的信息量與網(wǎng)頁表現(xiàn)         355
14.3.4 藍(lán)色的信息量與網(wǎng)頁表現(xiàn)         356
14.3.5 黑白色的信息量與網(wǎng)頁表現(xiàn)      358
14.3.6 灰色的信息量與網(wǎng)頁表現(xiàn)         360
14.4 新手常見疑難問題         360
第15 章 網(wǎng)頁配色工具的使用        361
15.1 經(jīng)典配色工具ColorImpact    362
15.1.1 建立漂亮的顏色方案      362
15.1.2 通過內(nèi)置工具獲取配色方案      364
15.1.3 通過高級色環(huán)獲取配色方案      367
15.1.4 查看獲取的配色方案      370
15.2 其他網(wǎng)頁配色工具的使用      371
15.2.1 使用Kuler 網(wǎng)頁配色工具      371
15.2.2 使用Web Safe Colours 網(wǎng)頁配色工具        376
15.2.3 使用Color Schemer 網(wǎng)頁配色工具    379
15.2.4 使用Color Jack 網(wǎng)頁配色工具      381
15.2.5 使用Color Scheme Designer 網(wǎng)頁配色工具        383
15.3 新手常見疑難問題         388
第16 章 根據(jù)網(wǎng)頁色調(diào)進行配色     389
16.1 紅色主題色調(diào)網(wǎng)頁的配色      390
16.1.1 網(wǎng)站類型分析         390
16.1.2 網(wǎng)頁配色詳解         391
16.2 橙色和黃色主題色調(diào)網(wǎng)頁的配色     393
16.2.1 網(wǎng)站類型分析         393
16.2.2 網(wǎng)頁配色詳解         394
16.3 黃綠色主題色調(diào)網(wǎng)頁的配色   396
16.3.1 網(wǎng)站類型分析         396
16.3.2 網(wǎng)頁配色詳解         397
16.4 綠色和青綠色主題色調(diào)網(wǎng)頁的配色     399
16.4.1 網(wǎng)站類型分析         399
16.4.2 網(wǎng)頁配色詳解         400
16.5 藍(lán)色和藍(lán)紫色主題色調(diào)網(wǎng)頁的配色     403
16.5.1 網(wǎng)站類型分析         403
16.5.2 網(wǎng)頁配色詳解         404
16.6 紫色主題色調(diào)網(wǎng)頁的配色      407
16.6.1 網(wǎng)站類型分析         407
16.6.2 網(wǎng)頁配色詳解         407
16.7 紫紅色主題色調(diào)網(wǎng)頁的配色   408
16.7.1 網(wǎng)站類型分析         408
16.7.2 網(wǎng)頁配色詳解         409
16.8 黑色主題色調(diào)網(wǎng)頁的配色      410
16.8.1 網(wǎng)站類型分析         410
16.8.2 網(wǎng)頁配色詳解         410
16.9 白色主題色調(diào)網(wǎng)頁的配色      411
16.9.1 網(wǎng)站類型分析         411
16.9.2 網(wǎng)頁配色詳解         411
16.10 灰色主題色調(diào)網(wǎng)頁的配色    412
16.10.1 網(wǎng)站類型分析       412
16.10.2 網(wǎng)頁配色詳解       413
16.11 新手常見疑難問題       413
第17 章 不同網(wǎng)站網(wǎng)頁配色設(shè)計分析        414
17.1 門戶類網(wǎng)站配色設(shè)計分析      415
17.1.1 色彩設(shè)計與網(wǎng)站風(fēng)格      415
17.1.2 框架與色彩        415
17.1.3 風(fēng)格設(shè)計的創(chuàng)新與延續(xù)     416
17.2 資訊類網(wǎng)站配色設(shè)計分析      417
17.2.1 網(wǎng)頁導(dǎo)航與布局        417
17.2.2 框架與色彩        417
17.2.3 各類信息與風(fēng)格設(shè)計      418
17.3 時尚類網(wǎng)站配色設(shè)計分析      418
17.3.1 流行文化與時尚        418
17.3.2 各類信息與風(fēng)格設(shè)計      419
17.3.3 文體時尚        420
17.3.4 品牌時尚        421
17.4 企業(yè)類網(wǎng)站配色設(shè)計分析      422
17.4.1 企業(yè)文化與VIS 的統(tǒng)一     422
17.4.2 風(fēng)格設(shè)計與各類信息      423
17.4.3 以形象為主的企業(yè)網(wǎng)站     424
17.4.4 以產(chǎn)品為主的企業(yè)網(wǎng)站     424
17.5 電子商務(wù)類網(wǎng)站配色設(shè)計分析      425
17.5.1 框架與色彩        425
17.5.2 信息的可信度         426
17.5.3 商品信息與網(wǎng)站層級結(jié)構(gòu)         426
17.5.4 小店鋪型風(fēng)格設(shè)計         427
17.5.5 風(fēng)格取決于消費者的偏好         428
17.6 文化與生活類網(wǎng)站配色設(shè)計分析     429
17.6.1 網(wǎng)站文化與網(wǎng)站氣息      429
17.6.2 框架與色彩        430
17.6.3 風(fēng)格設(shè)計        431
17.7 娛樂類網(wǎng)站配色設(shè)計分析      431
17.7.1 網(wǎng)站的受眾定位        431
17.7.2 多樣的色彩風(fēng)格        432
17.7.3 氣氛營造與網(wǎng)站風(fēng)格      433
17.8 個人類網(wǎng)站配色設(shè)計分析      434
17.8.1 風(fēng)格多樣化        435
17.8.2 自由的色彩        436
17.8.3 多樣的色彩風(fēng)格        436
17.9 新手常見疑難問題         437
第18 章 電子商務(wù)網(wǎng)站配色全過程     438
18.1 經(jīng)典電子商務(wù)網(wǎng)頁配色分析   439
18.2 電子商務(wù)網(wǎng)站的主要配色法則      440
18.2.1 網(wǎng)站主色調(diào)的選擇         441
18.2.2 網(wǎng)站主體內(nèi)容的配色      442
18.3 電子商務(wù)網(wǎng)站配色的步驟      443
18.3.1 主題色的確定         443
18.3.2 確定主題色的搭配         444
18.3.3 主題色布局        445
18.3.4 頁面色彩相互呼應(yīng)         446
第19 章 在線購物網(wǎng)頁的設(shè)計        447
19.1 設(shè)計網(wǎng)頁Logo        448
19.2 設(shè)計網(wǎng)頁導(dǎo)航欄      451
19.3 設(shè)計網(wǎng)頁的Banner       452
19.4 設(shè)計網(wǎng)頁正文部分         455
19.4.1 設(shè)計正文導(dǎo)航         455
19.4.2 設(shè)計正文內(nèi)容         458
19.5 設(shè)計網(wǎng)頁頁腳部分         461
19.6 組合在線購物網(wǎng)頁         462
19.7 保存網(wǎng)頁        465