Photoshop网页设计与配色（全案例微课版）

图书标准信息

• 作者 刘春茂
• 出版社 清华大学出版社
• 出版时间 2022-07
• 版次 1
• ISBN 9787302593812
• 定价 89.00元
• 装帧 其他
• 开本 16开
• 纸张 胶版纸

【内容简介】

《Photoshop网页设计与配色（全案例微课版）》是针对零基础读者编写的网页设计和配色的入门教材，内容侧重案例实训。 《Photoshop网页设计与配色（全案例微课版）》分为19章，内容包括Photoshop 2021概述、图像的简单编辑、运用选区编辑图像、图像的色 彩和色调、修饰和绘制图像、快速制作图像特效、图层与图层样式的应用、通道与蒙版的应用、制作 网页特效文字、制作网页按钮与导航条、制作网页边线与背景、制作网页Logo与Banner、网页配色基 础与要领、网页配色的色彩表现、网页配色工具的使用、根据网页色调进行配色、不同网站网页配色 设计分析、电子商务网站配色全过程、在线购物网页的设计。 《Photoshop网页设计与配色（全案例微课版）》通过精选热点案例，可以让初学者快速掌握网页设计和配色技术。

【作者简介】

刘春茂在郑州轻工业大学主要负责计算机系的毕业生实训，善于引导学生学习，让学校所学的知识和社会的需求很好地衔接，同时具有丰富的教学经验和开发经验。曾做电子货币交易系统、 B2C 电子商务平台、网上书店和评教系统等，具有很强的实战经验。

【目录】

第1章 Photoshop 2021概述    001

1.1 安装与卸载Photoshop 2021   002

1.1.1 安装Photoshop 2021的系统需求   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 认识状态栏     012

1.4 Photoshop 2021的新增功能   014

1.4.1 神经网络AI滤镜       014

1.4.2 天空替换功能         015

1.4.3 新增的【发现】面板      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 实战技能训练营        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 实战技能训练营        052

2.7 新手常见疑难问题       055

第3 章 运用选区编辑图像        056

3.1 创建规则选区         057

3.1.1 创建矩形与正方形选区      057

3.1.2 创建圆形与椭圆形选区      059

3.1.3 创建单行与单列选区       060

3.2 创建不规则选区        061

3.2.1 创建任意不规则选区       061

3.2.2 创建有一定规则的选区      062

3.2.3 自动创建不规则选区       062

3.3 快速创建选区         064

3.3.1 使用对象选择工具创建选区       064

3.3.2 使用快速选择工具创建选区       065

3.3.3 使用魔棒工具创建选区      067

3.4 使用其他命令创建选区      068

3.4.1 使用【色彩范围】命令创建选区       068

3.4.2 使用钢笔工具创建选区      070

3.4.3 使用通道创建选区      071

3.5 选区的基本操作        071

3.5.1 选择全部选区与反选选区      071

3.5.2 取消选择和重新选择       072

3.5.3 添加选区与减去选区       072

3.5.4 复制与移动选区       073

3.5.5 隐藏或显示选区       075

3.6 选区的编辑操作        075

3.6.1 选区图像的变换       075

3.6.2 存储和载入选区       075

3.6.3 描边选区       077

3.6.4 羽化选区边缘          077

3.6.5 扩大选取与选取相似       078

3.6.6 修改选区边界          078

3.6.7 平滑选区边缘          079

3.6.8 扩展与收缩选区       080

3.7 实战技能训练营        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 实战技能训练营        116

4.7 新手常见疑难问题       119

第5 章 修饰和绘制图像        120

5.1 修复图像中的污点与瑕疵      121 

5.1.1 修复图像中的污点      121

5.1.2 修复图像中的瑕疵      121

5.1.3 修复图像选中的区域       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 擦除图像中指定的区域      126

5.3.2 擦除图像中的指定颜色      126

5.3.3 擦除图像中相近的颜色      128

5.4 修饰图像中的细节       129

5.4.1 修饰图像中生硬的区域      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 实战技能训练营        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 实战技能训练营        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 使用内发光和外发光样式      204

7.5.8 使用光泽样式          206

7.5.9 使用颜色、渐变和图案叠加样式       206

7.6 实战技能训练营        208

7.7 新手常见疑难问题       210

第8 章 通道与蒙版的应用        211

8.1 通道的基本操作        212

8.1.1 创建Alpha 通道        212

8.1.2 创建专色通道          213

8.1.3 复制和删除通道       215

8.1.4 通道与选区的转换      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 创建矢量蒙版          226

8.5.2 编辑矢量蒙版          227

8.6 剪贴蒙版          228

8.6.1 认识剪贴蒙版          228

8.6.2 创建剪贴蒙版          229

8.6.3 编辑剪贴蒙版          230

8.6.4 释放剪贴蒙版          231

8.7 快速蒙版          231

8.7.1 认识快速蒙版          232

8.7.2 使用快速蒙版          232

8.8 实战技能训练营        233

8.9 新手常见疑难问题       238

第9 章 制作网页特效文字        239

9.1 文字的类型         240

9.2 输入文字          240

9.2.1 通过文字工具输入文字      240

9.2.2 通过文字蒙版工具输入文字选区       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 实战技能训练营        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 实战技能训练营      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 实战技能训练营      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 实战技能训练营      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 商业的色彩表现        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 通过高级色环获取配色方案      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 风格设计的创新与延续     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 企业类网站配色设计分析      422

17.4.1 企业文化与VIS 的统一     422

17.4.2 风格设计与各类信息      423

17.4.3 以形象为主的企业网站     424

17.4.4 以产品为主的企业网站     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