Inkscape tutorial: 基础

Inkscape

教程 | 基础

本教程介绍Inkscape的基础知识。如果您是从Inkscape的帮助菜单打开本教程,它就是一个常规的Inkscape SVG图形文件,您可以用inkscape工具直接在上面编辑或修改此文件,尤其是文件中的示例。您还可以将文件保存到您自己指定的目录。

本教程会介绍画布相关知识、文档管理、形状工具基础知识、选择技巧、使用选择工具转换对象、群组、设置填充和描边、对齐和堆叠顺序等内容。如果想查看更进一步的教程,请点击帮助菜单中的其它教程。

平移画布

有许多方法可以平移(滚动)文档画布。尝试使用键盘上的Ctrl+方向键来进行平移。(现在尝试向下滚动此文档)。您还可以使用鼠标中键来拖动画布。或者,您也可以使用滚动条来平移画布(按Ctrl+B来显示/隐藏滚动条)。鼠标上的滚轮可以垂直移动画布;操作鼠标滚轮的同时如果按住Shift键,可以水平移动画布。

放大与缩小

The easiest way to zoom is by pressing - and + (or =) keys. You can also use Ctrl+middle click or Ctrl+right click to zoom in, Shift+middle click or Shift+right click to zoom out, or rotate the mouse wheel with Ctrl. Or, you can click in the zoom entry field (in the bottom right region of the document window, labelled “Z”), type a precise zoom value in %, and press Enter. Try right-clicking and scrolling on the Zoom value field, too.

We also have the Zoom tool (in the toolbar on left) which lets you to zoom into an area by dragging around it.

Inkscape会保留您在此工作会话中曾经使用过的缩放级别的历史记录。按`键会返回上一个缩放级别,按Shift+`是下一个缩放级别。

Inkscape工具

The vertical toolbar on the left shows Inkscape's drawing and editing tools. Depending on your screen resolution, the Commands Bar with general command buttons, such as “Save” and “Print”, can be found either in the top part of the window, right below the menu, or on the right side of the window. Right above the Canvas Area, there's the Tool Controls Bar with controls that are specific to each tool. The Status Bar at the bottom of the window will display useful hints and messages as you work.

Many operations are available through keyboard shortcuts. Open HelpLearn moreKeys and Mouse Reference to see the complete list of available shortcuts.

创建和管理文档

如果要创建一个新的空文档,请点击菜单文件新建或者按快捷键Ctrl+N。如果要从Inkscape模板来创建新文档,请点击菜单文件从模板新建或者按快捷键Ctrl+Alt+N

如果想打开一个现有的SVG文档,请点击菜单文件打开 (Ctrl+O). 如果要保存文档,请点击菜单文件保存 (Ctrl+S)或者菜单文件另存为(Shift+Ctrl+S)以新名称保存文件。(虽然Inkscape启用了自动保存功能,但仍然建议您"尽早保存,经常保存"。)

Inkscape uses the SVG (Scalable Vector Graphics) format for its files. SVG is an open standard widely supported by graphic software. SVG files are based on XML and can be edited with any text or XML editor (apart from Inkscape, that is). Besides SVG, Inkscape can import and export many other file formats. You can find lists of the supported file formats in the Save, Export and Import dialogs.

Inkscape opens a separate document window for each document. You can navigate among them using your window manager (e.g. by Alt+Tab), or you can use the Inkscape shortcut, Ctrl+Tab, which will cycle through all open document windows. (Create a new document now and switch between it and this document for practice.) Note: Inkscape treats these windows like tabs in a web browser, this means the Ctrl+Tab shortcut only works with documents running in the same process. If you open multiple files from a file browser or launch more than one Inkscape process from an icon it may not work.

创建形状

Time for some nice shapes! Click on the Rectangle tool in the toolbar on the left (or press R) and click-and-drag, either in a new empty document or right here:

如您所见,默认矩形是蓝色填充和黑色描边(轮廓),并且完全不透明。我们会在下面演示如何修改填充和描边。使用其他工具,您可以创建椭圆形、星形和螺旋形:

这些工具统称为形状工具。您创建的每个形状都显示一个或多个手柄;尝试拖动手柄以查看形状如何变化。形状工具的工具选项栏是另一种调整形状的手段;这些选项影响当前选定的形状(即显示手柄的形状),并且,选项也会影响后续新创建的形状。

To undo your last action, press Ctrl+Z. (Or, if you change your mind again, you can redo the undone action by Ctrl+Shift+Z.)

移动、缩放、旋转

The most frequently used Inkscape tool is the Selector. Click the topmost button (with the arrow) on the toolbar, or press S, F1 or toggle the tool using Space. Now you can select any object on the canvas. Click on the rectangle below.

您会看到在矩形周围显示八个箭头形手柄。现在你可以:

  • 通过鼠标拖动来移动该对象。(移动过程中按Ctrl键会限制方向为水平移动或垂直移动。)

  • 通过拖动任意手柄来缩放 对象。(按Ctrl键来限制宽高比保持不变)。

现在,再次点击矩形,手柄发生变化。现在你可以:

  • 通过拖动角手柄来旋转 对象。(拖动时按Ctrl键会限制旋转角度为15°的整数倍。拖动十字标记可以移动旋转中心)。

  • 通过拖动非角手柄来切变 对象。(按Ctrl键会限制倾斜度为15°的整数倍。)

当前工具激活的是选择工具时,还可以使用选项栏中(画布上方)的数值框来设置所选内容的位置坐标(X和Y)以及尺寸(宽和高)的精确值。

通过键盘快捷键进行变换操作

Inkscape与其它大多数矢量软件的一个主要区别是它完整而强大的快捷键体系。几乎没有哪个命令或动作是无法通过快捷键来完成的,即使转换操作也不例外。

您可以使用键盘快捷键移动(方向键)、缩放(<>键)和旋转([键和]键)对象。默认的移动和缩放的步进是2个像素;如果同时按Shift键,则以10倍步进来移动和缩放。Ctrl+>Ctrl+<分别放大或缩小到原来的200%或50%。默认旋转步进为15°的整数倍;如果同时按Ctrl键,则旋转步进为90°的整数倍。

然而,还有另一个比较有用的是像素转换,它使用Alt+变换键来调用。例如,Alt+方向键会把选中对象移动1个屏幕像素(即显示器屏幕上的一个像素,不是图片尺寸的像素概念)。这意味着,如果您将Alt键与其它键盘快捷键一起使用,则可以通过放大来非常精确地移动对象。相反,当您缩小时,使用Alt键时会降低精度。不同的缩放级别,导致当前操作的精度也有所不同。

与此类似,Alt+>Alt+<会把选中对象每次缩放一个屏幕像素,Alt+[Alt+]旋转对象时,距离旋转中心最远的位置每次移动一个屏幕像素。

注意:Linux 用户可能无法使用Alt+方向键和其他一些组合键,因为Linux的窗口管理器会先于Inkscape捕获这些按键事件(比如Linux会使用Alt键来辅助执行诸如切换工作区之类的操作)。一种解决方案是修改窗口管理器相应的快捷键设置。

多选

You can select any number of objects simultaneously by Shift+clicking them. Or, you can drag around the objects you need to select; this is called rubberband selection. (Selector creates rubberband when dragging from an empty space; however, if you press Shift before starting to drag, Inkscape will always create the rubberband.) By holding down Alt, you can turn the Selector tool into a pencil that you can use to draw on the objects you want to select. Practice by selecting all three of the shapes below:

现在,使用框选(鼠标左键拖动或Shift+鼠标左键拖动)来选择两个椭圆,但是不选矩形:

选中的每个单独对象都会显示一个选择提示 — 默认是一个矩形的虚线框。这些提示使您可以轻松地判断选中了什么和未选中什么。例如,如果您同时选中了两个椭圆和矩形,在没有提示框的情况下,您可能很难判断椭圆是否也被选中。

Shift+鼠标左键单击可以在已经选中的对象中剔除被点击的对象。选择上面的全部三个对象,然后使用Shift+鼠标左键单击剔除两个椭圆,只留下矩形。

Esc会取消所有选中的对象。按Ctrl+A会选中当前图层中的所有对象(如果你没有创建任何图层,则会选中文档中所有的对象)。快捷键Ctrl+A的默认行为可以在首选项中进行修改。

群组

多个对象可以组成一个群组。拖动或变换一个群组时,整个群组的行为就像一个单独对象一样。在下图中,左边的三个对象是相互独立的。右侧三个对象被组合成一个群组。尝试拖动群组的位置。

如果想创建群组,请选中多个对象然后按Ctrl+G。如果想解除群组,请选中该群组并按Ctrl+U。这些操作也可以通过鼠标右键单击对象菜单或者常规命令栏来实现。群组本身可以再被群组,就像单独的对象一样;这样的群组嵌套操作可能会嵌套到任意深度。但是,Ctrl+U只会解除选中的嵌套群组的最外层群组;如果您想完全解除嵌套群组的全部群组,需要不停地按Ctrl+U(也可以点击菜单 扩展整理深度解除群组)。

但是,如果只是想编辑群组中的对象,则不必解除群组。只需按住Ctrl+鼠标左键点击目标对象,该对象会被单独选中,然后编辑即可,或者按住Shift+Ctrl+鼠标左键点击多个对象(在任何群组内或群组外)进行多选,不用考虑是否在同一群组。

您还可以在一个群组上鼠标左键双击,这样可以进入该群组,然后可以访问群组中的所有对象,而无需解除群组。在画布的任意空白区域双击可以离开该组。

尝试在不解除群组的情况下移动或变换群组中的某个单独的形状(右上方),然后取消选择该群组,再正常选择该群组,以查看其是否仍保持群组状态。

填充与描边

为对象赋予某种颜色的最简单方法是选中一个对象,然后点击画布下方调色板中的 色块(色板区域)进行填充。

Alternatively, you can open the Swatches dialog from the View menu (or press Shift+Ctrl+W), select the palette that you want to use after clicking on the dropdown selector at the top, select an object, and click any swatch to fill the object (change its fill color).

更强大的是对象菜单中的填充和描边对话框(Shift+Ctrl+F)。选中下面的形状,然后打开填充和描边对话框。

You will see that the dialog has three tabs: Fill, Stroke paint, and Stroke style. The Fill tab lets you edit the fill (interior) of the selected object(s). Using the buttons just below the tab, you can select types of fill, including no fill (the button with the X), flat color fill, as well as linear, radial or mesh gradients and patterns. For the above shape, the flat fill button will be activated.

Further below, you see the color picker. You can choose between different types of color pickers in the dropdown menu on the right side above the color picker: RGB, CMYK, HSL, and more. You can also turn on an additional Wheel picker for some of these, where you can rotate a triangle to choose a hue on the wheel, and then select a shade of that hue within the triangle. All color pickers contain a slider labelled “A“ to set the alpha (opacity) of the selected color.

每当您选中一个对象时,颜色控制条都会自动更新以显示当前对象的填充颜色和描边颜色(对于多个选中的对象,控制条会显示它们的平均颜色)。尝试下面这些示例图形或自己创建图形:

使用描边绘制选项卡,可以删除对象的描边,也可以调整描边的颜色和透明度:

在描边样式选项卡中,可以设置描边的宽度以及其它相关参数:

还有,您也可以将渐变应用于填充和描边,而不限于纯色:

When you switch from flat color to gradient, the newly created gradient uses the previous flat color, going from opaque to transparent. The Fill and Stroke dialog will change to show the Gradient editor. Switch to the Gradient tool (G) to drag the gradient handles — the controls connected by lines that define the direction and length of the gradient. When any of the gradient handles is selected (highlighted blue), the Gradient Editor displays the color of that handle and allows you to change it.

Yet another convenient way to change the color of an object is by using the Dropper tool (D). Just click anywhere in the drawing with that tool, and the color you clicked on will be assigned to the selected object's fill (Shift+click will assign the stroke color).

再制、对齐和分布

最常用的一个操作是再制对象(Ctrl+D)。生成的副本会正好放在原件的上面并处于选中状态,因此您可以通过 鼠标方向键对其进行移动。我们练习一下,尝试对下面这个黑色方块创建一个再制副本,并把再制的副本放在原件右侧,让二者横向排列在同一行中:

Chances are, your copies of the square are placed more or less randomly. This is where the ObjectAlign and Distribute dialog (Shift+Ctrl+A) is useful. Select all the squares (Shift+click or drag a rubberband), open the dialog and press the “Center on horizontal axis” button, then the “Distribute horizontally with even horizontal gaps” button (read the button tooltips). The objects are now neatly aligned and distributed with equal spaces in between. Here are some other alignment and distribution examples:

Z-顺序(堆叠次序)

术语z-顺序指的是图形中多个对象在Z方向的堆叠顺序,即哪些对象位于其他对象的上面,且上面的对象会覆盖下面的对象,导致下面的对象完全不可见,或者部分不可见。对象菜单中有两个命令,置顶(Home)和置底( End),这两个命令会将您选中的对象移动到当前图层z顺序的最顶部或最底部。对象菜单中的另两个命令,升高 (PgUp)和降低(PgDn),可以提高或降低对象一层z顺序,例如,把某个选中对象上移到其上方相邻的且未被选中的对象的上面(上方相邻且未被选中的对象必须在z-顺序上位于被选中对象的上方,是否位于上方的判断,尤其不规则对象,以对象选中后显示的选择框为准。如果两个对象的选择框在z-顺序上无任何重叠,那么这两个命令不会起作用)。

可以使用下面的图形练习如何改变堆叠次序,让最左边的椭圆位于最上层,最右边的椭圆位于最下层,中间则依次排列:

Tab键是一个非常有效的选择快捷键。如果没有选中任何对象,按Tab键会选中最底部的对象;如果已经有对象被选中,按Tab键会按z顺序选择已被选中对象上方的对象Shift+Tab正相反,从最顶部的对象开始向下选择。如果您创建的对象已位于堆栈的最顶部,那么在未选中任何对象的情况下按Shift+Tab可以方便地选中您最后创建的对象。在上面的椭圆堆栈上练习一下Tab键和Shift+Tab键的操作。

选择被遮挡的对象并移动其位置

如果您需要选择的对象隐藏在另一个对象的后面怎么办?如果顶部对象是透明或部分透明的,那么您仍然可以看到其下面的对象,但是用鼠标点击时,只会选择顶部对象,而不会选择您需要的下面的对象。

这种情况下,你可以使用Alt+鼠标左键单击。首先,Alt+鼠标左键单击会选中顶部对象,就像常规点击一样。但是,在相同位置再次操作Alt+鼠标左键单击时,会选中顶部对象下面的对象;继续Alt+鼠标左键单击,会选中再下一层的对象,如此循环。因此,连续几个Alt+鼠标左键单击操作会进行循环选择,从上到下,遍历鼠标点击位置的整个z顺序的全部对象。当到达最底部对象时,再一次Alt+鼠标左键单击会再次选择最上面的对象。

With Alt+mouse wheel over a selected object, Inkscape will conveniently cycle through all objects in the position of the mouse pointer and highlight the selected object for you.

如果您使用的是Linux系统,您可能会发现Alt+鼠标左键单击无法像上面描述的那样正常工作。相反,它可能会移动整个Inkscape窗口。这是因为您的窗口管理器已经设置了Alt+鼠标左键单击这个快捷键的功能。解决此问题的方法是为您的窗口管理器找到"窗口动作"设置,然后把Alt键改为其它按键,比如改为Meta键(又名Windows,或者Super),这样,Inkscape就可以自由使用Alt键了。

很好,但是一旦选中了下面的对象,接下来该如何处理?您可以使用键盘快捷键对其进行变换操作,也可以用鼠标拖动对象的控制手柄。但有一点要注意,如果直接用鼠标拖动对象本身,会导致重新选择顶部的对象,而不是下面的对象(这源于单击并拖动的设计方式 - 它会选择光标下的(顶部)对象,然后对其进行拖动)。如果想让Inkscape拖动当前选中的对象,而不是顶部的对象,请使用Alt+鼠标左键拖动来操作。这种情况下,inkscape会对被选中对象进行操作,而不是操作顶部对象。

练习Alt+鼠标左键单击Alt+鼠标左键拖动,移动绿色透明矩形下的两个棕色形状:

选择相似的对象

Inkscape可以选择与当前选中对象相似的其他对象。例如,如果要选择下面全部的蓝色方块,请先选择其中一个蓝色方块,然后点击菜单编辑选择同类对象填充颜色(或在对象上单击鼠标右键)。现在,所有相同蓝色填充的对象都被选中。

除了按填充颜色进行选择,您还可以按描边颜色、描边样式、填充和描边以及对象类型进行同类对象选择操作。如果这些选项对于您来说还不够,请尝试使用菜单编辑查找/替换命令。

总结

基础教程到此结束。Inkscape的功能远远不止这些,但是通过这里介绍的方法,您已经可以使用Inkscape创建简单实用的图形。要了解更多内容,请参考"Inkscape: 高级"教程以及菜单帮助教程中的其他教程。

Authors: Bulia Byak; Jonathan Leighton; Ralf Stephan; Bryce Harrington; Alexandre Prokoudine; Colin Marquardt; Josh Andler; Nicolas Dufour; Gellért Gyuris; Maren Hachmann

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

Header / footer design: Esteban Capella — 2019