音效素材网提供各类素材,打造精品素材网站!

站内导航 站长工具 投稿中心 手机访问

音效素材

Freehand绘制漂亮桃花矢量图
日期:2014-07-23 15:05:28   来源:脚本之家

  本教程是向大家介绍用Freehand绘制漂亮桃花矢量图,绘制出来的桃花非常美丽。教程介绍绘制步骤很详细,主要是利用Freehand内置的trace工具来实现位图到矢量图的转化工作,希望对大家有所帮助!

  目前矢量图的运用越来越广泛,特别是对于喜欢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的整个树枝

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

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

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

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

  教程结束,以上就是Freehand绘制漂亮桃花矢量图,希望大家喜欢本教程!

    您感兴趣的教程

    在docker中安装mysql详解

    本篇文章主要介绍了在docker中安装mysql详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编...

    详解 安装 docker mysql

    win10中文输入法仅在桌面显示怎么办?

    win10中文输入法仅在桌面显示怎么办?

    win10系统使用搜狗,QQ输入法只有在显示桌面的时候才出来,在使用其他程序输入框里面却只能输入字母数字,win10中...

    win10 中文输入法

    一分钟掌握linux系统目录结构

    这篇文章主要介绍了linux系统目录结构,通过结构图和多张表格了解linux系统目录结构,感兴趣的小伙伴们可以参考一...

    结构 目录 系统 linux

    PHP程序员玩转Linux系列 Linux和Windows安装

    这篇文章主要为大家详细介绍了PHP程序员玩转Linux系列文章,Linux和Windows安装nginx教程,具有一定的参考价值,感兴趣...

    玩转 程序员 安装 系列 PHP

    win10怎么安装杜比音效Doby V4.1 win10安装杜

    第四代杜比®家庭影院®技术包含了一整套协同工作的技术,让PC 发出清晰的环绕声同时第四代杜比家庭影院技术...

    win10杜比音效

    纯CSS实现iOS风格打开关闭选择框功能

    这篇文章主要介绍了纯CSS实现iOS风格打开关闭选择框,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作...

    css ios c

    Win7如何给C盘扩容 Win7系统电脑C盘扩容的办法

    Win7如何给C盘扩容 Win7系统电脑C盘扩容的

    Win7给电脑C盘扩容的办法大家知道吗?当系统分区C盘空间不足时,就需要给它扩容了,如果不管,C盘没有足够的空间...

    Win7 C盘 扩容

    百度推广竞品词的投放策略

    SEM是基于关键词搜索的营销活动。作为推广人员,我们所做的工作,就是打理成千上万的关键词,关注它们的质量度...

    百度推广 竞品词

    Visual Studio Code(vscode) git的使用教程

    这篇文章主要介绍了详解Visual Studio Code(vscode) git的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。...

    教程 Studio Visual Code git

    七牛云储存创始人分享七牛的创立故事与

    这篇文章主要介绍了七牛云储存创始人分享七牛的创立故事与对Go语言的应用,七牛选用Go语言这门新兴的编程语言进行...

    七牛 Go语言

    Win10预览版Mobile 10547即将发布 9月19日上午

    微软副总裁Gabriel Aul的Twitter透露了 Win10 Mobile预览版10536即将发布,他表示该版本已进入内部慢速版阶段,发布时间目...

    Win10 预览版

    HTML标签meta总结,HTML5 head meta 属性整理

    移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析HTML代码,更好地将移动web前端页面表现出来...

    移动端html5模拟长按事件的实现方法

    这篇文章主要介绍了移动端html5模拟长按事件的实现方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家...

    移动端 html5 长按

    HTML常用meta大全(推荐)

    这篇文章主要介绍了HTML常用meta大全(推荐),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参...

    cdr怎么把图片转换成位图? cdr图片转换为位图的教程

    cdr怎么把图片转换成位图? cdr图片转换为

    cdr怎么把图片转换成位图?cdr中插入的图片想要转换成位图,该怎么转换呢?下面我们就来看看cdr图片转换为位图的...

    cdr 图片 位图

    win10系统怎么录屏?win10系统自带录屏详细教程

    win10系统怎么录屏?win10系统自带录屏详细

    当我们是使用win10系统的时候,想要录制电脑上的画面,这时候有人会想到下个第三方软件,其实可以用电脑上的自带...

    win10 系统自带录屏 详细教程

    + 更多教程 +
    photoshop教程CorelDraw教程Fireworks教程Illustrator教程Freehand教程