第4章图像处理软件Fireworks

1、网页设计与制作网页设计与制作2l4.1 Fireworks MX简介 l4.2 Fireworks MX文档的基本操作l4.3 矢量图和位图 l4.4 选择和编辑对象l4.5 颜色和填充 l4.6 使用文本 l4.7 特殊效果 l4.8 GIF动画l4.9 图像的切片与导出 网页设计与制作3Fireworks MX是Macromedia 公司推出的最新专业化的Web图像处理软件，它在原有版本的基础上功能更为增强，用户界面更为友好。使用 Fireworks，您可以在一个专业化的环境中创建和编辑网页图形、对其进行动画处理、添加高级交互功能以及优化图像。在 Fireworks 中，可以在单个应用程序

2、中创建和编辑位图和矢量两种图形。一切都可以随时进行编辑。除此之外，工作流可以实现自动化，从而满足耗费时间的更新和更改要求网页设计与制作4l良好的的用户界面l无模式位图和矢量编辑 l切片表布局控件 l实例级按钮元件编辑 l快速导出 l开放的工作流程特性网页设计与制作5网页设计与制作6l新建与导入文档新建与导入文档 l文档的保存文档的保存 l浏览文档浏览文档 l设置文档属性设置文档属性 网页设计与制作7l“文件”菜单下的“新建” l通过剪贴板创建文档 l打开或导入文档 使用标尺、网格线、引导线等 网页设计与制作9l图像大小选择“修改/画布/图象大小” l画布大小 选择“修改/画布/画布大小” l画

3、布颜色 选择“修改/画布/画布颜色” l旋转 选择“修改/画布/旋转” 网页设计与制作10l矢量图和位图的概念l创建位图对象 l绘制矢量对象 网页设计与制作11局部放大时会产生较为严重的失真网页设计与制作12矢量图是以点和路径构成的，矢量图所记录的是图像中每一个位置的坐标以及这些坐标之间的相互关系。一般而言，对矢量图进行任意尺度的放大时都不会有失真现象。 网页设计与制作13l创建新位图对象 使用Fireworks MX的位图绘制和绘画工具，即可创建位图图形对象。 l创建空位图对象 单击“层”面板中的“新建位图图象”按钮，或者选择“编辑/插入/空位图”菜单命令 l用剪切或复制的方法 l矢量对象转

4、换成位图 选中矢量对象后，使用“修改/平面化所选”菜单命令即可转化成位图图像 网页设计与制作14“工具”面板的“矢量”部分的工具即是对矢量进行编辑操作的工具，默认情况下有“线条”、“钢笔”、“矩形”、“文本”、“自由变形”、“刀子”工具等。 网页设计与制作15在 Macromedia Fireworks MX 中工作时，将需要处理矢量对象、位图对象、文本块、切片和热点以及象素区域。使用选择工具和变形工具，可以移动、复制、删除、旋转、缩放或倾斜对象。在具有多个对象的文档中，可以通过对对象执行堆叠、组合和对齐操作来组织它们。网页设计与制作16 在画布上对任何对象执行任何操作之前，必须首先选择该对象

5、。 l当“层”面板已打开并且层处于扩展状态时，在该面板中单击一个对象即可选中该对象。l“工具”面板“选择”部分中有“指针工具”、“选择后方对象工具”和“部分选定工具”可进行选择对象。 l选择“选择”菜单下的“选择全部”，可将活动文档窗口内的全部对象一起选中。 网页设计与制作17网页设计与制作18l创建选区选取框 网页设计与制作19l调整选区选取框 向选区添加象素：按住Shift键使用任何位图选择工具绘制要添加到选区中的区域。从选区中去除象素：按住Alt键并使用位图选择工具绘制不再属于选区的象素区域。通过交叉选取框创建选取框：使用任何位图选择工具创建一选取框，再按住Alt+Shift键创建重叠原

6、选取框的新选取框，则只有两个选取框的交叉区域内的象素被选定。羽化象素选区 创建和移动浮动象素选区 网页设计与制作20l缩放对象l旋转对象 l翻转对象 l倾斜对象 l扭曲对象 网页设计与制作21网页设计与制作22网页设计与制作23网页设计与制作24l克隆象素 l模糊和锐化象素 l减淡和加深象素 l调整位图亮度和对比度 l调整色相和饱和度 l裁剪所选位图网页设计与制作25l通过矢量路径上的点来编辑路径 l拉伸或推动所选路径 l扭曲路径 l将路径剪切为多个对象 l合并路径对象l删除路径对象的部分l收缩或扩展路径网页设计与制作26 颜色也是网页设计及制作中需要着重考虑的因素之一，可以说颜色应用得好坏将

7、直接影响到最终的网站。l真彩色l网页安全色 Macromedia Fireworks MX 包含各种面板、工具和选项，用于组织和选择颜色并将颜色应用到位图图象和矢量对象。网页设计与制作27网页设计与制作28l添加颜色 l删除颜色 l保存样本 l“选项”菜单 网页设计与制作29网页设计与制作30l实心填充 l图案填充 l渐变填充 网页设计与制作31文本在网页中有两种存在形式，一种是纯文本，一种是图形文字。图形文字实际上就是图像，它构成了图像的一部分。 Fireworks中输入的文字是作为单独的文本对象存储在文档中的，而不是直接作为象素保存起来，因此，即使对文字应用笔触、填充、特效后仍然可以编辑文

8、本。 网页设计与制作32网页设计与制作33网页设计与制作34l将笔触、填充和效果应用到文本 l将文本附加到路径 l变形文本 网页设计与制作35网页设计与制作36 Fireworks提供了许多处理图像得到特殊效果的工具，来丰富图像的显示效果。很多工具在处理图形、图像显示效果方面起着至关重要的作用，如动态效果、滤镜、样式等。 l动态效果l层l蒙版 l样式网页设计与制作37网页设计与制作38网页设计与制作39网页设计与制作40l编辑好文字并选中该文字，调整边缘、填充等属性l选择“编辑”菜单下的“剪切”l打开一位图图片l选择“编辑”菜单下的“粘贴为蒙版”网页设计与制作41l应用样式 l创建样式 l删除样式 l编辑样式 网页设计与制作42网页设计与制作43切片技术就是将一个大的图像分割成若干色深较浅的小的图像，即切片，每一个切片都是一个独立的文件。每个切片对于大图来说都是一个对象，我们可以像操作其他对象一样对切片进行相应的操作，可分别对每个切片进行优化操作，每一个切片下载到用户浏览器端后的拼接是通过HTML代码实现的。 切片可以赋于图像交互性和替换局部图