网页设计与制作 第6章 Fireworks 8概述.ppt

1、第6章Fireworks 8概述，第6章Fireworks 8概述，第6.1章Fireworks 8的工作界面，第6.2章绘图工具的使用，第6.3章文档的建立，第6.4章文档的打开和导入，第6.5章文档的保存，第6.6章文件属性的修改，第6.7章总结，Fireworks 8是制作、处理和发布网络图形和图像的重要工具软件。它简化了网络图形和图像的制作过程，将网络图形和图像处理的工作整合到一个统一的环境中，提供了一个独特的位图和矢量相结合的解决方案，可以随时编辑，自动化了处理过程，提高了工作效率。第一次在Fireworks 8中打开文档时，会激活工作环境，包括“工具”面板、“属性”检查器、菜单和其

2、他面板。工具面板位于屏幕的左侧，包含几个标记的类别，包括位图、矢量和网络工具组。默认情况下，“属性”检查器显示在文档的底部。它最初显示文件的属性，然后在编辑文档时，它将显示新选择的工具或当前选择的对象的属性。面板最初在屏幕右侧成组停放。应用程序中心会出现一个文档窗口。如图6-2所示。6.1 Fireworks 8工作界面，6.1 Fireworks 8工作界面，默认情况下，工具面板放置在窗口的左侧，如图6-3所示。面板上有六组不同的工具，分别是选择、位图、矢量、网页、颜色和视图。根据选择的不同工具，矢量和位图对象将被自动识别。选择工具后，工具的设置将显示在属性检查器中。“工具”面板中工具右下角

3、的小三角形表示它是工具组的一部分。例如，“矩形”工具属于“基本形状”工具组，该工具组还包括圆角矩形、椭圆和多边形等工具。6.1.1工具面板，6.1 Fireworks 8工作界面，6.1.1工具面板，6.1 Fireworks 8工作界面。属性检查器将根据当前选定的工具和选定的对象进行更改。默认情况下，它位于文档窗口的底部，如图6-4所示。属性检查器是一个上下文相关的面板，显示当前选择的属性、当前工具选项或文档属性。默认情况下，属性检查器停靠在工作区的底部。6.1.2属性检查器和6.1 Fireworks 8工作界面。像其他程序一样，状态区域位于Fireworks 8视图的底部，如图6-5所示

4、。不能拖动状态区域；它可以通过执行菜单命令来显示或隐藏。状态区域用于显示用户选择的菜单命令、工具面板中工具的介绍或工具栏上的按钮，还用于显示当前选择的对象类型。6.1.3状态区，6.1 Fireworks 8工作界面，Fireworks工具栏分为主工具栏和修改工具栏。图6-7所示的main工具栏提供了常用功能的快捷按钮，如创建新文件、打开文件、保存文件、剪切、复制和粘贴等。图6-8所示的【修改】工具栏提供了常用功能的快捷按钮，如组合、排列、旋转等。这些按钮可以使用户操作更快更方便。6.1.4工具栏，6.1 Fireworks 8工作界面，菜单栏位于Fireworks窗口的顶部，如图6-9所示，

5、Fireworks的所有功能都可以在这里找到。菜单栏中有10个菜单，包括文件、编辑、查看、选择、修改、文本、命令、过滤器、窗口和帮助。，6.1.5菜单栏，6.1 Fireworks 8工作界面，具体功能有：6.1.5菜单栏，6.1.5菜单栏，6.1 Fireworks 8工作界面，6.1.5菜单栏，6.1 Fireworks 8工作界面，Fireworks 8中的面板可以自由浮动和组合。默认情况下，“优化”、“图像编辑”、“图层”、“形状”、“自动形状属性”、“信息”、“行为”、“查找”和“对齐”面板不会与其他面板组合，但如果需要，它们可以按照自己的首选排列组合。6.1.6面板和6.1 Fir

6、eworks 8工作界面。默认情况下，“绘图工具”面板位于文档窗口的左侧。绘图工具面板由六个工具区组成：选择工具区、位图工具区、矢量工具区、网络工具区、颜色工具区和视图工具区。这些工具是绘制对象的最基本工具。执行窗口|工具菜单命令，打开绘图“工具”面板。6.2.1打开绘图工具面板，6.2绘图工具的使用，6.2.2选择工具区域，6.2绘图工具的使用。选择工具区域如图6-22所示，提供指针、部分选择、缩放和切割工具。您可以通过按住下方三角形按钮上的鼠标左键来查看工具组中的其他工具。其中：6.2.3“位图”工具区、6.2绘图工具的使用，“位图”工具区包含16个处理位图的工具，如图6-23所示。其中：

7、6.2.3位图工具区、6.2绘图工具区、6.2.4矢量工具区、6.2绘图工具区。矢量工具区的工具用于编辑矢量图形、编辑路径和输入文本等。矢量工具区包含24个处理矢量图的工具，如图6-24所示。其中，6.2.4“矢量”工具区、6.2绘图工具区、6.2.5“网页”工具区和6.2绘图工具区主要用于设置超链接，如图6-25所示。其中：6.2.6“颜色”工具区、6.2绘图工具的使用，“颜色”工具区是绘图“工具”面板中最重要的辅助工具区之一。颜色工具区域主要用于设置线条颜色和填充颜色。点击按钮，调色板将出现在右边，你可以选择所需的笔画和填充颜色，你可以设置更多的效果。笔画颜色和填充颜色选项基本相同。在颜色

8、工具区域下面有三个选项按钮，如图6-26所示。其中：6.2.6“颜色”工具区，6.2绘图工具的使用，图6-26颜色工具区，6.3文档建立。在Fireworks 8中创建新文档后，将创建巴布亚新几内亚(便携式网络图形)格式的文件，这是Fireworks 8本身的文件格式。在Fireworks 8中创建和编辑文档后，您可以将其导出为常见的网络图形格式(如JPEG、GIF和GIF动画)，也可以将图形导出为非网络图形格式，如TIFF和BMP格式。无论导出格式如何，原始的巴布亚新几内亚格式都将被保留以供以后修改。6.3新建文档的具体步骤如下：(1)执行菜单命令“文件”|“新建”，打开“新建文档”对话框；

9、(2)在对话框的“宽度”和“高度”文本框中输入画布的宽度和高度值，测量单位可以是像素、英寸或厘米；(3)在“分辨率”文本框中输入分辨率。单位可以是像素/英寸或像素/厘米。默认分辨率为72像素/英寸，更适合制作网络图形；(4)画布的颜色可以在“画布颜色”选项组中设置，用户可以选择白色或透明色或点击自定义颜色框选择自定义颜色；(5)点击“确定”创建一个新文件，如图6-28所示。6.3建立文档，6.4.1打开Fireworks文档，6.4打开并导入文档，(1)执行文件|打开菜单命令打开“打开”对话框，如图6-29所示；(2)选择文件并点击“打开”按钮。，6.4.2打开最近关闭的文档，6.4打开和导入

10、文档，文件菜单在打开最近的文件子菜单中列出最多10个最近关闭的文档。起始页还列出了最近关闭的文档。1打开最近关闭的文件，(1)选择文件|打开最近的文件菜单命令。(2)从子菜单中选择一个文件名。2要打开最近关闭的文件而不打开任何文件，请在文档窗口的“开始”页上单击文件名。6.4.3导入文档，6.4打开和导入文档，可以通过以下方法导入文档：1执行文件|打开菜单命令，在如图6-29所示的“打开”对话框中选择“文件类型”，确定文件名，然后点击“打开”按钮打开所选文档。2执行文件|导入菜单命令，在如图6-30所示的“导入”对话框中选择“文件类型”，确认导入的文档，然后点击“打开”按钮导入所选文档。6.4

11、.3导入文档、6.4打开并导入文档、6.5.1保存新的Fireworks文档、6.5保存文档，新的Fireworks文档可以随时保存，执行以下操作：1执行文件|保存菜单命令，打开“另存为”对话框，如图6-31 2所示创建此文档后，如果再次执行菜单命令文件|保存，对此文档所做的更改将被保存。6.5.1保存新的Fireworks文档、6.5文档、6.5文档、6.5.2保存现有的Fireworks文档。现有的Fireworks文档也可以随时保存，只需执行以下操作之一：选择文件|保存菜单命令；单击主工具栏上的“保存”按钮。保存现有文件，不打开任何对话框。6.6文件属性修改，1使用菜单命令(1)执行菜单

12、命令“修改”|“画布”|“画布大小”打开“画布大小”对话框，如图6-33所示。(2)在“新尺寸”选项组的“宽度”和“高度”文本框中输入新尺寸，可以是像素、英寸和厘米。(3)单击“锚”按钮，确定放置画布的一侧。“锚”选项中有9个位置。默认情况下，中心锚点是选中的，这意味着画布大小将在所有方面发生变化。选择后点击“确定”按钮。6.6.1画布大小修改，6.6文件属性修改，6.6.1画布大小修改，6.6文件属性修改，2使用属性检查器在属性检查器中显示文件属性，如图6-34所示。点击“画布大小”按钮，打开“画布大小”对话框，修改画布大小，然后按照上述步骤修改画布大小。6.6.1修改画布大小，6.6修改文

13、件属性，1使用菜单命令(1)执行菜单命令修改|画布|画布颜色，打开“画布颜色”对话框，修改画布颜色，如图6-35所示。(2)您可以选择“白色”、“透明”或“自定义”作为单个项目。如果选择自定义，在样本弹出窗口中点击一种颜色，如图6-36所示。6.6.2画布颜色修改，6.6文件属性修改，6.6.2画布颜色修改，6.6文件属性修改，2使用属性检查器(1)在属性检查器中显示文件属性，如图6-34所示，然后单击画布颜色框打开颜色示例。(2)从“样本”弹出式窗口中选择一种颜色，或者在屏幕上的任何颜色上点按滴管。要选择透明画布，请点按“样本”弹出式窗口中的“颜色透明度”按钮。，6.6.2画布颜色的修改，6

14、.6文件属性的修改，1首先执行下列操作之一打开“图像大小”对话框(1)执行修改|画布|图像大小菜单命令打开“图像大小”对话框，如图6-37所示。(2)在属性检查器中显示文件属性，然后单击属性检查器中的图像大小按钮打开图像大小对话框。6.6.3修改图像大小，6.6修改文件属性，6.6修改文件属性，2在“图像大小”对话框中，您可以修改图像大小如下(1)在“像素大小”文本框中输入新的水平和垂直尺寸。如果取消选择图像重采样，您可以更改分辨率或打印大小，但不能更改像素大小。(2)在“打印尺寸”文本框中输入打印图像的水平和垂直尺寸。(3)在“分辨率”文本框中输入图像的新分辨率。6.6.3修改图像大小，6.6修改文件属性，3您可以选择像素/英寸或像素/厘米作为单位，或选择“图像重采样”。改变分辨率也会改变像素的大小。执行下列操作之一(1)要在文档的水平和垂直尺寸之间保持相同的比例，请选择“约束比例”。取消选择“受约束的比例”以独立调整宽度和高度。(2)调整图像尺寸时，选择“图像重采样”添加或删除像素，使图像在不同尺寸下具有大致相同的外观。6.6.3修改图像大小和6.6修改文件属性。如果导入的图像上下颠倒或侧向放置，画布可以旋转。旋转画布时，文件中的所有对象将一起旋转。您可以选择下列操作之一