当前位置: 代码迷 >> Web前端 >> 用CorelDRAW制造SVG手机主题界面图片
  详细解决方案

用CorelDRAW制造SVG手机主题界面图片

热度:188   发布时间:2012-11-23 22:54:33.0
用CorelDRAW制作SVG手机主题界面图片
用CorelDRAW制作SVG手机主题界面图片
Ljmstock 2008-05-01 来源: 标签:coreldraw; svg手机; svg编辑器; 更多...
来源:SVG中国(ChinaSVG.COM)

  介绍用Adobe Illustrator或CorelDraw等矢量软件制作SVG格式的手机主题界面图片,本文章提供的是制作思路与过程。最终制作过程要根据自己的情况设计漂亮的主题图片。

1 SVG图片的用途
  大部分手机玩友并不知道SVG图片在手机中有什么用。实际上,和所有图片一样,SVG图片也可以作桌面墙纸,待机、开机、关机动画,利用SVG可以让手机拥有各种酷炫的动态效果。

  让手机装入SVG图片和酷炫动画,就可以作为手机的待机、开机、关动动画;装入老虎、蝴蝶等以及高质量的矢量图片,可以作为手机墙纸使用。所以SVG格式图片也可以作为手机主题图片使用。并且由于SVG文件小,动画效果制作容易,移植别人优秀SVG图片容易,是很好的图片格式。

2 教你一笔一划画SVG图
  先来看看本人原创新鲜出炉的SVG格式的SVG图片吧。下载s65.rar (2.15 KB)  s65.rar (2.15 KB)
  
图1 手机屏幕文字是简单动画


2.1 制作工具
  流行的SVG工具有CorelDraw和Illustrator,Illustrator制作的SVG还可以在保存的时候进行优化,可以查看怎样对Illustrator制作的SVG进行优化一文。由于本人熟悉AutoCad和Photshop,所以很容易上手CorelDraw,此处只介绍该软件。
  CorelDraw是平面设计软件,平面广告、装修平面图设计等等经常用到它。没有AutoCad的精确绘图,但有Photshop的图形处理能力;图形处理没有Photshop强大,但有AutoCad的坐标系。因此,CorelDraw是上述两个软件的结合,具有杂交优势。它可以将绘出的图形存为SVG格式。网上的12版和9版的简体中文下载链接比较多。

2.2 过程
  2.2.1 准备图片

  先准备一张现成的图片,JPG、BMP等都可以,可以扫描照片、手绘草图输入。我下了张S65照片:


图2 准备一张图片


  2.2.2 CorelDraw制作

  从菜单文件-导入S65.JPG


图3 CorelDRAW导入


  菜单-位图-轮廓图-查找边缘,得到轮廓图


图4 查找边缘



图5 轮廊图


  对于曲线部分,选左侧工具栏中的手绘工具-贝塞尔工具


图6 比塞尔S曲线


  在轮廓图上进行描图


图7 描图


  对于矩形、圆形、椭圆直接选对应工具描图,得到轮廓线图


图8 建立轮廊线


  删除先前导入的JPG图形,另存为SVG格式。即在保存格式中选SVG,保存参数如下:


图9 保存SVG的选项参数


3 后期处理
  得到的SVG图形只是初步的,由于是机器生成的,有些语句太罗嗦进行归并;有些多余的语句可删掉;由于手绘描图,有些地方不准确进行修正;添入一些需要的内容,如动画、填色等。要做到这些,必须对SVG基本语法有所了解才行,好在并不复杂,大家根据例子揣摩吧。
  PC机上装入SVGview,双击做好的SVG轮廓线图,在浏览器上打开它,最小化;再用右键点同个文件,选打开方式-记事本,就是同时用记事本打开该图。在记事本上修改后,保存;再在浏览器上刷新,可以实时显示修改结果。后期处理就这样可以不断摸索,改错了撤销;没改好继续调整参数,直到满意为止。
  最后得到如开篇处的图形。
  利用这种方法,可以制作头像动画,眨眼睛、流鼻涕、吐舌头,随便啦。
  制作地图就更简单了,可以不进行轮廓处理,因为地图上都是轮廓分明的。只要下张地图作底稿,在上面描图就可以了。有兴趣的朋友制作几张地图让大家使使。这种地图可以无限缩放,不会出现模糊的情况,这就是最大的优势。网上也有将BMP地图进行矢量化的工具,将结果再进行手工修改,效果就非常好。

(THE END)