第1章 网页图形图像基础知识和Fireworks MX 2004软件基础 1
1.1.1 矢量图形 1
1.1 矢量图形和位图图像 1
目录 1
1.1.2 位图图像 2
1.2 常用图像格式及其特点 3
1.2.1 BMP文件 3
1.2.2 GIF文件 3
1.2.3 PNG文件 4
1.2.4 TIF/TIFF文件 4
1.2.5 PSD文件 5
1.2.6 JPEG文件 5
1.3 网页中图形图像的应用 5
1.3.1 HTML切片 5
1.3.2 动态图片 6
1.3.3 图形图像按钮 7
1.3.4 图形图像的样式 8
1.3.5 链接到Web 9
1.4 Fireworks MX 2004软件基础 10
1.4.1 Fireworks MX 2004概述 10
1.4.2 Fireworks MX 2004系统需求 10
1.4.3 安装Fireworks MX 2004 10
1.4.4 Fireworks MX 2004的启动与退出 11
1.4.5 Fireworks MX 2004中的新功能 13
1.4.6 Fireworks MX 2004的工作环境 16
1.4.7 使用布局工具 28
1.4.8 与Dreamweaver的集成 30
1.5 简单的网页图像处理流程 34
1.5.1 创建图像 34
1.5.2 创建网页对象 34
1.5.3 优化图像 35
实验1 首页设计——家居装饰网 36
1.5.4 导出文件 36
2.1 创建文档 40
2.1.1 创建新文档 40
第2章 Fireworks MX 2004文档应用 40
2.1.2 从剪贴板中创建新文档 41
2.1.3 打开文档 41
2.1.4 导入图像 42
2.2 浏览和查看文档 44
2.2.1 控制文档窗口 44
2.2.2 改变显示比例 44
2.2.3 控制文档的显示视图 46
2.2.4 Macintosh灰度系数 46
2.3 保存文档 47
2.3.1 保存PNG文档 47
2.3.2 导出其他格式的文档 47
2.4 改变文档的属性 48
2.4.1 改变画布大小 48
2.4.2 改变画布颜色 49
2.4.3 旋转画布 49
2.4.4 修剪画布 50
2.4.5 改变图像大小 50
2.5 操作的撤销与恢复 51
2.5.1 撤销和恢复 51
2.5.2 快速返回上次存盘状态 51
2.5.3 使用历史记录面板 52
2.6.1 常规设置 54
2.6 设置参数选项 54
2.6.2 编辑设置 55
2.6.3 启动并编辑设置 56
2.6.4 文件夹设置 56
2.7 调整文档的HTML属性 57
2.6.5 导入设置 57
2.8 打印选项 59
实验2 首页及广告宣传单设计——健身俱乐部 60
第3章 矢量绘图 62
3.1.1 使用“直线”工具 62
3.1.2 使用“钢笔”工具和“部分选定”工具 62
3.1 绘制图形 62
3.1.3 使用“矢量路径”工具 66
3.1.4 使用Fireworks MX 2004 置的形状工具 67
3.2 编辑矢量对象 77
3.2.1 选择对象 77
3.2.2 重绘路径 79
3.2.3 连接与拆分路径 79
3.2.4 自由变形和区域改造 80
3.2.5 切割路径 82
3.3 组合路径和改变路径 83
3.3.1 联合 83
3.3.2 交集 83
3.3.3 打孔 84
3.3.5 简化路径 85
3.3.4 裁切 85
3.3.6 扩展笔触 86
3.3.7 伸缩路径 86
3.4 变换对象 87
3.4.1 旋转 87
3.4.2 倾斜 88
3.4.3 缩放 89
3.4.4 扭曲 89
3.4.5 数值变形 90
3.5 操纵对象 90
3.5.1 移动 90
3.5.2 复制 91
3.5.3 删除 93
3.5.4 对齐 93
3.5.5 叠放顺序 93
3.5.6 隐藏和显示 94
3.5.7 组合和取消组合 94
实验3 封面设计——思想者 94
实验4 标志设计——互联世界 96
第4章 笔触、填充和样式 98
4.1 颜色的基本概念 98
4.1.1 色彩原理 98
4.1.2 关于网络安全色 99
4.2 选择颜色 99
4.2.1 从颜色框中选择颜色 99
4.2.2 从“样本”面板选择颜色 101
4.3 定制“样本”面板 101
4.3.1 定制颜色样本 102
4.3.2 选择预设样本组合 103
4.3.3 改变样本组合 103
4.4 使用“混色器”面板 104
4.4.1 显示“混色器”面板 105
4.4.2 选择颜色模式 105
4.4.3 选择颜色 107
4.5 笔触的类型 108
4.5.1 基本笔触 109
4.5.2 喷枪笔触 109
4.5.3 毛毡笔尖笔触 110
4.5.4 毛笔笔触 110
4.5.5 水彩笔触 111
4.5.6 油画效果笔触 111
4.5.7 炭笔笔触 111
4.5.8 虚线笔触 112
4.5.9 蜡笔笔触 112
4.5.10 铅笔笔触 112
4.5.11 随机笔触 113
4.5.12 非自然笔触 113
4.6 笔触的宽度和边缘 114
4.7 笔触的纹理 114
4.8 创建笔触 116
4.8.1 自定义笔触的选项设置 117
4.8.2 自定义笔触的形状设置 118
4.8.3 自定义笔触的敏感度设置 118
4.8.4 保存笔触设置 119
4.9 填充 119
4.9.2 网页抖动 120
4.9.1 实心填充 120
4.9.3 渐变填充 121
4.9.4 图案填充 123
4.9.5 更改填充对象的边缘 124
4.9.6 保存自定义渐变填充 124
4.9.7 纹理和图案扩展 124
4.10 样式 126
4.10.1 新建样式 127
4.10.3 应用和删除样式 128
4.10.2 编辑样式 128
4.10.4 创建自定义样式 129
4.10.5 导出样式 130
4.10.6 导入样式 131
实验5 电影海报设计——皮卡的故事 131
实验6 商场会员卡设计——罗宾商店 132
第5章 文本应用 135
5.1 输入文本 135
5.2.1 选择字体、字号、颜色和样式 138
5.2 编辑文本 138
5.2.2 设置字距 140
5.2.3 设置文本的对齐方式 142
5.2.4 其他文本编辑选项 143
5.3 文本沿路径排列 144
5.4 将文本转换为路径 147
5.5 导入文本 148
5.5.1 导入ASCII码文本 148
5.5.2 导入RTF文本 149
5.5.3 处理丢失的字体 149
实验7 贺卡设计——Happy New Year 151
6.1 编辑模式概述 153
6.1.1 位图图像编辑模式 153
第6章 位图图像编辑 153
6.1.2 对象编辑模式 154
6.2 选取图像区域 155
6.2.1 选择规则选区 155
6.1.3 编辑模式的切换 155
6.2.2 选择不规则选区 156
6.2.3 选区的调整 158
6.3 修饰位图 164
6.3.1 使用“刷子”工具 164
6.3.2 使用“铅笔”工具 165
6.3.3 创建图像的羽化效果 165
6.3.4 克隆像素 166
6.3.5 模糊或锐化图像 167
6.3.6 减淡或加深图像 169
6.3.7 涂抹图像中的颜色 171
6.3.8 颜色替换 172
6.3.9 消除红眼 174
6.3.10 使用“橡皮擦”工具 175
6.4 复合对象 176
6.4.1 混合模式 176
6.4.2 调整不透明度和应用混合模式 177
实验8 平面设计——SPEED鞋 184
实验9 平面设计——未来之星 185
第7章 效果和滤镜 187
7.1 效果 187
7.1.1 效果菜单 187
7.1.2 效果应用 188
7.1.3 内斜角和外斜角 189
7.1.4 投影效果 190
7.1.5 浮雕效果 191
7.1.6 发光效果 192
7.2 编辑效果 192
7.2.1 设置多种效果 193
7.2.2 管理效果 195
7.3 使用滤镜 197
7.3.1 效果和滤镜的区别 198
7.3.2 添加杂点 198
7.3.3 亮度／对比度 199
7.3.4 曲线 200
7.3.5 色相／饱和度 203
7.3.6 反转 205
7.3.7 色阶 205
7.3.8 模糊 208
7.3.9 锐化 210
7.3.10 其他 211
7.3.11 其他滤镜软件包 213
实验10 产品宣传图——MP3播放器 217
实验11 网页导航条绘制——ROBIN'S STORE 218
第8章 图层和蒙版 220
8.1 图层应用 220
8.1.1 图层基本操作 220
8.1.2 将图层导出为文档 223
8.2 创建蒙版效果 224
8.2.1 文字蒙版 224
8.2.2 矢量蒙版 224
8.2.3 位图蒙版 228
8.2.4 将选区转换为蒙版 231
8.2.5 使用“粘贴于内部”命令 234
8.2.6 将多个对象合并成蒙版 234
8.3 编辑蒙版 235
8.3.1 编辑蒙版对象 235
8.3.2 编辑被遮盖的对象 236
8.3.3 禁用蒙版 236
8.3.4 删除蒙版 236
实验12 罗宾商店挂历设计——2005年3月 237
实验13 站点广告设计——梦幻数学 238
第9章 动画的创建和编辑 240
9.1 打开多个图像文件创建动画 240
9.2 手工绘制动画 242
9.2.1 添加和编辑帧 242
9.2.2 洋葱皮显示效果 246
9.2.3 使用共享层 247
9.2.4 了解动画的产生原理 247
9.3 使用元件创建动画 251
9.3.2 新建选择动画 252
9.3.1 元件和实例 252
9.3.3 创建和修改元件 253
9.3.4 创建和修改实例 255
9.3.5 使用实例创建动画 257
9.4.1 优化动画 259
9.4 导出动画 259
9.4.3 设置帧延时和循环选项 260
9.4.2 设置透明色 260
9.4.4 导出动画 261
实验14 动画设计——遇见SPEED 262
实验15 动画设计——生命在于运动 264
10.1 切片的创建和应用 266
第10章 图形切割 266
10.1.1 矩形切片 267
10.1.2 多边形切片 269
10.1.3 使用菜单命令创建切片 270
10.2 编辑切片 272
10.2.1 移动切片对象 272
10.2.2 显示／隐藏切片和切片的辅助线 273
10.2.3 改变切片对象的颜色 273
10.2.4 调整切片的形状 274
10.2.5 在切片上设置URL 275
10.2.6 删除切片 276
10.3 导出切片 276
10.4.1 创建热点 280
10.4 创建图像映射 280
10.4.2 编辑热点 281
10.4.3 创建图像映射 281
实验16 网页设计——圣诞礼物 282
11.1 了解Fireworks MX 2004行为 285
第11章 行为应用 285
11.2 行为面板 286
11.2.2 修改行为 287
11.2.3 删除行为 287
11.2.1 增加行为 287
11.3.1 给图像添加简单的交互效果 288
11.3 使用Fireworks MX 2004内置的行为 288
11.3.2 变换切割区域产生不对称交互响应 291
实验17 Web广告设计——家居装饰网 296
11.4 将添加行为的Fireworks文件导出到Dreamweaver中 296
12.1 创建按钮 300
第12章 网页按钮和导航栏制作 300
12.1.1 按钮概述 300
12.1.2 新建按钮 301
12.2 创建导航栏 308
12.1.3 编辑按钮 308
12.3 弹出菜单设计 311
12.3.1 关于弹出菜单 312
12.3.2 创建弹出菜单 312
12.3.3 导出弹出菜单 317
实验18 导航栏设计——玫瑰服饰 318
实验19 创建弹出菜单——玫瑰服饰 319
第13章 网页布局绘图 321
13.1 网页布局的主要原则 321
13.2 使用Fireworks MX 2004绘制网页布局 322
13.2.1 绘制页面分区 322
13.2.2 切割图片 328
13.2.3 添加行为和特效 330
13.2.4 导入Dreamweaver MX 2004中 333
实验20 网页布局——疯狂音乐站 335
实验21 网页布局——绝美摄影 336
实验22 网页布局草图——雨翼工作室 338
第14章 图像优化和导出 341
14.1 图像的优化 341
14.1.1 图像格式 341
14.1.2 创建GIF格式 342
14.1.3 创建JPEG格式 342
14.2.2 导出文件 345
14.2.1 导出概述 345
14.2 导出图像 345
14.1.5 创建PNG-24格式 345
14.1.4 创建PNG-8格式 345
14.2.3 使用导出向导 346
14.2.4 导出预览和优化 347
14.2.5 导出图片的缩放和裁切 348
14.2.6 导出文件的类型 351
14.2.7 导出区域 352
14.2.8 导出HTML表格 352
14.2.9 导出路径对象 353
14.3 图像的批处理 355
实验23 批处理——缩放并导出Fireworks文档 358
附录 实验报告表 360