网页设计与制作-综合实例运用 (12)

第11章 使用Fireworks8.0制作图片 图11-5 文档窗口底部的状态栏
第11章 使用Fireworks8.0制作图片
11.1.3 新建文档 使用菜单“文件”→“新建”命令，可弹出如
图11-6所示的“新建文档”对话框，该对话框会保 持上次创建新文档的设置，设置各项参数后单击 “确定”按钮，可创建一个新的PNG格式文件。如 果在剪贴板中存有复制或剪切的图像，再打开“新 建文档”对话框时，其画布自动设置为剪贴板中图 像的尺寸。
第11章 使用Fireworks8.0制作图片
6．文档窗口 文档窗口也称绘图窗口，是操作界面中显示图形 图像的工作区域，用于编辑和绘制图形图像。文档窗 口的左上角以“文档选项卡”的形式显示文件名，可 以轻松地在多个打开的文档之间进行选择。选项卡下 面有“原始”、“预览”、“2幅”、“4幅”4个视 图按钮，如图11-4所示。其中，“原始”按钮用于图 形编辑，而其他几个按钮则用于浏览和观察图像优化 输出的效果。
第11章 使用Fireworks8.0制作图片
5. 控制面板 控制面板是一个工具集合，如图11-3所示，通
常位于工作区的右侧，利用“窗口”菜单可以打开 或关闭各种控制面板。每个控制面板既可以独立排 列又可以与其他面板组合。使用菜单中“窗 口”→“隐藏面板”命令或按F4键，可快速隐藏所 有面板。
第11章 使用Fireworks8.0制作图片 图11-3 Fireworks 8.0的控制面板
11.1.2 工作界面 在Windows环境下，Fireworks 8.0(中文版)的工作
界面如图11-1所示，主要包括标题栏、菜单栏、工具 栏、文档窗口、工具箱、“属性”面板和其他控制面 板等。
第11章 使用Fireworks8.0制作图片 图11-1 Fireworks 8.0的工作界面
第11章 使用Fireworks8.0制作图片
第11章 使用Fireworks8.0制作图片
4. “属性”面板 “属性”面板是一个关联面板，通常位于工作 区的底部，显示当前选区的属性、当前工具选项或 文档的属性等。通过修改“属性”面板中的选项可 调整图像的相关属性。“属性”面板的打开状态有 半高方式、全高方式和完全折叠3种形式，可通过 “属性”面板右上角的“选项”菜单进行设置。
第11章 使用Fireworks8.0制作图片 图11-6 “新建文档”对话框
第11章 使用Fireworks8.0制作图片
11.1.4 使用标尺、网格和辅助线 使用菜单“视图”→“标尺”命令，可以在文
档窗口中显示或隐藏标尺。使用菜单“视 图”→“网格”命令，可以显示/隐藏网格、编辑网 格和对齐网格。网格颜色和网格单元格大小可以根 据需要重新编辑设定。打开标尺显示后，将鼠标指 针移至水平标尺或垂直标尺上，单击并拖动鼠标， 可创建水平或垂直辅助线。如要调整辅助线，单击 工具箱中的“指针”工具 ，将鼠标指针靠近辅 助线，当鼠标形状变为上下箭头或左右箭头时，按 下鼠标左键拖动；如将辅助线拖出窗口，则该辅助 线被删除。
第11章 使用Fireworks8.0制作图片
【例11-1】 利用Fireworks 8.0制作一个文字在 背景图上运动的GIF格式动画。
(1) 在Fireworks 8.0中，使用菜单“文 件”→“新建”命令，在弹出的“新建文档”对话 框中设置画布的宽度为200像素、高度为200像素、 分辨率为72像素/英寸、画布颜色为透明，设置完成 后单击“确定”按钮。
(2) 使用菜单“文件”→“导入”命令，弹出 “导入”对话框，在对话框中选中背景图片的文件 名，单击“打开”按钮。
第11章 使用Fireworks8.0制作图片
(3) 将鼠标移入画布，指针变为左上角折线形状， 按下鼠标左键并拖动鼠标，导入背景图片。
(4) 在“属性”面板中调整图片在画布中的位置 和图片大小，设置位图的X和Y坐标均为0，宽为320 像素，高为240像素，使图片充满画布，并在“属性” 面板的右侧将不透明度调整为100％，如图11-7所示。
第11章 使用Fireworks8.0制作图片
第11章 使用Fireworks 8.0制作图片
11.1 Fireworks 8.0简介 11.2 对象操作 11.3 位图工具 11.4 矢量工具 11.5 编辑文本 11.6 滤镜、特效和样式 11.7 层和蒙版 本章小结
第11章 使用Fireworks8.0制作图片
11.1 Fireworks 8.0简介
11.1.1 网页图像的格式 在计算机图形学中，根据成像原理和绘制方法的
不同，可以将图像分为两大类：基于数学公式描述的 矢量图形和基于像素的位图图像。
图像文件的格式有很多种，但网页中常使用的只wenku.baidu.com有PNG、GIF和JPEG三种。
第11章 使用Fireworks8.0制作图片
第11章 使用Fireworks8.0制作图片
3. 工具箱 工具箱位于工作区的左侧，如图11-2所示，包 含各种对图形图像进行绘制及编辑处理的工具，共 有选择、位图、矢量、Web、颜色和视图6种类型， 各种类型工具之间有明显的灰色分割线。
第11章 使用Fireworks8.0制作图片 图11-2 Fireworks 8.0的工具箱
第11章 使用Fireworks8.0制作图片 图11-4 文档选项卡和视图按钮
第11章 使用Fireworks8.0制作图片
文档窗口底部还有一个状态栏，如图11-5所示。 在编辑动画时可以用来控制帧的播放和跳转。状态 栏右部显示了该图像的大小，最右侧的显示比例从 6％到6400％，设置显示比例100％可使用组合键 Ctrl+l。
1．标题栏和菜单栏 标题栏中显示的内容主要有Fireworks图标、应用 程序名、编辑文件名、最小化按钮、最大化/还原按 钮以及关闭按钮。在标题栏下面的菜单栏中集成了所 有的操作命令，共包括10个菜单项：文件、编辑、视 图、选择、修改、文本、命令、滤镜、窗口、帮助等。 2. 工具栏 工具栏分为“主要”工具栏和“修改”工具栏两 种，可以使用菜单“窗口”→“工具栏” →“主要” 或“修改”命令来显示/隐藏“主要”工具栏或“修 改”工具栏。