Photoshop网页设计与配色案例课堂PDF电子书下载

第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 使用ColorScheme 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