月冷人孤 发表于 2008-12-28 12:22:28

fireworks MX之旅:矢量工具

  昨天我们对fwmx的界面有了个大概的了解,今天开始,我们将比较深入的了解一些fwmx工具的用法。  首先我们来看看工具条中矢量工具。  
www.ad119.cn/bbs/attachments/websoft/20081228/200812281219216277801.jpg
  打开fwmx,我首先找的就是钢笔工具  
www.ad119.cn/bbs/attachments/websoft/20081228/200812281219217877802.jpg
钢笔工具(pen tool)  大家可能会很奇怪,钢笔工具不是在fw一直都有的工具吗?是的,对于fwmx来说,钢笔工具不是新加入的工具,引起我的注意的是,钢笔工具下面有个小三角,难道这里还整合了其他的一些path工具?用鼠标左键按住不动,我看到其他的两个工具。原来,mm公司将原来fw4里的笔刷和重画路径工具都整合到了钢笔下面。

  在我们制作矢量图的过程中,钢笔工具可是基础中的基础,如果钢笔用的好,作起图来将会十分的容易和得心应手。所以我们就拿这件工具来开个头,顺便复习一下钢笔工具的用法好了。  作个什么图呢?不如就作个“心”好了,这样如果以后又要类似图片的时候,就不用东找西找的了,直接就可以自己做。  新建一个文件,长和宽各为400,背景色为白色。  点中钢笔工具的图标,这时properties面板将会显示pen tool的一些属性,如下图所示:
www.ad119.cn/bbs/attachments/websoft/20081228/200812281219219377803.jpg
  将stoke(笔触)选成pencil 1pix soft,颜色为黑(■ #000000),fill(填充)为透明,也就是none。  在画布上点四个点,作出心型的轮廓。
www.ad119.cn/bbs/attachments/websoft/20081228/200812281219219377804.gif
  然后使用
www.ad119.cn/bbs/attachments/websoft/20081228/200812281219217877802.jpg
配合节点选择工具
www.ad119.cn/bbs/attachments/websoft/20081228/2008122812192112577805.jpg
调节这四个节点,作出心型的样子,用pen,关键就是耐心,细心一点,就可以作出不错的图片来。
www.ad119.cn/bbs/attachments/websoft/20081228/2008122812192118777806.gif
  选中刚刚画好的路径,在properties面板里修改该路径属性,将stoke选为none,fill颜色为solid橙红色(■ #ff3300)。
www.ad119.cn/bbs/attachments/websoft/20081228/2008122812192121877807.gif
  所得图象如下
www.ad119.cn/bbs/attachments/websoft/20081228/2008122812192121877808.gif
  接着还可以在这个基础上加上高光等等,该图png原文件如下:
www.ad119.cn/bbs/attachments/websoft/20081228/2008122812192125077809.png
  钢笔工具还是和以前一样,没有变化,不过fw的钢笔向来就是最方便快捷的,所以我还是很满意的。

  下面我们看看矢量路径工具(vector path tool)和重画路径工具(redraw path tool)。
     
www.ad119.cn/bbs/attachments/websoft/20081228/20081228121921265778010.jpg
矢量路径工具(vector path tool):  这个工具其实在fw4中就存在了,其实这个也就是fw4中的笔刷工具(brush tool)。使用矢量路径工具,我们可以很随意的画出各种曲线路径。  这个就是点中矢量路径工具后的properties面板:

www.ad119.cn/bbs/attachments/websoft/20081228/20081228121921328778011.jpg
  可以看到里面只有stoke和透明属性,而没有前面我们看到的钢笔工具属性面板中的fill属性。  调节了一下矢量路径工具的stoke,然后在一个画布上随意的画了个螺旋线,用鼠标画的,嘿嘿。 :)  
www.ad119.cn/bbs/attachments/websoft/20081228/20081228121921343778012.gif
  <IMG height=30 src="http://www.jcwcn.com/Files/BeyondPic/jcwcj/2005-12/10/
页: [1]
查看完整版本: fireworks MX之旅:矢量工具