《网页设计与制作课件第3章.pptx》由会员分享，可在线阅读，更多相关《网页设计与制作课件第3章.pptx（82页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、本章重点：l 位图绘图和编辑操作l 位图的选区操作l 矢量图绘图和编辑操作l 路径的操作l 文字的使用方法l 路径、文字、选区互相转换第1页/共82页位图是由像素组成的。Fireworks 8提供了许多修饰位图图像的方法，包括修饰、裁剪、羽化和克隆图像等操作。利用图层和蒙版技术还可以进行图像的后期创作，可以取得一些特殊的效果。3.1位图绘制第2页/共82页3.1.1位图的绘图操作1.绘图工具的常用属性Fireworks8工具箱里有很多绘图工具，在属性面板里可以设置绘图工具的各种属性，使之具有各种不同的功能和状态，以满足各种各样的绘图需求。属性面板里各项属性的功能如下。(1)【颜色】：用户可以通
2、过单击【颜色选择按钮】打开颜色拾取框来选择所需的颜色，颜色拾取框上列出了网络安全色；单击【系统颜色选取器】按钮可以打开调色板，选用其它丰富多彩的颜色。单击【透明】按钮可以选择无色。第3页/共82页 图3-1 Fireworks 8中的颜色拾取框 第4页/共82页Fireworks8中要设置的颜色主要有画布颜色、描边颜色和填充颜色三种。描边颜色主要为纯色。填充颜色有实心、网页抖动、渐变、图案四种类型。l实心填充采用的是纯色。l网页抖动填充使用网络安全色来组合成新的颜色，尽管新颜色不是网络安全色，但在客户端仍能正常地显示。l图案填充采用Fireworks8预设的图案或用户自己选择的图案进行填充。l
3、渐变填充采用若干种颜色之间平滑地过渡来进行填充。单击颜色拾取框上的【填充选项】按钮可以选择填充的类型并作进一步的设置。第5页/共82页(2)【笔尖大小】：用于设置刷子、铅笔、橡皮擦等绘图工具的笔头的粗细。(3)【边缘】：用于设置用绘图工具绘出的图像边缘的柔和程度。(4)【不透明度】：用于设置绘出图像的不透明度，不透明度低的图像颜色较淡，会显示出下层的图像。(5)【保持透明度】：选择保持透明度，绘图工具对画布上未作图的区域将不起作用。(6)【纹理】：用于添加填充区域里的各种纹理。(7)【容差】：有些操作是针对某种颜色的像素进行的，【容差】属性设置的是根据颜色选择像素的精确程度，容差越小则选择颜色
4、越精确，容差越大则会包含更多相似颜色的像素，即选择的范围越大。第6页/共82页2.铅笔工具铅笔工具用于绘制任意形状的图形，边缘是刚性的，没有柔化。具体操作如下。（1）单击工具箱中的【铅笔工具】按钮，鼠标指针移动到画布中变成铅笔形状。（2）拖曳鼠标，即可画出相应的图形。【铅笔工具】的属性有【颜色】、【保持透明度】、【不透明度】、【消除锯齿】、【自动擦除】。选择【消除锯齿】选项可使图形的边缘光滑。选择【自动擦除】选项时，当【铅笔工具】在描边颜色上拖动时会自动转为使用填充颜色绘图，相当于擦除了描边。第7页/共82页3.刷子工具【刷子工具】汇集了生活中各种绘图工具的功能，可以模拟各种作图手法画出异彩纷
5、呈的图像。单击工具箱中的【刷子工具】按钮，并在属性面板里设置所需的属性，然后在画布中拖曳鼠标即可画出相应图形。【刷子工具】的属性有【笔尖大小】、【颜色】、【描边种类】、【边缘】、【纹理】、【保持透明度】、【不透明度】。在【描边种类】属性中有着丰富多彩的绘图功能和手法可供选择，如图3-2所示。第8页/共82页图3-2 【描边种类】属性中的绘图功能和手法第9页/共82页4.橡皮擦工具橡皮擦工具用于擦除画布上的图像。【橡皮擦工具】的属性有【笔尖大小】、【边缘】、【不透明度】。调低【不透明度】进行擦除，可使被擦除的图像变淡。调高【边缘】，可使被擦除图像的剩余部分边缘柔和化。5.滴管工具滴管工具用于从画
6、布上已有的图像中选取颜色指定为描边颜色或填充颜色。单击工具箱中的【滴管工具】按钮，将鼠标移到画布里的取色点处单击即可获取颜色。【滴管工具】只有【示例】一个属性。用户可以选取单个像素的颜色、33像素区域内的平均颜色值或55像素区域内的平均颜色值。第10页/共82页6.油漆桶工具用于对画布上某种颜色的连续区域或某选定区域使用填充色进行填充。单击工具箱中的【油漆桶工具】按钮，然后选择一种填充颜色后，单击图像中要填充的区域，便可填充当前的颜色。【油漆桶工具】的属性有【颜色】、【容差】、【填充选区】、【保持透明度】、【边缘】、【纹理】、【不透明度】。选择【填充选区】，则填充范围为使用选择工具选定的选区。
7、不选择【填充选区】，并设置【容差】，则填充范围取鼠标单击处颜色的连续区域。【边缘】属性有实边、消除锯齿和羽化三个选择。设置羽化值后，在填充范围的边缘会产生渐变晕开的柔和效果，羽化的取值范围在0100像素之间。第11页/共82页7.渐变工具【渐变工具】是与【油漆桶工具】类似的填充工具，只是采用的是渐变的填充色。通过选择颜色混合模式和渐变方式，Fireworks8提供了很强的渐变功能。单击工具箱中的【渐变工具】按钮，设置【颜色】属性时选择颜色混合模式和渐变方式，如图3-3和3-4所示，在要填充的区域内拖动鼠标便可完成各种渐变方式的填充。第12页/共82页图3-3 颜色混合模式 第13页/共82页
8、图3-4 渐变方式 第14页/共82页3.1.2 位图的选区操作用户可使用各种选择工具在位图中设置选区，把编辑范围限制在选区内。在取消选区前，对位图的操作只在选区内有效。选区的设置可以是规则的，也可以是不规则的。使用【选取框工具】和【椭圆选取框工具】可以设置规则选区。使用【套索工具】和【魔术棒工具】可以设置不规则选区。第15页/共82页1.设置矩形选区用于设置矩形选区的是【选取框工具】。单击工具箱中的【选取框工具】按钮，将鼠标移动到画布中，此时鼠标会变化为十字形，拖动鼠标选取需要的区域，选中的区域四周会出现闪烁的虚线框。2.设置椭圆选区用于设置椭圆选区的是【椭圆选取框工具】。具体操作类似于【选
9、取框工具】。在使用【选取框工具】或【椭圆选取框工具】选取区域时，如果按住键可以得到正方形或者圆形的选区；如果按住键则会以鼠标单击点作为选区的中心来绘制选区。第16页/共82页3.设置不规则选区用于设置不规则选区的是【套索工具】。具体操作如下：（1）单击工具箱中的【套索工具】按钮，此时鼠标将变成套索的形状。（2）沿着需要选取的区域拖动鼠标，此时画布上会随着鼠标的移动出现一条曲线。（3）如果想创建封闭选区，则将鼠标移动到起点位置附近，当鼠标右下角出现黑色的小方块时释放鼠标即可。如果不想继续选取区域，可以释放鼠标，则在起点和释放鼠标的地方将自动生成一条直线，从而形成闭合区域。第17页/共82页4.设
10、置多边形选区用于设置多边形选区的是【多边形套索工具】。具体操作如下：（1）单击工具箱中的【多边形套索工具】按钮，此时鼠标将变成套索的形状。（2）单击鼠标设置多边形选区的起点，然后在每一个多边形的顶点处单击鼠标。（3）如果想创建封闭选区，则将鼠标移动到起点位置附近，当鼠标右下角出现黑色的小方块时释放鼠标即可；如果不想继续选取区域，可以释放鼠标，则在起点和释放鼠标的地方将自动生成一条直线，从而形成闭合区域。使用【多边形套索工具】设置多边形选区时，如果同时按住Shift键，多边形区域的边界线段将会按照45度整数倍方向选取。第18页/共82页图3-5 各种选区第19页/共82页5.根据像素的颜色来设置
11、选区【魔术棒工具】能够在图像上选取与某种颜色相似的像素。单击工具箱中的【魔术棒工具】按钮。在图像中需要选择的颜色上单击，则与该单击处颜色类似的像素组成的连续区域成为选区。如图3-6所示。【魔术棒工具】属性的【容差】值越大，则被选取像像素的颜色的相似程度越低，选取的范围越大。第20页/共82页图3-6 使用【魔术棒工具】选取选区第21页/共82页以上选择工具都有【边缘】属性，分实边、消除锯齿和羽化三个选择项，也就是在对应选区被填充后边缘的三种情况。设置羽化值后，填充范围的边缘部分会产生渐变晕开的柔和效果，其羽化的取值范围在0100像素之间。如果要取消选区，可以按+组合键。用鼠标拖动选区的边框可以
12、移动选区，通过键盘上的方向键可以对选区的位置进行微调。第22页/共82页6增加选区如果需要增加选中的像素区域，则用【指针工具】选中第一个选区，再按住Shift键再继续选择其他的像素区域，此时原先选中的区域仍然处于被选中状态。如果几个选中区域有重叠的区域，则重叠部分被合并，最后选中的区域将是这几个区域的并集区域。7减少选区如果需要减少已经选中的区域，则先用【指针工具】选中第一个选区，再按住Alt键选择想要删除的第二个选区，最终选区即第一个选区除去与第二个选区相交的剩余部分。第23页/共82页8相交选区如果需要选取多个区域之间的交集，可先用【指针工具】选中第一个区域，然后按住Shift+Alt键拖
13、动鼠标选取第二个区域，释放鼠标，这样就选中这两个区域之间的交集区域。9扩展选区将原选区沿其边框扩展若干像素。选择某一区域，选择【选择】|【扩展选区】命令，在弹出的对话框中输入需扩展的像素数，单击【确定】即可扩展选区。第24页/共82页10收缩选区将原选区沿其边框收缩若干像素。选择某一区域，选择【选择】|【收缩选区】命令，在弹出的对话框中输入需收缩的像素数，单击【确定】即可收缩选区。11反转选区用于将原先没有被选择的区域变为选取区域，而已选取的区域变为不选取区域。选择某一区域，选择【选择】|【反选】命令，此时原选区以外的部分成为选区。第25页/共82页图3-7 反转选择区域 第26页/共82页1
14、2取消选区取消选区的方法可以选择菜单【选择】|【取消选择】命令，或者按组合键+。13保存/恢复选区选择菜单【选择】|【保存位图所选】命令，可保存现有的选区以备后用。选择菜单【选择】|【恢复位图所选】命令，可恢复保存的选区。第27页/共82页3.1.3 位图的编辑操作一幅位图经过编辑后，有时需要对其局部的或者整个图像做一些修整，例如将图像的局部复制到另一个区域，或者将局部图像加深或减淡等，通过工具箱中位图的一些修饰工具可以达到目的。第28页/共82页1.位图的模糊和锐化【模糊工具】可以柔化图像，降低图像中像素之间的反差。【锐化工具】可以增加图像中像素之间的反差，使图像更清晰，起着与【模糊工具】相
15、反的作用。单击工具箱中的【模糊工具】按钮后，在其属性面板中设置各个属性的参数值，然后在图像中需要做模糊处理的部位拖动鼠标。【模糊工具】的属性有【笔尖大小】、【边缘】、【形状】、【强度】。【形状】属性用于设置笔头的形状是圆形还是方形。【强度】属性用于设置模糊处理的强度。【锐化工具】的操作和属性同【模糊工具】。第29页/共82页原图片 模糊处理后 锐化处理后图3-8 图片分别使用【模糊工具】、【锐化工具】后的效果第30页/共82页2.位图的减淡和加深【减淡工具】和【烙印工具】用于改变图像的曝光度，使图像变亮或者变暗。用这两个工具能方便地处理图像中的局部区域，而不用改变整个图像的色调。单击工具箱中的
16、【减淡工具】按钮后，在其属性面板中设置各个属性的参数值。然后在图像中需要做减淡处理的部位拖动鼠标。【减淡工具】的属性有【笔尖大小】、【边缘】、【形状】、【曝光】、【范围】。第31页/共82页【形状】属性用于设置笔头的形状是圆形还是方形。【曝光】属性的数值设置范围为0%到100，百分比越高，曝光率越强。【范围】属性包括以下三个选项：【阴影】：以改变图像中的深色调像素为主。【中间影调】：以改变图像中的中间色调像素为主。【高光】：以改变图像中的亮色调像素为主。【烙印工具】的操作和属性同【减淡工具】。第32页/共82页原图片 减淡的树林 加深的树林图3-9 图片分别使用【减淡工具】、【加深工具】后的效
17、果第33页/共82页3 位图的克隆【橡皮图章工具】只能用于编辑位图对象，用于图像中的部分像素在图像内的复制，它是一种同步工具，包括两部分：取样指针和绘图指针。取样指针指向克隆过程中取样的图像部分，绘图指针则将取样的图像部分在图像中另外的地方复制出来。在克隆的过程中两种指针的位置关系是固定的。具体操作如下：第34页/共82页（1）在工具箱中单击【橡皮图章工具】按钮。（2）在图像上单击一次鼠标，设定取样指针的初始位置，此时图片上被单击的区域会出现一个十字型的光标（表示取样指针），移动的光标则变化为圆形（表示绘图指针）。（3）将绘图指针移动到图像中要克隆的位置并拖动鼠标。在鼠标移动的过程中，取样指针
18、和绘图指针的位置关系是固定的；随着鼠标的移动，取样指针处的像素被复制到绘图指针指向的地方。第35页/共82页【橡皮图章工具】的属性有【笔尖大小】、【边缘】、【按源对齐】、【使用整个文档】、【不透明度】、【混合模式】。【按源对齐】属性决定取样区域是否固定。如果选择【按源对齐】，则取样区域不固定，但取样指针和绘图指针始终保持固定的位置关系，这样就可以保证克隆的区域都能保持原先的位置关系。如果不选择【按源对齐】，则不管绘图指针在哪里，取样区域都是固定的。这样同一区域就可在多处复制。【使用整个文档】属性决定是否从图像的所有层上的所有对象中取样。不选择【使用整个文档】，取样指针只从活动对象中取样。另外，
19、【部分选定工具】和选区工具也能方便地进行位图复制，在需复制的图像区域上设置一个选区，单击工具箱里的【部分选定工具】，将选区拖动到目的地放开即可。第36页/共82页4.裁剪位图【裁剪工具】用于裁剪位图。具体操作如下：（1）单击工具箱中的【裁剪工具】按钮，鼠标变为裁剪形状。（2）用鼠标在位图上拖出一个矩形虚线框，如图3-11所示。该矩形虚线框可以移动和改变大小，框内就是裁剪后得到的图像。第37页/共82页图3-10 使用【橡皮图章工具】克隆蝴蝶 第38页/共82页（3）双击鼠标或按Enter键即可完成位图的裁剪，如图3-12所示。图3-11 拖出一个矩形虚线框 图3-12 裁剪后的图像第39页/共
20、82页3.2 矢量图绘图矢量图绘图是通过描边和填充来完成的，其工具一般都有与描边和填充相关的属性。矢量图形的轮廓就是路径，路径由曲线和曲线上的锚点组成。图3-13和图3-14分别是闭合与开放的路径的范例，其中A、B、C、D是锚点，E、F点是锚点的控制线上的控制点，拖动控制点可以改变曲线段的形状。第40页/共82页图3-13 椭圆的轮廓是一个闭合的路径第41页/共82页锚点分平滑点和角点。两侧的控制线始终在同一直线上的锚点称为平滑点，拖动平滑点一侧的控制点，则另一侧的控制点会做同步运动；同时改变平滑点两侧的曲线形状，路径在平滑点处将始终平滑。两侧的控制线不在同一直线上或根本就没有控制线的锚点称为
21、角点，角点一侧的控制点可被独立拖动，一侧的曲线形状改变后，路径在角点处不平滑。第42页/共82页图3-14 开放的路径第43页/共82页3.2.1绘制几何图形1.绘制直线用于绘制直线的是【直线工具】。具体操作如下：（1）单击工具箱中的【直线工具】按钮。（2）在画布中直线的起始位置拖曳鼠标至结束位置即可绘制直线。拖曳时按住键，则可绘制水平、垂直或者与水平方向呈45度角的直线，直线的两端是两个锚点。【直线工具】的属性【笔尖大小】、【颜色】、【描边种类】、【边缘】、【纹理】、【不透明度】。不难发现，【直线工具】与【刷子工具】的属性几乎一样，只是少了一个【保持透明度】属性。与【刷子工具】一样，在【描边
22、种类】属性中有着丰富多彩的绘图功能和手法供选择。第44页/共82页2.绘制各种几何图形Fireworks8的工具箱中提供了一套绘制各种几何图形的工具，如图3-15所示。这些工具的绘图方法一样，属性设置也一样。下面以【矩形工具】为例做一简要介绍。【矩形工具】用于绘制矩形。具体操作如下：（1）单击工具箱中的【矩形工具】按钮。（2）在画布中矩形的左上角位置拖曳鼠标至右下角位置即可绘制矩形。拖曳同时按住Shift键，则可绘制正方形。用【指针工具】选定矩形的轮廓，可以看到矩形的轮廓上分布的锚点，用鼠标拖曳锚点可以改变矩形的形状。矩形的【属性】面板如图3-16所示，从左到右分别为矩形左上角坐标（x，y）和
23、矩形尺寸(w，h)、信息区域、填充属性区域、描边属性区域等。除了信息区域和填充属性区域，其余都与【直线工具】的属性相同。【矩形工具】的填充属性与【油漆桶工具】工具一样，可以选择填充方案和加上丰富多彩的纹理。其他工具操作与【矩形工具】类似不再一一介绍。第45页/共82页图3-15 绘制几何图形的工具 第46页/共82页图3-16 【矩形工具】的【属性】面板第47页/共82页3.2.2 绘制路径通常需要绘制自由形状的矢量图形时，可以使用【钢笔工具】或者【矢量路径工具】来实现。1.用【钢笔工具】绘制路径1）【钢笔工具】绘制直线路径单击工具箱中的【钢笔工具】，此时光标变为钢笔尖形状。在画布上单击确定路
24、径的第一个锚点，移动鼠标到其他位置单击确定第二个锚点，两个锚点之间生成一条直线，如图3-17（a）所示，依此方法可以绘制路径上的其余锚点。在确定最后一个锚点时双击可以结束路径的绘制，如图3-17（b）所示。如果起点和终点不重合，则会得到开放的路径，否则会得到闭合的路径。在路径上单击产生的锚点是角点。第48页/共82页2）【钢笔工具】绘制曲线段路径单击工具箱中的【钢笔工具】，此时光标变为钢笔尖形状。在画布上单击确定路径的第一个锚点，移动鼠标到其他位置单击确定第二个锚点并拖动，直至产生的线段为合适的曲率。依此方法可以确定路径上的其余锚点并拖动，获得需要的曲线。在确定最后一个锚点时双击可以结束路径的
25、绘制。如果起点和终点不重合，则会得到开放的路径，否则会得到闭合的路径。在路径上单击产生的锚点是角点。第49页/共82页图3-17 用【钢笔工具】绘制直线段路径 第50页/共82页用【钢笔工具】绘制路径常用的方法先绘制路径中的锚点来确定路径的形状，锚点之间开始是直线段，通过拖动各个锚点的控制点可以改变路径的形状，将直线段转换为曲线段。第51页/共82页2.用【矢量路径工具】绘制路径【矢量路径工具】绘图方法与【刷子工具】类似，不同之处在于【刷子工具】绘出的是位图，【矢量路径工具】绘出的是路径，路径上有很多锚点可用于改变路径的形状。【矢量路径工具】绘制路径是拖动鼠标连续绘制的过程。绘制同样形状的路径
26、，如果拖动鼠标的速度较快，那么路径上产生的锚点较少；如果拖动鼠标的速度较慢，则在路径上产生的锚点就较多。如果需要绘制水平线或者垂直线，应该在拖动鼠标的时候按住Shift键。【矢量路径工具】的属性与【直线工具】一样；与【刷子工具】相比，只是少了一个【保持透明度】的属性。与【刷子工具】一样，在【描边种类】属性中有着丰富多彩的绘图功能和手法可供选择。第52页/共82页图3-18使用【矢量路径工具】绘制路径第53页/共82页3.路径上锚点的操作使用【钢笔工具】在路径上没有锚点的任何位置单击，即可在路径上添加一个锚点。使用【钢笔工具】单击路径上的角点或双击路径上的平滑点，即可删除该锚点，删除后路径的形状
27、会因之改变。使用【钢笔工具】单击路径上的角点，并用鼠标拖动该角点即可将之转换为平滑点。使用【钢笔工具】单击路径上的平滑点，可以使平滑点改变为角点。或者按住Alt键，使用【部分选定工具】拖动平滑点的任意一个控制点。第54页/共82页4.调整路径的形状使用【指针工具】拖动路径可以移动路径。使用【指针工具】或【部分选定工具】单击可选中路径，选中后用【部分选定工具】拖动路径上的锚点可改变路径的形状。使用【钢笔工具】可将锚点改成自己需要的类型。如果角点的一边是直线段，则无控制线和控制点。按住Alt键并用【部分选定工具】拖动锚点则直线段变成曲线段，并产生控制线和控制点。用【部分选定工具】单击锚点，可显示锚
28、点的控制线和控制点，拖动平滑点两边的控制点，可同步改变平滑点两边的曲线形状，曲线在平滑点处始终保持平滑。拖动角点一边的控制点，可独立改变角点一边的曲线形状。第55页/共82页5.重绘路径重新绘制原来完整路径当中的一部分，原来的部分被替换。也可对开放的路径进行扩展。用于重绘路径的是【重绘路径工具】，具体操作如下：（1）单击工具箱中的【重绘路径工具】。（2）选择路径上的任何一点拖动开始重绘路径，被替代的路径部分以红色高亮显示。从开放的路径端点处开始重绘路径可以扩展原路径。（3）松开鼠标后原路径上以红色高亮显示的部分被新绘制的路径替代，并保留原路径的各种属性。第56页/共82页图3-20 重绘路径第
29、57页/共82页3.2.3组合路径Fireworks8中路径的创建方法多种多样，可以将多个简单路径组合为一个复杂的路径，也可以将一个复杂的路径拆分为多个简单的路径。通过其菜单命令【修改】|【组合路径】下的几个子菜单，可以实现对路径的各种组合操作。第58页/共82页1.联合路径的联合不仅可以将两个或者多个闭合路径合并为一个包括原始路径的新路径，而且能将其中重合的路径部分完全融合，最终所得到的路径为最先放置的对象的笔触和填充属性。选中对象后，选择【修改】|【组合路径】|【联合】命令，就可得到如图3-21所示效果。第59页/共82页图 3-21 应用【联合】命令前后效果图第60页/共82页从图3-2
30、1中可以看出，选择【联合】命令后生成的新图形的填充属性和矩形的填充属性相同，说明具有不同属性的对象联合后，新生成的对象的笔触和填充属性与原来位于最下层对象（即最先放置的对象）的属性是相同的。第61页/共82页2.相交相交命令可以将两个或者多个闭合路径的重叠部分保留下来，并形成一个新的路径。按住Shift键，并选中要进行相交操作的两个或多个路径，然后选择【修改】|【组合路径】|【相交】命令，可得到如图3-22所示的效果。新生成的对象的笔触和填充属性与最先完成的矩形的属性是相同的。第62页/共82页图3-22应用【相交】命令前后效果图第63页/共82页3.打孔打孔命令将删除所选路径对象的某些部分，
31、而这些被删除的部分正是由位于最前面的所选路径对象与后方所选路径对象重叠部分定义的。按住Shift键，同时选择要删除区域的多个路径，选择【修改】|【组合路径】|【打孔】命令，就会按最前面的路径的形状来删除其他路径，保留部分的笔触和填充属性保持原样不变，效果如图3-23所示。选择【打孔】命令时，会按最前面的对象的形状来删除其他的对象，最终生成的对象的笔触和填充属性与原来处于最前面的对象是相同的。第64页/共82页图3-23 应用【打孔】命令前后效果图第65页/共82页4.裁切裁切命令可以使用最前面路径的形状去裁切后面的路径，新的路径应用下方的对象的笔触和填充属性。在修剪路径时，可先选择用来定义要修
32、剪的区域的路径，单击【修改】|【排列】|【移到最前】命令，然后按住Shift键，选择其他的路径，再选择【修改】|【合并路径】|【裁切】命令，就可得到如图3-24所示的效果。此命令也是与对象的排列次序有关，新生成的路径对象的笔触和填充属性与下面的对象的属性是相同的。第66页/共82页图3-24应用【裁切】命令前后效果图第67页/共82页5.接合与拆分路径利用路径的基本操作可以方便自如地处理路径相互之间的关系，达到整形路径的目的。所谓路径的合并是指将两个或两个以上路径的边连接起来，成为一条路径。合并路径的具体可以在编辑窗口中绘制两条路径，选中两条路径中要连接的点，如图3-25（a）所示。选择【修改
33、】|【组合路径】|【接合】命令，此时两条路径中被选中的两点之间会自动生成一条新的路径，如图3-25(b)所示。第68页/共82页图3-25 路径的合并示意图第69页/共82页拆分路径的操作是选中需要拆分的路径后，选择【修改】|【组合路径】|【拆分】命令，就可以将经过接合的复合路径拆分成合并前的路径，经过拆分的路径将恢复原来的填充属性。第70页/共82页3.2.4显示和隐藏路径在默认的情况下，使用【指针工具】选中对象时，就会高亮显示对象的路径及路径上的点，可以清楚地了解对象的形状。用鼠标拖动使用【指针工具】选中的对象路径上的控制点，则会移动对象。而使用工具箱中的【部分选定工具】选择路径对象时，可
34、以看到路径上决定路径形状的控制点，路径的控制点显示为空心的小方块，用鼠标拖动控制点可以改变对象的形状。显示路径可以为修改矢量对象带来方便，但有时候可以根据需要隐藏对象的路径信息，其方法是：选择菜单【查看】|【隐藏边缘】命令，或者按住F9快捷键。再次按住F9键或取消【隐藏边缘】命令的选中状态，即可再次显示路径。第71页/共82页3.2.5 路径与选区的转换利用路径工具绘制复杂的路径后将之转换为选区，就可得到利用选区工具很难做出的选区，同样可以利用【魔术棒工具】等选区工具选择的不规则选区，也可以转换为路径。将路径转换为选区的操作可以先选择要转换的路径，然后选择【修改】|【将路径转换为选取框】命令便
35、可。将选区转换为路径的操作可以选择【选择】|【将选取框转换为路径】命令来完成。第72页/共82页3.3 使用文字3.3.1 输入与格式化文本【文本工具】用于输入文本，具体操作如下：（1）工具箱中单击【文本工具】。（2）用鼠标在画布上单击或者拖动鼠标建立文本输入框。单击建立的文本输入框是没有宽度限制的，其宽度会随输入文本的增加而扩展。拖动鼠标建立的文本输入框有宽度限制，当输入文本到达文本输入框的边缘时会自动换行。（3）输入文本。（4）在文本外部单击鼠标或者按Esc键结束输入。Fireworks8还可导入文本文件，具体方法与导入图片相同，格式可以是txt或rtf文件。【文本工具】的属性面板如图3-
36、26所示。格式化的属性可以在输入文本前设置，也可在文本输入以后用鼠标选定要格式化的文本进行设置。第73页/共82页图3-26 【文本工具】的属性面板 第74页/共82页对于文本中的文字，可以选择字体、大小、颜色、是否设为粗体，斜体或添加下划线。对文字的边缘，可以选用消除锯齿的级别。文字的颜色设置的是填充色，单击字体颜色选择框里的填充选项，可以选择实心、网页抖动、渐变、图案等填充类型，也可加上各种各样的纹理，使文字的颜色多姿多彩。属性【段落缩进】设置的是段落首行缩进多少个像素。属性【段前空格】和【段后空格】设置的是段落与前后段落之间空开的距离第75页/共82页【段落对齐】有左对齐、右对齐、居中对
37、齐、齐行和伸展对齐五种方式。齐行就是两端对齐，它保证段落的两边均对齐，最后一行等距离间隔。伸展对齐把文字扩展以填满整个文本框。【文本方向】共有4种。水平方向从左向右、水平方向从右向左、垂直方向从左向右、垂直方向从右向左。属性【字距】设置的是字间的距离，0表示正常的字符间距。正值使文字分得更开，负值使文字比较靠近。属性【字顶距】设置的是段落内的行距。第76页/共82页3.3.2 文本与路径1文本沿路径排列Fireworks8中可以将文本附加到路径上，使文本沿着路径的形状排列，具体操作如下：（1）按住Shift键，使用【指针工具】同时选中文本和路径。（2）选择菜单【文本】|【附加到路径】命令，文本
38、即沿着路径排列，路径会自动隐藏。（3）选择菜单【文本】|【从路径分离】命令，路径将与文本分离。附加在路径上的文本方向由绘制路径时的方向所决定，菜单【文本】|【方向】命令可以修改文本的方向。菜单【文本】|【方向】命令下的四个子命令分别为：第77页/共82页【依路径旋转】：文本依路径旋转，每个字母的底部都紧贴在路径上。【垂直】：文本垂直于路径，每个字母都会垂直于路径排列。【垂直倾斜】：文本垂直于路径时底部贴近路径，形状倾斜，使文本产生流动感。【水平倾斜】：文本水平倾斜于路径，使文本产生扩张的效果。用户也可以通过选择菜单【文本】|【倒转方向】命令改变该文本的排列方向。将文本附加到路径以后，属性面板上
39、会多出一个【路径偏移】属性。Fireworks8默认文本从路径的开始位置进行放置。设置【路径偏移】属性可以确定文本在路径上排列的起始位置。第78页/共82页图3-27 文本沿路径的几种状态 第79页/共82页2将文本转化为路径编辑文字的外形轮廓能产生一些特殊的视觉效果，具体操作如下：（1）使用【指针工具】选定文本。（2）选择菜单【文本】|【转换为路径】命令。转换为路径后的文本的外观不变，但已失去了原有的文本属性，只能作为路径来编辑。第80页/共82页3.5 本章小结Fireworks8工具箱里有很多功能强大的工具，用于绘制位图、矢量图和编辑文字。其中每个工具都对应有属性面板，用户要学会根据自己的需要设置相应的属性。文字是图像重要的组成元素，Fireworks8提供了完备的文字处理功能。选区和路径是Fireworks8图像绘制和编辑的有力工具，利用选区、路径和文字之间的转换可以使作图更加灵活高效。第81页/共82页感谢您的观看！第82页/共82页