Dreamweaver网页设计第10章_Fireworks图像处理技术.ppt

第10章 Fireworks图像处理技术 主要内容 Fireworks的基本概念 Fireworks的基本操作和文字编辑 使用Fireworks的特效和滤镜 制作GIF动画的方法 对图像进行处理的方法 10.1 Fireworks 8.0功能简介 概述 Fireworks 8.0是一个强大的网页图形设计工具，可以使用它创建和编辑位图、矢量图形，还可以非常轻松的做出各种网页设计中常见的效果，比如翻转图像，下拉菜单等。设计完成以后，如果要在网页设计中使用，可以将它输出为html文件，还能输出为可以在Photoshop或Flash等软件中编辑的格式。 10.1.1工作界面 1. 菜单栏 Fireworks 8.0的主菜单共有文件、编辑 、视图、选择、修改、文本、命令、滤镜、窗口、帮助等十个主菜单项，每个主菜单项又有多个子菜单。在后面的应用中我们将具体讲解他们的功能和用法。 2. 文档窗口 Fireworks 8.0的文档窗口上有四个标签，可以同时编辑和预览四种不同的优化设定所产生的效果，选择最理想的一种设定进行察看。 3. 工具箱 选择“窗口/工具”菜单，启动工具箱面板。工具箱面板由选择、位图、矢量、网页、颜色、视图等六个工具区域构成，包括各种选择、创建、编辑图像的工具。 4. 浮动面板 10.1.2文档操作 1．创建文档 创建文档，就是创建一幅新的PNG格式的图像。可以直接创建一幅空白的图像文档，然后进行绘制和编辑，也可以利用剪贴板，从其他图像源中复制图像数据，然后在 Fireworks 8.0中生成新的文档。 ⑴ 创建新文档 选择“文件/新建”菜单，或单击主要工具栏中的“新建”按钮，打开如图10-6所示的“新建文档”对话框。在对话框中设置画布的“宽度”、“高度”、“分辨率”、“画布颜色”。设置完毕，单击“确定”按钮，便打开了新文档的编辑工作区。 10.1.2文档操作 ⑵ 打开现有文档 选择“文件/打开”菜单，或单击主要工具栏中的“打开”按钮。在弹出的对话框中选择要打开的文件，点击对话框右下角的“打开”按钮即可打开文件。 ⑶ 导入图像文件 选择“文件/导入”菜单，在打开的对话框中选择要导入的图像文件。 10.1.2文档操作 2．浏览和查看文档 ⑴ 平铺和层叠文档窗口 使用“窗口”菜单操作。 ⑵改变显示比例 使用 “放大镜”工具按钮或选择文档窗口右下角的显示比例进行缩放。 10.1.2文档操作 3. 保存文档 Fireworks 8.0 允许以PNG的形式保存文档，也可以通过导出的方式，以常用的JPEG 或GIF等方式保存图像。 ⑴保存PNG文档 ⑵导出其他格式的文档 ①选择“窗口/优化”菜单，启动优化面板，设置图像的质量。 ②选择“文件/导出”菜单。对话框上会根据在“优化”面板上选择的文件格式，自动添加需要的扩展名。 ③单击“保存”按钮，即可以相应的格式保存文件。 10.1.3批处理操作 Web设计人员经常花费大量的时间在做重复的工作，例如优化图像或转换图像以满足某些约束条件。Macromedia Fireworks 8 强大功能的一部分就是能使许多枯燥乏味的绘制、编辑和文件转换任务得以简化并自动完成；可以使用“批处理”功能将整组的图像文件转换为其他格式或更改其调色板。“批处理”功能可以将自定义的优化设置应用于文件组。您还可以调整一组文件的大小，因此，“批处理”功能是创建缩略图的理想工具。 10.1.3批处理操作 对文件进行批处理的步骤： 1．选择“文件/批处理”，然后选择要处理的文件。 2．在“批次”对话框中设置批处理文件。 3． “继续”，出现批处理对话框，进行批次设置。 4．选择用于保存已处理文件的选项。 5 ．单击“批次” 执行批处理 10.1.4对象操作 1．选择对象 ⑴ 用指针工具选择单个对象 ⑵ 用部分选定工具选择对象 ⑶ 用缩放工具选定对象 ⑷用剪裁工具选定对象 10.1.4对象操作 2．组织和管理对象 ⑴移动对象 ⑵对齐对象 ⑶设置对象的重叠顺序 ⑷隐藏和显示对象 ⑸组合对象 10.1.4对象操作 3．整形路径 ⑴通过编辑点整形路径 用部分选择工具选中对象后在会显示出对象的路径编辑点，拖动点或改变连接点的线条方向即可改变路径位置。如图10-12所示。 ⑵直接整形路径 通过整形路径工具，可以进一步控制路径的形状。 选择自由形状工具中的编辑模式，鼠标会变成相应的工具形状通过拖拉或推动等方式就可以实现对路径的编辑。如图10-13所示。 10.2图像的绘制和编辑 1．矢量图像 矢量图像是用包含颜色和位置属性的直线或曲线（即称为矢量）来描述图像属性的一种方法。 矢量图形是具有独立分辨率的，即它可以在不损失任何质量的前提下，以各种各样的分辨率显示在输出设备中。 2．位图图像 位图