网页设计与制作 普通高等教育“十一五”国家级规划教材 作者 于筱荔 第7章 矢量图的绘制与编辑.pptVIP

7.1 位图、矢量图和路径的概念 7.1 位图、矢量图和路径的概念 7.1 位图、矢量图和路径的概念 7.1 位图、矢量图和路径的概念 7.2 绘制基本图形 7.2 绘制基本图形 7.2 绘制基本图形 7.2 绘制基本图形 7.2 绘制基本图形 7.2 绘制基本图形 7.2 绘制基本图形 7.3 绘制自动形状 7.3 绘制自动形状 7.3 绘制自动形状 7.3 绘制自动形状 7.3 绘制自动形状 7.3 绘制自动形状 7.3 绘制自动形状 7.3 绘制自动形状 7.3 绘制自动形状 7.3 绘制自动形状 7.3 绘制自动形状 7.3 绘制自动形状 7.3 绘制自动形状 7.3 绘制自动形状 7.3 绘制自动形状 7.3 绘制自动形状 7.3 绘制自动形状 7.3 绘制自动形状 7.3 绘制自动形状 7.3 绘制自动形状 7.3 绘制自动形状 7.3 绘制自动形状 7.4 绘制矢量路径 7.4 绘制矢量路径 7.4 绘制矢量路径 7.4 绘制矢量路径 7.4 绘制矢量路径 7.4 绘制矢量路径 7.5 编辑矢量路径 7.5 编辑矢量路径 7.5 编辑矢量路径 7.5 编辑矢量路径 7.5 编辑矢量路径 7.5 编辑矢量路径 7.5 编辑矢量路径 7.5 编辑矢量路径 7.5 编辑矢量路径 7.6 修改矢量路径 7.6 修改矢量路径 7.6 修改矢量路径 7.7 本章小结 本章着重介绍Fireworks 8中创建与编辑Fireworks路径对象的操作技巧，如对象描边、填充等属性设置以及分离对象的操作，并通过创建矢量图的实例，以便让用户掌握矢量图的绘制方法。 通过本章的学习，要求用户了解Fireworks的绘图原理，熟练掌握绘制路径对象和编辑路径对象的方法、技巧。 单击“工具”面板中的“矩形”工具 按钮右下角的小三角形，在弹出的菜单中选择自动形状对象组的“圆角矩形”工具 ，在画布上选择要绘制图形的起点位置，按下鼠标左键不放，然后拖动鼠标到合适位置，松开鼠标即绘制了一个带有圆角的矩形形状。按照此方法可以绘制多个圆角矩形，使用控制点可以同时编辑所有边角的圆度，或者更改个别边角的圆度，如图7-20所示。 7.3.9 绘制圆角矩形 7.3.9 绘制圆角矩形 单击“工具”面板中的“矩形”工具 按钮右下角的小三角形，在弹出的菜单中选择自动形状对象组的“螺旋形”工具 ，在画布上选择要绘制图形的起点位置，按下鼠标左键不放，然后拖动鼠标到合适位置，松开鼠标即绘制了一个开口式螺旋形形状。按照此方法可以绘制多个螺旋形，使用控制点可以编辑螺旋的圈数，并可以决定螺旋形是开口的还是闭合的，如图7-21所示。 7.3.10 绘制螺旋形 7.3.10 绘制螺旋形 单击“工具”面板中的“矩形”工具 按钮右下角的小三角形，在弹出的菜单中选择自动形状对象组的“星形”工具 ，在画布上选择要绘制图形的起点位置，按下鼠标左键不放，然后拖动鼠标到合适位置，松开鼠标即绘制了一个星形形状（顶点数在 3 到 25 之间）。按照此方法可以绘制多个星形，。使用控制点可以添加或删除顶点，并可以调整各顶点的内角和外角，如图7-22所示。 7.3.11 绘制星形 7.3.11 绘制星形 绘制路径就是使用绘图工具创建贝塞尔曲线。贝塞尔曲线的定义有四个控制点：起始点、终止点（也称锚点）以及两个相互分离的中间点称为方向点，锚定和方向点间通过方向线相连。由锚点、方向点构成的曲线称为贝塞尔曲线，如图7-23所示。 笔触（描边）附在路径上，突出路径的形状或使对象具有轮廓。而填充则处于路径内部，使其为实心对象。 单击“工具”面板或混色器中的“交换颜色”按钮，可以交换笔触和填充颜色，使“笔触颜色”或“填充颜色”框变为活动状态，如图7-24所示。 7.4.1 设置笔触和填充属性 7.4.1 设置笔触和填充属性 1．设置笔触属性 铅笔图标 表示“工具”面板、“属性”检查器和“混色器”面板中的“笔触颜色”框。 （1）设置笔触颜色 （2）设置内置笔触类别 （3）设置笔触纹理 （4）设置笔触选项 7.4.1 设置笔触和填充属性 2．设置填充属性 颜料桶图标 表示“工具”面板、“属性”检查器和混色器面板中的“填充颜色”框。 （1）设置实心填充 （2）设置渐变填充 （3）设置填充边缘 （4）设置填充纹理 7.4.1 设置笔触和填充属性 1．使用钢笔工具绘制矢量路径 （1）绘制直线 （2）绘制曲线 2．使用矢量路径工具绘制矢量