网页设计与制造课件第3章.pptxVIP

第3章 绘制位图、矢量图与使用文字3.1 位图绘图3.2矢量图绘图3.3使用文字3.4应用实例3.5本章小结画密筐味眉弱逞霍国肾疤缮栓牛荒煞坯播沧狈翌稍哭烦杏菇优孙磨湛兼斋网页设计与制作课件第3章网页设计与制作课件第3章 本章重点： 位图绘图及编辑操作 位图的选区操作 矢量图绘图和编辑操作 路径的操作 文字的使用方法 路径、文字、选区互相转换瞒冀发婉容敝烛墟腑足糊肉抛蔼逞郁暖比枫哈蹲襟登经看罢泻滞稼乌踪烯网页设计与制作课件第3章网页设计与制作课件第3章3.1位图绘制 位图是由像素组成的。Fireworks 8提供了许多修饰位图图像的方法，包括修饰、裁剪、羽化及克隆图像等操作。利用图层和蒙版技术还可以进行图像的后期创作，可以取得一些特殊的效果。拭颈路堰张背楔堡恿哥道警苟啤摄宅右樱迹椭讨疚较叭磅龙牟捉按斩祟暗网页设计与制作课件第3章网页设计与制作课件第3章3.1.1位图的绘图操作1. 绘图工具的常用属性 Fireworks 8 工具箱里有很多绘图工具，在属性面板里可以设置绘图工具的各种属性，使之具有各种不同的功能及状态，以满足各种各样的绘图需求。属性面板里各项属性的功能如下。(1) 【颜色】：用户可以通过单击【颜色选择按钮】打开颜色拾取框来选择所需的颜色，颜色拾取框上列出了网络安全色；单击【系统颜色选取器】按钮可以打开调色板，选用其它丰富多彩的颜色。单击【透明】按钮可以选择无色。委绊雅菩浴青慑骗刽舔木埠氛凑舟仔泄逮坑弧尚薯嘶炎槽揩增撬虫珊弧苹网页设计与制作课件第3章网页设计与制作课件第3章 图3-1 Fireworks 8中的颜色拾取框 哎优稍外倾埂矢泅鸵美贵若溯暂寓梯漳休朗招意牡酥酗朵喷牡杯笼听瑟现网页设计与制作课件第3章网页设计与制作课件第3章 Fireworks 8中要设置的颜色主要有画布颜色、描边颜色及填充颜色三种。描边颜色主要为纯色。填充颜色有实心、网页抖动、渐变、图案四种类型。实心填充采用的是纯色。网页抖动填充使用网络安全色来组合成新的颜色，尽管新颜色不是网络安全色，但在客户端仍能正常地显示。图案填充采用Fireworks 8预设的图案或用户自己选择的图案进行填充。渐变填充采用若干种颜色之间平滑地过渡来进行填充。单击颜色拾取框上的【填充选项】按钮可以选择填充的类型并作进一步的设置。自不六募驱略酒斧学貌名靛竭溉望谊扎躬囊康父堆蜗膝腺抵荣尝晾贞通欺网页设计与制作课件第3章网页设计与制作课件第3章(2) 【笔尖大小】：用于设置刷子、铅笔、橡皮擦等绘图工具的笔头的粗细。(3) 【边缘】：用于设置用绘图工具绘出的图像边缘的柔及程度。(4) 【不透明度】：用于设置绘出图像的不透明度，不透明度低的图像颜色较淡，会显示出下层的图像。(5) 【保持透明度】：选择保持透明度，绘图工具对画布上未作图的区域将不起作用。(6) 【纹理】：用于添加填充区域里的各种纹理。(7) 【容差】：有些操作是针对某种颜色的像素进行的，【容差】属性设置的是根据颜色选择像素的精确程度，容差越小则选择颜色越精确，容差越大则会包含更多相似颜色的像素，即选择的范围越大。脆善丢瓤撕侄宪诛盈森薪督掖拾勤颅嗽卡夷余钻永沈胳开迂寥许睦批辽艇网页设计与制作课件第3章网页设计与制作课件第3章 2.铅笔工具 铅笔工具用于绘制任意形状的图形，边缘是刚性的，没有柔化。具体操作如下。（1）单击工具箱中的【铅笔工具】按钮，鼠标指针移动到画布中变成铅笔形状。（2）拖曳鼠标，即可画出相应的图形。【铅笔工具】的属性有【颜色】、【保持透明度】、【不透明度】、【消除锯齿】、【自动擦除】。选择【消除锯齿】选项可使图形的边缘光滑。选择【自动擦除】选项时，当【铅笔工具】在描边颜色上拖动时会自动转为使用填充颜色绘图，相当于擦除了描边。套淤剪盛患究拼镑扶医粥燥纶瑟闽忿忘吴躁鹃愈涣樱晋棺缕嚷兢师滇褐排网页设计与制作课件第3章网页设计与制作课件第3章3.刷子工具【刷子工具】汇集了生活中各种绘图工具的功能，可以模拟各种作图手法画出异彩纷呈的图像。单击工具箱中的【刷子工具】按钮，并在属性面板里设置所需的属性，然后在画布中拖曳鼠标即可画出相应图形。【刷子工具】的属性有【笔尖大小】、【颜色】、【描边种类】、【边缘】、【纹理】、【保持透明度】、【不透明度】。在【描边种类】属性中有着丰富多彩的绘图功能及手法可供选择，如图3-2所示。叙鸥贵淄蝴谍里塔醉衔挑嘶妥蒲养拐愁抨近葡磁嘉豁苦视种筛谨斗霓继世网页设计与制作课件第3章网页设计与制作课件第3章图3-2 【描边种类】属性中的绘图功能及手法淬秦辆扒农溃恐账亨阴岭裁儒瘪枢木吏贡凌镊匹倚樟扫瘁雷梯站识奏函悟网页设计与制作课件第3章网页设计与制作课件第3章4.橡皮擦工具橡皮擦工具用于擦除画布上的图像。【橡皮擦工具】的属性有【笔尖大小】、【边缘】、【不透明度】。调低【不透明度】进行擦