Inkscape tutorial: 形状

Inkscape

教程 | 形状

本教程介绍了四个形状工具:矩形工具、椭圆工具、星形工具和螺旋形工具。我们会演示Inkscape形状工具的功能,并举例说明如何使用它们。

使用Ctrl+方向键鼠标滚轮或者鼠标中键拖动向下滚动页面。关于创建、选择和变换对象的基础操作知识,请参考菜单帮助教程中的"基础"教程。

Inkscape有四个类同的形状工具,每个工具都可以创建和编辑自己的形状类型。形状是一种对象,您可以拖动其控制手柄,或者修改其外观参数数值,来对其进行修改。

For example, with a star you can alter the number of tips, their length, angle, rounding, etc. — but a star remains a star. A shape is “less free” than a simple path, but it's often more interesting and useful. You can always convert a shape to a path (Ctrl+Shift+C), but the reverse conversion is not possible.

形状工具包括矩形工具椭圆工具星形工具螺旋形工具。首先,我们会看一下形状工具的大概工作原理;然后我们会详细讨论每种形状类型。

通用性提示

可以使用相应的形状工具在画布上点击并拖动鼠标来创建一个新的形状。形状创建后(只要选择了形状),就会在其周围显示白色的菱形、正方形或圆形控制手柄(取决于具体工具),您可以通过拖动这些控制手柄来修改创建的形状。

All four kinds of shapes display their handles in all four shape tools as well as in the Node tool (N). When you hover your mouse over a handle, it tells you in the statusbar what this handle will do when dragged or clicked with different modifiers.

此外,每个形状工具都会在工具选项栏(在画布上方水平运行)中显示其选项。通常,工具选项栏有一些数值输入框和一个将数值重置为默认值的按钮。选中当前形状对象,并且激活了相同类型的形状工具后,就可以直接在工具选项栏中修改参数,以修改选中的形状。

对工具控制栏所做的任何更改都会被记住,并应用于您后续使用该工具绘制的新对象。例如,更改星尖的数量后,在绘制新的星形时也会具有新数量的星尖。此外,用对应的形状工具选择形状后,inkscape会将形状的参数发送到工具选项栏,从而方便您为这个新创建的形状设置参数。

使用形状工具时,可以通过单击来选中对象。Ctrl+单击(在组中选择)和 Alt+单击(选择下)的结果与使用选择工具结果一样。按Esc可以取消选择。

矩形

矩形是最简单最常见的形状。Inkscape尝试让创建和编辑矩形的过程尽可能地容易和方便。

Switch to the Rectangle tool by pressing R or by clicking its toolbar button. Draw a new rectangle alongside this blue one:

保持在矩形工具激活状态下,鼠标单击操作,交替选择两个矩形。

矩形绘制技巧:

  • 绘制时如果按住Ctrl键,可以限制绘制一个正方形或长宽整数比(2:1、3:1 ...)的矩形。

  • 如果按住Shift键,则会以起点为中心开始绘制。

As you see, the selected rectangle (the just-drawn rectangle is always selected) shows three adjustable handles in three of its corners and one cross-shaped handle, for moving the rectangle, in the middle. In fact, there are four corner handles, but two of them (in the top right corner) overlap if the rectangle is not rounded. These two are the rounding handles; the other two (top left and bottom right) are resize handles.

首先让我们看一下圆角控制手柄。选中圆角控制手柄并向下拖动。矩形的四个角都变为圆角,现在您可以看到第二个圆形控制手柄 — 它停留在该角的原始位置。如果您想绘制圆角矩形,这就是您需要执行的操作。如果要让圆角两侧角度不相同,可以把另一个圆角控制手柄向左拖动。

下图中左侧两个矩形具有等半径圆角,右侧两个则是椭圆形圆角:

使用矩形工具点击这些矩形,可以看到他们的圆角控制手柄的差异。

通常,即使矩形的尺寸不同,圆角的半径和圆角的形状在整个构图中也必须保持一致(例如包含多种不同尺寸的圆角矩形的流程图)。Inkscape中此类控制非常容易。切换到选择工具;在上面工具选项栏的最右侧,有一组四个切换按钮,左数第二个显示了圆角。它用来控制矩形在缩放时是否保持圆角半径不变。

例如,下面原始的红色矩形被复制多次并以不同的比例缩放,并且关闭缩放圆角半径按钮:

请仔细观察上面这组矩形的右上角的圆角变化:所有矩形中,右上角的圆角的大小和圆角的形状如何相同,以使圆角在所有相交的右上角处精确对齐。仅通过缩放即可从原始实线红色矩形得到所有虚线的蓝色矩形,无需额外手动调整圆角控制手柄。

为了对比,下面是相同的构图,但打开缩放圆角半径按钮:

明显能够看到,如果矩形不同,则圆角也同样会有差异,这些圆角在右上角的位置没有丝毫的一致性(放大看)。此操作结果与将原始矩形转换为路径 (Ctrl+Shift+C)后再将其缩放的结果相同。

矩形的圆角控制手柄的操作技巧如下:

  • 鼠标拖动的同时按Ctrl键,会强制圆角为等半径圆角。

  • Ctrl+单击会强制圆角为等半径圆角,且无需拖动。

  • Shift+单击会删除圆角,变为直角。

You may have noticed that the Rectangle tool's Controls bar shows the horizontal (Rx) and vertical (Ry) rounding radii for the selected rectangle and lets you set them precisely using any length units. The Make corners sharp button does what is says — removes rounding from the selected rectangle(s).

这些工具选项的一个重要优点是它们可以一次影响多个矩形。例如,如果要修改图层中的所有矩形,只需按Ctrl+A (全选 ),然后在工具选项栏中调整对应的参数即可。如果选中的对象中有非矩形存在,那么非矩形会被忽略 - 仅矩形会被更改。

现在让我们看一下矩形的尺寸控制手柄。您可能会感到困惑,如果可以用"选择工具"直接调整矩形的大小,那么矩形工具所显示的两个尺寸控制手柄是不是多余的?

选择工具的问题在于,其水平和垂直概念始终是相对于文档页面的。如果矩形已被旋转或倾斜,矩形工具所显示的两个尺寸控制手柄也会相应旋转或倾斜,并可以沿该矩形的侧面进行缩放调整。例如,尝试先使用"选择工具"调整此矩形的大小,然后切换到矩形工具,尝试使用矩形工具的尺寸控制手柄调整矩形:

由于尺寸控制手柄有两个,所以您可以将矩形沿任意方向调整,甚至可以沿其侧面方向移动该矩形。对尺寸手柄的调整过程中,圆角半径始终保持不变。

下面是可用于尺寸控制手柄的辅助快捷键:

  • 按住Ctrl鼠标拖动可以强制沿矩形的边或矩形的对角线缩放。换句话说,Ctrl键会维持矩形的宽度、高度或宽度/高度比不变(同样,在其自己的坐标系中,可以旋转或倾斜)。

下面示例是相同的矩形,灰色虚线显示了鼠标拖动的同时按住Ctrl时(试一试)尺寸控制手柄的调整方向:

通过倾斜和旋转矩形,然后复制和缩放,可以很容易地创建三维效果:

另外一组矩形构图,其中包含圆角效果和渐变填充效果:

椭圆

The Ellipse tool (E) can create ellipses and circles, which you can turn into segments or arcs. The drawing shortcuts are the same as those of the rectangle tool:

  • 如果按住Ctrl键,会强制矩形的长宽比例为整数比例(2:1, 3:1, ...)。

  • 如果按住Shift键,则会以起点为中心开始绘制。

让我们看看椭圆的控制手柄。用椭圆工具选择中这个椭圆:

Once again, you see three adjustable corner handles initially, but in fact they are four. The rightmost handle is two overlapping handles that let you “open” the ellipse. Drag that rightmost handle, then drag the other handle which becomes visible under it, to get a variety of pie-chart segments or arcs:

如果想得到饼块(一个圆弧连接两个半径)效果,需要在椭圆外部拖动鼠标;如果想得到弧线,需要在椭圆内部拖动鼠标。上面一组图中,左侧两个是饼块图,右侧两个是圆弧。请注意,圆弧是未闭合的形状,即,描边仅沿椭圆实现,但不会连接圆弧线的两端。如果您删除填充颜色,只留下描边颜色,则可以更清楚的发现这一点:

Arcs can be closed by a straight line using the button labeled Switch to chord (closed shape), though.

注意左侧的扇形的饼块图。拖动手柄时使用角度捕捉 很容易创建(即按Ctrl键)。下面是可用于圆弧/饼块图控制手柄的辅助快捷键:

  • 按住Ctrl键拖动手柄,会限制手柄步进为15度的整数倍。

  • Shift+click会整体调整椭圆(不是饼块或圆弧线)。

步进角度可以在Inkscape首选项中修改(在首选项的 行为步进中调整)。

椭圆的其他两个手柄用于尺寸调整(以中心点为基准)。可用的辅助快捷键类似于矩形的圆角控制手柄:

  • 鼠标拖动时按Ctrl键会强制为一个正圆(两个半径相同)。

  • Ctrl+单击无需拖动即可变成一个正圆。

并且,与矩形尺寸控制手柄一样,这些椭圆尺寸控制手柄在椭圆自身坐标系中调整椭圆的高度和宽度。这意味着旋转或倾斜的椭圆可以轻松地继续沿其原始轴进行拉伸或挤压,同时保持旋转或倾斜的角度不变。尝试通过尺寸控制手柄来调整下面这些椭圆:

星形

星形是最复杂,也最令人兴奋的Inkscape形状工具。如果您想用Inkscape来吸引朋友,请让他们使用"星形"工具来玩。无休止的乐趣 - 彻底上瘾!

"星形"工具可以创建两种相似但截然不同的对象:星形,多边形。一个星形有两个控制手柄,控制手柄的位置决定了其星尖的长度和形状。而多边形只有一个控制手柄,拖动手柄时会简单地旋转多边形并调整多边形的尺寸:

In the Controls bar of the Star tool, the first two buttons control how the shape is drawn (regular polygon or star). Next, a numeric field sets the number of vertices of a star or polygon. This parameter is only editable via the Controls bar. The allowed range is from 3 (polygons) or 2 (stars) to 1024.

绘制一个新的星形或多边形时,

  • 鼠标拖动时按住Ctrl键可以限制旋转的步进角度为15度的整数倍。

星形是一个非常有趣的形状(尽管在实践中多边形可能更常用)。星形的两个控制手柄的功能略有不同。第一个手柄(最初它应该在一个星尖的顶点上,即在星星的凸出角上)能使星尖整体变得更长或更短,但是当你旋转它时(相对于形状的中心),另一个手柄会同步旋转。这意味着您无法使用此手柄来倾斜星形的星尖部分。

相反,另一个手柄(最初位于两个星尖顶点之间的凹陷角处)可以自由地径向和切向移动,而不会影响星尖顶点手柄。(实际上,该手柄可移动的距离比另一个手柄更远,从而使本身成为新的星尖顶点。) 它可以使星形的尖端倾斜以获得各种类似水晶、曼陀罗、雪花和豪猪外形的效果:

如果你要的只是一个规则的星形,不需要这些装饰性的操作,你可以限制倾斜控制手柄的倾斜功能:

  • 鼠标拖动时按住Ctrl键可以保持星尖部分严格按径向变化(不倾斜)。

  • Ctrl+单击的话,无需拖动即可消除倾斜。

另外,在工具选项栏中有辐条比例选项,该数值框可以定义两个手柄到中心的距离的比率。

Inkscape的星形工具还有两个技巧。在几何形状中,多边形是具有直线边和尖角的形状。但在现实世界中,多边形上通常会出现各种程度的曲线和圆度 - Inkscape也可以做到这一点。但是,让星形或多边形变圆与让矩形变圆有些不同。您无需为此使用专用的控制手柄,但是

  • Shift+拖动鼠标可以按切线控制手柄以环绕星形或多边形。

  • Shift+单击会删除圆角的变化,恢复为最初的硬角。

"相切"是指在与中心方向垂直的方向上。如果沿中心逆时针旋转控制手柄,会得到正的圆角;顺时针旋转,会得到负的圆角。 (请参考下面关于负的圆角的说明。)

下面比较一下由矩形工具创建的圆角正方形和由星形工具创建的圆角正四边形:

如您所见,虽然一个圆角矩形的侧面有直线段和圆角(或椭圆角),但是一个圆角多边形或圆角星形的侧面则根本没有直线。它的曲率从最大值(在拐角处)到最小值(在拐角之间的中间点)平滑变化。Inkscape只需在形状的每个节点上添加两条共线的Bezier切线即可做到这一点(如果将形状转换为路径并使用"节点"工具中对其进行检查,则可以看到平行Bezier切线)。

在工具选项栏中的圆角参数是这些切线的长度与它们相邻的多边形/星形的边的长度的比率。此参数可以为负值,结果是反转切线方向。大约0.2到0.4的值通常符合您期望的"正常"圆角;其他值往往会产生美丽错综复杂且完全不可预测的图案。圆角值较大的星形,其远端可能会远远超出其手柄的位置。以下是一些示例,每个示例都标示了圆角值:

如果您希望星尖尖锐而凹角圆滑,或者相反的情况,可以通过从星形上创建偏移 (Ctrl+J)来实现:

Shift+鼠标拖动Inkscape中的星形手柄是​​已知的最佳操作之一。但是它还可以更好。

为了更真实地模仿现实世界的形状,Inkscape可以设置星形和多边形的随机化参数(即随机扭曲)。轻微的随机化数值会使星形变得不规则,更人性化且常常很有趣。深度的随机化会获得各种​​不可预测的形状。随机化时,圆角的星形会仍然保持平滑的圆形。下面是可用的辅助快捷键:

  • Alt+鼠标拖动手柄(切向)可以得到随机化星形或多边形。

  • Alt+单击会删除随机化效果,恢复到无随机化的原始状态。

当您通过拖动鼠标来绘制含随机化参数的星形时,拖动过程中星形会"抖动",这是因为星形手柄的每个唯一位置都对应于其自己的唯一随机性。因此,移动星形的控制手柄时如果不按Alt键会在相同的随机化级别上重新随机化形状,而按住Alt键拖动它则会保持相同的随机性,但会调整其随机化级别(随机化级别是指工具选项栏中的随机化参数)。下面的星形的参数完全相同,但是通过稍微移动其手柄即可对每个星形重新进行随机化(整个过程中的随机化级别为0.1):

下面是上图中间的星形,但随机化程度从-0.2到0.2变化:

Alt+鼠标拖动中间星形的手柄,仔细观察它变成左右两侧星形的样子。

在你自己的工作中,你将会发现随机化星形具有的各种用途,但我个人尤其喜欢这种像变形虫和凸凹不平的星球表面一样充满幻想的图案:

螺旋形

Inkscape的螺旋线是一种多用途的形状,和星形完全不同,但有时非常有用。从中心拖动画出螺旋形,像星形一样。在绘制和编辑过程中,

  • Ctrl+鼠标拖动会强制角度步进为15度的整数倍。

绘制完成后,会看到在螺旋形内端和外端共有两个控制手柄。只需拖动这两个手柄,即可卷起或展开螺旋线(即"继续"旋转,更改匝数)。辅助快捷键:

外部控制手柄:

  • Shift+拖鼠标动可以围绕中心进行缩放和旋转(匝数保持不变)。

  • Alt+鼠标拖动可以在调整匝数时保持半径不变。

内部控制手柄:

  • Alt+鼠标拖动(垂直方向)可以对形状进行收敛和发散调整。

  • Alt+单击可以重置形状的发散度。

  • Shift+单击会直接把内部手柄移动到中心位置,等同于不按任何辅助键而直接用鼠标移动内部手柄。

螺旋形的发散度数值是对其缠绕效果的非线性度量。当发散度等于1时,螺旋线是内外均匀分布的;当发散度小于1时(Alt+鼠标向上拖动),螺旋线外围更密集;当发散度大于1时(Alt+鼠标向下拖动),螺旋线内部更密集:

螺旋线的最大转数为1024。

正如椭圆工具不仅适用于椭圆也适用于圆弧(恒定曲率线)一样,螺旋形工具可用于创建平滑变化曲率的曲线。与普通的贝塞尔曲线相比,圆弧或螺旋线通常更方便,因为您可以通过沿曲线拖动手柄来缩短或延长曲线,而不会影响曲线的形状。此外,默认情况下绘制螺旋线是不填充颜色的,但是您可以添加填充和删除描边来获得有趣的效果。

描边为虚线点时产生的效果会非常有趣:点或短线的平滑环绕和等间距分布可以组合成很优美的波纹效果:

总结

Inkscape的形状工具非常强大。学习这些工具的技巧并在闲暇时玩一玩 - 这在您进行设计工作时会有所收获,使用形状而不是简单的路径通常可以使矢量艺术更快地创建且更易于修改。如果您有任何进一步改进形状工具的想法,请与开发人员联系。

Authors: Bulia Byak; Jonathan Leighton; Colin Marquardt; Nicolas Dufour; Gellért Gyuris; Maren Hachmann

Translators: 柳小勤Liu Xiaoqin — 2008; 驿窗 — 2022

Header / footer design: Esteban Capella — 2019