Inkscape tutorial: 提示与技巧

Inkscape

教程 | 提示与技巧

本教程向您演示Inkscape中学到的各种技巧和窍门以及一些可以帮助您加快生产效率的"隐藏技能"。

平铺克隆的放射性排列

使用创建平铺克隆对话框来制作矩形网格和图案非常容易。但是,如果您需要放射性效果,即所有对象使用一个共同的旋转中心应该怎么办?有办法!

如果放射性图案仅需要具有3、4、6、8或12个元素,则可以尝试使用P3,P31M,P3M1,P4,P4M,P6或P6M对称。这些非常适合雪花一类的对称形状。但是,还有更通用的方法。

通用方法:在"创建平铺克隆"对话框中的"对称"选项卡中选择"P1:简单变换",然后通过以下设置对变换过程进行控制:打开偏移选项卡并设置每行/Y偏移每列/X偏移均为-100%(注意是负值)。如果此时点击下方的"创建"按钮,生成的所有克隆都会堆叠在原始对象的顶部,结果是在视觉上只能看到一个对象,看不到克隆。接下来我们继续,切换到旋转 选项卡,为每列设置一个旋转角度,例如10度;然后在下面的"应用到平铺克隆"中的"行,列"中,"行"填写数值1,"列"填写一个适合的数值,比如10,然后点击"创建"按钮。(您可以尝试减小这个值看有什么不同)例如,下面是一条由横线克隆后组成的图案,一共30列,每列旋转6度(列旋转角度设置为6,"应用到平铺克隆"中的"列"设置为30,其它设置与通用方法相同):

To get a clock dial out of this, all you need to do is cut out or simply overlay the central part by a white circle (to do boolean operations on multiple clones at once, combine them first).

可以同时使用行和列的共同变换来创建更有趣的效果。下图是一个10列8行的模式,每行2度,每列18度(列旋转角度设置为18,行旋转角度设置为2,"应用到平铺克隆"中的"行"设置为8,"列"设置为10;其它设置与通用方法相同)。这里的每组线条都是一个"列",因此组与组之间彼此相差18度(列与列差18度)。在每列中,每条线相差2度:

在以上示例中,线都是绕其中心旋转。但是,如果您希望旋转中心在形状之外怎么办?只需使用"选择"工具单击对象两次,即可进入旋转模式。现在,将对象的旋转中心(由一个小十字形手柄表示)移动到您希望成为"平铺克隆"操作的旋转中心的位置。然后在对象上使用创建平铺克隆。通过随机地设置缩放比例、旋转角度和不透明度,可以实现有趣的"爆炸"或"星爆"效果:

非线性渐变

SVG的1.1版本不支持非线性渐变(在颜色之间具有非线性变化的渐变)。但是,您可以添加多个渐变色标来模拟非线性渐变。

从简单的两级渐变开始(您可以使用渐变工具或者在"填充和描边"对话框中设定)。现在,使用渐变工具,在中间添加一个新的渐变色标:在渐变路径是需要添加色标的位置双击鼠标,或者选中一个渐变色标后点击顶部工具选项栏中的插入新色标按钮。拖动新的渐变色标的位置。然后在中间的渐变色标之前和之后添加更多的渐变色标,并且拖动它们的位置,以使渐变看起来更平滑一些。添加的渐变色标越多,生成的渐变越平滑。下面是只有两个渐变色标的黑白渐变:

下面是各种"非线性"多级渐变(在"渐变编辑器"中检查它们的色标):

非对称式放射性渐变

放射性渐变不一定非要对称。使用渐变工具,按Shift键并拖动椭圆渐变的中央手柄。这会使渐变的x形的焦点手柄远离其中心。不需要时,可以将焦点拖向靠近中心的位置,inkscape会自动将其捕捉回原来的中心位置。

Mesh gradients

For even more complex gradients, Inkscape offers the Mesh Gradient tool (the tool right below the gradient tool in the tool bar). Set the shape (radial or grid) and the number of rows and columns of color patches in the tool controls bar, and then use the tool to drag over any shape to fill it with a mesh gradient.

Now you can adjust the shape of the color patches with the triangular handles, and select the diamond-shaped handles to change the patches' color. You can even pick the color of objects below the mesh gradient by clicking on the color picker icon in its tool controls.

对齐到页面中心

要将某些内容与页面的中心或页面边缘对齐,请选择需要对齐的对象或群组,然后在对齐与分布对话框中的相对于:下拉列表中选择页面(Shift+Ctrl+A)。

清理文档

许多不再使用的渐变、图案和标记(更精确地说,是您手动编辑的那些)保留在相应的调色板中,并且可以重新用于新对象。但是,如果您想优化您的文档,请使用文件菜单中的清理文档命令。它会删除文档中所有未使用的渐变、图案或标记,从而使文件体积更小。

隐藏功能和XML编辑器

XML编辑器(Shift+Ctrl+X)允许您修改文档几乎所有的内容,而无需使用外部文本编辑器。另外,Inkscape通常会比单纯的GUI支持更多的SVG功能。XML编辑器是一种访问这些功能的方法(如果您知道SVG)。

修改标尺的度量单位

In the default template, the unit of measure used by the rulers is mm. This is also the unit used in displaying coordinates at the lower-right corner and preselected in all units menus. (You can always hover your mouse over a ruler to see the tooltip with the units it uses.) To change this, open Document Properties (Shift+Ctrl+D) and change the Display units on the Display tab.

图章功能

如果想快速为某个对象创建多个副本,请使用印章功能。只需拖动一个对象(或缩放或旋转它)不松手(即按住鼠标左键),在需要生成副本的位置按一下空格键即可。整个过程中鼠标左键都不要松开。这样的操作会留下当前对象的"印章"。您可以根据需要按多次空格键,或一直按住空格键不松手。

钢笔(贝塞尔)工具技巧

在使用钢笔(贝塞尔)工具时,您可以使用以下选项来结束当前曲线的绘制:

  • Enter

  • 用鼠标左键双击

  • 用鼠标右键单击

  • 选择其他工具

请注意,路径如果未绘制完成(当前工作路径段显示为红色,其余显示为绿色),那么该路径不会在文档中作为对象存在。因此,要取消它,请按Esc键来取消整个路径,或者按Backspace键取消未完成路径的最后一段,而不是使用撤销命令。

如果想从现有路径继续绘制子路径,请选中现有路径,然后按住Shift键,从任意点开始绘制即可。但是,如果您只想继续绘制现有的路径,则不需要Shift;只需从所选路径的末端节点开始绘制即可。

输入Unicode值

在使用文本工具时,按Ctrl+U可以在Unicode模式和普通模式之间切换。在Unicode模式下,您输入的每组4个十六进制数字会成为一个Unicode字符,从而使您可以输入任意符号(只要您知道它们的Unicode编码并且字体支持它们)。在输入过程中,如果想结束Unicode输入,请按Enter键。例如,Ctrl+U+2+0+1+4+Enter会插入一个破折号 (-)。要退出Unicode模式(不插入任何内容),请按Esc键。

您也可以点击菜单文字Unicode字符来查找字形并将其插入到文档中。

使用网格来辅助绘制图标

假设您要创建一个24x24像素的图标。创建一个24x24像素的画布(文档属性),并将网格设置为0.5像素间隔(网格线48x48)。现在,如果将填充的对象对齐到偶数网格线,将描边的对象对齐到奇数网格线,并且以像素(px)为单位的描边宽度为偶数,然后以默认的96dpi导出(因此1px变为1位图像素),则可以得到清晰的位图图像,无需不必要的抗锯齿。

旋转对象

在激活选择工具时,鼠标左键单击一个对象以查看缩放箭头,然后再次鼠标左键单击该对象可以查看旋转和倾斜箭头。如果点击并拖动显示的旋转箭头,则对象会绕中心旋转(中心显示为十字标记)。如果在执行此操作时按住Shift键,则会围绕对角旋转。您也可以将旋转中心拖动到其它任何位置。

或者,您可以按[](15度的整数倍旋转)或 Ctrl+[Ctrl+](90度的整数倍旋转)。在按[]键时如果同时按下Alt键,则旋转的角度步进会特别小,以像素计。

On-Canvas Alignment

When the option Enable on-canvas alignment is active in the Align and Distribute dialog, select some objects and slowly click twice on them to enable handles for on canvas alignment. The handles can be used to align the selected objects relative to the area of the current selection.

  • Click on handles will align objects relative to the selection area.

  • Click on the central handle to align the selected objects on the horizontal axis. Shift+click on objects will aligned them on the vertical axis.

  • Shift+click on the outer handles aligns on the outside of the selection area.

阴影

要为对象快速创建阴影,请点击菜单滤镜阴影与辉光投向阴影

您也可以在"填充和描边"对话框中使用模糊功能来手动为对象创建模糊的阴影。选中一个对象,按Ctrl+D复制它,按PgDown将其放在原始对象下方,然后将其放置在比原始对象稍微靠右下方的位置。现在打开"填充和描边"对话框,并将"模糊"值更改为50。阴影就这么容易地完成了!

沿路径排列文字

要沿路径曲线放置文本,请选择文本和曲线,然后选择沿路径排列(文字菜单)文字内容会从路径的起始位置开始沿路径排列。通常,最好先规划和创建好一个想要排列文本的路径,而不是随时将文字内容拟合到其他图形元素的路径上 — 这将做的好处是您会有更多的控制权,且不会破坏您的图形整体。

选择原始对象

当您在路径、链接的偏移对象或在副本上放置文字内容时,有时可能很难选择原始对象/原始路径,因为它可能位于下方导致很难被选择到,或者被隐藏和/或锁定。有一个有效的组合快捷键Shift+D可以帮助到您;选中文本、链接的偏移对象或克隆,然后按Shift+D将选择切换到相应的路径、偏移对象或原始克隆对象。

恢复因超出屏幕而显示不完整的窗口

在具有不同分辨率或多个显示器的系统之间移动文档时,您可能会发现Inkscape已经保存了一个窗口位置,而该位置有时候使该窗口在屏幕上无法点击。只需最大化该窗口(将其重新显示,使用任务栏),保存并重新加载即可。您可以通过修改全局选项中的"保存窗口的几何信息"(Inkscape首选项, 界面窗口)来完全避免这种情况。

透明度、渐变和PostScript导出

PostScript or EPS formats do not support transparency, so you should never use it if you are going to export to PS/EPS. In the case of flat transparency which overlays flat color, it's easy to fix it: Select one of the transparent objects; switch to the Dropper tool (F7 or D); make sure that the Opacity: Pick button in the dropper tool's tool bar is deactivated; click on that same object. That will pick the visible color and assign it back to the object, but this time without transparency. Repeat for all transparent objects. If your transparent object overlays several flat color areas, you will need to break it correspondingly into pieces and apply this procedure to each piece. Note that the dropper tool does not change the opacity value of the object, but only the alpha value of its fill or stroke color, so make sure that every object's opacity value is set to 100% before you start out.

互动性

大多数SVG元素都可以被调整为对用户的输入做出反应(通常只在网络浏览器中起作用)。

最简单的方法是向对象添加可点击的链接。为此,鼠标右键单击对象并从弹出菜单中选择创建链接。在打开的"对象特征"对话框中,在链接中输入目标地址。

使用"对象属性"对话框底部的"互动性"可以进行更多控制(Ctrl+Shift+O )。在这里,您可以使用JavaScript实现任意功能。下面是一些比较基础的示例:

  • 单击对象时在当前窗口中打开另一个文件:

    • onclick设置为window.location='file2.svg';

  • 单击对象时在新窗口中打开一个网络链接:

    • onclick设置为window.open("https://inkscape.org","_blank");

  • 鼠标悬停时降低对象的透明度:

    • onmouseover设置为style.opacity = 0.5;

    • onmouseout设置为style.opacity = 1;

Authors: Bulia Byak; Alexandre Prokoudine; Colin Marquardt; Ivan Masár; Kris De Gussem; Nicolas Dufour; Roland Alton; Patrick Storz; Guillaume Audirac; Gellért Gyuris; Maren Hachmann

Translators: 驿窗 — 2022

Header / footer design: Esteban Capella — 2019