Photoshop网页设计与配色案例课堂

《Photoshop网页设计与配色案例课堂(第2版)》共20章，包括初识Photoshop CC、图像的基本操作、选区的创建与基本操作、调整图像的色彩、修饰与绘制图像、快速制作图像、图层蒙版与通道的应用、制作网页文字、制作网页按钮与导航条、制作网页边线与背景、制作网页Logo、制作网页Banner、网页配色基础概述、网页配色的要领、网页配色的色彩表现、网页配色工具的使用、根据网页色调进行配色、不同网站网页配色设计分析。很后以两个综合网站的设计为例进行讲解。每章的实战案例可以帮助读者进一步巩固所学的知识，提高综合实战能力。《Photoshop网页设计与配色案例课堂(第2版)》内容丰富全面，图文并茂，步骤清晰，通俗易懂，使读者能轻松理解Photoshop CC网页设计与配色的方法，并能解决实际生活或工作中的问题，真正做到知其然更知其所以然。《Photoshop网页设计与配色案例课堂(第2版)》注重实用，可操作性强，详细讲解了书中每一个知识点和技巧，适合所有的网页设计初学者快速入门，同时也适合想全面了解Photoshop CC网页设计与配色的设计人员阅读。

刘春茂本科毕业于上海复旦大学，硕士毕业于清华大学。曾在美国IBM公司移动产品开发组从事Android平台应用的开发。擅长的核心技术，媒体和教育领域个性化信息推荐，网站用户行为数据挖掘，健康领域非结构化数据处理。

第1章 初识Photoshop CC 1
1.1 安装与卸载Photoshop CC 2
1.1.1 安装Photoshop CC的系统需求 2
1.1.2 安装Photoshop CC 3
1.1.3 卸载Photoshop CC 5
1.2 启动与退出Photoshop CC 6
1.2.1 启动Photoshop CC 6
1.2.2 退出Photoshop CC 7
1.3 Photoshop CC的工作界面 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.4 Photoshop CC的新增功能 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 增强的Camera Raw功能 19
1.4.12 全新的3D面板 19
1.5 Photoshop CC的学习方法 20
1.5.1 使用帮助资源 20
1.5.2 学习Photoshop的三大步骤 20
1.6 综合案例——在Photoshop CC中
构建网页结构 21
1.7 跟我学上机——使用Photoshop CC
进行切图 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.5 RGB颜色模式 98
4.1.6 CMYK颜色模式 98
4.1.7 Lab颜色模式 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.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.3 Web216安全色 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 使用Web Safe Colours
网页配色工具 439
16.2.3 使用Color Schemer网页配色
工具 441
16.2.4 使用Color jack网页配色
工具 442
16.2.5 使用Color Scheme Designer
网页配色工具 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