网页素材制作之Fireworks.ppt

《网页设计与制作（第二版）》 山西财经大学 肖宁 《网页设计与制作（第二版）》 第二篇 素材篇 第3章 图像处理软件Fireworks 第3章 图像处理软件Fireworks 3.1 Fireworks 8基本操作 3.2 矢量图和位图 3.3 选择和编辑对象 3.4 使用文本 3.5 特殊效果 3.6 图像的切片与导出 3.1 Fireworks 8基本操作 新建与导入文档 文档的保存 浏览文档 设置文档属性 Fireworks 8 简介 Fireworks 8是Macromedia 公司推出的最新专业化的Web图像处理软件，它在原有版本的基础上功能更为增强，用户界面更为友好。 使用 Fireworks，可以在一个专业化的环境中创建和编辑网页图形、对其进行动画处理、添加高级交互功能以及优化图像。在 Fireworks 中，可以在单个应用程序中创建和编辑位图和矢量两种图形。一切都可以随时进行编辑。除此之外，工作流可以实现自动化，从而满足耗费时间的更新和更改要求。 Fireworks 8 工作界面 新建与导入文档 有三种方式： “文件”菜单下的“新建” 通过剪贴板创建文档 打开或导入文档 浏览文档 使用标尺、网格线、引导线等 设置文档属性 图像大小 选择“修改/画布/图象大小” 画布大小 选择“修改/画布/画布大小” 画布颜色 选择“修改/画布/画布颜色…” 旋转 选择“修改/画布/旋转……” 3.2 矢量图和位图 矢量图和位图的概念 创建位图对象 绘制矢量对象 位图 局部放大时会产生较为严重的失真 矢量图 矢量图是以点和路径构成的，矢量图所记录的是图像中每一个位置的坐标以及这些坐标之间的相互关系。一般而言，对矢量图进行任意尺度的放大时都不会有失真现象。 创建位图对象 创建新位图对象 使用Fireworks MX的位图绘制和绘画工具，即可创建位图图形对象。 创建空位图对象 单击“层”面板中的“新建位图图象”按钮，或者选择“编辑/插入/空位图”菜单命令 用剪切或复制的方法 矢量对象转换成位图 选中矢量对象后，使用“修改/平面化所选”菜单命令即可转化成位图图像 绘制矢量对象 “工具”面板的“矢量”部分的工具即是对矢量进行编辑操作的工具，默认情况下有“线条”、“钢笔”、“矩形”、“文本”、“自由变形”、“刀子”工具等。 3.3 选择和编辑对象 在 Macromedia Fireworks 8中工作时，将需要处理矢量对象、位图对象、文本块、切片和热点以及象素区域。使用选择工具和变形工具，可以移动、复制、删除、旋转、缩放或倾斜对象。在具有多个对象的文档中，可以通过对对象执行堆叠、组合和对齐操作来组织它们。 选择对象 在画布上对任何对象执行任何操作之前，必须首先选择该对象。 当“层”面板已打开并且层处于扩展状态时，在该面板中单击一个对象即可选中该对象。 “工具”面板“选择”部分中有“指针工具”、“选择后方对象工具”和“部分选定工具”可进行选择对象。 选择“选择”菜单下的“选择全部”，可将活动文档窗口内的全部对象一起选中。 选择象素 创建选区选取框 调整选区选取框 向选区添加象素：按住Shift键使用任何位图选择工具绘制要添加到选区中的区域。 从选区中去除象素：按住Alt键并使用位图选择工具绘制不再属于选区的象素区域。 通过交叉选取框创建选取框：使用任何位图选择工具创建一选取框，再按住Alt+Shift键创建重叠原选取框的新选取框，则只有两个选取框的交叉区域内的象素被选定。 羽化象素选区 创建和移动浮动象素选区 变形和扭曲 缩放对象 旋转对象 翻转对象 倾斜对象 扭曲对象 组织对象 修饰位图 克隆象素 模糊和锐化象素 减淡和加深象素 调整位图亮度和对比度 调整色相和饱和度 裁剪所选位图 克隆象素 选择“工具”面板“位图”部分的“橡皮图章”工具，单击飞机中间指定为源（即要克隆的区域），这时取样指针变成十字型指针。再将指针移到其他位置并拖动指针，这时可以看到两个指针，第一个是克隆源，为一十字型。不断在目标区域拖动即可克隆出一架飞机。 编辑矢量对象路径 通过矢量路径上的点来编辑路径 拉伸或推动所选路径 扭曲路径 将路径剪切为多个对象 合并路径对象 删除路径对象的部分 收缩或扩展路径 通过矢量路径上的点来编辑路径 推动路径 扭曲路径 颜色和填充 颜色也是网页设计及制作中需要着重考虑的因素之一，可以说颜色应用得好坏将直接影响到最终的网站。 真彩色 网页安全色 Macromedia Fireworks MX 包含各种面板、工具和选项，用于组织和选择颜色