SVG——新一代Web设计及互动媒体的革新
首页 支持与服务 SVG教程 SVG编辑器软件:Inkscape高级教程 - SVG简化优化与创建SVG文本

SVG编辑器软件:Inkscape高级教程 - SVG简化优化与创建SVG文本

文章首页
SVG编辑器软件:Inkscape高级教程
SVG路径编辑与子路径及子路径的结合
SVG转换路径与布尔操作
SVG简化优化与创建SVG文本

7 SVG的简化与优化

  简化Simplify (Ctrl+L)命令在尽量保持形状的情况下减少路径上的节点。铅笔工具创建的对象,节点数目往往过多,需要这个工具来简化。下图中,左侧的形状是通过手绘工具创建的,右侧是简化后的。原始对象有28个节点,简化后只有17个(节点工具编辑时更容易一些),而且更平滑。



  简化的程度(称为阈值threshold)取决于选区的大小。所以,如果选择路径的同时也选择了较大对象,简化的程度将更大。并且,简化的速度将加快。也就是所,如果连着按几次Ctrl+L(间隔不超过0.5秒),每次简化的阈值将递增。(如果等一会再执行,阈值又会还原原始大小。)通过这种方法可以比较精确地控制简化的程度。

Besides smoothing freehand strokes, Simplify can be used for various creative effects. Often, a shape which is rigid and geometric benefits from some amount of simplification that creates cool life-like generalizations of the original form - melting sharp corners and introducing very natural distortions, sometimes stylish and sometimes plain funny. Here's an example of a clipart shape that looks much nicer after Simplify:
An example image

8 创建SVG文本

  Inkscape可以创建复杂的文本。也可以很方便地绘制简短的文字对象,例如标题,标识,标语,流程图等中的文字。本节介绍Inkscape中文本工具的基本功能。

  切换到文本工具(F8),在页面上的任意位置点击,然后输入文字。打开文本和字体对话框Text and Font dialog(Shift+Ctrl+T),可以修改文字的字体,样式,大小和对齐方式。这个对话框里也有一个文字输入框,可以修改选中的文本的内容。在这个对话框里输入文本可能比在画布上更方便(而且支持拼写检查)。

Like other tools, Text tool can select objects of its own type - text objects -so you can click to select and position the cursor in any existing text object (such as this paragraph).

  文本编辑中常用的一个操作是调整文字间距和行间距,Inkscape中同样有对应的键盘操作方式。当编辑文本时,Alt+< 和Alt+>改变当前行的字间距letter spacing,该行的长度在当前缩放级别上每次改变一个像素(选择工具中,同样用这些键实现像素级别的缩放)。通常,如果字体比默认的大,字间距紧凑一些看起来更协调。例如:



  紧凑一些的作为标题看起来更好一些,但仍然不是很完美:字间距并不一致,例如,“a"和"t"的间隔比"t"和"i"的间距大。在一些质量比较差的字体中,(尤其是字体比较大的情况下)这种不均衡的紧排更明显;但是,不管任何字体,总会存在这种文本组合,需要手工调整松紧。

  在Inkscape中调整起来是很方便的,将光标放到需要调整的两个字符的中间,Alt+arrows键移动光标右侧的文字。与上面相同的文字,手动调整字符间距后:



  除了Alt+Left 和Alt+Right将文字左右移动,Alt+Up 和 Alt+Down也可以将文字上下移动:



Of course you could just convert your text to path (Shift+Ctrl+C) and move the letters as regular path objects. However, it is much more convenient to keep text as text - it remains editable, you can try different fonts without removing the kerns and spacing, and it takes much less space in the saved file. The only disadvantage to the “text as text” approach is that you need to have the original font installed on any system where you want to open that SVG document.

  与字间距类似,在多行文本中也可以调整行间距line spacing。在本教程的任意段落中,Ctrl+Alt+< 和Ctrl+Alt+>来增大和缩小行间距,每次调整,整个文本的高度在当前缩放级别上改变一个像素。与选择工具类似,配合Shift键,行间距和字间距的调整量扩大十倍。
XML编辑器

  Inkscape中的终极工具是XML编辑器(Shift+Ctrl+X),可以实时显示整个文档的XML树形图。修改绘图时,你可以注意一下XML树形图中的变化。也可以在XML编辑器中修改文本、元素或者节点属性,然后在画图上查看效果。这是一个非常形象化的学习SVG格式的交互式工具。并且可以实现一些通常的编辑工具无法完成的功能。

9 小结

  这个教程只展示了Inkscape功能的一小部分,我们希望你能喜欢。欢迎探索它的功能,展示你的灵感。进一步学习Inkscape的SVG形状编辑,请参见“SVG编辑器软件:Inkscape形状教程”一文。

   本文作者:Bulia byak,联系: 该E-mail地址已受到防止垃圾邮件机器人的保护,您必须启用浏览器的Java Script才能看到。

(THE END)

标签:; ; 更多...