Photoshop网页设计与配色（全案例微课版）_刘春茂_9787302593812

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

为什么要写这样一本书
Photoshop在网页设计和配色方面的应用越来越普遍，本书包括版面设计，按钮的制作及应用，Banner和导航条的制作，制作网页广告，文字特效的设计，网页其他组成部分的设计和制作等内容。对于初学者来说，实用性强和易于操作是最大的需求。通过本书的案例实训，读者可以很快地上手流行的网页配色和设计方法，提高职业化能力，从而帮助解决公司与学生的双重需求问题。
本系列图书是专门为网站开发和数据库初学者量身定做的一套学习用书。整套书涵盖网站开发、数据库设计等方面，具有以下特点。
前沿科技
无论是数据库设计还是网站开发，精选的都是较为前沿或者用户群最多的领域，帮助大家认识和了解最新动态。
权威的作者团队
组织国家重点实验室和资深应用专家联手编著本套图书，融入了丰富的教学经验与优秀的管理理念。
学习型案例设计
以技术的实际应用过程为主线，全程采用图解和多媒体同步结合的教学方式，生动、直观、全面地剖析使用过程中的各种应用技能，降低难度，提升学习效率。
扫码看视频
可通过扫码看视频，随时在移动端学习技能对应的视频操作。
本书特色
零基础、入门级的讲解
无论您是否从事计算机相关行业，也无论您是否接触过网页配色和设计，都能从本书中找到最佳起点。
实用、专业的范例和项目
本书在内容编排上紧密结合深入学习网页配色和设计的过程，从Photoshop开始，逐步带领读者学习网页配色和设计的各种应用技巧，侧重实战技能，使用简单易懂的实际案例进行分析和操作指导，让读者学起来简明轻松，操作起来有章可循。
随时随地学习
本书提供了微课视频，通过手机扫码即可观看，随时随地解决学习中的困惑。
超多容量王牌资源
赠送大量王牌资源，包括实例源代码、教学幻灯片、本书精品教学视频、88 个实用类网页配色模板、12 部网页设计参考手册、网页颜色速查表、Photoshop 快捷键和技巧速查手册、精彩网站配色方案赏析、网页样式与布局案例赏析、Web 前端工程师常见试题。
读者对象
本书是一本完整介绍网页配色和设计技术的教程，内容丰富、条理清晰、实用性强，适合以下读者学习使用：
零基础的网页配色和设计自学者
希望快速、全面掌握网页配色和设计的人员
高等院校或培训机构的老师和学生
参加毕业设计的学生
如何获取本书配套资料和帮助
为帮助读者高效、快捷地学习本书知识点，我们不但为读者准备了与本书知识点有关的配套素材文件，而且还设计并制作了精品视频教学课程，同时还为教师准备了PPT 课件资源。
购买本书的读者，可以扫描下方的二维码获取相关的配套学习资源。
编者

第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

你还可能感兴趣

我要评论