第1章 理解Web图形的需求 1
1.1 处理Web安全文件格式 1
1.1.1 识别Web安全格式 2
1.1.2 选择正确的图像格式 2
1.2 在Web上使用颜色 4
1.3 在Photoshop中从事Web工作 6
1.4 下章内容展望 8
第2章 Photoshop界面 9
2.1 概述 9
2.2 使用菜单和选项栏 10
2.3 使用工具箱 11
2.3.1 掌握选择和移动工具 13
2.3.2 设置前景色和背景色 18
2.3.3 使用Photoshop的绘图工具 20
2.3.4 使用阴影和填充工具 25
2.3.5 使用文本工具键入文字并格式化 28
2.3.6 理解修饰工具 31
2.3.7 使用视图和模式 40
2.3.8 使用调板 43
2.4 自定义Photoshop界面 45
2.5 下章内容展望 47
第3章 为Web创建原始艺术作品 48
3.1 开始一幅新图像 48
3.2 使用富有创造性的Photoshop工具 49
3.2.1 画形状 49
3.2.3 绘制任意线条 53
3.2.2 画直线 53
3.2.4 施加填充 54
3.2.5 编辑图像 58
练习项目：创建标志 61
3.3 使用图层效果 62
3.4 保存艺术作品 64
3.4.1 保存PSD文件以便保留图层 64
3.4.2 保存文件为Web所用 66
练习项目：创建并保存JPEG图像 71
3.5 下章内容展望 73
第4章 修饰用在Web上的图像 74
4.1 在Photoshop中扫描图像 74
4.2 打开并编辑Illustrator图像 76
4.4 使用蒙板和选区 78
4.3 导入矢量图形 78
4.4.1 施加滤镜 80
4.4.2 调节亮度和对比度 82
4.5 编辑摄影内容 84
4.5.1 去掉不想要的内容 85
4.5.2 清洁照片 87
4.6 用图层调板控制图像 91
4.7 使用动作 92
4.7.1 记录一个新动作 93
4.7.2 测试和调试动作 95
4.7.3 在动作集中保存动作 95
练习项目：编辑照片以备Web所用 96
4.8 下章内容展望 97
5.1 使用Web调色板 98
5.1.1 理解颜色模型 98
第5章 将印刷颜色及样式与Web页面匹配 98
5.1.2 找出最接近的Web安全匹配 99
5.2 建立与印刷材料匹配的Web内容 101
5.2.1 扫描印刷材料 102
5.2.2 保持观感的一致性 103
练习项目：使用扫描的图像建立与已有的行销材料匹配的图形 104
5.3 下章内容展望 106
第6章 为Web设计图形文本 107
6.1 为什么创建图形文本 107
6.2 创建文本对象 108
6.2.1 键入文本 108
6.2.2 编辑文本 109
6.2.3 移动或是改变文字图层的尺寸 109
6.2.5 改变图层顺序 110
6.2.4 到处移动文本 110
6.2.6 变换文字图层 111
6.3 使用文字格式化工具 113
6.3.1 显示有帮助作用的文本调板 114
6.3.2 选择正确的字体 114
6.3.3 施加字号 115
6.3.4 改变文本颜色 117
6.3.5 改变文本对齐和方位 118
6.3.6 按形状弯曲 119
6.4 将文本用作蒙板 120
6.5 向文字图层施加效果 120
6.5.1 调节效果 121
6.5.2 施加样式 122
6.6 为Web保存图形文本 123
练习项目：建立图形文本对象 124
6.7 下章内容展望 125
第7章 创建Web导航工具 126
7.1 从形状和线条建立按钮 126
7.1.1 为按钮元素创建图层 126
7.1.2 绘制形状和线条 127
7.1.3 对齐并分布形状 128
7.1.4 向按钮元素施加颜色 128
7.1.5 定位图像内容 129
7.1.6 施加效果 130
7.1.7 链接和锁定图层 131
7.2.1 为按钮创建文本 133
7.2.2 格式化按钮文本 133
7.2 键入并格式化按钮文本 133
7.2.3 定位按钮文本 134
7.2.4 链接按钮及其文本 134
7.3 创建用于翻滚动画的按钮版本 135
7.3.1 使用Save As创建两个版本的按钮 136
7.3.2 调节效果以创建按下的按钮 136
练习项目：为Web页面创建Home和Back按钮 137
7.4 创建导航栏 140
7.4.1 为导航栏组件创建图层 141
7.4.2 绘制主栏 142
7.4.3 向主栏选项卡上添加文本 143
7.4.4 为每个所代表的页面创建一种版本的导航栏 144
练习项目：创建导航栏 145
7.5 下章内容展望 148
8.1.1 背景图像指导原则 149
第8章 创建背景与临摹图像 149
8.1 为什么使用背景图像 149
8.1.2 在Web页面上试验背景图像 154
练习项目：创建背景图像 155
8.2 使用临摹图像 157
8.2.1 创建临摹图像 157
8.2.2 将临摹图像应用于Web页面 159
练习项目：创建临摹图像 161
8.3 下章内容展望 162
第9章 使用Photoshop建立页面原型 163
9.1 使用Photoshop作为页面布局工具 163
9.1.1 设计原型页面布局 164
9.1.2 使用标尺和页面参考线 166
9.1.3 插入形状和线条 170
9.1.4 添加文本和图形 171
9.1.5 定位页面元素 172
9.2 在线张贴设计 175
练习项目：建立页面原型 176
9.3 下章内容展望 177
第10章 ImageReady界面简介 178
10.1 ImageReady的功能 178
10.1.1 动画GIF文件 178
10.1.2 翻滚图像 179
10.1.3 图像映射 179
10.2 理解动画效果在Web设计中的作用 180
10.3 使用ImageReady工具 181
10.3.1 启动ImageReady应用程序 181
10.3.2 Photoshop与ImageReady工具的对比：其中有什么不同 183
10.3.3 使用动画(Animation)窗口 185
10.3.4 使用翻滚窗口 192
10.3.5 使用图像映射工具 195
10.3.6 使用其他ImageReady调板 197
10.4 下章内容展望 200
第11章 制作动画与翻滚效果 201
11.1 创建动画 201
11.1.1 建立图像元素 201
11.1.2 建立动画帧 205
11.1.3 制作中介动画帧 211
11.1.4 自定义动画 213
11.1.5 保存动画 215
练习项目：创建动画GIF图像 216
11.2 创建翻滚效果 219
11.2.1 建立翻滚元素 221
11.2.2 处理翻滚状态 223
11.2.3 裁切翻滚图像 225
11.2.4 测试翻滚效果 227
11.2.5 保存翻滚图像 227
11.2.6 在Web页面上放置翻滚效果 229
练习项目：创建翻滚效果 229
11.3 下章内容展望 231
第12章 为动态效果切割图像 232
12.1 为什么要对图像切片 232
12.2 使用切片工具 233
12.2.1 对图像切片 233
12.2.2 编辑切片 238
12.2.3 设置切片选项 241
12.3 保存被切片的图像 242
12.3.1 以Photoshop格式保存切片后的图像 242
12.3.2 为Web保存切片 242
12.4 在表格中使用图像切片 244
练习项目：将大型图像切片以便用于Web页面表格中 245
12.5 下章内容展望 249
第13章 向LiveMotion发送Photoshop图像 250
13.1 LiveMotion可做什么 250
13.1.1 基本的LiveMotion界面简介 250
13.1.2 显示窗口和调板 253
13.2 创建LiveMotion组件 254
13.2.1 理解组件 254
13.2.2 处理对象、形状和图层 255
13.3 插入Photoshop图像 256
13.4 使图像形成动画 258
13.4.1 设置动画持续时间 258
13.4.2 插入关键帧 258
13.4.3 播放动画 260
13.4.4 保存和导出LiveMotion动画 260
练习项目：使用已有的LiveMotion文件，向组件中添加Photoshop图像 261
13.5 下章内容展望 264
第14章 在Macromedia Flash中使用Photoshop图像 265
14.1 Flash可做什么 265
14.2 Flash界面的简短介绍 265
14.2.1 Flash工具 266
14.2.2 使用Flash的时间线 268
14.2.3 理解Flash的工作区 269
14.3 插入Photoshop图像 271
14.4 在Flash中使图像成为动画 272
14.4.1 使用帧 273
14.4.2 中介处理帧 273
14.4.3 使用形状中介处理 276
14.4.4 设置动画定时和重复 276
14.4.5 测试动画 278
14.5 保存及发布动画 278
14.5.1 保存Flash文件 278
14.5.2 以Flash和HTML格式发布电影 279
14.5.3 自定义发布设置 279
练习项目：使用已有的Flash电影，向Flash的一帧中添加Photoshop图像 280
14.6 下章内容展望 283
15.1 什么是所见即所得的设计应用程序 284
第15章 使用Photoshop进行所见即所得的Web设计 284
15.2 所见即所得软件的工作区简介 285
15.3 在所见即所得的环境中插入图像 287
15.3.1 在页面上定位图像 287
15.3.2 向表格中插入图像 288
15.3.3 创建交互图像 290
15.3.4 改变图像的尺寸 290
15.3.5 将图像转化为链接 291
15.3.6 处理热区 292
15.4 Photoshop与Fireworks的对比 296
练习项目：将Photoshop插入Dreamweaver页面 298
15.5 本章小结 300
网上的内容 304