分享

点阵图转矢量图常用软件及方法

 Iceberg6003 2011-01-07
  Photoshop的长处是专业图像处理,不过也完全可以将点阵图转成矢量图。下面我们用Photoshop来处理一张图片,了解一种将点阵图转成矢量图简单方法的具体操作步骤。

  主要操作步骤如下:

  第一步:用选区转路径的方式简单将点阵图处理为矢量图。

  第二步:编辑调整得到的初步路径。


 


  第一步:用选区转路径的方式简单将点阵图处理为矢量图


  在Photoshop中打开一张图片,如图1。


图1

 

  在“图像”菜单下的“模式”中选择“索引颜色”,弹出“索引颜色”的设置对话框。下面设置参数,调板选择“局部(自适应)”,颜色为“3”,强制选择“黑白”,其他参数都是默认值(图2)。

 


图2

 

  确定设置后,得到的图片颜色为黑白色了(图3)。

 


图3

 

zmbbs=1;
  在工具箱中用吸管工具吸取图像上白色的颜色(图4),这个步骤很重要,不然后面处理“色彩范围”时得不到所要的效果。


图4

  下面在“选择”菜单下选择“色彩范围”选项弹出“色彩范围”对话框,然后选定“取样颜色”,设定“颜色容差”的值为51,确定(图5)。

 


图5

 

  现在看到图像上空白的位置已经被选中了(图6)。

 


图6

 

  我们所需要的是图像的轮廓部分,而不是像去掉白色,按住键盘Ctrl+Shift+I反选,把轮廓部分选中(图7)。

 


图7

 

  找到“路径”面板,选中“将选区添加为路径”的按钮,增加一个新的路径(图8)。

 


图8

 

  最后我们复制路径,新建一个文件,粘贴路径得到可编辑的矢量图(图9)。

 


图9

 

  第二步:编辑调整得到的初步路径

 


 

   现在我们可以在转换后的矢量图上编辑了,在工具箱中选择节点工具,查看图形上的所有节点(图10)。

 


图10

 

  这样使用调节节点的增加节点、删除节点、转换节点等等工具可以修改图像的外观(图11).

 


图11

 

  把小鸟的轮廓稍作修改后,准备给它添加颜色了。用转换节点工具选中一个位置,然后点击“路径”面板上的“载入所选的节点”按钮,此时所选节点的那个区域全部被选中(图12).

 


图12

 

  下面在调色板中选中一个颜色,使用油漆桶工具添加所选区域的颜色。按照这个步骤,我们可以随便在图像上添加自己喜欢的颜色,重新打造它了,最后的结果如图13。

 


图13

 

 

 

Illustrator 篇

 

  有数码相机的朋友越来越多,大家给亲人朋友拍出好的人像照片,肯定想进一步做一些艺术处理。

  现在
Photoshop制图应用非常普遍,很多朋友都喜欢用Photoshop进行数码照片艺术化处理,即使是非专业人士,也可以用几种基本方法处理数码照片。(参阅文章《照片处理魔术(3):光影》、《 照片处理魔术(2):校色》、《照片处理魔术(1):点石成金》等 )

 


 


  在这里Relen给大家介绍用Adobe Illustrator将人像数码照片处理成矢量图的方法,重点主要是自动描图工具的运用和细节调整,大家可以从这里学习和掌握用Illustrator将像素图转化成矢量图的方法和技巧,同时提供一些艺术设计的应用实例。对初学者而言,这样的方式比较简单和容易接受,做出来的矢量照片效果也很有个性风格。如果需要打印,矢量图的打印质量也比像素图高,用途很广。


原照片      矢量化效果     平面设计     T恤图案设计

 







文章导读

一、将彩色照片转成黑白模式
二、用自动描图工具粗略扫描
三、细致调整五官
   眼睛  鼻子
   嘴巴和下巴
四、简化头发线条
五、延展设计
相关内容:

数码照片后期处理工具
数码照片后期处理工具(上)

数码照片后期处理工具(下)


AI制作个性风格照片贺卡
AI制作个性风格照片贺卡

AI制作温馨甜美数码照片贺卡

 


原照片            矢量化效果   

 


  一、把彩色照片转成黑白模式


 

选择你喜欢的照片,尽量选择露出双眼,看上去比较有魅力的图,最终的效果会更精彩。

 


 

导入Photoshop中,选择Image>Mode>Grayscale 转为黑白模式的图像。

 


 

如图,这是自然光下的黑白模式的图像。这样还不够,我们还需要黑白尽量分明的图像效果。

 


 

输入快捷健[Ctrl + L],调入Levels面板。把色彩值略微调整一下。注意对照画面,选择适当数值。

 


 

制造出如上图的效果即可。我们就可以把此图导入Illustrator了。

 


 

色彩变黑白:前后对照图

 



  二、粗略扫描


 


   在Illustrator中,把矢量的变化为向量的效果。最麻烦也是最基本的方式,是使用钢笔工具,一点点描线。并对线稿进行上色。这种方法虽安全可靠,但相当烦琐,需要很强的耐性。初学者或缺乏美术基础的朋友可能对这种方式感到无奈,必定描稿时,是要对造型线条进行判断、取舍、变化、加入创意的。


  这里主要介绍自动描图工具。它可以帮助我们根据色彩差值来自动选择边缘路径。虽然即简单又方便。但还是需要做细致调整的。现在我们就来看看如何进行粗略扫描。


 


  把黑白图片拖入Illustrator中,找到它所在的图层。鼠标放置在图层面板的此图像的图层上,双击。


 


  弹出图层选项面板。注意点选模板选项,把黑白图像所在图层设置为模板。点选后,其他图层选项就被锁定,唯一可调节的是变淡显示图像数值:50%即可。


 

点击确定后,形成如上效果。图像显示减弱了。图像所在图层出现了模板图层的标记。

 


 


  建立新图层,点选自动描图工具,如上图。尝试在头发的位置单击鼠标。看看是否出现如上图的效果。


  没有使用过自动描图工具的朋友请注意:选择这个工具后,不要在画面上乱点。要根据色彩的位置选择,自动描图会把你单击的位置的色彩的相近色彩自动描出来。有时候会形成一些曲曲歪歪的图形。这些图形并非都是有用的。


 


  既然知道是以色彩差值的位置来自动描图,很多朋友一定会立刻想到:色彩差值多少一定是可以选择的。没错。更改取值的位置是在“菜单>预设>文字与自动描图”的选项里。认为使用菜单步骤麻烦的朋友可以键入快捷健[Ctrl + K]。


 


  打开预设面板,看到自动描图选项中的两个数值。你先自动描图的路径更加精确时,可把数值填写的小一些。但这样可能会出现更多曲曲歪歪的线稿。对于一些图像,精确的描图不一定合适。本文Relen使用的是较大的数值。允许度为3;间隙为2。


 


  OK,自动描图的参数设置好后。重新来一遍。先单击头发所谓的位置。会出现如上的效果。


 

自动形成的路径,看起来还不错。根据图形,它把头发的纹路也描了出来。

 


 

关闭模板图层,我们单看刚刚描出的图像,效果确实不错。自动描图功能强大吧:)

 


 

继续使用自动描图工具,单击所要描出路径的色彩位置。

 


 


  有时候单击的位置不同,所描出的线稿效果也会不同。有些差值相当大。最终的画面效果也是好劣各异。对照这图像效果。把一些你认为不好的线条删掉,或者重来一遍。


 


  尝试了几次后,Relen认为上图是比较满意的。


  进行到这里,我们已经得到了一个基本的图像。有朋友要说了,把向量转为矢量很多软件都可以,甚至Flash(参阅《Flash转像素图为矢量图》)。的确很多软件都可以进行如上操作。但是AI重在处理复杂的矢量创作,而Flash重在简化图形。这两者还是有本质的区别的。大家可以根据自己的需要做选择,但是一定要记住不管软件的功能怎么样,最终还是要靠人脑来支配它们。


  文章后半部分是针对自动描图后的线稿进行调整。有美术能力的朋友,可以进行多处调整,初学者仅做针对性调整即可。


  三、细致调整五官


 


  人像最重要的是五官,五官把握好了,图像才能真正出彩。调整五官是自动描稿后必须处理的部分。


  先来看看 眼睛的调整。


  


  上图中,Relen已经标出几个比较重要的位置:眼角、下眼线、眼球。


  眼角是眼睛轮廓线的重点之一。化妆的女性朋友一定十分了解下眼线和眼角是化妆绝对不能漏掉的部分。它们会使眼睛看起来爆满、修长或完整。


  眼球部分就更不用说了。画龙点睛之处,非眼球莫属。


  自动描稿的图像中,眼角的棱角不够,同时也不够爆满。眼球太小,需要加大。下眼线比较淡,自动描稿时常常被忽略。手动修图,需要在这几个位置进行重点调整。


  

这是Relen调整好的图像效果。虽然十分细微,但作用是不能忽略的。

 


  

对比如上。眼睛看起来有神了。线条也看起来爆满了。

 

  接下来是鼻子的调整。

 


 


  


  鼻孔是鼻子最重点位置。其造型是对画面的雅观性有着深远的影响。鼻子的两翼也十分重要。但对于黑白的绘画来说。画出鼻翼会使鼻子看起来很大,尤其是女性,很难处理的很好。懂得人脸构造的朋友,可能会有多种处理鼻子的方法。在这里Relen建议你只保留鼻孔,舍弃鼻翼部分。


  


  鼻孔造型为水滴,自然而流畅即可。不要有过多的线条,这样会使女性的鼻子看起来小巧而精致,十分雅观。


  

删掉多余部分。鼻子的处理十分简单。

 


  

对照前后。有了小巧的鼻子,这副作品看起来完整多了。

 


  最后是嘴巴和下巴的调整。


 


  


  在这里Relen提醒大家,嘴巴和下巴经常是连在一起绘制的。但并非绝对。上图是自动描图所形成的嘴巴和下巴。从图中可以看到,自动描稿使根据色彩差值形成的路径把下巴和嘴巴连接到了一切。即是不做任何除了这副图像也可以说是比较完整的,功劳主要归功于眼睛和鼻子的调整。若你打算把嘴巴也进行细致调整,那么先要把嘴巴和下巴分开。


  

选择带减号的钢笔,从嘴巴处减掉一个一个驻点。

 


  

继续减掉驻点。

 


  

一直到形成合理的下巴。注意下巴的线条。把曲度不合理的地方进行调整。

 


  


  这是最终效果。这副图像即是没有下巴也是可以的,你可以根据你的需要和具体情况处理图像。下面进行嘴巴的绘制。


  


  原本自动描稿所形成的嘴角位置保留在上层。在下层建立一个有层次即色彩渐变的唇缝。唇缝的作用很大,渐变色彩填充使画面充满了不定因素,多了一些变化,增强了画面效果。


  


  原本的上唇半的色彩已经看不见了。无法用自动描图取得它们。你可以把它们绘制出来,是画面更加完整,当然,这样做的同时也有可能是画蛇添足。再不确定这样做到底效果如何的时候,Relen建议大家还是保留一些冒险精神,把它们做出来。对照决定十分保留它们。


  

不需要十分严谨的绘制唇瓣,应使它们看起来自然一些,曲度多一些,复杂一些。

 


  


  左边的上唇亦然。尽量使它更加自然。


  

  渐变色彩尽量淡雅一些。两个唇瓣一同对比,感觉不太舒服时,使它们距离大一些进行更加细致的调整的变动。

 


  


  先对照一下前后不同的唇的效果。唇的出现使画面完整,同时也使画面的视觉重心从眼睛移到了唇上,这是一个不好的现象。但考虑到现在的头发并没有完整的显现出来,并不能以现在的画面进行最终的判断。所以要先保留唇瓣。


  


  这是一张五官未调整前,和五官调整后的图片对比。从这张图像上可以直观的看到五官对画面的重要性。细致调整后的五官是人物突出了,有了个性并更加完整。


  四、简化头发的线条


 


  在人像的绘制中,头发也同样重要,有时候头发比五官还重要,这取决于人像的角度和画面的重点。本文主图中的人物是正面的女性,她的发型可做调整也可不做调整。这取决于创作者的创作目的。


  


  这幅作品中头发的右侧部分很凌乱,感觉不好,但左侧部分的凌乱可以确定风格特征。Relen决定仅调整右侧,而保留左侧。


  把凌乱的部分进行整合。对照整体,逐步调整。


  


  这是调整好的图像。现在看起来嘴唇就不显得过于突出了。左侧的头发给画面带来了一些独特的东西。右侧的整体感觉还是不错的。


  


  


  现在看一下整体效果。不满意的地方还可以继续调整,直到满意再确定保存。
五、延展设计

  有了上面处理好的矢量化数码照片,能做的事情还有很多。

  下面是Relen利用这个图形做的延展性平面
设计,如何?还不错吧!


 


 


  夏天快到了,大家还可以把自己的照片做成矢量效果,然后印制在T恤衫上。拥有一个自己的个性头像T恤,很酷哦!不妨试试吧!


 


  若你喜欢此类文章,请继续关注 天极设计在线以及Relen的个人主页www.Relen.com,以后还会有更多文章陆续发表。



  用CorelDraw将点阵图转换为矢量图,不仅能实现图形转换的功能,在转换的同时还可以指定效果来得到特殊的矢量图,下面我们就来看看CorelDraw中点阵图转换为矢量图的操作方法。

  
转换方法

  准备好一张点阵图,导入到CorelDraw中(图1)。

  
图1

 


  选中图片点击鼠标右键,在菜单中可以看到“描绘位图”(图2)选项,选中后CorelDraw将跳转到CorelTRACE中去编辑位图。



图2

 


  CorelTRACE是CorelDraw带的专业点阵图转换矢量图工具,整个软件的界面功能分布很简单,左边是转换的工具选择,如按轮廓高级轮廓中心线中心线轮廓素描马赛克3D马赛克木刻一共八种方式转换。选定其中一个方式后在菜单栏上出现相应的工具设置选项,应用设置后在“描绘结果”窗口中可以看到最后的矢量图效果(图3)。

  下面我们详细介绍这八种转换方式。

 



图3

 


  一、按轮廓

 


 


  这是最直接的一种转换方式,只需要设置一下转换的精确度(图4),点击描绘按钮即可。

 



图4

 


   精确度的值越小,转换后的图像轮廓越光滑,反之精确度的值越大,转换后的图像失真情况越小,即改变最小。我们把精确度设定为20,看看得到的这个卡通图像的效果(图5)。

 



图5

 


  原图中一些锐利的轮廓被圆滑了,把精确度设定到100,得到的描绘结果发现原图中的锐利轮廓依然存在(图6)。

 



图6

 


  二、按高级轮廓

 


  使用高级轮廓的转换方式,可设置的参数就很多了,程序也提供了各种预制好的模式,选择它们就可以得到相应的参数(图7).

 



图7

 


  如我们选择“侧影”效果,点击描绘图标后在描绘结果面板中看到它的矢量图效果(图8).

 



图8

 


  “按高级轮廓”工具的具体自定义设计参数包括:杂点过滤器、图形繁简度、色彩数值、节点缩减、节点类型和最小对象大小。

 


  杂点过滤器包括:无、低和高三种方式(图9)。

 



图9

 


  转换后图形的繁简复杂程度可以设定数值或用拉杆来调节(图10).

 



图10

 


  最大色彩数是在2--256之间调节,色彩数值越小生成的文件体积越小(图11).

 



图11

 


   节点缩减是让生成的矢量图形的节点个数,可在1-100内选择,设定的节点个数越多生成的矢量图上的节点就越少(图12).

 



图12

 


  为了更详细地说明它的特点,我们分别设定缩减节点的个数为10和80两组,再看看最终得到的矢量图上显示的节点情况(图13)。

 



图13

 


  节点类型有尖突和平滑化两种选择(图14),使用尖突生成的矢量图上的节点比使用平滑化的要多。

 



图14

 


  最小对象大小,可以在1--500之间调节(图15)。

 



图15

 


  三、按中心线

 


 


  这种转换方式要求原来的图片是黑白色的才能使用,和按高级轮廓一样,按中心线也预制了几种模式,套用就可以了(图16)。

 



图16

 


  按中心线可以设置的参数只有“缩减节点”和“重复”,按中心描绘后的矢量图效果只保留了原图的边缘线,像是用钢笔画的图一样(图17)。

 



图17

 


  四、按中心线轮廓

 


  按中心线轮廓的参数设置比按中心线增加了“精确度”选项,它也是要求原图必须是黑白色,转换后的矢量图不像按中心线那样只有图的边线条,用这种方式转换得到矢量图和原图差别不大(图18)。

 



图18

 



  五、素描

 


 


  素描我们都知道是铅笔绘画的效果,调节素描图需要设置的选项较多。

 


  行间距:是控制铅笔线条效果的,数值越小铅笔的笔画越密,数值越大铅笔的笔画越疏(图19)。

 



图19

 


  行距的数值越小得到的矢量图视觉越清楚,行距数值越大得到的矢量图形线条越少,图形看起来越疏散。我们把行距的数值调整到1和30,看看得到的图像效果对比(图20)。

 



图20

 


  图层是指横画、竖画和不同角度的斜画,生成的矢量图中它们都各自为不同的层。图层和图层角度关系紧密,图层角度是不同层描描绘的方向角度(图21)。

 



图21

 


  阀值也是调节图像线条的疏密程度,阀值越小线条越疏散,阀值越大线条越紧密(图22)。

 



图22

 


  六、马赛克

 


  顾名思义,马赛克就是获得的矢量图是马赛克效果。在马赛克的参数设置中可以选择马赛克的形状、水平平铺和垂直平铺。

 



图23

 


  平铺的数值越小,矢量图的效果越模糊,数值越大,矢量图的效果保留了较好的原图效果(图24)。

 



图24

 


  七、3D马赛克

 


 


  和马赛克的方式差不多,只是3D马赛克立体感很强(图25)。

 



图25

 


  八、木刻

 


  木刻的效果设置选项包括:缩减节点、阀值、角度、宽度和木刻属性。大多数选项前面都介绍过了,木刻属性是选择色板、连接雕刻、锥形终点、反转和对称等等(图26)。

 



图26

 


  使用木刻得到的矢量图效果多种多样(图27)。

 



图27 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多