Fireworks 3网页图像制作与创意PDF电子书下载

第1章　Fireworks 3简介 1

1.1　Fireworks概述 2

1.2 学习Fireworks的途径和方法 2

1.3　Fireworks 3的新特征 3

1.3.1 与Dreamweaver的高度集成 3

1.3.2　工作区的导出预览 3

1.3.3　历史面板 4

1.3.4 带JavaScript的动画 4

1.3.5　处理PhotoShop文件及效果的改善 4

1.3.6　Illustrator和Flash的导出 4

1.3.7　改进的切片、Rollover和动画特征 4

1.3.10　Gamma预览 5

1.3.11 直接的材质和图案存取 5

1.3.9　新的位图编辑选项 5

1.3.8　Rollover按钮的改进 5

1.3.12　缩放和旋转控制 6

1.3.13　文本方式的改进 6

1.3.14　Live Effects（活动特效） 6

1.4 安装Fireworks的系统要求 6

1.5 Fireworks的安装与启动 7

1.5.1　安装Fireworks 7

1.5.2　Fireworks 3的启动 8

第2章　Fireworks基础 11

2.1 什么是Fireworks 12

2.2　Fireworks设计网页特效 12

2.2.3 Thumbnails（小工具） 13

2.2.2　图形优化 13

2.2.1　丰富的网页艺术化图像效果 13

2.2.4　动态广告条 14

2.2.5 图像映像 14

2.2.6　按钮和JavaScript Rollovers 14

2.2.7　JavaScript导航条 15

2.2.8　未关联轮替 15

2.2.9　完善网页 15

2.3 Fireworks的工作空间 16

2.3.1　简要介绍Fireworks 3的窗口结构 16

2.3.2 Fireworks的组合与成分 18

2.4 Fireworks文档显示 19

2.5 工作空间的优化 19

2.6　工具的显示和选择 20

2.6.1 工具箱及工具栏的调整（只在Windows系统内） 21

2.6.2　改变工具选项 22

2.7 面板和监控板的使用 22

2.8 赋予网页对象以动作 23

2.9　文件历史记录的修改与重复 24

2.10 创建JavaScript Rollover按钮 25

2.11 参数设置 26

2.11.1　常规参数设置 26

2.11.2　编辑参数设置 27

2.11.3　外部文件夹参数设置 28

2.11.4　PhotoShop文件导入参数设置 29

第3章　文件的创建和导入 31

3.2.1 直接创建新文档 32

3.2　创建新文档 32

3.1 概述 32

3.2.2　以剪贴板上一个对象相同的尺寸创建新文档 33

3.3　文档的导航与查看 33

3.3.1 文档放缩设置 34

3.3.2　文档的放缩操作 34

3.3.3 特定区域的放缩 35

3.3.4　文档显示恢复与拖动 35

3.3.5 多重文档显示 35

3.3.6　文档刷新控制 35

3.4　文档大小、颜色和分辨率的改变 36

3.4.1　选择重采样图的方法 37

3.5.1　旋转画布 38

3.5 画布的旋转和整理 38

3.4.2　在Fireworks中重采样 38

3.5.2　整理画布 39

3.6　通过导入图像创建FIREWORKS文档 39

3.6.1 打开Fireworks 1的文件 39

3.6.2　PhotoShop文件的打开 40

3.6.3 打开FREEHAND、IIIUSTRATOR、CORELDRAW文件 40

3.6.4　打开动态的GIF文件 42

3.7 从扫描仪或数字相机中导入 42

第4章　绘制图形 43

4.1 概述 44

4.2 导入对象模式 44

4.3　选择绘图和编辑工具 45

4.4.2　绘制线、矩形和椭圆 46

4.4.1　理解开放和闭合的路径 46

4.4　在对象模式画图 46

4.4.3 圆角矩形框 47

4.4.4　绘制三角形和其它多边形 47

4.4.5　星形的绘制 48

4.4.6 自由路径的绘制和着色 49

4.4.7　通过定点绘制任意路径 49

4.5　绘图工具中笔纹的改变 50

4.6　绘图工具填充特性的改变 50

4.7 文档中的图像导入 51

4.7.1　拖曳 51

4.7.2　复制 51

4.7.4　导入PNG文件 52

4.7.3 导入对象的重采样（Resample） 52

第5章　对象编辑 53

5.1 概述 54

5.2　对象的选择 54

5.2.1　可选对象的加亮处理 55

5.2.2　选择路径对象时显示路径和点 55

5.2.3　在对象模式下选定图片 56

5.3 通过编辑点改变路径 56

5.4　直接改变路径 58

5.4.1 路径的弯曲 58

5.4.2　路径的扭曲 59

5.4.3　重画路径 60

5.4.4　分割路径为多个对象 60

5.5.1　路径对象的联合 61

5.5.2　路径对象的部分删除 61

5.5　使用路径操作修改路径对象 61

5.5.3　路径的裁剪 62

5.5.4　路径的简化 62

5.5.5　扩展笔纹 62

5.5.6　路径的收缩与扩展 63

5.6 改变笔纹及填充颜色 63

5.7　编辑笔纹 64

5.7.1　给笔纹添加纹理 65

5.7.2　创建自定义笔纹 66

5.7.3　保存笔纹设置 67

5.7.4　在路径上布置笔纹 68

5.8　填充编辑 68

5.8.3　编辑梯度填充 69

5.8.2　运用梯度填充 69

5.8.1 实心填充的编辑 69

5.8.4　梯度填充的保存与使用 70

5.8.5　应用图案填充 70

5.8.6　梯度和图案填充的转换和变形 71

5.8.7　给填充添加纹理 71

5.8.8　使用网页安全色进行抖动 72

5.8.9　改变填充的边缘 73

5.9　风格的使用 73

5.9.1　风格的应用与编辑 74

5.9.2　风格的输入输出 75

5.10　对象的变形与扭曲 75

5.10.1　对象的缩放 76

5.10.2　旋转对象 76

5.10.5　扭曲对象 77

5.10.3　翻转对象 77

5.10.4　倾斜对象 77

5.10.6　数值变形 78

5.11 对象的组织 78

5.11.1　排列对象 78

5.11.2　对象的隐藏与排列 79

5.11.3　对象的组合 79

5.11.4　组合对象的选定 79

5.11.5 图层的创建与排列 80

5.11.6　Web图层 82

5.12　符号与实例 82

5.12.1　符号的创建 82

5.12.3　修改符号 83

5.12.2　安插实例 83

5.12.4　从符号中释放实例 84

5.12.5　符号的输出、输入与更新 84

第6章　颜色与透明度 87

6.1 概述 88

6.2　绘画颜色的选择 88

6.2.1 从样本面板选用颜色 89

6.2.2　从颜料井下拉菜单中选用颜色 89

6.2.3　从屏幕取得的颜色 89

6.3 自定义样本面板 90

6.4　修改样本集 91

6.5　创建颜色 91

6.5.1　使用系统颜色采集器创建颜色 92

6.6　指定透明度 93

6.5.2　查看颜色信息 93

6.7　抗锯齿化处理以匹配目标背景色 94

6.8 从Web图形中除去光晕 95

第7章　文本的使用 97

7.1 概述 98

7.2　输入文本 98

7.2.1　移动文本块 99

7.2.2 自动调整文本块的大小 99

7.3　编辑文本 99

7.3.1　选择字体、字号和风格 100

7.3.2　设定基线位移和行距 101

7.3.3　调整字距 102

7.3.4　设定文字方向和文字取向 102

7.3.5　设置对齐方式 103

7.3.6　应用文字颜色 104

7.3.7　平滑文字边缘 104

7.4　笔纹、填充、效果和风格应用 104

7.5 将文字附于路径 105

7.6 文字的变形 106

7.7　修改文字形状 107

7.8　导入文本 107

7.8.1　从PhotoShop中导入文本 107

7.8.2　导入RTF文件 108

7.8.3 导入ASCII文本 108

7.8.4　缺失字体的处理 108

第8章 像素的编辑与着色 111

8.2 图片编辑模式基本知识 112

8.1 概述 112

8.3　创建位图图片 113

8.4　切换到图片编辑模式 113

8.5　像素的选择 114

8.5.1　使用图片编辑选择工具 114

8.5.2　工具选项的选择 116

8.6　选取框的调节 117

8.6.1　使用修改键添加或删除像素 117

8.6.2　选取框的扩展与收缩 118

8.6.3　围绕已有选取框选定一个区域 118

8.6.4　平滑选取框的边缘 119

8.7　像素编辑 119

8.7.2 图片部分内容的克隆 120

8.7.1　使用颜料桶编辑像素 120

8.7.3　羽化图片边缘 121

8.7.4　擦除像素 121

8.7.5　图片的裁剪 121

8.8　像素的着色 122

8.9 图片编辑模式下的混合模式 122

8.10　滤镜和插件的使用 123

8.10.1　使用滤镜和插件制作生动效果 123

8.10.2　亮度或对比度的调节 123

8.10.3 色相或饱和度的调节 124

8.10.4　利用色阶调节色调范围 125

8.10.5 色阶范围的自动调节 126

8.10.6　使用曲线调节色阶范围 126

8.10.7　使用取色笔调节色调范围 127

8.10.9　图片的模糊处理 128

8.10.8　反转图片颜色值 128

8.10.10　使用反转到Alpha滤镜 129

8.10.11 改变色彩过渡为线条 130

8.10.12　锐化图片 130

第9章　对象的效果应用 133

9.1 概述 134

9.2　活动效果的应用 134

9.3 活动效果编辑 135

9.3.1 活动效果的重新排序 135

9.3.2　删除活动效果 135

9.4.1　将效果保存为风格 136

9.4.2　使用缺省活动效果设置 136

9.4　创建自定义效果 136

9.5　处理活动效果重绘 137

9.6　将效果应用到对象组合 137

9.7　标准活动效果的使用 137

9.7.1　斜面边缘的应用 138

9.7.2　浮雕效果的应用 138

9.7.3　应用阴影及发光效果 139

9.8　使用PhotoShop插件制作活动效果 140

9.9　Fireworks附加功能制作活动效果 140

第10章　合成与蒙板 143

10.1 概述 144

10.2　合成 144

10.2.1　调节不透明性及应用混合模式 145

10.2.2　混合模式举例 146

10.3　对象的蒙板 147

10.2.3　混合模式行为 147

10.3.1　创建蒙板 148

10.3.2　蒙板组合的编辑 149

第11章　图形的优化 151

11.1　概述 152

11.2　在工作区进行优化 152

11.2.1　切片的优化设置的指定 153

11.2.2　优化设置的保存及再使用 153

11.3　优化设置及表现的预览 154

11.3.1　按钮及翻转的预览 154

11.3.2　文件下载时间的估计 154

11.3.3　优化设置的比较 155

11.4　选择适当的文件格式 155

11.4.3　PNG格式的选用 156

11.4.1　GIF格式的选用 156

11.4.2　JPEG格式的选用 156

11.5　GIF和PNG的优化设置 157

11.5.1 色彩深度的选择 157

11.5.2　调色板的选择 157

11.5.3　网页抖动近似模拟损失的颜色 157

11.5.4　设置损失值以降低文件长度 158

11.5.5　定义透明区域 158

11.5.6　从调色板中去除所有不用的颜色 158

11.5.7　交错扫描：以片段下载 158

11.6　JPEG的优化设置的选择 158

11.7 调色板的优化 159

11.7.1 选择适当的调色板 159

11.7.3 在调色板中查看颜色 160

11.7.2　设置调色板的颜色数目 160

11.7.4　在调色板中锁定颜色 161

11.7.5　编辑调色板中的颜色 161

11.7.6 网页安全色的设置 162

11.7.7　保存调色板 162

第12章　图像的导出 163

12.1　概述 164

12.2　导出的基本操作 164

12.3 导出向导 166

12.4 导出预览 167

12.4.1　导出预览对话框中的预览区 168

12.4.2　导出预览对话框的导出优化区 169

12.5.1　将多个图帧分别导出 171

12.5 导出图层或图帧 171

12.5.2　将多个图层分别导出 173

12.6　导出部分图像 174

12.6.1 在原始文档窗口进行部分图像导出 174

12.6.2　利用“File”选项卡进行图像部分区域导出 175

12.6.3　利用导出预览对话框的预览区进行图像部分区域导出 176

12.7 导出矢量路径 177

12.7.1 导出矢量路径到FreeHand与Illustrator 177

12.7.2 导出矢量路径到Macromedia Flash 178

12.7.3　复制、粘贴路径 180

第13章　热区和图像映像 181

13.1　概述 182

13.1.1 图像映像和热区的概念 182

13.2.1　创建热区 183

13.2　热区的创建和编辑 183

13.1.2　创建图像映像的基本方法 183

13.2.2　编辑热区 186

13.3 为热区设置URL地址 190

13.3.1　超级链接和链接地址 190

13.3.2 为热区设置链接 191

13.3.3 利用URL面板管理URL 192

13.4　设置图像映像 195

13.5 导出图像映像 197

第14章　切片 199

14.1 概述 200

14.2　创建切片 201

14.2.1　创建矩形切片 201

14.2.2　创建多边形切片 203

14.2.3　创建文本切片 205

14.3 编辑切片 206

14.3.1 切片对象的基本编辑操作 206

14.3.2　控制切片对象的显示 208

14.3.3　控制切片准线 210

14.3.4　切片覆盖的应用及其控制 210

14.4 导出切片 212

14.4.1　对切片进行优化设置 212

14.4.2 为切片设置URL地址 212

14.4.3　设置切片的命名方式 213

14.4.4　设置切片的其它相关选项 216

14.4.5　切片的导出操作 217

第15章　创建按钮 221

15.3　理解按钮 222

15.1 概述 222

15.2　什么是按钮 222

15.4　创建按钮 223

15.4.1　创建一个简单的rollover按钮 223

15.4.2　编辑按钮 224

15.4.3　活动区域的设置 225

15.4.4　给按钮配置URL链接 225

15.4.5　添加一个Down状态 226

15.4.6　添加一个Over While Down状态 226

15.4.7　编辑按钮文本 227

15.4.8　使用斜面及浮雕效果表示按钮状态 228

15.5　利用嵌套按钮创建导航条 229

15.5.1　创建一个简单的导航条 229

15.5.2　在一个简单的导航条中修改所有按钮图像 230

15.6　将rollover转换为按钮 231

15.7　从外部取得按钮 231

第16章　创建高级轮替 233

16.1 概述 234

16.2　理解轮替 234

16.3 轮替状态与帧的匹配 235

16.4　定义激活轮替的区域 235

16.5　指定触发轮替的事件 235

16.6　为轮替分配URL链接 237

16.7　创建未关联轮替用以交换图像 238

16.7.1　设置触发区与轮替元素区 238

16.7.2　设置交换图像行为 238

16.8　利用外部文件作为轮替来源 239

16.7.3　设置触发行为鼠标事件 239

16.9　使用不规则形状或重叠轮替区域 240

16.10　导出轮替 241

16.10.1　JavaScript和浏览器的兼容性 241

16.10.2　预加载轮替状态 241

16.10.3 定制通过Fireworks导出的HTML和JavaScript 241

第17章　创建动画 243

17.1 概述 244

17.2 规划动画 244

17.2.1　创建动画对象 245

17.2.2　设置动画速度 245

17.2.4　层上动画的组织 246

17.3 帧的管理 246

17.2.3　规划帧 246

17.3.1　添加、移动、复制和删除帧 247

17.3.2　在帧面板中移动或删除所选对象 248

17.3.3　跨帧共享层 249

17.3.4　考察当前帧的前后帧 250

17.4　创建或导入动画元素 251

17.4.1　在动画中使用符号的例子 251

17.4.2 自动插补实例 252

17.5 动画控制 253

17.5.1　设置帧延迟 253

17.5.2　设置动画播放次数 253

17.5.3　在重播时显示或隐藏帧 254

17.6 动画的优化 254

17.6.1　优化动画 254

17.7 动画预览 255

17.6.2　设置透明度 255

17.8 导出动画 256

17.9　打开一个已存在的动画 257

17.10　打开多文件动画 257

第18章　重复任务 259

18.1　概述 260

18.2　查找和替换工具 260

18.2.1　基本方法 261

18.2.2　在多个文件中查找和替换 262

18.2.3　用Project Log（工程日志）面板管理查找和替换 264

18.2.4　查找和替换正文 266

18.2.5　查找和替换字体 267

18.2.6　查找和替换颜色 268

18.2.8 查找和替换非Web安全色 270

18.2.7 查找和替换URL链接地址 270

18.3 批处理 271

18.3.1　批处理的基本操作方法 271

18.3.2　批处理操作查找和替换 272

18.3.3　批处理操作文档导出 272

18.3.4　备份批处理文件 274

18.3.5　创建批处理脚本 274

18.4　处理脚本 275

18.4.1　创建脚本 275

18.4.2　运行脚本 276

18.4.3　管理脚本命令 277

18.4.4　编辑或定制脚本 277

第19章 与HTML编辑器的协同 279

19.3　Fireworks HTML概述 280

19.1 概述 280

19.2　规划站点 280

19.4 更新HTML命令的使用 281

19.5 复制Fireworks的HTML 281

19.5.1 复制Fireworks的HTML到另一个HTML编辑器 281

19.5.2　导出并复制 282

19.6 作为文件的Fireworks HTML导出 282

19.6.1 导出一个HTML文件 282

19.6.2　使用Dreamweaver 3的库项目 283

19.6.3 编辑Fireworks的HTML导出风格 284

19.7　导出文件到Dreamweaver中 284

19.8.1 复制JavaScript到一个HTML文件 285

19.8 复制Fireworks HTML到另一文件 285

19.7.2 将Fireworks的HTML文件导出到Dreamweaver 3文档 285

19.7.1　将Fireworks的图像导出到Dreamweaver 3文档 285

19.8.2　为客户段图像映像复制HTML 286

19.8.3 为切片文档复制HTML 286

19.9　编辑处于Dreamweaver的图像 286

19.9.1 设置Fireworks为Dreamweaver 2的外部编辑器 286

19.9.2　设置Fireworks为Dreamweaver 3的外部编辑器 287

19.9.3　在Dreamweaver中启动并编辑Fireworks图像 287

19.10　在Dreamweaver优化图像 288

19.11 一些必要的HTML基础 288

19.11.1　HTML文件的组成与语法结构 288

19.11.2　普通的HTML标签 289

附录 293