内 容 简 介
全书共分为20章，分别介绍了初识Photoshop CS6、图像的简单编辑、选区的创建与基本操作、调整
图像的色彩、绘制与修饰图像、快速制作图像特效、图层蒙版与通道的应用、制作网页文字特效、制作
网页按钮与导航条、制作网页特效边线与背景、制作网站Logo、制作网页Banner、网页配色基础概述、
网页配色的要领、网页配色的色彩表现、配色工具的使用、根据网页色调进行配色、不同网站网页配色
设计分析。最后以2个综合网站的设计为例进行讲解，通过每章的综合实例，使读者进一步巩固所学知
识，提高综合实战能力。
本书涉及面广泛，几乎涉及了Photoshop CS6网页设计与配色的所有重要知识，适合所有网页设计初
学者快速入门，同时也适合想全面了解Photoshop CS6网页设计与配色的设计人员阅读。
本书内容丰富全面，图文并茂，通俗易懂，便于读者理解并掌握Photoshop CS6网页设计与配色的技
术，从而能解决实际生活和工作中的问题，真正做到知其然更知其所以然。本书条理清晰、系统地为读
者介绍了其希望了解的网页设计技巧。
本书注重实用，可操作性强，详细讲解书中每一个知识点和技巧，真正体现本书“完全”的含义，
是一本物超所值的好书。前 言
Photoshop CS6在网页设计和配色方面的应用越来越普遍，包括版面设计，按钮的制作及应用，制作Banner和导航条、制作网页广告、文字特效，网页其他组成部分的设计和制作等内容。对初学者来说，实用性强和易于操作是目前最大的需求。本书针对想学习网页设计和配色的初学者的需要编写而成，能让初学者快速入门后提高实战水平。
本书特色
知识丰富全面：知识点由浅入深，涵盖了所有Photoshop CS6的网页设计和配色知识点，使读者由浅入深地掌握Photoshop CS6在网页设计和配色方面的技能。
图文并茂：注重操作，图文并茂，在介绍案例的过程中，每一个操作均有对应的插图。这种图文结合的方式能让读者在学习过程中直观、清晰地看到操作的过程以及效果，便于更快地理解和掌握。
易学易用：本书的编写颠覆了传统“看”书的观念，使本书成为一本能“操作”的图书。
案例丰富：把知识点融汇于系统的案例实训当中，并且结合经典案例进行讲解和拓展，从而达到使读者“知其然，并知其所以然”的效果。
提示技巧、贴心周到：本书对读者在学习过程中可能会遇到的疑难问题以“提示”和“技巧”的形式进行了说明，以免读者在学习的过程中走弯路。
超值赠送：除了素材和结果外，本书还将赠送封面所述的大量的资源，通过它们，读者可以全面掌握网页设计和配色方方面面的知识。
读者对象
本书不仅适合网页设计和配色初级读者入门学习，还可作为中、高级用户的参考手册。书中大量的实例模拟真实的网页设计案例，对读者的工作有现实的借鉴作用。
鸣谢
除刘玉红外，还有胡同夫、梁云亮、王攀登、王婷婷、陈伟光、包慧利、孙若淞、肖品、王维维和刘海松等人参与了本书的编写工作。编者虽然倾注了努力，但由于水平有限、时间仓促，书中难免有疏漏之处，请读者谅解。如果遇到问题或有任何意见和建议，敬请与我们联系，我们将全力提供帮助。目 录
第1章 初识Photoshop CS6 1
1.1 启动与退出Photoshop CS6 2
1.1.1 启动Photoshop CS6 2
1.1.2 退出Photoshop CS6 2
1.2 认识Photoshop CS6的工作界面 3
1.2.1 认识菜单栏 4
1.2.2 认识工具箱 5
1.2.3 认识选项栏 5
1.2.4 认识调板 5
1.2.5 认识属性栏 6
1.2.6 认识状态栏 6
1.3 了解Photoshop CS6的新增功能 7
1.3.1 全新的界面设计 7
1.3.2 内容感知移动工具 7
1.3.3 模糊滤镜 8
1.3.4 新增自动保存和图层搜索功能 11
1.3.5 一键美图功能 12
1.3.6 全新的裁剪工具 13
1.3.7 透视裁切工具 13
1.3.8 镜头矫正 14
1.3.9 视频处理功能 15
1.3.10 迷你管理器 15
1.3.11 全新的Adobe Mercury图形引擎 15
1.3.12 灵活的画笔调整 16
1.3.13 矢量图形样式 16
1.3.14 Camera Raw增效工具 16
1.3.15 肤色选择功能 16
1.3.16 新增3D文字特效工具 17
1.4 综合实例1——在Photoshop CS6当中构建网页结构 17
1.5 综合实例2——使用Photoshop CS6进行切图 19
1.6 专家答疑 20
第2章 图像的简单编辑 21
2.1 文件的基本操作 22
2.1.1 新建文件 22
2.1.3 保存文件 23
2.1.4 置入文件 24
2.1.5 关闭文件 26
2.2 图像的基本操作 26
2.2.1 使用导航器查看图像 26
2.2.2 使用缩放工具查看图像 27
2.2.3 使用抓手工具查看图像 27
2.2.4 调整图像的大小 28
2.2.5 调整画布的大小 28
2.2.6 调整图像的方向 30
2.2.7 裁剪图像 31
2.2.8 图像的变换与变形 33
2.3 综合实例1——图像的艺术化修饰 34
2.4 综合实例2——为图像添加背景 35
2.5 专家答疑 36
第3章 选区的创建与基本操作 37
3.1 认识选区 38
3.2 创建选区的工具、命令 38
3.2.1 选框工具 38
3.2.2 钢笔工具 39
3.2.3 磁性套索、魔棒选择工具 40
3.2.4 蒙版工具 41
3.2.5 快速选择+调整边缘工具 42
3.2.6 【色彩范围】命令 42
3.2.7 通道工具 43
3.3 选区的基本操作 44
3.3.1 快速选择选区与反选选区 44
3.3.2 取消选择和重新选择 45
3.3.3 添加选区与减去选区 45
3.3.4 羽化选区 47
3.3.5 精确选择选区与移动选区 48
3.3.6 隐藏或显示选区 48
3.4 选区的编辑 49
3.4.1 选区图像的变换 49
3.4.2 存储和载入选区 51
3.4.3 描边选区 52
3.4.4 羽化选区边缘 52
3.4.5 扩大选取与选取相似 53
3.4.6 修改选区边界 54
3.4.7 平滑选区边缘 55
3.4.8 扩展选区 56
3.4.9 收缩选区 57
3.5 综合实例1——用椭圆选框工具设计光盘封面 58
3.6 综合实例2——使用【调整边缘】命令抠毛发 60
3.7 专家答疑 63
第4章 调整图像的色彩 65
4.1 了解图像的颜色模式 66
4.1.1 RGB颜色模式 66
4.1.2 CMYK颜色模式 67
4.1.3 灰度模式 68
4.1.4 位图模式 69
4.1.5 双色调模式 69
4.1.6 索引颜色模式 70
4.1.7 Lab颜色模式 70
4.2 快速调整图像的色彩 71
4.2.1 调整图像的色阶 71
4.2.2 调整图像的亮度/对比度 71
4.2.3 调整图像的色彩平衡 72
4.2.4 调整图像的曲线 72
4.2.5 调整图像的色相/饱和度 73
4.2.6 将彩色照片变成黑白照片 74
4.2.7 匹配图像颜色 75
4.2.8 为图像替换颜色 76
4.2.9 使用【可选颜色】命令调整图像 76
4.2.10 调整图像的阴影/高光 77
4.2.11 调整图像的曝光度 78
4.2.12 使用【通道混和器】命令调整图像的颜色 78
4.2.13 为图像添加渐变映射效果 79
4.2.14 调整图像的偏色 80
4.2.15 实现图片的底片效果 80
4.2.16 使用【色调均化】命令调整图像 81
4.2.17 制作黑白分明的图像效果 81
4.2.18 实现图片的特殊效果 82
4.2.19 实现图像不同色调区的调整 82
4.2.20 使用【自然饱和度】命令调整图像的色彩 83
4.2.21 使用【黑白】命令调整图像的色彩 83
4.3 综合实例1——校正偏红图片 84
4.4 综合实例2——模糊风景照片的处理 86
4.5 专家答疑 88
第5章 绘制与修饰图像 89
5.1 使用绘画工具绘制图像 90
5.1.1 画笔工具 90
5.1.2 铅笔工具 95
5.1.3 历史记录艺术画笔工具 97
5.1.4 形状工具 98
5.2 使用修饰工具修饰图像 101
5.2.1 污点修复画笔工具 101
5.2.2 修复画笔工具 103
5.2.3 修补工具 104
5.2.4 红眼工具 106
5.2.5 仿制图章工具 107
5.2.6 模糊工具 107
5.2.7 锐化工具 108
5.2.8 涂抹工具 108
5.3 综合实战1——将两张图像糅合为一张图像 111
5.4 综合实战2——制作泼墨山水画 112
5.5 专家答疑 116
第6章 快速制作图像特效 117
6.1 滤镜概述 118
6.1.1 滤镜库 118
6.1.2 滤镜的使用方法 118
6.2 使用滤镜制作扭曲效果 119
6.2.1 放大镜效果——液化滤镜 119
6.2.2 波浪效果 120
6.2.3 玻璃效果 120
6.2.4 波纹效果 121
6.2.5 球面化效果 121
6.2.6 挤压效果 121
6.2.7 旋转扭曲效果 122
6.3 使用滤镜制作风格化效果 122
6.3.1 浮雕效果 123
6.3.2 风效果 124
6.3.3 马赛克拼贴效果 124
6.3.4 查找边缘效果 125
6.3.5 拼贴效果 125
6.3.6 凸出效果 126
6.4 使用滤镜使图像清晰或模糊 126
6.4.1 锐化与锐化边缘效果 127
6.4.2 智能锐化效果 127
6.4.3 表面模糊效果 128
6.4.4 动感模糊效果 129
6.4.5 高斯模糊效果 129
6.4.6 径向模糊效果 130
6.4.7 镜头模糊效果 130
6.5 使用滤镜制作艺术效果 131
6.5.1 壁画效果 131
6.5.2 彩色铅笔效果 132
6.5.3 粗糙蜡笔效果 132
6.5.4 底纹效果 133
6.5.5 调色刀效果 133
6.5.6 干画笔效果 134
6.5.7 海报边缘效果 134
6.5.8 海绵效果 135
6.5.9 绘画涂抹效果 135
6.5.10 胶片颗粒效果 136
6.5.11 木刻效果 136
6.5.12 霓虹灯光效果 137
6.5.13 水彩效果 137
6.5.14 塑料包装效果 138
6.5.15 涂抹棒效果 138
6.6 其他常用滤镜组 139
6.6.1 【素描】滤镜组 139
6.6.2 【纹理】滤镜组 140
6.6.3 【像素化】滤镜组 141
6.6.4 【渲染】滤镜组 141
6.7 综合实战1——去除照片多余人物 142
6.8 综合实战2——制作蓝色特效魔圈 144
6.9 专家答疑 146
第7章 图层蒙版与通道的应用 147
7.1 图层的基本操作 148
7.1.1 创建图层 148
7.1.2 隐藏与显示图层 148
7.1.3 对齐图层 149
7.1.4 合并图层 151
7.1.5 设置不透明度和填充 152
7.2 图层的样式操作 154
7.2.1 斜面和浮雕 154
7.2.2 外发光 155
7.2.3 描边 155
7.2.4 图案叠加 156
7.3 蒙版的应用 157
7.3.1 剪贴蒙版 157
7.3.2 快速蒙版 159
7.3.3 图层蒙版 161
7.3.4 矢量蒙版 163
7.4 通道的应用 164
7.4.1 复合通道 164
7.4.2 颜色通道 168
7.4.3 专色通道 170
7.4.4 Alpha通道 172
7.5 综合实例1——使用计算功能制作灰色图像 176
7.6 综合实例2——综合运用选择工具设计时钟 179
7.7 专家答疑 186
第8章 制作网页文字特效 187
8.1 创建文字效果 188
8.1.1 输入文字 188
8.1.2 设置文字属性 189
8.1.3 设置段落属性 190
8.1.4 转换文字形式 191
8.1.5 通过调板设置文字格式 192
8.1.6 栅格化文字 194
8.1.7 创建变形文字 194
8.1.8 创建路径文字 195
8.2 综合案例1——制作水晶文字 196
8.3 综合案例2——制作燃烧的文字 197
8.4 专家答疑 202
第9章 制作网页按钮与导航条 203
9.1 按钮与导航条的设计原则 204
9.1.1 网页按钮的设计注意事项 204
9.1.2 网页导航条的设计注意事项 204
9.2 制作按钮 205
9.2.1 实例1——制作普通按钮 205
9.2.2 实例2——制作迷你按钮 207
9.2.3 实例3——制作水晶按钮 210
9.2.4 实例4——制作木纹按钮 216
9.3 制作导航条 218
9.3.1 实例5——制作横向导航条 218
9.3.2 实例6——制作纵向导航条 222
9.4 专家答疑 224
第10章 制作网页特效边线与背景 225
10.1 制作装饰边线 226
10.1.1 实例1——装饰虚线的制作 226
10.1.2 实例2——内嵌线条的制作 228
10.1.3 实例3——斜纹线条的制作 230
10.2 背景图片的制作 231
10.2.1 实例4——制作渐变背景图片 231
10.2.2 实例5——制作透明背景图像 235
10.2.3 实例6——魔幻背景图像的制作 237
10.3 专家答疑 240
第11章 制作网站Logo 241
11.1 网站Logo概述 242
11.1.1 网站Logo设计标准 242
11.1.2 网站Logo的标准尺寸 243
11.1.3 网站Logo的一般形式 244
11.2 制作时尚空间感的文字Logo 244
11.2.1 制作背景 244
11.2.2 制作文字内容 245
11.2.3 绘制自定义形状 247
11.2.4 美化文字Logo 247
11.3 制作图案Logo 249
11.3.1 制作背景 249
11.3.2 制作图案效果 251
11.4 图文结合Logo 253
11.4.1 制作网站Logo中的图案 253
11.4.2 制作网站Logo中的文字 255
11.5 专家答疑 258
第12章 制作网页Banner 259
12.1 网站Banner概述 260
12.1.1 网站Banner的标准尺寸 260
12.1.2 Banner设计注意要点 260
12.2 制作英文Banner 261
12.2.1 实例1——制作Banner背景 261
12.2.2 实例2——制作Banner底纹 262
12.2.3 实例3——制作文字特效 263
12.3 制作中文Banner 264
12.3.1 实例4——输入特效文字 264
12.3.2 实例5——将输入的文字设置为3D效果 265
12.3.3 实例6——制作Banner背景 267
12.4 专家答疑 268
第13章 网页配色基础概述 269
13.1 网页色彩概述 270
13.1.1 了解网页的色彩 270
13.1.2 色彩的基础知识 271
13.1.3 Web216安全色 274
13.2 色彩标准概述 275
13.2.1 网页色彩的搭配技巧 275
13.2.2 色彩三属性 276
13.2.3 色彩的对比与调和 277
13.2.4 色彩的心理联想 278
13.2.5 不同配色方案的心理感觉 279
13.3 色调和色相环 281
13.3.1 色调 281
13.3.2 色彩三原色 281
13.3.3 冷暖色系之分 282
13.3.4 同一色系 282
13.3.5 色相环的色相关系 283
13.4 色彩的感觉 284
13.4.1 色彩的冷暖感觉 284
13.4.2 色彩的轻重感觉 284
13.4.3 色彩的爽朗郁闷感 285
13.4.4 色彩的兴奋沉稳感 285
13.4.5 色彩的华丽与朴实 286
13.4.6 色彩的酸甜苦辣感 286
13.5 专家答疑 288
第14章 网页配色的要领 289
14.1 网页的版式结构 290
14.1.1 “国”字形网页结构 290
14.1.2 “吕”字形网页结构 291
14.1.3 “川”字形网页结构 292
14.1.4 “回”字形网页结构 293
14.2 网页配色常识 294
14.2.1 网站Logo的配色常识 294
14.2.2 网页Banner的配色常识 298
14.2.3 网页导航的配色常识 301
14.2.4 网页主页面的配色常识 303
14.2.5 网页子页面的配色常识 305
14.3 网页配色方法 306
14.3.1 对比色配色法 306
14.3.2 邻近色配色法 307
14.3.3 冷暖互补配色法 309
14.3.4 色彩的叠加配色法 310
14.3.5 色彩的柔光配色法 312
14.3.6 色彩的透明度配色法 313
14.4 专家答疑 314
第15章 网页配色的色彩表现 315
15.1 网页标志的色彩表现 316
15.1.1 红色标志 316
15.1.2 黄色标志 316
15.1.3 蓝色标志 316
15.1.4 绿色标志 316
15.1.5 紫色标志 316
15.2 网页的色彩表现 317
15.2.1 性别的色彩表现 317
15.2.2 年龄的色彩表现 318
15.2.3 商业的色彩表现 320
15.2.4 虚拟网站的色彩表现 321
15.2.5 自然界的色彩表现 322
15.3 网页的色彩信息量 323
15.3.1 红色的信息量与网页表现 323
15.3.2 黄色的信息量与网页表现 326
15.3.3 绿色的信息量与网页表现 328
15.3.4 蓝色的信息量与网页表现 329
15.3.5 黑白色的信息量与网页表现 331
15.3.6 灰色的信息量与网页表现 333
15.4 专家答疑 333
第16章 配色工具的使用 335
16.1 使用经典配色工具——ColorImpact 336
16.1.1 建立漂亮的颜色方案 336
16.1.2 通过内置工具获取配色方案 337
16.1.3 通过高级色环获取配色方案 340
16.1.4 查看获取的配色方案 343
16.2 其他网页配色工具的使用 345
16.2.1 使用Kuler网页配色工具 345
16.2.2 使用Web Safe Colours网页配色工具 348
16.2.3 使用Color Schemer网页配色工具 351
16.2.4 使用Color Toy网页配色工具 352
16.2.5 使用Color Jack网页配色工具 352
16.2.6 使用Color Scheme Designer网页配色工具 354
16.3 专家答疑 360
第17章 根据网页色调进行配色 361
17.1 红色主题色调网页的配色 362
17.1.1 网站类型分析 362
17.1.2 网页配色详解 363
17.2 橙色和黄色主题色调网页的配色 365
17.2.1 网站类型分析 365
17.2.2 网页配色详解 366
17.3 黄绿色主题色调网页的配色 369
17.3.1 网站类型分析 369
17.3.2 网页配色详解 369
17.4 绿色和青绿色主题色调网页的配色 371
17.4.1 网站类型分析 372
17.4.2 网页配色详解 373
17.5 蓝色和蓝紫色主题色调网页的配色 375
17.5.1 网站类型分析 376
17.5.2 网页配色详解 376
17.6 紫色主题色调网页的配色 380
17.6.1 网站类型分析 380
17.6.2 网页配色详解 380
17.7 紫红色主题色调网页的配色 381
17.7.1 网站类型分析 381
17.7.2 网页配色详解 382
17.8 黑色主题色调网页的配色 383
17.8.1 网站类型分析 383
17.8.2 网页配色详解 383
17.9 白色主题色调网页的配色 384
17.9.1 网站类型分析 384
17.9.2 网页配色详解 384
17.10 灰色主题色调网页的配色 385
17.10.1 网站类型分析 385
17.10.2 网页配色详解 386
17.11 专家答疑 386
第18章 不同网站网页配色设计分析 387
18.1 门户类网站配色设计分析 388
18.1.1 色彩设计与网站风格 388
18.1.2 框架与色彩 388
18.1.3 风格设计的创新与延续 389
18.2 资讯类网站配色设计分析 390
18.2.1 网页导航与布局 390
18.2.2 框架与色彩 390
18.2.3 各类信息与风格设计 391
18.3 时尚类网站配色设计分析 391
18.3.1 流行文化与时尚 391
18.3.2 各类信息与风格设计 392
18.3.3 文体时尚 393
18.3.4 品牌时尚 394
18.4 企业类网站配色设计分析 395
18.4.1 企业文化与VIS的统一 396
18.4.2 风格设计与各类信息 396
18.4.3 以形象为主的企业网站 397
18.4.4 以产品为主的企业网站 398
18.5 电子商务类网站配色设计分析 399
18.5.1 框架与色彩 399
18.5.2 信息的可信度 399
18.5.3 商品信息与网站层级结构 400
18.5.4 小店铺型风格设计 401
18.5.5 风格取决于消费者的偏好 402
18.6 文化与生活类网站配色设计分析 402
18.6.1 网站文化与网站气息 403
18.6.2 框架与色彩 404
18.6.3 风格设计 404
18.7 娱乐类网站配色设计分析 405
18.7.1 网站的受众定位 406
18.7.2 多样的色彩风格 406
18.7.3 气氛营造与网站风格 407
18.8 个人类网站配色设计分析 409
18.8.1 风格多样化 409
18.8.2 自由的色彩 410
18.8.3 多样的色彩风格 411
18.9 专家答疑 412
第19章 电子商务网站配色全过程 413
19.1 经典电子商务网页配色分析 414
19.2 电子商务网站的主要配色法则 416
19.2.1 网站主色调的选择 416
19.2.2 网站主体内容的配色 418
19.3 电子商务网站配色的步骤 418
19.3.1 主题色的确定 419
19.3.2 确定主题色的搭配 419
19.3.3 主题色布局 421
19.3.4 页面色彩相互呼应 422
第20章 在线购物网页设计实战 423
20.1 设计网页Logo 424
20.2 设计网页导航栏 427
20.3 设计网页的Banner 428
20.4 设计网页正文部分 436
20.4.1 设计正文导航 436
20.4.2 设计正文内容 439
20.5 设计网页页脚部分 442
20.6 组合在线购物网页 443
20.7 保存网页 446
20.8 对网页进行切片处理 447
