网顷投计与制作 教程 第7章矢量图的绘制与编辑 FIREWO FLASHPO DREAM
第7章 矢量图的绘制与编辑
网页设计与制作教程 第7章矢量图的绘制与编辑 Fireworks的一个 本章月录 ○很大的优势就在于它 7.1位图、矢量图和路径的概念 将位图处理和矢量处 理合二为一。它综合 义7.2绘制基本图形 了许多图形处理软件 的优点。本章将着重 冬7.3绘制自动形状 介绍Fireworks8中创 建与编辑矢量路径对 ?7.4绘制矢量路径 象的操作技巧，如对 7.5编辑矢量路径 象描边、填充等属性 设置以及分离对像的 冬7.6修改矢量路径 操作，以便让网页设 ○计者拥有更多的创作 7.7本章小结 空间。 概要说明
第7章 矢量图的绘制与编辑 ❖7.1 位图、矢量图和路径的概念 ❖7.2 绘制基本图形 ❖7.3 绘制自动形状 ❖7.4 绘制矢量路径 ❖7.5 编辑矢量路径 ❖7.6 修改矢量路径 ❖7.7 本章小结 Fireworks的一个 很大的优势就在于它 将位图处理和矢量处 理合二为一。它综合 了许多图形处理软件 的优点。本章将着重 介绍Fireworks 8中创 建与编辑矢量路径对 象的操作技巧，如对 象描边、填充等属性 设置以及分离对象的 操作，以便让网页设 计者拥有更多的创作 空间
网页设计与制作 敦程 7.1位图、矢量图和路径的概念 7.1.1位图 位图图形由排列在网格中的点组成，这些点被称 为“像素”。 编辑位图图形时，修改的是像素，而不是线条和 曲线。 位图图形与分辨率有关，这意味着描述图像的数 据被固定到一个特定大小的网格中。放大位图图形将 使这些像素在网格中重新进行分布，这通常会使图像 的边缘呈锯齿状
7.1 位图、矢量图和路径的概念 位图图形由排列在网格中的点组成，这些点被称 为“像素” 。 编辑位图图形时，修改的是像素，而不是线条和 曲线。 位图图形与分辨率有关，这意味着描述图像的数 据被固定到一个特定大小的网格中。放大位图图形将 使这些像素在网格中重新进行分布，这通常会使图像 的边缘呈锯齿状。 7.1.1 位图
网页设计与制作 教程 7.1位图、矢量图和路径的概念 7.1.1位图 图7-1放大后的位图
7.1 位图、矢量图和路径的概念 7.1.1 位图
网页设计与制作敦程 7.1位图、矢量图和路径的概念 7.1.2矢量图 矢量图形使用称为“矢量”的线条和曲线（包含 颜色和位置信息)呈现图像。 编辑矢量图形时，修改的是描述其形状的线条和 曲线的属性。 矢量图形与分辨率无关，这意味着除了可以在分 辨率不同的输出设备上显示它以外，还可以对其执行 移动、调整大小、更改形状或更改颜色等操作，而不 会改变其外观品质
7.1 位图、矢量图和路径的概念 矢量图形使用称为“矢量”的线条和曲线（包含 颜色和位置信息）呈现图像。 编辑矢量图形时，修改的是描述其形状的线条和 曲线的属性。 矢量图形与分辨率无关，这意味着除了可以在分 辨率不同的输出设备上显示它以外，还可以对其执行 移动、调整大小、更改形状或更改颜色等操作，而不 会改变其外观品质。 7.1.2 矢量图
网页设计与制作教程 7.1位图、矢量图和路径的概念 7.1.2矢量图 7-2放大后的矢量图
7.1 位图、矢量图和路径的概念 7.1.2 矢量图
网页设计与制作 教程 7.1位图、矢量图和路径的概念 7.1.3路径 路径是一条与很多点有关联的线条，表现在图形上 就是线条和轮廓。之所以称为矢量路径对象，是因为该 对象的形状主要是由路径的形状决定的，并且用户可以 对该对象进行自由整形和变形。 在Fireworks中路径分为三种： (1)开放路径：即路径的起点和终点不重合，如直线； (2)闭合路径：即路径是连续的，没有终点和起始点， 如圆形； (3)复合路径：即由两个或多个路径组成的路径。 返回
7.1 位图、矢量图和路径的概念 路径是一条与很多点有关联的线条，表现在图形上 就是线条和轮廓。之所以称为矢量路径对象，是因为该 对象的形状主要是由路径的形状决定的，并且用户可以 对该对象进行自由整形和变形。 在Fireworks中路径分为三种： （1）开放路径：即路径的起点和终点不重合，如直线； （2）闭合路径：即路径是连续的，没有终点和起始点， 如圆形； （3）复合路径：即由两个或多个路径组成的路径。 7.1.3 路径
网页设计与制作教程 7.2绘制基本图形 7.2.1绘制直线 从“工具”面板中选择“直线”☑具。然后在 画布上拖动到合适的位置后松开鼠标，屏幕上将会出 现一条连接两点的直线，如图7-3所示。 7-3直线
7.2 绘制基本图形 从“工具”面板中选择“直线”工具 。然后在 画布上拖动到合适的位置后松开鼠标，屏幕上将会出 现一条连接两点的直线，如图7-3所示。 7.2.1 绘制直线
网页设计与制作敦程 7.2绘制基本图形 7.2.2绘制矩形 单击“工具”面板中的“矩形”口具，在画布 上选择要绘制图形的起点位置，按下鼠标左键不放， 然后拖动鼠标到合适位置，松开鼠标即绘制了一个矩 形，如图7-4所示。 图7-4矩形和正方形
7.2 绘制基本图形 单击“工具”面板中的“矩形”工具 ，在画布 上选择要绘制图形的起点位置，按下鼠标左键不放， 然后拖动鼠标到合适位置，松开鼠标即绘制了一个矩 形，如图7-4所示。 7.2.2 绘制矩形
网页设计与制作敦程 7.2绘制基本图形 7.2.3绘制椭圆 单击“工具”面板中的“矩形”回具按钮右下 角的小三角形，在弹出的菜单中选择“口圆” 工具， 在画布上选择要绘制图形的起点位置，按下鼠标左键 不放，然后拖动鼠标到合适位置，松开鼠标即绘制了 一个椭圆，如图7-5所示。 图75椭圆形和圆形
7.2 绘制基本图形 单击“工具”面板中的“矩形”工具 按钮右下 角的小三角形，在弹出的菜单中选择“椭圆” 工具， 在画布上选择要绘制图形的起点位置，按下鼠标左键 不放，然后拖动鼠标到合适位置，松开鼠标即绘制了 一个椭圆，如图7-5所示。 7.2.3 绘制椭圆