选择显示字体大小

用freehand实现位图矢量化

  目前矢量图的运用越来越广泛,特别是对于喜欢flash动画的闪客来说,完成一个好作品经常需要大量精美的矢量图片。如果你善于手绘,那当然最好了,可毕竟不是每个人都能画得很好,而网上能找到的现成的矢量图片并不多,所以很多人会选择采用把位图转化为矢量图的方法。目前可以完成这项工作的软件很多,今天我们就试试freehand内置的trace工具来实现位图到矢量图的转化工作。

  首先要把需要转化的位图导入freehand,请使用import命令,当出现直角符号的时候,在作图区点击一下就行了。如果你是新建的空白文件的话,位图会导到foreground层,有必要的话先调整好位置,为了防止以后不小心移动它,请先把位图所在层锁起来,然后点击层面板右上方的黑色三角形在foreground层上面新建一层,这一层用来单独放置转化后的矢量图。(现在层面板的情况如图)


  这里我导入了一幅桃花的图片来做实验。看到浮动工具栏上魔术棒样子的图标了吗?它就是trace工具,点击它后直接在位图上方拖曳出一个区域,区域所包含的位图将被转化为矢量图,如果你象我现在这样需要转化整张图片的话,只要使拖动的区域覆盖整张图片就可以了。整个转化时间根据图形的复杂程度和你的机器配置来看,象这张比较简单的图像几乎没什么延迟就出来结果了,你现在看到的是密密麻麻的节点,到底效果怎么样还看不清楚,请将foreground暂时隐藏,然后按住ctrl在空白处点击一下。现在看到最后效果了吧,请对比下原始位图和这张采用默认设置转化的矢量图,效果非常不错吧?

  可以说,按照trace默认的设置可以应付大多数的转化,不过多于精益求精的你来说,不可以就此满足,我们还要学会根据实际情况配置不同的转化参数,以得到最佳转化效果。

  双击trace图标打开设置窗口(如右图),可以看到这里需要设置的参数非常多,不过不用怕,我们来一项一项地仔细看清楚。

  1、color mode:用于选择颜色模式,在这里你可以设置最终的矢量图是彩色的还是灰度的,rgb或者打用的cmyk模式,并且你能确定下颜色的数量,颜色数量越多最终效果越细腻,最多为256色,实际使用中16色已经足够。

  2、resolution即分辨率,一般默认的normal就不错了,除非你需要更多的细节,那么可以设为high。

  3、trace layers:转化图层的选择,foreground——前景层,background——背景层,all——所有的层,这里我们的位图处于foreground层,所以我们选择它。

  4、path conversion转化方式。这是最重要的一项设置了,将直接影响最终效果,我们一项项来看看:

  outline:它会把位图转化为一个个独立的矢量色块,它们之间可以互相重叠,这是默认的选项,可以说适合大部分情况,它下面还有个小的选项——path overlap,路径重叠项一般设为loose或者tight,其中tight可以产生更精细的效果,而none适用于转化纯线条或文字的位图。

  centerline:和outline相反,它是用线条来呈现效果的,比较适合那些线条很多而填充很少的图像。下面的uniform lines选中时表示将采用1个point的统一线宽,而取消选中后线宽就会有粗细变化了。(如图)



  centerline/outline:综合了上面两种情况,线条色块兼而有之,主要由软件自己分析,你也可以设置下它们转化的临介值,open path below,数值越大,最终转化为线条也越多,反之,色块将相应地增加。(如图)

  outer edge:比较特殊的一项,它只产生外围的轮廓,你可以在里面填色制作些特殊的效果,当然如果和paste inside配合,可以很方便地去掉位图的背景。(如图)

  5、trace conformity:转化的统一性,这个值越高就和原图越接近,当然节点也会明显增加。

  6、noise tolerance:杂色的容忍度,这也是一个非常重要的设置,容忍度低越接近原图,容忍度太高将丧失更多细节。为了说明问题,我们只转化树枝部分看看,左边这张图容忍度设为5,而右边这张为15,我们移开顶部色块看的清楚些,左边的因为容忍度低,所以内部保留了杂色,而右边的就忽略不记了,不要小看这些细微的杂色,因为是矢量图的缘故,图像的字节数很容易因为它们而迅速提升上去。对于这张图来说,我们并不需要太多的细节,所以采用15的容忍度就比较合适了。

  
容忍度为5的移开树枝    容忍度为15的移开树枝

  7、wand color tolerance颜色容忍度,这一项只有在根据颜色选取转化区域时候才有意义,如果你用过photoshop的话就应该记得,它在魔术棒设置里也有类似的项目,设置的数值越大,选择时候就越宽松,所有接近的颜色都会被选中。

  对于这张图,我们只要修改下杂色容忍度就行了,转化后的效果如图。


  
容忍度为5的整个树枝     容忍度为15的整个树枝

  和其它软件相比,freehandflash本就是一个公司的成品,犹如亲兄弟,所以转化后的矢量图可以直接采用复制粘贴的方法弄到flash里,不存在兼容性问题。

  最终的优化:对于最终的矢量图,最好的情况莫过于尽可能地接近原图而存储的字节数又越小越好,所以有必要的话可以进一步的优化一下。这里提供有两种方法:

  第一种:在freehand里面做,请选中所有的矢量图片,从菜单中选中modify>alter path>simplify,设置一个amount数值,切记不要太贪心了,设为1就差不多了,太高容易变形。

  第二种:在flash里优化。先选中所有矢量图,然后按下ctrl+b,打散它们,选择modify>optimize进行优化,不过我们并不推荐用它来优化,因为有时候会使图形变化比较大。

  


 


关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

Java   Asp   PHP   .Net   XML   C/C++   CGI   VB   Jsp   J2ee   J2se   J2me   EJB   Servlet   Tomcat   Resin   Struts   Weblogic   Eclipse   ANT   GUI   JMS   Web servise   IDEA   Webphere   Hibernate   Spring   Jboss   Applet   Swing   Socket   Javamail   Perl   Ajax   P2P   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范

Valid CSS!

无不良内容,无不良广告,无恶意代码

Valid XHTML 1.0 Transitional

creativecommons