网页设计[精选].ppt

第3章 绘制位图、矢量图与使用文字 3.1 位图绘图 3.2矢量图绘图 3.3使用文字 3.4应用实例 3.5本章小结 3.1位图绘制 位图是由像素组成的。Fireworks 8提供了许多修饰位图图像的方法，包括修饰、裁剪、羽化和克隆图像等操作。利用图层和蒙版技术还可以进行图像的后期创作，可以取得一些特殊的效果。 3.1.1位图的绘图操作 1. 绘图工具的常用属性 Fireworks 8 工具箱里有很多绘图工具，在属性面板里可以设置绘图工具的各种属性，使之具有各种不同的功能和状态，以满足各种各样的绘图需求。属性面板里各项属性的功能如下。 (1) 【颜色】：用户可以通过单击【颜色选择按钮】打开颜色拾取框来选择所需的颜色，颜色拾取框上列出了网络安全色；单击【系统颜色选取器】按钮可以打开调色板，选用其它丰富多彩的颜色。单击【透明】按钮可以选择无色。 Fireworks 8中要设置的颜色主要有画布颜色、描边颜色和填充颜色三种。描边颜色主要为纯色。填充颜色有实心、网页抖动、渐变、图案四种类型。 实心填充采用的是纯色。 网页抖动填充使用网络安全色来组合成新的颜色，尽管新颜色不是网络安全色，但在客户端仍能正常地显示。 图案填充采用Fireworks 8预设的图案或用户自己选择的图案进行填充。 渐变填充采用若干种颜色之间平滑地过渡来进行填充。 单击颜色拾取框上的【填充选项】按钮可以选择填充的类型并作进一步的设置。 (2) 【笔尖大小】：用于设置刷子、铅笔、橡皮擦等绘图工具的笔头的粗细。 (3) 【边缘】：用于设置用绘图工具绘出的图像边缘的柔和程度。 (4) 【不透明度】：用于设置绘出图像的不透明度，不透明度低的图像颜色较淡，会显示出下层的图像。 (5) 【保持透明度】：选择保持透明度，绘图工具对画布上未作图的区域将不起作用。 (6) 【纹理】：用于添加填充区域里的各种纹理。 (7) 【容差】：有些操作是针对某种颜色的像素进行的，【容差】属性设置的是根据颜色选择像素的精确程度，容差越小则选择颜色越精确，容差越大则会包含更多相似颜色的像素，即选择的范围越大。 2.铅笔工具 铅笔工具用于绘制任意形状的图形，边缘是刚性的，没有柔化。具体操作如下。 （1）单击工具箱中的【铅笔工具】按钮，鼠标指针移动到画布中变成铅笔形状。 （2）拖曳鼠标，即可画出相应的图形。 【铅笔工具】的属性有【颜色】、【保持透明度】、【不透明度】、【消除锯齿】、【自动擦除】。 选择【消除锯齿】选项可使图形的边缘光滑。 选择【自动擦除】选项时，当【铅笔工具】在描边颜色上拖动时会自动转为使用填充颜色绘图，相当于擦除了描边。 3.刷子工具 【刷子工具】汇集了生活中各种绘图工具的功能，可以模拟各种作图手法画出异彩纷呈的图像。单击工具箱中的【刷子工具】按钮，并在属性面板里设置所需的属性，然后在画布中拖曳鼠标即可画出相应图形。 【刷子工具】的属性有【笔尖大小】、【颜色】、【描边种类】、【边缘】、【纹理】、【保持透明度】、【不透明度】。 在【描边种类】属性中有着丰富多彩的绘图功能和手法可供选择，如图3-2所示。 4.橡皮擦工具 橡皮擦工具用于擦除画布上的图像。【橡皮擦工具】的属性有【笔尖大小】、【边缘】、【不透明度】。调低【不透明度】进行擦除，可使被擦除的图像变淡。调高【边缘】，可使被擦除图像的剩余部分边缘柔和化。 5.滴管工具 滴管工具用于从画布上已有的图像中选取颜色指定为描边颜色或填充颜色。单击工具箱中的【滴管工具】按钮，将鼠标移到画布里的取色点处单击即可获取颜色。 【滴管工具】只有【示例】一个属性。用户可以选取单个像素的颜色、3×3 像素区域内的平均颜色值或 5×5 像素区域内的平均颜色值。 6.油漆桶工具 用于对画布上某种颜色的连续区域或某选定区域使用填充色进行填充。单击工具箱中的【油漆桶工具】按钮，然后选择一种填充颜色后，单击图像中要填充的区域，便可填充当前的颜色。 【油漆桶工具】的属性有【颜色】、【容差】、【填充选区】、【保持透明度】、【边缘】、【纹理】、【不透明度】。 选择【填充选区】，则填充范围为使用选择工具选定的选区。不选择【填充选区】，并设置【容差】，则填充范围取鼠标单击处颜色的连续区域。 【边缘】属性有实边、消除锯齿和羽化三个选择。设置羽化值后，在填充范围的边缘会产生渐变晕开的柔和效果，羽化的取值范围在0~100像素之间。 7.渐变工具 【渐变工具】是与【油漆桶工具】类似的填充工具，只是采用的是渐变的填充色。通过选择颜色混合模式和渐变方式，Fireworks 8提供了很强的渐变功能。单击工具箱中的【渐变工具】按钮，设置【颜色】属性时选择颜色混合模式和渐变方式，如图3-3和3-4所示，在要填充的区域内拖动鼠标便可完成各种渐变方式的填充。 3.1.