Fireworks CS6案例教程

第一部分 基础部分

第1章 Fireworks CS6基础 2

1．1 Fireworks CS6简介 2

1．2 Fireworks CS6的新增或改进功能 2

1．3 系统要求 3

1．4 安装Fireworks CS6 3

1．5 使用“欢迎屏幕”页 4

1．6 创建新文档 5

1．7 保存Fireworks PNG文件 8

1．8 Fireworks CS6的操作界面和

功能简介 9

1．8．1 菜单栏 10

1．8．2 工具栏 14

1．8．3 工具面板 16

1．8．4 属性检查器 20

1．8．5 各种面板 21

1．8．6 组织面板组和面板 30

1．9 本章软件使用技能要求 33

第2章 创建位图 35

2．1 创建位图对象的方法 35

2．1．1 直接绘制、绘画位图对象 35

2．1．2 创建新的空位图 36

2．1．3 剪切或复制并粘贴像素 36

2．1．4 转换矢量对象 37

2．2 绘制、绘画和编辑位图对象 38

2．2．1 绘制位图对象 38

2．2．2 绘画位图对象 38

2．2．3 选取笔触颜色或填充颜色 40

2．2．4 擦除位图对象或像素 40

2．2．5 羽化像素选区 40

2．3 修饰位图对象 41

2．3．1 克隆像素区域 41

2．3．2 模糊、锐化和涂抹像素 43

2．3．3 减淡和加深像素 44

2．3．4 消除照片中的红眼 45

2．3．5 替换颜色 45

2．3．6 裁剪所选位图 46

2．4 调整位图颜色和色调 47

2．4．1 调整色调范围 48

2．4．2 调整亮度和对比度 51

2．4．3 应用“颜色填充”动态

滤镜 52

2．4．4 调整色相和饱和度 53

2．4．5 反转图像的颜色值 54

2．5 模糊和锐化位图 55

2．5．1 对图像进行模糊处理 55

2．5．2 创建草图外观 58

2．5．3 将图像转换成透明 59

2．5．4 对图像进行锐化处理 60

2．6 本章软件使用技能要求 62

第3章 创建矢量对象 63

3．1 绘制矢量对象 63

3．1．1 快速绘制基本形状 63

3．1．2 绘制基本的圆角矩形 64

3．1．3 绘制基本的多边形和星形 65

3．1．4 绘制自动形状 65

3．1．5 绘制自由变形矢量路径 67

3．1．6 通过绘制点来绘制路径 68

3．2 编辑路径 73

3．2．1 使用“矢量”工具编辑

矢量对象 73

3．2．2 使用路径操作编辑

矢量对象 75

3．3 本章软件使用技能要求 79

第4章 创建文本 80

4．1 输入文本 80

4．1．1 创建文本块并输入文本 80

4．1．2 移动文本块 81

4．1．3 两种类型的文本块 81

4．2 编辑文本 81

4．2．1 更改字体系列、字号大小和

字体样式 82

4．2．2 设置文本颜色 83

4．2．3 设置字间距 84

4．2．4 设置字顶距 84

4．2．5 设置文本方向 85

4．2．6 文本对齐方式 85

4．2．7 设置段落缩进 86

4．2．8 设置段落间距 86

4．2．9 消除文本锯齿 87

4．2．10 改变字符宽度 87

4．2．11 基线调整 88

4．3 在文本中应用笔触、填充、滤镜

效果和样式 88

4．4 将文本附加到路径 90

4．4．1 将文本附加到路径的操作

方法 90

4．4．2 编辑附加到路径的文本和

路径 90

4．4．3 变换文本在路径上的方向 91

4．5 将文本附加到路径内 91

4．5．1 将文本附加到路径内的操作

方法 91

4．5．2 编辑附加到路径内的文本和

路径 92

4．6 文本变形 92

4．7 将文本转换为路径 93

4．8 打开或导入文本文件 94

4．9 本章软件使用技能要求 94

第5章 使用颜色、笔触和填充 96

5．1 使用工具面板的“颜色”部分 96

5．2 使用“样本”、“混色器”和

“调色板”面板 97

5．2．1 使用“样本”面板对所选

对象应用颜色 98

5．2．2 更改样本组 98

5．2．3 自定义“样本”面板 99

5．2．4 在“混色器”面板中创建

颜色 100

5．2．5 使用“调色板”面板的

“选择器”选项卡 102

5．2．6 使用“调色板”面板的

“混色器”选项卡 102

5．2．7 使用“调色板”面板的

“混合器”选项卡 103

5．3 使用颜色框和颜色框弹出窗口 103

5．3．1 从颜色框弹出窗口中选择

颜色 103

5．3．2 从界面的任意位置采集颜

色样本 104

5．4 使用笔触 104

5．4．1 应用笔触 104

5．4．2 在路径上放置笔触 105

5．4．3 创建笔触样式 106

5．5 使用填充 107

5．5．1 设置绘制工具的填充属性 107

5．5．2 编辑实色填充 107

5．6 使用渐变填充和图案填充 108

5．6．1 应用图案填充 108

5．6．2 添加自定义图案 109

5．6．3 应用渐变填充 109

5．6．4 编辑渐变填充 109

5．6．5 使用“渐变”工具创建

填充 111

5．6．6 变形和扭曲填充 112

5．6．7 设置实边、消除锯齿或

羽化填充边缘 112

5．6．8 保存自定义渐变填充 113

5．7 添加纹理 113

5．7．1 向所选对象的笔触中

添加纹理 113

5．7．2 向所选对象的填充中

添加纹理 114

5．8 本章软件使用技能要求 115

第6章 应用动态滤镜效果 116

6．1 将动态滤镜应用于所选对象 116

6．2 编辑动态滤镜效果 118

6．3 重新排列动态滤镜的顺序 119

6．4 创建自定义动态滤镜效果 119

6．5 本章软件使用技能要求 120

第7章 创建动画 121

7．1 如何创建动画 121

7．2 使用动画元件 122

7．2．1 创建动画元件 122

7．2．2 编辑动画元件 123

7．2．3 编辑元件图形 124

7．2．4 编辑元件运动路径 125

7．3 使用“状态”面板 125

7．3．1 设置状态延迟 126

7．3．2 显示和隐藏状态 126

7．3．3 对状态进行重命名 126

7．3．4 添加、复制、排列和

删除状态 127

7．3．5 在“状态”面板中移动

所选对象 128

7．3．6 在状态中共享层 128

7．3．7 查看特定状态中的对象 129

7．3．8 使用“洋葱皮” 130

7．4 预览动画 131

7．5 导出动画 132

7．5．1 设置动画循环 132

7．5．2 设置透明度 132

7．5．3 优化动画 133

7．5．4 动画导出格式 133

7．6 使用现有的GIF动画 133

7．7 基于一组图像文件创建一个动画 134

7．8 本章软件使用技能要求 134

第8章 使用样式、元件和URL 136

8．1 使用样式 136

8．1．1 将样式应用于对象或文本 136

8．1．2 创建和删除样式 137

8．1．3 编辑样式 138

8．1．4 导出和导入样式 138

8．1．5 使用加载样式 140

8．1．6 在不创建样式的前提下

应用属性 140

8．2 使用元件 141

8．2．1 创建元件 141

8．2．2 将实例拖到当前文档中 142

8．2．3 编辑元件 142

8．2．4 使用“公用库”面板中的

元件 143

8．2．5 导入和导出元件 143

8．3 使用URL 144

8．3．1 为网页对象指定URL 145

8．3．2 创建URL库 145

8．3．3 编辑URL 146

8．3．4 绝对URL和相对URL 146

8．3．5 导入和导出URL 147

8．4 本章软件使用技能要求 147

第9章 层和蒙版 148

9．1 使用层 148

9．1．1 关于层 148

9．1．2 激活层 149

9．1．3 新建层、删除层和重制层 149

9．1．4 新建子层 150

9．1．5 查看层和组织层 150

9．1．6 保护层和对象 151

9．1．7 共享层 152

9．1．8 使用网页层 152

9．2 使用蒙版 153

9．2．1 关于蒙版 153

9．2．2 用现有对象创建蒙版 154

9．2．3 使用“图层”面板创建位

图蒙版 157

9．2．4 将对象组合为蒙版 158

9．3 本章软件使用技能要求 158

第10章 创建交互 159

10．1 创建和编辑切片 159

10．1．1 创建切片 159

10．1．2 查看并显示切片和切片

引导线 162

10．1．3 编辑切片 162

10．2 使切片交互 164

10．2．1 使切片具有简单的

交互效果 164

10．2．2 向切片添加交互效果 169

10．3 设置切片属性以供导出 171

10．4 使用热点和图像映射 173

10．4．1 创建热点 174

10．4．2 编辑热点 175

10．4．3 设置热点属性 175

10．4．4 创建图像映射 176

10．4．5 使用热点创建变换图像 176

10．4．6 在切片上使用热点 177

10．5 本章软件使用技能要求 177

第11章 创建按钮、导航栏和弹出

菜单 178

11．1 创建按钮元件 178

11．1．1 按钮的状态 179

11．1．2 使用按钮元件编辑器和

属性检查器 179

11．1．3 创建具有两种状态的

简单按钮 180

11．1．4 创建具有3种或4种

状态的按钮 181

11．1．5 使用动态滤镜创建

按钮状态 182

11．1．6 将Fireworks CS6变换

图像转换为按钮元件 183

11．1．7 将按钮元件实例放置到

文档中 184

11．1．8 导入按钮元件 184

11．1．9 编辑按钮元件 185

11．1．10 设置交互按钮元件属性 186

11．2 创建导航栏 188

11．3 创建弹出菜单 188

11．3．1 “弹出菜单编辑器” 189

11．3．2 创建基本弹出菜单 190

11．3．3 创建弹出菜单的子菜单 190

11．3．4 设计弹出菜单的外观 191

11．3．5 添加弹出菜单样式 192

11．3．6 设置高级弹出菜单属性 193

11．3．7 控制弹出菜单和子菜单的

位置 194

11．3．8 编辑弹出菜单 195

11．3．9 导出弹出菜单 196

11．4 本章软件使用技能要求 196

第12章 优化和导出 197

12．1 优化和导出方法 197

12．1．1 优化方法 197

12．1．2 使用“导出向导” 197

12．1．3 使用“图像预览” 198

12．2 在工作区中优化 202

12．2．1 使用优化设置 202

12．2．2 预览和比较优化设置 204

12．2．3 选择文件类型 204

12．2．4 保存和重新使用优化

设置 205

12．3 从Fireworks CS6导出 206

12．3．1 导出图像 206

12．3．2 导出使用切片的文档 207

12．3．3 导出动画 207

12．4 本章软件使用技能要求 208

第13章 Fireworks CS6和其他应用

程序 209

13．1 将Fireworks与Photoshop一起

使用 209

13．1．1 将Photoshop图像置入

Fireworks中 209

13．1．2 使用Photoshop滤镜和

插件 210

13．1．3 将Fireworks图形置入

Photoshop中 211

13．2 将Fireworks与Flash一起使用 212

13．2．1 将Fireworks图形置入

Flash中 212

13．2．2 在Flash中使用Fireworks

编辑图形 215

13．3 将Fireworks与Dreamweaver

一起使用 215

13．3．1 在Dreamweaver文件中

放置Fireworks图像 215

13．3．2 将Fireworks HTML代码

置入Dreamweaver中 217

13．3．3 在Dreamweaver中编辑

Fireworks文件 218

13．3．4 优化放置在Dreamweaver中的

Fireworks图像和动画 219

13．4 将Fireworks与Illustrator

一起使用 219

13．5 在Adobe device central的各种移动

模拟器中预览Fireworks文档 220

13．5．1 Adobe device central的

功能 221

13．5．2 基于所选的移动设备创建

Fireworks文档 222

13．6 本章软件使用技能要求 223

习题 224

习题答案 237

第二部分 实例部分

实例1：登录页面 240

实例2：网站首页 246

实例3：横幅广告 256

实例4：生日贺卡 263

实例5：文件夹 270

实例6：变换图像 275

实例7：可爱的水杯 284

实例8：网页广告 288

实例9：苹果标志 294

实例10：播放器水晶图标 299

实例11：母亲节贺卡 305

实例12：彩色光球 312

实例13：点炮仗 322

第三部分 实训部分

实训1：闪图 330

实训2：文本特效 330

实训3：下雨 331

实训4：抠图 331

实训5：扫光文字 332

实训6：仿3D光亮图 332

实训7：春满人间 333

实训8：透明立体网格 333

实训9：3D足球 334

实训10：春节快乐 334

实训11：文字特效4则 335

实训12：微信标志 335

实训13：大屏幕手机 336

实训14：登录页面 336

实训15：闪字 337

实训16：弹出菜单 337

实训17：弹簧与弹性形变 338

实训18：水印效果 339

实训19：镜框 340

实训20：摆动的木牌 340

实训21：交换图像 341

实训22：Dear 342

实训23：笑脸 342

学习引导 343

本书是Adobe Fireworks CS6软件学以致用的训练教材。教材创作风格不是简单的软件功能介绍加上实例验证，而是以读者对软件的实际应用为主线，贯穿能力培养。全书由基础部分、实例部分和实训部分组成。基础部分以软件使用技能为线索，通过大量的图示、范例，训练读者熟练使用Fireworks CS6进行图形图像的制作；实例部分采用任务驱动，操作步骤翔实，方便读者学习和理解，不但能够使读者快速入门，还可以起到举一反三的作用；实训部分的每个实训均有制作效果图、制作提示、制作任务分解及.png源文件，便于读者按照每个实训的提示和制作任务分解完成，或者参考.png源文件完成任务。书中所有图片、.png源文件、效果文件可在电子工业出版社华信教育资源网（http：//www.hxedu.com.cn）下载，以方便读者学习参考。