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

《网页设计与制作课件第3章》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第3章绘制位图、矢量图与使用文字3.1位图绘图3.2矢量图绘图3.3使用文字3.4应用实例3.5本章小结本章重点：位图绘图和编辑操作位图的选区操作矢量图绘图和编辑操作路径的操作文字的使用方法路径、文字、选区互相转换位图是由像素组成的。Fireworks8提供了许多修饰位图图像的方法，包括修饰、裁剪、羽化和克隆图像等操作。利用图层和蒙版技术还可以进行图像的后期创作，可以取得一些特殊的效果。3.1位图绘制3.1.1位图的绘图操作1.绘图工具的常用属性Fireworks8工具箱里有很多绘图工具，在属性面板里可以设置绘图工具的各种属性，使之具有各种不同的功能和状态

2、，以满足各种各样的绘图需求。属性面板里各项属性的功能如下。(1)【颜色】：用户可以通过单击【颜色选择按钮】打开颜色拾取框来选择所需的颜色，颜色拾取框上列出了网络安全色；单击【系统颜色选取器】按钮可以打开调色板，选用其它丰富多彩的颜色。单击【透明】按钮可以选择无色。图3-1Fireworks8中的颜色拾取框Fireworks8中要设置的颜色主要有画布颜色、描边颜色和填充颜色三种。描边颜色主要为纯色。填充颜色有实心、网页抖动、渐变、图案四种类型。实心填充采用的是纯色。网页抖动填充使用网络安全色来组合成新的颜色，尽管新颜色不是网络安全色，但在客户端仍能正常地显示

3、。图案填充采用Fireworks8预设的图案或用户自己选择的图案进行填充。渐变填充采用若干种颜色之间平滑地过渡来进行填充。单击颜色拾取框上的【填充选项】按钮可以选择填充的类型并作进一步的设置。(2)【笔尖大小】：用于设置刷子、铅笔、橡皮擦等绘图工具的笔头的粗细。(3)【边缘】：用于设置用绘图工具绘出的图像边缘的柔和程度。(4)【不透明度】：用于设置绘出图像的不透明度，不透明度低的图像颜色较淡，会显示出下层的图像。(5)【保持透明度】：选择保持透明度，绘图工具对画布上未作图的区域将不起作用。(6)【纹理】：用于添加填充区域里的各种纹理。(7)【容差】：有些操

4、作是针对某种颜色的像素进行的，【容差】属性设置的是根据颜色选择像素的精确程度，容差越小则选择颜色越精确，容差越大则会包含更多相似颜色的像素，即选择的范围越大。2.铅笔工具铅笔工具用于绘制任意形状的图形，边缘是刚性的，没有柔化。具体操作如下。（1）单击工具箱中的【铅笔工具】按钮，鼠标指针移动到画布中变成铅笔形状。（2）拖曳鼠标，即可画出相应的图形。【铅笔工具】的属性有【颜色】、【保持透明度】、【不透明度】、【消除锯齿】、【自动擦除】。选择【消除锯齿】选项可使图形的边缘光滑。选择【自动擦除】选项时，当【铅笔工具】在描边颜色上拖动时会自动转为使用填充颜色绘图，相

5、当于擦除了描边。3.刷子工具【刷子工具】汇集了生活中各种绘图工具的功能，可以模拟各种作图手法画出异彩纷呈的图像。单击工具箱中的【刷子工具】按钮，并在属性面板里设置所需的属性，然后在画布中拖曳鼠标即可画出相应图形。【刷子工具】的属性有【笔尖大小】、【颜色】、【描边种类】、【边缘】、【纹理】、【保持透明度】、【不透明度】。在【描边种类】属性中有着丰富多彩的绘图功能和手法可供选择，如图3-2所示。图3-2【描边种类】属性中的绘图功能和手法4.橡皮擦工具橡皮擦工具用于擦除画布上的图像。【橡皮擦工具】的属性有【笔尖大小】、【边缘】、【不透明度】。调低【不透明度】进行

6、擦除，可使被擦除的图像变淡。调高【边缘】，可使被擦除图像的剩余部分边缘柔和化。5.滴管工具滴管工具用于从画布上已有的图像中选取颜色指定为描边颜色或填充颜色。单击工具箱中的【滴管工具】按钮，将鼠标移到画布里的取色点处单击即可获取颜色。【滴管工具】只有【示例】一个属性。用户可以选取单个像素的颜色、3×3像素区域内的平均颜色值或5×5像素区域内的平均颜色值。6.油漆桶工具用于对画布上某种颜色的连续区域或某选定区域使用填充色进行填充。单击工具箱中的【油漆桶工具】按钮，然后选择一种填充颜色后，单击图像中要填充的区域，便可填充当前的颜色。【油漆桶工具】的属性有【颜色】

7、、【容差】、【填充选区】、【保持透明度】、【边缘】、【纹理】、【不透明度】。选择【填充选区】，则填充范围为使用选择工具选定的选区。不选择【填充选区】，并设置【容差】，则填充范围取鼠标单击处颜色的连续区域。【边缘】属性有实边、消除锯齿和羽化三个选择。设置羽化值后，在填充范围的边缘会产生渐变晕开的柔和效果，羽化的取值范围在0~100像素之间。7.渐变工具【渐变工具】是与【油漆桶工具】类似的填充工具，只是采用的是渐变的填充色。通过选择颜色混合模式和渐变方式，Fireworks8提供了很强的渐变功能。单击工具箱中的【渐变工具】按钮，设置【颜色】属性时选择颜色混合模

8、式和渐变方式，如图3-3和3-4所示，在要填充的区域内拖动鼠标便可