gggds 发表于 2009-12-27 13:27:37

FW MX 2004教程(2):绘图工具

 和许多主流的图像处理软件一样,Fireworks的绘图工具主要都集中在“工具条”上。利用这些工具可以绘制出各种图形,并可为其设置相应的属性,如颜色、大小、位置等等。

  Fireworks MX 2004的“工具条”中增加了不少新工具,并与原有的工具在一起被编排为六个类别:选择区、位图、矢量、Web、颜色和视图区。有些工具按钮的右下角有一个小三角,说明这个工具包含有其它几种不同的工具,按住这个工具按钮不放就能显示其它的工具。
  我们先来介绍位图区的绘图工具。  文章导读:
  \" target=_blank  \" target=_blank  \" target=_blank  \" target=_blank  \" target=_blank  \" target=_blank  \" target=_blank  \" target=_blank
  1、选区工具
  图2—01为工具条中位图区的主要工具,其中的“矩形”、“椭圆形”、“套索”、“多边形套索”和“魔术棒”工具都用于约束位图的编辑范围,所有的位图编辑例如剪切、复制、填充等只能在该范围内有效。

http://www.blue1000.com/upload/2005_01/050120044590171.jpg
图2—01
  选区工具:用选区工具选取的区域以转动的黑白线(蚂蚁线)表示。当按住Shift键的同时,再画出一个选取框,即可组合成一个新的选取区域。如图2—02。

http://www.blue1000.com/upload/2005_01/050120044590172.jpg
图2—02
  而在按住Alt键的时候,再次画出来的矩形选区则会把原来选区的相交部分裁切掉。

http://www.blue1000.com/upload/2005_01/050120044590173.jpg
图2—03
  取消选区时可先点击选取工具,然后单击选区以外的任何地方。
  在选取框的属性面板上显示了目前该选取框的大小及坐标位置,等相关信息。

http://www.blue1000.com/upload/2005_01/050120044590174.jpg
图2—04
  在样式选项中可使该选取框在“正常”、“固定大小”和“固定比例”这三个样式中切换。
  正常——默认的选择方式,也最为常用。可以用鼠标拉出任意矩形或椭圆形选取区域。
  固定比例——可以任意设定矩形或椭圆选区的宽高比。只需在该选项的下方输入相应的宽高比数值。
  固定大小——在这种方式下可以通过输入宽和高的数值来精确确定矩形或椭圆选区的大小。
  边缘选项可以对选区边缘的硬化程序进行设置。
  实边——选区边缘呈锯齿状,没有任何的柔化过渡。
  消除锯齿——可使选区边缘有最基本的柔化。
  羽化——可以消除选取区域的正常硬变边缘,使其柔化。也就是使边界产生一个过渡段,该选项的取值为0—100之间,数值越大,柔化程度也越大。
  “套索”
http://www.blue1000.com/upload/2005_01/050120044590175.jpg
工具:可以随意圈画出所要的选取范围,主要用于选取一些不规则的图形选区。如果选取的曲线终点和起点未重合,Fireworks会自动用封闭成完整的线圈。
  “多边形套索”
http://www.blue1000.com/upload/2005_01/050120044590176.jpg
工具:可以在图像中选取出不规则的多边图形,在选取时同时按下Shift键可使选取线段成直线、水平、45度角方向。

http://www.blue1000.com/upload/2005_01/050120044590177.jpg
图2—05
  与选取框的属性面板相比,套索工具的属性框少了样式选项,其它选项的使用功能则完全样同。
  “魔术棒”
http://www.blue1000.com/upload/2005_01/050120044590178.jpg
工具:这是一个神奇的选取工具。可以用来选取图像中颜色相似的区域,当用魔术棒单击图像上某个点时,与该点颜色相相近的区域将被选中,可以在一些情况下节省大量的精力来达到意想不到的效果。

http://www.blue1000.com/upload/2005_01/050120044590179.jpg
图2—06
  通过魔术棒工具的属性对话框可以设置色彩的容差值和边缘的柔化度。容差值越大,所选取的范围也越大。
  2、自由笔刷工具
  “刷子”
http://www.blue1000.com/upload/2005_01/0501200445901710.jpg
工具和“铅笔”
http://www.blue1000.com/upload/2005_01/0501200445901711.jpg
工具都可以直接在画布上画出任意线条,如图2—07。

http://www.blue1000.com/upload/2005_01/0501200445901712.jpg
图2—07
  在“刷子”工具的属性对话框中可以对刷子的色彩、大小、笔触类形、边缘柔化值、纹理、纹理透明度、刷子透明度、色彩模式等进行设置,如图2—08。

http://www.blue1000.com/upload/2005_01/0501200445901713.jpg
图2—08
  在该属性框的笔触类形下拉列表里有各式各样的笔触类形可以选择,点击“笔触选项”可以编辑新的笔触。

http://www.blue1000.com/upload/2005_01/0501200445901714.jpg
图2—09
  在纹理类型的下拉列表中有数十种填充纹理图案可供选择,同时你还可以从该列表中选择“其它”,从外部导入位图图像作为新的纹理填充。
  在铅笔的属性框中同样可以对线段的色彩、是否选用柔化、透明度数值、自动擦除等进行设置。  3、图像修改工具
  “橡皮擦”
http://www.blue1000.com/upload/2005_01/0501200445901715.jpg
工具:用于擦除位图的颜色。和使用画笔一样,在选中橡皮工具后,按住鼠标左键在图像上拖动即可,如图2—10。

http://www.blue1000.com/upload/2005_01/0501200445901716.jpg
图2—10
  “模糊”
http://www.blue1000.com/upload/2005_01/0501200445901717.jpg
工具:该工具的工作原理就是降低像素之间的反差,使图像产生模糊效果,如图2—11。

http://www.blue1000.com/upload/2005_01/0501200445901718.jpg
图2—11
  “锐化”
http://www.blue1000.com/upload/2005_01/0501200445901719.jpg
工具:与“模糊”工具正好相反,“锐化”工具是用于加深像素之间的反差,使图像更加锐化,效果如图2—12。

http://www.blue1000.com/upload/2005_01/0501200445901720.jpg
图2—12
  “模糊”与“锐化”工具的属性面板完全相同,其中的强度表示模糊或锐化时的笔触强度。

http://www.blue1000.com/upload/2005_01/0501200445901721.jpg
图2—13
  “减淡”
http://www.blue1000.com/upload/2005_01/0501200445901722.jpg
和“烙印”
http://www.blue1000.com/upload/2005_01/0501200445901723.jpg
工具:这两个工具都是用来改变图像的亮调与暗调。原理来源于胶片曝光显影后,经过部分暗化和亮化,来改善曝光效果。效果图分别如下。

http://www.blue1000.com/upload/2005_01/0501200445901724.jpg

http://www.blue1000.com/upload/2005_01/0501200445901725.jpg
图2—14 图2—15
  “减淡”和“烙印”的属性框功能相同,如图2—16。

http://www.blue1000.com/upload/2005_01/0501200445901726.jpg
图2—16
  其中的“范围”选项是对将要处理的特殊色调区域进行色调上的选择。
  暗调——选中后“减淡”和“烙印”工具只作用于暗调区域;
  中间调——选中后“减淡”和“烙印” 工具只作用于中间调区域;
  亮调——选中后“减淡”和“烙印” 工具只作用于亮调区域。
  “涂抹”
http://www.blue1000.com/upload/2005_01/0501200445901727.jpg
工具:该工具在使用时好像时用日常生活中的干笔刷在未干的油墨上擦过一样。也就是说笔触周围的像素会随着“涂抹”工具的笔触一起移动,如图2—17。

http://www.blue1000.com/upload/2005_01/0501200445901728.jpg
图2—17
  4、色彩填充工具
  “滴管”
http://www.blue1000.com/upload/2005_01/0501200445901729.jpg
工具:用于从图像中选取颜色来指定一种新的笔触颜色或填充色。可以选取单个像素的颜色、3x3像素区域内的平均颜色值或5x5像素区域内的平均颜色值。
  “油漆桶”
http://www.blue1000.com/upload/2005_01/0501200445901730.jpg
工具:在绘制时应用于位图和矢量对象的“矩形”、“圆角矩形”、“椭圆”和“多边形”等绘制工具的填充属性。当前的填充会出现在属性对话框、“工具条”面板和组合面板中的“混色器”面板中。可以使用这些面板中的任何一个来更改“油漆桶”工具的填充色。如图2—18所示。

http://www.blue1000.com/upload/2005_01/0501200445901731.jpg
图2—18
  在“油漆桶”的属性对话框中可以看到,该工具的填充类别有实心填充、网页抖动、渐变填充和图案填充四种。 其中各种填充方式又有诸多色彩及样式可供选择。

http://www.blue1000.com/upload/2005_01/0501200445901732.jpg
图2—19
  下面两张图是用渐变填充模式中的“线性填充”和图案填充模式中的“木纹3”进行填充。其中我在“线性填充”时是从图像的左上角按住鼠标不放,然后向图像的右下角进行拖拽,而在用“木纹3”填充时是从图像的中心点上按住鼠标不放,然后向图像的右上角进行拖拽。

http://www.blue1000.com/upload/2005_01/0501200445901733.jpg
  
http://www.blue1000.com/upload/2005_01/0501200445901734.jpg
图2—20    图2—21
  而这种用鼠标拖拽的填充方式也正是“渐变工具”的填充特点。而且“渐变”工具的属性对话框与“油漆桶”的属性框中的功能也非常一样的,所不同的是“渐变工具”的填充模式只有渐变填充。
  5、橡皮图章工具系列
  “橡皮图章”
http://www.blue1000.com/upload/2005_01/0501200445901735.jpg
工具:用来克隆图像的部分区域,以便将其压印到图像中的其它区域。在使用时先要把鼠标移到想要复制的图像上,然后点击鼠标左键以确定复制的起点,然后拖动鼠标在图像的任意位置开始复制。如图2—22和2—23是复制前后的图像。完全没有走样,而且你想复制多少都可以,对于我们这种懒人来说,简直方便极了。

http://www.blue1000.com/upload/2005_01/0501200445901736.jpg
  
http://www.blue1000.com/upload/2005_01/0501200445901737.jpg
图2—22         图2—23
  “替换颜色”
http://www.blue1000.com/upload/2005_01/0501200445901738.jpg
工具:选取一种颜色,可以在这种颜色的范围内,用类似笔刷的东西涂抹成另一种颜色。使用该工具时要先在属性面板中单击“更改”右边的色彩预览框以选取颜色,或在图像中单击以选取你要替换的颜色。然后在“终止”的色彩预览框内选择一种颜色,或在图像中选取将用来替换的颜色。

http://www.blue1000.com/upload/2005_01/0501200445901739.jpg
图2—24
  如图2—25和2—26是替换颜色前后的图像。

http://www.blue1000.com/upload/2005_01/0501200445901740.jpg
  
http://www.blue1000.com/upload/2005_01/0501200445901741.jpg
图2—25         图2—26
  在“替换颜色”的属性框中还可以对“替换颜色”笔触的大小、形状、容差和强度进行设置。而“彩色化”是指用“终止”颜色去替换“更改”颜色。取消选择“彩色化”以便用“终止”颜色对“更改”颜色进行涂染,并保持一部分“更改”颜色不变。
  “红眼消除”
http://www.blue1000.com/upload/2005_01/0501200445901742.jpg
工具:在一些照片中,主体的瞳孔是不自然的红色阴影。因此使用“红眼消除”工具就能轻松的解决这个问题。“红眼消除”工具仅对照片的红色区域进行绘画处理,并用灰色和黑色替换红色。如图2—27和2—28是红眼消除前后的图像。

http://www.blue1000.com/upload/2005_01/0501200445901743.jpg
 
http://www.blue1000.com/upload/2005_01/0501200445901744.jpg
图2—27   图2—28
  位图区的工具介绍完了下面接着来介绍矢量区的主要工具,如图2—29。

http://www.blue1000.com/upload/2005_01/0501200445901745.jpg
图2—29
  6、路径工具
  “直线”
http://www.blue1000.com/upload/2005_01/0501200445901746.jpg
工具:使用“直线”工具可以在画布上直接画出直线,当按住Shift键时可以画出水平、垂直、45度角的直线。

http://www.blue1000.com/upload/2005_01/0501200445901747.jpg
图2—30
  “指针”
http://www.blue1000.com/upload/2005_01/0501200445901748.jpg
工具:使用该工具可以方便地移动直线。用“部分选定”
http://www.blue1000.com/upload/2005_01/0501200445901749.jpg
工具点击直线时,直线的两端会出现控制点,按住鼠标左键拖动直线的一个控制点可以方便地任意改变直线的角度,并可以随意拉长或缩短直线,如图2—31。

http://www.blue1000.com/upload/2005_01/0501200445901750.jpg
图2—31
  “钢笔”
http://www.blue1000.com/upload/2005_01/0501200445901751.jpg
工具:选中“钢笔”工具后单击画布上的不同位置,可以画出由线段组成的直线路径。如果鼠标单击后不松开,而是拖动鼠标,这样画出来的路径就是曲线路径,通过调整曲线的两条控制线可以设定曲线的弯曲度。

http://www.blue1000.com/upload/2005_01/0501200445901752.gif
图2—32
  在调整曲线的控制线时,按住Alt键可以单独控制一条控制线,从而确立下一个曲线线段的走向和弯曲度。

http://www.blue1000.com/upload/2005_01/0501200445901753.jpg
图2—33
  要结束线段的绘制时只需在线段的结束点上进行双击即可。而在画封闭的路径时,则要用鼠标单击起始点或按住起始点拖动就可以了。当钢笔工具的指针位于非路径区域时,指针旁边会有一个小的叉号,如果指针处在路径上时,指针旁会有个十字的标志,此时单击鼠标会增加一个节点。

http://www.blue1000.com/upload/2005_01/0501200445901754.jpg
图2—34
  而当指针处在节点上时,指针旁则会有个一字的标志,单击鼠标可删除该节点。
  “矢量路径”
http://www.blue1000.com/upload/2005_01/0501200445901755.jpg
工具:“矢量路径”工具的使用和“刷子”工具一样,都可以任意画出自由路径。笔触色彩、大小及边缘的柔化值等的设置也都完全相同。
  7、路径修改工具
  “重绘笔刷”
http://www.blue1000.com/upload/2005_01/0501200445901756.jpg
工具:用“细部”工具可以对简单的封闭路径进行编辑。但对于图2—37中这种较复杂、节点较多的封闭路径,就要使用“重绘笔刷” 来处理。

http://www.blue1000.com/upload/2005_01/0501200445901757.jpg
图2—35
  使用“重绘笔刷”沿着弯度重新画一条弧线,重绘的路径部分会以红色高亮显示,这样,原来路径就被新的路径取代了。如图2—36。

http://www.blue1000.com/upload/2005_01/0501200445901758.jpg
图2—36
  “自由变形”
http://www.blue1000.com/upload/2005_01/0501200445901759.jpg
工具:可以直接对矢量路径进行弯曲和变形操作,而不是对各个节点执行操作。Fireworks在更改矢量路径的形状时会自动添加、移动或删除路径上的节点。

http://www.blue1000.com/upload/2005_01/0501200445901760.jpg
图2—37
  “更改区域形状”
http://www.blue1000.com/upload/2005_01/0501200445901761.jpg
工具:使用时,该工具的指针是两个同心圆,只有处于这两个同心圆范围内的路径才会被修改。

http://www.blue1000.com/upload/2005_01/0501200445901762.jpg
图2—38
  “路径切割”
http://www.blue1000.com/upload/2005_01/0501200445901763.jpg
工具:该工具用于切割类如钢笔路径这样的矢量路径。使用时从要切割处按住鼠标左键移动划过。在切割处会增加一个控制点。使用“细部”工具移动一端就可以把线段分开了,如图2—39。

http://www.blue1000.com/upload/2005_01/0501200445901764.jpg
图2—39
   “路径洗刷”
http://www.blue1000.com/upload/2005_01/0501200445901765.jpg

http://www.blue1000.com/upload/2005_01/0501200445901766.jpg
工具:“路径洗刷”工具只能用在具有压力感应刷子描边的路径上。使用时通过在要修改的路径上不断变化的压力或速度来更改路径的笔触属性。这些属性包括路径原有的笔触大小、角度、墨量、离散、色相、亮度和饱和度。使用“笔触选项”对话框的“敏感度”选项卡可以指定这些属性中的哪个属性受到“路径洗刷”工具的影响。还可以指定影响这些属性的压力和速度的数量。
  8、形状工具
  形状工具又被分为“基本形状”和“自动形状”,如图2—40。

http://www.blue1000.com/upload/2005_01/0501200445901767.jpg
图2—40
  基本形状:有矩形、椭圆形和多边形这些简单的几何图形。使用时只需在画布上用鼠标进行拖拽即可画出相应的图形。如图图2—41。

http://www.blue1000.com/upload/2005_01/0501200445901768.jpg
图2—41
  当按住Shift键不放的时候可以画出正方形和圆形,在各形状工具的属性框中都可以方便的为这些图形选择不同的填充模式加以填充。通过颜色的调节手柄可以自由的控制色的填充方向及范围。
  在矩形工具属性框的“矩形圆度”中输入不同的数值,可以画出程度不一的圆角矩形。
  在使用“多边形”工具时,可以在该属性框内先设置好多边形的形状、边数及角度,然后再进行图形绘制。
  自动形状:这是一组智能的矢量绘图工具,这些对象组遵循特殊的规则以简化常用可视化元素的创建和编辑。和基本形状工具组不同,选定的“自动形状”除了有色彩填充手柄外,还具有菱形的控制点。每个控制点都与形状的某个特定变形属性相关联。通过拖动控制点可以改变与其关联的变形属性。大多数“自动形状”控制点都带有工具提示,描述它们会如何影响\"自动形状\"。将指针移到一个控制点上可看到描述该控制点控制的属性的工具提示,如图2—44。

http://www.blue1000.com/upload/2005_01/0501200445901769.jpg
图2—42
  此外,在组合面板中的“形状”面板下还有一组图形较为复杂的智能形状工具。如图2—43。

http://www.blue1000.com/upload/2005_01/0501200445901770.jpg
图2—43
  将这些对象用鼠标直接拖拽至画布内后,同样是通过调节对象上的每个菱形控制点即可改变对象相关属性。如图2—44。

http://www.blue1000.com/upload/2005_01/0501200445901771.jpg
图2—44
页: [1]
查看完整版本: FW MX 2004教程(2):绘图工具