Photoshop 网页设计与配色案例课堂（第2版）

前    言

　　“网站开发案例课堂”系列图书是专门为办公技能和网页设计初学者量身定制的一套学习用书，涵盖高效办公、网站开发、数据库设计等方面。整套书具有以下特点。

前沿科技

　　无论是网站建设、数据库设计还是HTML5、CSS3，我们都精选较为前沿或者用户群较大的领域进行介绍，帮助读者认识和了解动态。

权威的作者团队

　　组织国家重点实验室和资深应用专家联手编著该套图书，融合丰富的教学经验与优秀的管理理念。

学习型案例设计

　　以技术的实际应用过程为主线，全程采用图解和同步多媒体结合的教学方式，生动、直观、全面地剖析使用过程中的各种应用技能，降低难度，提升学习效率。

为什么要写这样一本书

　　Photoshop CC在网页设计和配色方面的应用越来越普遍，包括版面设计，按钮的制作及应用，Banner和导航条的制作，网页广告制作，文字特效设计，网页其他组成部分的设计和制作等内容。对初学者来说，实用性强和易于操作是目前的需求。为此，本书主要面向想学习网页前台设计和配色的初学者，可以让初学者入门后快速提高实战水平。

本书特色

零基础、入门级的讲解

　　无论您是否从事计算机相关行业，无论您是否接触过网页配色，都能从本书中找到起点。

超多、实用、专业的范例和项目

　　本书在编排上紧密结合深入学习网页配色技术的先后过程，从Photoshop软件的基本操作开始，带领大家逐步深入地学习各种网页配色的应用技巧，侧重实战技能，使用简单易懂的实际案例进行分析和操作指导，让读者读起来简明轻松，操作起来有章可循。

随时检测自己的学习成果

　　大部分章节中，均提供了“疑难解惑”板块，以指导读者解决学习中的困惑。

　　大部分章末的“跟我学上机”板块，均根据本章内容精选而成，读者可以随时检测自己的学习成果和实战能力，做到融会贯通。

细致入微、贴心提示

　　本书在讲解过程中，使用了大量的“注意”“提示”“技巧”等小贴士，使读者在学习过程中更清楚地了解相关操作、理解相关概念，并轻松掌握各种操作技巧。

专业创作团队和技术支持

　　您在学习过程中遇到任何问题，均可加入QQ群(案例课堂VIP)451102631进行提问，专家人员会在线答疑。

超值资源大放送

全程同步教学录像

　　涵盖本书所有知识点，详细讲解每个实例及项目的过程和技术关键点，可以使读者比看书更轻松地掌握书中所有的网页制作和设计知识，而且扩展的讲解部分使读者能得到比书中更多的收获。

超多容量王牌资源

　　赠送大量王牌资源，包括本书实例的素材和结果文件、教学幻灯片、本书精品教学视频、88个实用类网页配色模板、12部网页设计参考手册、网页颜色速查表、Photoshop CC快捷键和技巧速查手册、精彩网站配色方案赏析、网页样式与布局案例赏析、Web前端工程师常见面试题等。读者可以通过QQ群(案例课堂VIP)：451102631获取赠送资源，也可以扫描二维码，下载本书资源。

读者对象

没有任何网页配色基础的初学者。

有一定的Photoshop操作基础，想精通网页配色的人员。

有一定的配色基础，没有项目经验的人员。

正在进行毕业设计的学生。

大专院校及培训学校的老师和学生。

创作团队

　　本书由刘春茂编著，参加编写的人员还有刘玉萍、张金伟、蒲娟、周佳、付红、李园、郭广新、侯永岗、王攀登、刘海松、孙若淞、王月娇、包慧利、陈伟光、胡同夫、王伟、展娜娜、李琪、梁云梁和周浩浩。在编写过程中，我们竭尽所能地将好的讲解呈现给读者，但也难免有疏漏和不妥之处，敬请不吝指正。若您在学习中遇到困难或疑问，或有任何意见或建议，可写信至信箱357975357@qq.com。

　　                                                      编  者

《Photoshop网页设计与配色案例课堂(第2版)》共20章，包括初识Photoshop CC、图像的基本操作、选区的创建与基本操作、调整图像的色彩、修饰与绘制图像、快速制作图像特效、图层蒙版与通道的应用、制作网页特效文字、制作网页按钮与导航条、制作网页特效边线与背景、制作网页Logo、制作网页Banner、网页配色基础概述、网页配色的要领、网页配色的色彩表现、网页配色工具的使用、根据网页色调进行配色、不同网站网页配色设计分析。*后以两个综合网站的设计为例进行讲解。每章的实战案例可以帮助读者进一步巩固所学的知识，提高综合实战能力。 

《Photoshop网页设计与配色案例课堂(第2版)》内容丰富全面，图文并茂，步骤清晰，通俗易懂，使读者能轻松理解Photoshop CC网页设计与配色的方法，并能解决实际生活或工作中的问题，真正做到知其然更知其所以然。

《Photoshop网页设计与配色案例课堂(第2版)》注重实用，可操作性强，详细讲解了书中每一个知识点和技巧，适合所有的网页设计初学者快速入门，同时也适合想全面了解Photoshop CC网页设计与配色的设计人员阅读。

《Photoshop网页设计与配色案例课堂(第2版)》共20章，包括初识Photoshop CC、图像的基本操作、选区的创建与基本操作、调整图像的色彩、修饰与绘制图像、快速制作图像特效、图层蒙版与通道的应用、制作网页特效文字、制作网页按钮与导航条、制作网页特效边线与背景、制作网页Logo、制作网页Banner、网页配色基础概述、网页配色的要领、网页配色的色彩表现、网页配色工具的使用、根据网页色调进行配色、不同网站网页配色设计分析。*后以两个综合网站的设计为例进行讲解。每章的实战案例可以帮助读者进一步巩固所学的知识，提高综合实战能力。 

《Photoshop网页设计与配色案例课堂(第2版)》内容丰富全面，图文并茂，步骤清晰，通俗易懂，使读者能轻松理解Photoshop CC网页设计与配色的方法，并能解决实际生活或工作中的问题，真正做到知其然更知其所以然。

《Photoshop网页设计与配色案例课堂(第2版)》注重实用，可操作性强，详细讲解了书中每一个知识点和技巧，适合所有的网页设计初学者快速入门，同时也适合想全面了解Photoshop CC网页设计与配色的设计人员阅读。

目    录

第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