网页设计与制作课件第3章.ppt

1、第三章绘制位图、矢量图和用字，3.1位图绘制3.2矢量绘制3.3用字3.4应用实例3.5本章概述、本章重点介绍位图绘制和编辑操作位图的选择操作矢量绘制和编辑操作路径的操作字的使用方法。路径、文字和选择区域相互转换，位图由像素组成。Fireworks 8提供了许多装饰位图图像的方法，包括装饰、裁剪、羽化和克隆图像。使用图层和蒙版技术，我们还可以在后期制作图像，获得一些特殊效果。3.1位图绘制，3.1.1位图绘制操作1。绘图工具的常见属性Fireworks 8工具箱中有许多绘图工具，可以在属性面板中设置绘图工具的各种属性，使其具有各种功能和状态，以满足各种绘图需求。属性面板中每个属性的功能如下。(

2、1)颜色:用户可以点击颜色选择按钮打开颜色选择框选择所需的颜色，网络安全颜色列在颜色选择框中；单击系统颜色选择器按钮打开调色板并选择其他彩色颜色。点击透明按钮选择无色。图3-1烟花8中的颜色选择框。Fireworks 8中要设置的颜色主要包括画布颜色、描边颜色和填充颜色。笔画颜色主要是纯色。有四种填充颜色：纯色、网页抖动、渐变和图案。实心填充是实心颜色。网页抖动填充使用网络安全颜色组合成新颜色。虽然新颜色不是网络安全颜色，但它们仍然可以在客户端正常显示。图案填充采用Fireworks 8的预设图案或用户选择的图案。渐变填充用几种颜色之间的平滑过渡填充。单击颜色选择框上的填充选项按钮，选择填充类

3、型并进行进一步设置。(2)笔尖尺寸:用于设置画笔、铅笔、橡皮等绘图工具的笔尖厚度。(3)边缘:用于设置绘图工具绘制的图像边缘的柔和度。(4)不透明度:用于设置绘制图像的不透明度。如果不透明度低的图像颜色较浅，将显示较低的图像。(5)保持透明:如果选择保持透明，绘图工具将无法在画布上未着色的区域工作。(6)纹理:用于在填充区域添加各种纹理。(7)容差:对某种颜色的像素进行一些操作。公差属性设置根据颜色选择像素的精度。容差越小，颜色越准确，容差越大，包含相似颜色的像素越多，即选择范围越大。2.铅笔工具铅笔工具用于绘制任何形状的图形，具有坚硬的边缘而不软化。具体操作如下。(1)点击工具箱中的【铅笔工

4、具】按钮，鼠标指针移动到画布上成为铅笔形状。(2)拖动鼠标绘制相应的图形。铅笔工具的属性是颜色，透明度，不透明度，抗锯齿和自动擦除。选择消除锯齿选项来平滑图形的边缘。当选择自动擦除时，当铅笔工具拖动笔画颜色时，它将自动变为填充颜色的绘图，这相当于擦除笔画。画笔工具画笔工具集成了生活中各种绘图工具的功能，可以模拟各种绘图技术来绘制彩色图像。单击工具箱中的画笔工具按钮，在属性面板中设置所需的属性，然后在画布中拖动鼠标绘制相应的图形。画笔工具的属性包括笔尖大小、颜色、笔画类型、边缘、纹理、透明度和不透明度。笔画类型属性中有丰富多彩的绘图功能和技巧可供选择，如图3-2所示。图3-2。笔画类型属性中的绘

5、图功能和技巧。4.橡皮擦工具橡皮擦工具用于擦除画布上的图像。橡皮擦工具的属性包括笔尖大小、边缘和不透明度。通过降低不透明度来擦除，这可以使擦除的图像变亮。调高边缘以柔化擦除图像的其余部分的边缘。5.吸管工具吸管工具用于从画布上的现有图像中选择颜色，并将它们指定为描边颜色或填充颜色。单击工具箱中的吸管工具按钮，将鼠标移动到画布中的颜色点，然后单击以获取颜色。吸管工具只有一个属性示例。用户可以选择单个像素的颜色、33像素区域的平均颜色值或55像素区域的平均颜色值。6.油漆桶工具用于用填充颜色填充画布上某个颜色的连续区域或选定区域。单击工具箱中的油漆桶工具按钮，选择一种填充颜色，然后单击图像中要填充

6、的区域以填充当前颜色。油漆桶工具的属性包括颜色、公差、填充选择、保持透明度、边缘、纹理和不透明度。选择填充选择区域，填充范围是使用选择工具选择的选择区域。如果未选择填充选择区域并设置了公差，则填充范围是鼠标单击的颜色的连续区域。边缘属性有三种选择：真实边缘、抗锯齿和羽化。设置羽化值后，在填充范围的边缘会产生渐晕的柔和效果，羽化值范围在0100像素之间。渐变工具渐变工具是一个类似于油漆桶工具的填充工具，但是它使用渐变填充颜色。Fireworks 8通过选择颜色混合模式和渐变模式提供了强大的渐变功能。点击工具箱中的【渐变工具】按钮，在设置【颜色】属性时，选择混色模式和渐变模式，如图3-3和3-4所

7、示，在需要填充的区域拖动鼠标，完成各种渐变模式的填充。图3-3混色模式，图3-4渐变模式，3.1.2位图选择操作用户可以使用各种选择工具来设置位图中的选择，并将编辑范围限制在选择范围内。在取消选择选择之前，对位图的操作仅在选择范围内有效。选区的设置可以是规则的，也可以是不规则的。您可以使用选框工具和椭圆选框工具设置常规选择。使用套索工具和魔术棒工具设置不规则的选择区域。1。设置矩形选择选框工具用于设置矩形选择。单击工具箱中的选框工具按钮，并将鼠标移动到画布上。这时，老鼠会变成十字形。拖动鼠标选择所需的区域，在所选区域周围会出现一个闪烁的虚线框。2.设置椭圆选择椭圆选择框工具用于设置椭圆选择。具

8、体操作类似于选框工具。当使用选框工具或椭圆选框工具选择一个区域时，如果你按住键，你可以得到一个正方形或圆形的选择；如果您按住该键，您将以鼠标点击点作为选择的中心来绘制选择。3。设置不规则选区套索工具用于设置不规则选区。具体操作如下：(1)点击工具箱中的【套索工具】按钮，鼠标会变成套索的形状。(2)沿着要选择的区域拖动鼠标，随着鼠标的移动，画布上会出现一条曲线。(3)如果您想创建一个封闭的选择，将鼠标移动到起点附近，当鼠标右下角出现一个黑色小方块时，松开鼠标。如果不想继续选择区域，可以松开鼠标，在起点和松开鼠标的地方会自动生成一条直线，从而形成一个闭合区域。4.设置多边形选择多边形套索工具用于设

9、置多边形选择。具体操作如下：(1)点击工具箱中的【多边形套索工具】按钮，鼠标会变成套索的形状。(2)单击鼠标设置多边形选择的起点，然后在每个多边形的顶点单击鼠标。(3)如果您想创建一个封闭的选择，将鼠标移动到起点附近，当鼠标右下角出现一个黑色小方块时，松开鼠标；如果不想继续选择区域，可以松开鼠标，在起点和松开鼠标的地方会自动生成一条直线，从而形成一个闭合区域。当使用多边形套索工具设置多边形选择时，如果同时按住Shift键，将在45度整数倍的方向上选择多边形区域的边界线段。图3-5各种选择区域，5。根据像素的颜色设置选择区域。魔术棒工具可以在图像上选择类似某种颜色的像素。单击工具箱中的魔杖工具按

10、钮。单击图像中要选择的颜色，单击时由颜色相似的像素组成的连续区域将成为选择区域。如图3-6所示。魔术棒工具属性的公差值越大，所选像素的颜色相似性越低，选择范围越大。图3-6使用魔棒工具选择一个选择区域，上面的选择工具都有边缘属性，分为三个选项：实心边缘、抗锯齿和羽化，即在相应的选择区域被边缘填充后。当羽化值被设置时，填充范围的边缘部分将具有渐晕的柔和效果，羽化值的范围从0100像素。如果您想取消选择，您可以按组合键。用鼠标拖动选定区域的边框来移动选定区域，并通过键盘上的箭头键微调选定区域的位置。6增加选定区域如果需要增加选定的像素区域，请使用指针工具选择第一个选择区域，然后按下Shift键继续

11、选择其他像素区域。此时，最初选定的区域仍处于选定状态。如果几个选定区域有重叠区域，重叠部分将被合并，最后一个选定区域将是这些区域的合并区域。7缩小选定区域，如果需要缩小选定区域，使用指针工具选择第一个选定区域，然后按住Alt键选择要删除的第二个选定区域。最终选定区域是第一个选定区域，用于移除与第二个选定区域相交的剩余部分。8交点选择如果需要选择多个区域之间的交点，可以先用指针工具选择第一个区域，然后按住Shift+Alt键并拖动鼠标选择第二个区域，然后松开鼠标选择两个区域之间的交点区域。9展开选区将原始选区沿其边界扩展几个像素。选择某个区域，选择命令选择|扩展选择区域，在弹出的对话框中输入要扩

12、展的像素数，点击确定扩展选择区域。10收缩选区将原始选区沿其边界收缩几个像素。选择某个区域，选择命令选择|缩小选择，在弹出的对话框中输入要缩小的像素数，然后单击确定缩小选择。11反向选择用于将先前未选择的区域改变为选择的区域，而选择的区域变成未选择的区域。选择一个区域，然后选择选择|反选择。此时，原始选择区域之外的部分成为选择区域。图3-7反向选择区，12取消选择方法可以选择菜单中的选择 | 取消选择命令，或按组合键。13保存/恢复选择菜单选择|保存位图选择命令，可以保存现有选择供以后使用。选择菜单选择|恢复位图选择恢复保存的选择。3.1.3位图编辑操作在编辑位图后，有时需要对其部分或整个图像

13、进行一些修剪，例如将图像的一部分复制到另一个区域，或者加深或减轻局部图像等。这个目的可以通过工具箱中的一些位图修剪工具来实现。1.位图模糊和锐化模糊工具可以软化图像并降低图像中像素之间的对比度。锐化工具可以增加图像中像素之间的对比度，使图像更清晰，这与模糊工具的作用相反。单击工具箱中的模糊工具按钮，在其属性面板中设置每个属性的参数值，然后将鼠标拖动到图像中需要模糊的部分。模糊工具的属性包括尖端尺寸、边缘、形状和强度。形状属性用于设置钢笔的形状是圆形还是方形。强度属性用于设置模糊处理的强度。锐化工具的操作和属性与模糊工具相同。原始图片被模糊和锐化。图3-8分别显示了使用模糊工具和锐化工具的效果。

14、2.位图的缩小和加深缩小工具和品牌工具用于改变图像的曝光，使图像更亮或更暗。有了这两个工具，图像中的局部区域可以很容易地被处理，而不改变整个图像的色调。单击工具箱中的淡入淡出工具按钮，并在其属性面板中设置每个属性的参数值。然后在图像中需要变亮的部分拖动鼠标。淡入淡出工具的属性包括笔尖大小、边缘、形状、曝光和范围。形状属性用于设置钢笔的形状是圆形还是方形。曝光属性的值可以设置为0%到100。百分比越高，风险就越大。范围属性包括以下三个选项：阴影:主要改变图像中的深色像素。中间色调:主要改变图像中的中间色调像素。【亮点】:主要改变图像中的亮色像素。品牌工具的操作和属性与淡入淡出工具相同。图3-9，

15、分别使用细化工具和加深工具后图片的效果，3位图克隆橡皮图章工具只能用来编辑位图对象和复制图像中的一些像素，这是一个同步工具，包括两部分：采样指针和绘图指针。采样指针指向在克隆过程中采样的图像部分，而绘图指针将采样的图像部分复制到图像中的另一个位置。在克隆过程中，两个指针之间的位置关系是固定的。具体操作如下：(1)点击工具箱中的【橡皮图章工具】按钮。(2)在图像上单击鼠标一次，设置采样指针的初始位置。此时，十字形光标(代表采样指针)将出现在图像的点击区域，移动的光标将变为圆形(代表绘图指针)。(3)将绘图指针移动到图像中要克隆的位置，并拖动鼠标。在鼠标移动的过程中，采样指针和绘图指针之间的位置关

16、系是固定的。随着鼠标的移动，采样指针处的像素被复制到绘图指针所指向的位置。橡皮图章工具的属性包括笔尖大小、边缘、按来源对齐、使用整个文档、不透明度和混合模式。“按源对齐”属性确定采样区域是否固定。如果选择按源对齐，采样区域不是固定的，但采样指针和绘图指针始终保持固定的位置关系，从而确保克隆的区域可以保持原始位置关系。如果未选择按源对齐，无论绘图指针在哪里，采样区域都是固定的。这样，同一个区域可以在很多地方复制。使用整个文档属性决定是否对图像所有层上的所有对象进行采样。如果未选择使用整个文档，采样指针仅从活动对象采样。此外，部分选择工具和选择工具也可以轻松复制位图。在要复制的图像区域上设置选择区

17、域，单击工具箱中的部分选择工具，将选择区域拖到目标位置并放开。4.裁剪位图裁剪工具用于裁剪位图。具体操作如下：(1)点击工具箱中的【刀具】按钮，鼠标会变成切削形状。(2)用鼠标拖动位图上的矩形虚线框，如图3-11所示。矩形虚线框可以移动和改变大小，框的内部是剪切图像。图3-10使用橡皮图章工具克隆蝴蝶，(3)双击鼠标或按回车键剪切位图，如图3-12所示。，图3-11拖出一个矩形虚线框图3-12裁剪后的图像，3.2矢量绘图矢量绘图是通过跟踪和填充完成的，其工具一般都有与跟踪和填充相关的属性。矢量图形的轮廓是由曲线和曲线上的锚点组成的路径。图3-13和图3-14分别是闭合路径和开放路径的例子，其中a、b、c和d是锚点，e和f是锚点控制线上的