Photoshop网页设计与配色案例课堂-双色印刷-DVD

第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