中文版Photoshop CS2网页设计白金手册

第1章 初识photoshop cs2以及其与网页设计的关系. 1

1.1 photoshop cs2概述 1

1.1.1 欢迎屏幕 1

1.1.2 经过改进的文件浏览器adobe bridge 1

1.1.3 “匹配颜色”命令 2

1.1.4 “直方图”调板 3

1.1.5 “阴影/高光”命令 3

1.1.6 路径上的文字 3

1.1.7 macromedia flash 文件导出 4

1.1.8 集成的数码相机原始文件支持 4

1.1.9 全面的16 位支持 4

1.1.10 图层复合 4

1.1.11 自定键盘快捷键 5

1.1.12 滤镜库 5

1.2 photoshop cs2界面简介 6

1.2.1 标题栏 6

1.2.2 菜单栏 6

1.2.3 工具选项栏 7

1.2.4 工具箱 7

1.2.5 画布窗口 7

.1.2.6 控制调板 8

1.2.7 状态栏 8

1.2.8 自定义工作区 8

1.3 photoshop能为网页设计做哪些工作 9

1.3.1 photoshop页面和普通网页的区别 9

1.3.2 photoshop在网站制作中的应用 10

第2章 photoshop cs2的菜单 13

2.1 文件菜单与编辑菜单 13

2.1.1 新建图像文件 13

2.1.2 保存图像文件 14

2.1.3 打开图像文件 15

2.1.4 图像菜单操作 16

2.1.5 复制、粘贴图像 25

2.1.6 移动图像 26

2.1.7 剪切、删除图像 27

2.1.8 撤销和恢复 27

2.2 层、选择和滤镜 27

2.2.1 图层运用的基本知识 27

2.2.2 使用图层蒙版 28

2.2.3 创建新的填充或调整图层 31

2.2.4 选区的基本操作和色彩范围 31

2.2.5 羽化、修改、变换选区 32

2.2.6 载入存储选区 34

2.2.7 滤镜基本知识 34

2.2.8 滤镜操作原则 35

2.2.9 重复使用滤镜 35

2.2.10 滤镜效果对比 35

2.2.11 滤镜效果实例 53

2.3 视图、窗口和帮助 56

2.3.1 图像查看方式 56

2.3.2 窗口 56

2.3.3 使用帮助 57

第3章 photoshop cs2的工具箱 59

3.1 工具箱简介 59

3.2 选择工具 60

3.2.1 选框工具组（m） 60

3.2.2 套索工具组（l） 62

3.2.3 魔棒工具（w） 64

3.3 绘图修图工具 64

3.3.1 画笔工具组（b） 65

3.3.2 修复工具组（j） 66

3.3.3 历史记录工具组（y） 69

3.3.4 图章工具组（s） 70

3.3.5 橡皮擦工具组（e） 72

3.3.6 渐变工具和油漆筒工具（g） 72

3.3.7 渲染工具组 74

3.3.8 淡化工具组 76

3.4 路径工具 78

3.4.1 钢笔工具组（p） 78

3.4.2 路径选择工具组（a） 81

3.4.3 形状工具组（o） 82

3.5 文字工具组 84

3.5.1 文字工具（t） 84

3.5.2 文字蒙版工具（t） 84

3.6 其他工具 86

3.6.1 移动工具（v） 86

3.6.2 裁剪工具（c） 86

3.6.3 缩放工具（z） 87

3.6.4 抓手工具（h） 87

3.6.5 吸管工具组（i） 87

3.6.6 切片工具组（k） 88

3.6.7 注释工具组（n） 90

3.7 工具箱中的其他选项 91

3.7.1 “访问adobe网站”图标按钮 91

3.7.2 “在imageready中编辑”图标按钮 91

3.7.3 设置前/背景色 91

3.7.4 选择编辑方式（q） 91

3.7.5 选择屏幕模式（f） 91

第4章 photoshop cs2的控制调板、状态栏 94

4.1 “导航器”调板、“信息”调板和“直方图”调板 94

4.1.1 “导航器”调板 94

4.1.2 “信息”调板 95

4.1.3 “直方图”调板 96

4.2 “选项”和“画笔”调板 96

4.2.1 “选项”调板 96

4.2.2 “画笔”调板 97

4.3 笔刷的设置 99

4.4 “颜色”调板、“色板”调板和“样式”调板 100

4.4.1 “颜色”调板 100

4.4.2 “色板”调板 100

4.4.3 “样式”调板 101

4.5 色彩混合模式 102

4.5.1 “正常”模式 102

4.5.2 “溶解”模式 102

4.5.3 “变暗”模式 102

4.5.4 “正片叠底”模式 102

4.5.5 “颜色加深”模式 102

4.5.6 “线性加深”模式 102

4.5.7 “变亮”模式 102

4.5.8 “滤色”模式 103

4.5.9 “颜色减淡”模式 103

4.5.10 “线性减淡”模式 103

4.5.11 “叠加”模式 103

4.5.12 “柔光”模式 103

4.5.13 “强光”模式 103

4.5.14 “亮光”模式 103

4.5.15 “线性光”模式 103

4.5.16 “点光”模式 103

4.5.17 “实色混合”模式 103

4.5.18 “差值”模式 104

4.5.19 “排除”模式 104

4.5.20 “色相”模式 104

4.5.21 “饱和度”模式 104

4.5.22 “颜色”模式 104

4.5.23 “亮度”模式 104

4.6 “图层”调板、“通道”调板和“路径”调板 104

4.6.1 “图层”调板 104

4.6.2 “通道”调板 106

4.6.3 “路径”调板 108

4.7 文本层的使用 110

4.7.1 设置文字格式 110

4.7.2 设置文字段落属性 112

4.8 “历史记录”调板和“动作”调板 113

4.8.1 “历史记录”调板 113

4.8.2 “动作”调板 114

4.9 “历史记录”调板小常识 115

4.9.1 设置“历史记录”调板步骤数 115

4.9.2 清理 116

4.10 动作和批处理功能 116

4.10.1 动作的使用 116

4.10.2 批处理 119

4.11 状态栏 120

第5章 理解photoshop cs2图像处理和web图形 121

5.1 色彩模式的类型和区别 121

5.1.1 rgb色彩模式 121

5.1.2 cmyk色彩模式 122

5.1.3 hsb色彩模式 123

5.1.4 grayscale(灰度)色彩模式 123

5.1.5 lab色彩模式 124

5.1.6 索引（indexed color）色彩模式 125

5.1.7 bitmap（位图）、duotone(双色调)和multichannel（多通道）色彩模式 126

5.2 图像格式理解和选择 126

5.2.1 点阵格式图像和矢量格式图像 126

5.2.2 图片格式理解和选择 128

5.3 什么是web色和web安全格式 129

5.3.1 什么是web色 130

5.3.2 什么是web安全格式 131

5.4 使用photoshop在web上工作 131

5.4.1 photoshop对web中图形图像的处理 131

5.4.2 使用photoshop用于web元素的制作 132

5.4.3 使用photoshop进行艺术字设计 133

5.4.4 使用photoshop进行logo设计 133

5.4.5 使用photoshop进行网站界面设计.. 133

第6章 photoshop cs2处理网页中的图形图像 134

6.1 图形图像的调整 134

6.1.1 图像大小的调整 134

6.1.2 图像形状的调整 136

6.1.3 修整图像的色彩 138

6.1.4 图像的抠图处理 141

6.2 图像装饰技巧 144

6.2.1 数码照片的几种修饰技巧 144

6.2.2 数码相片效果修改 150

6.3 用photoshop制作网页常用小巧按钮 152

6.3.1 像素按钮 152

6.3.2 渐变按钮 156

6.3.3 简单的mac按钮 159

6.4 用photoshop进行图像优化及其输出技巧 163

第7章 photoshop cs2进行文本控制与艺术字体设计 166

7.1 文字设计概述 166

7.2 图形化文字处理实例 169

7.2.1 使用photoshop设计水晶字 169

7.2.2 使用photoshop设计钢铁字 172

7.2.3 使用photoshop设计3d效果文字 176

7.3 其他图形化文字效果赏析 179

第8章 photoshop cs2设计网络标识 182

8.1 什么是网络标志 182

8.2 logo概述 183

8.2.1 网络 logo设计的基本应用 184

8.2.2 网络logo的表现形式 184

8.3 logo设计实例 194

8.4 网络标示设计应用 196

8.4.1 logo在主页应尽量放在醒目的位置 196

8.4.2 logo的配色需要同整个网站的配色相融合 198

8.4.3 相同logo的出现次数不能太多 198

第9章 photoshop cs2设计网络广告 200

9.1 网络广告的形式与内涵 200

9.1.1 旗帜广告(banner) 200

9.1.2 矩形广告 200

9.1.3 按钮广告(button) 201

9.1.4 文字广告 201

9.1.5 浮动按钮 202

9.1.6 通栏广告 202

9.1.7 插页式广告 202

9.1.8 墙纸式广告 203

9.2 动画设计分析 203

9.2.1 网络广告的格式及其应用技术 203

9.2.2 gif动画制作软件分析 204

9.3 网络广告设计原则 205

9.3.1 网络广告的设计标准 205

9.3.2 网络动画设计流程 206

9.3.3 网络广告的设计原则 208

9.3.4 使用photoshop制作广告素材 209

9.4 网络广告的定位诉求 216

9.5 实例制作——产品广告banner条设计 217

9.6 提高广告的点击效率 223

9.6.1 使用诱人的字眼 223

9.6.2 使用仿软件界面 224

9.6.3 使用浮动窗口 224

第10章 photoshop cs2设计像素图标（icon） 226

10.1 icon设计理论基础 226

10.1.1 图像与图标之间的差别 226

10.1.2 图标的文件格式 227

10.2 准备图标设计软件 228

10.3 确定图标规格 229

10.4 设计自己的图标 229

10.5 icon的使用方法介绍 234

10.5.1 icon在网站上的应用 234

10.5.2 小图标的制作与应用 235

第11章 photoshop cs2设计其他页面元素 242

11.1 导航菜单设计 242

11.1.1 横放文字导航栏 243

11.1.2 图片式导航栏 245

11.1.3 flash导航栏 247

11.2 标题栏设计 247

11.3 栏目条设计 251

11.4 装饰图案设计 252

11.4.1 斜条纹背景 253

11.4.2 斜文字背景 255

第12章 网页设计理论指导 258

12.1 网页的基本组成要素 258

12.1.1 页面标题（title） 258

12.1.2 网站标识图案（logo） 258

12.1.3 广告栏（banner） 259

12.1.4 网站导航 259

12.1.5 页脚 260

12.1.6 主体内容 260

12.2 页面布局与版式设计 260

12.2.1 创意草图 261

12.2.2 粗略布局 261

12.2.3 最后定案 262

12.3 色彩在网页中的运用 265

12.3.1 网页设计中的色彩搭配 265

12.3.2 网页色彩搭配的原理 265

12.3.3 网页色彩搭配的技巧 268

12.4 整体的策划与构思 273

12.4.1 明确建立网站的目标和用户需求 273

12.4.2 总体设计方案主题鲜明 273

12.4.3 网站的版式设计 273

12.4.4 色彩在网页设计中的作用 274

12.4.5 网页形式与内容相统一 274

12.5 网页设计的基本原则和出发点 274

12.5.1 主题鲜明突出 274

12.5.2 形式与内容统一 275

12.5.3 强化整体布局 275

第13章 经典实例之photoshop cs2设计个性化个人主页 276

13.1 构思策划 276

13.2 版式设计 276

13.3 页面元素制作 277

13.3.1 页头的设计 277

13.3.2 导航栏的设计 278

13.3.3 简单logo设计 281

13.4 整体页面效果制作 283

13.5 整体效果切割 287

13.6 导入到dreamweaver中制作 291

第14章 经典实例之photoshop cs2设计商业网站 295

14.1 整理客户提交的资料和素材图片 295

14.2 确定页面的版式布局 296

14.3 确定页面用色及文本颜色 299

14.4 其他页面元素设计 300

14.4.1 辅助元素设计一 301

14.4.2 辅助元素设计二 301

14.5 整体网站风格设计 303

14.6 其他二级、三级页面效果设计 308

14.6.1 二级页面设计 308

14.6.2 三级页面设计 309

第15章 网页设计探秘 312

15.1 什么是网页 312

15.1.1 构成网页的元素 312

15.1.2 揭开网页的神秘面纱 314

15.2 网页设计所涵盖的内容 315

15.2.1 视听元素 315

15.2.2 版式设计 316

15.3 网页设计的特点 317

15.3.1 交互性 318

15.3.2 多维性 318

15.3.3 多种媒体的综合性 319

15.3.4 版式的不可控性 320

15.3.5 技术与艺术结合的紧密性 320

15.4 网页设计的一般原则 320

15.4.1 为用户考虑 320

15.4.2 主题鲜明 321

15.4.3 形式与内容统一 324

15.4.4 强调整体 326

15.4.5 即时更新和维护 327

15.5 网页设计的一般流程 327

15.5.1 前期策划 327

15.5.2 资料与素材的收集 328

15.5.3 版式与布局设计 328

15.5.4 确定网页使用的主体及点缀色 330

15.5.5 整体页面效果制作 331

15.5.6 其他页面元素设计 331

15.5.7 切割与优化 331

15.5.8 在网页编辑软件中制作 331

15.5.9 测试与发布上传 332

15.5.10 后期更新与维护 332

15.6 网页设计师应具备的素质 332

15.6.1 艺术修养 332

15.6.2 综合素质 334

15.6.3 网页设计师应掌握的技能 334

15.7 行业回顾及未来展望 335

参考文献... 338