用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)