Photoshop Web梦幻图形设计PDF电子书下载

第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