Базовый учебник

Zooming in or out

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. We also have the Zoom tool (in the toolbar on left)
which lets you to zoom into an area by dragging around it.

Inkscape also keeps a history of the zoom levels you’ve used in this work session. Press the `
key to go back to the previous zoom, or
Shift+` to go forward.

Выделение нескольких объектов

Вы можете выбрать любое количество объектов одновременно, нажав Shift+клик на желаемых объектах. Также можно выбрать объекты рамкой выделения — так называемым пунктирным выделением (рамка выделения появляется тогда, когда выделение начинается с пустого места, а с нажатой клавишей Shift рамка выделения появится и над объектом). Практикуйтесь в выделении на этих трёх фигурах:

Теперь, используя «пунктирное» выделение ( с клавишей Shiftили без неё), выделите эллипсы, но не прямоугольник:

Каждый выделенный объект отображается с пунктирной рамкой вокруг него. Благодаря этой рамке просто определить, какой объект выделен, а какой нет. Например, если выбрать оба эллипса и прямоугольник под ними, то без пунктирной рамки будет сложно понять, выделены эллипсы или нет.

Shift+клик на выделенном объекте исключает его из общего выделения. Попробуйте для практики выбрать три объекта сверху, а после этого, используя Shift+клик, исключите эллипсы, оставив выделенным только прямоугольник.

Нажатие Esc сбросит все выделения. Ctrl+A выделяет все объекты в пределах активного слоя (если вы не создавали слоёв, то это равносильно выделению всех объектов документа). Сочетание клавиш Ctrl+A можно изменить в настройках.

Tools

Node tool

The tool control bar for the Node Tool features a new dropdown to insert new nodes on the selected segments extreme values. For example, (as demonstrated in the image below) it is possible to add a new node at the highest point in a curve using Insert Node at Max Y

Measurement tool

The Measurement tool is a new feature for the artist to measure the elements in their drawing. To use the measurement tool, simply choose the tool, click anywhere on the drawing and drag the ruler out. The measurement tool will live-update with measurements of length and angles as you pass over objects in your drawing.

Text tool

• Text size default unit is now points ( ) and is customizable ( , , , , , , )
• Text toolbar shows full list of font style variants for that font
• Files with text in units read correctly
• Font substitution warning dialog

Gradients

• Gradient toolbar enhanced to select and modify gradient stops, invert, repeat, and link gradients
• On-canvas gradient editing fixes: double clicking to create stops, correct focus on select
• Gradients sortable by color, name and usage in Fill/Stroke
• Gradients can be renamed in Fill/Stroke

Как нарисовать векторный чупа-чупс в inkscape

Еще один урок в продолжение круглой темы, но немного сложнее предыдущего урока: как нарисовать векторный бильярдный шар. В этом уроке мы будем рисовать векторный чупа-чупс, такой как на рисунке ниже.

1
Начнем как обычно с фигуры круг. Нарисуем ровный круг — основу будущего чупа-чупса. Кто забыл, ровный круг рисуется с нажатой клавишей CTRL.

2
Теперь нарисуйте прямоугольник. Размер прямоугольника по ширине немного больше диаметра круга. Расположение пока не имеет значения, так что если получилось не ровно, например, слева чуть больше, чем справа, то не расстраивайтесь, с этим разберемся потом. А пока сделайте края прямоугольника несколько закругленными. Для наглядности прямоугольник я сделал другим цветом, вам это делать необязательно. За закругление углов отвечают круглые маркеры в верхнем правом углу. Потяните круглый маркер немного вниз и углы скруглятся. Подробнее об этом и том, зачем нужен второй маркер читайте в инструкции inkscape в разделе инструмент прямоугольник.

3
Теперь займемся правильным расположением круга и прямоугольника. Выделите их оба. В главном меню в меню «Объект» выберите пункт «Выровнять и расставить» или CTRL+SHIFT+A. Нажмите в открывшемся диалоговом окне кнопки центрировать горизонтально и центрировать вертикально. Если навести на кнопку указатель мыши, то появится подсказка, так что найти кнопки несложно. Теперь, когда объекты выровнены, можно их объединять. Сделайте это в меню «Контур» — «Объединить» или комбинация клавиш CTRL+K.

4
Теперь заполним фигуру градиентом. Сделать это можно в диалоговом меню заливка и обводка. Обводка фигуры отключена. А заливку сделаем радиальным градиентом. Цвет центральной точки #e23db7 или (e23db7ff). Цвет крайних точек #551a10 (551a10ff).

5
С помощью инструмента перо нарисуйте линию, которая будет обозначать контур средней выпуклости чупа-чупса. Нарисовать линию просто, три узла — два крайних и один гладкий посередине. Когда линия готова, сделайте ее копию — CTRL+D и переместите копию вниз. Должно получиться так, как на рисунке ниже.

Сделайте стиль обводки, нарисованной вами верхней, линии линейный градиент. Заливки естественно нет. Правда нам придется добавить новую опорную точку. Она обозначена ромбиком и находится между крайними точками. Если после выбора типа заливки вы не видите градиент, щелкните инструментом градиент по линии, и он появится. Вместе с градиентом в верхнем контекстном меню этого инструмента появятся его параметры, в том числе и кнопка «изменить». Нажав на эту кнопку, можно открыть диалоговое окно градиента, где есть кнопка «добавить опорную точку». Так, цвет опорной точки должен быть для верхней линии белым, а цвет крайних точек любой, но абсолютно прозрачный. Чтобы изменить цвет точки, активируйте ее и меняйте цвет в диалоговом окне градиента или в диалоговом окне заливки. Для нижней линии надо будет сделать все тоже самое, но только цвет средней опорной точки черный.

6
Теперь сделаем блик. Нарисуйте новый круг где-то в верхней части чупа-чупса. Выполните функцию в главном меню «Контур» — «оконтурить объект» или CTRL+SHIFT+C. В нарисованном вами круге буду доступны четыре узла. Подвиньте нижний узел немного вверх, что бы сделать круг примерно таким, как на рисунке ниже. Цвет круга пока не имеет значения

У нас он белый, но это пока не важно

Сделайте тип заливки этого круга — линейный градиент. Обводки естественно нет. Цвет верхней точки градиента белый. Цвет нижней точки градиента любой, но абсолютно прозрачный.

7
В принципе чупа-чупс готов. Давайте сделаем ему ножку. Нарисуйте инструментом перо прямую линию. Как уже говорилось выше, что бы рисовать ровные объекты нажимайте при рисовании клавишу CTRL. Цвет обводки черный. Стиль обводки «круглые концы» толщина пропорционально размеру вашего чупа-чупса, у нас она была равна 25. После того как палочка нарисована выполните «Контур» — «Оконтурить обводку» или CTRL+ALT+C.

Сделайте дубль этой палочки CTRL+D. Сделайте заливку копии этой палочки линейным градиентом. В нем надо опять создать новую опорную точку, цвет которой будет белой. Цвет крайних точек прозрачный.

Создайте еще одну копию палочки через CTRL+D. Теперь ее заливка опять линейный градиент, но другой. Это будет тень от шарика. Цвет верхней точки черный, цвет нижней, абсолютно прозрачный.

В принципе чупа-чупс готов. Можно конечно улучшить еще чего-нибудь, например изгиб конфеты у ножки или дырочку внизу палочки. Для тех, кто разобрался с этим уроком, это уже не составит труда. Так что остановимся на этом этапе.

Этот урок векторный чупа-чупс в inkscape на форуме можно найти и обсудить здесь.

Crash fixes

A variety of crashes have been fixed for this current bugfix release.

Specifically, we fixed a crash …

• … when drawing with the Calligraphy tool inside a group with the ‘Rotate copies’ live path effect (and possibly when adding items to groups with a different path effect applied to them) (Commit b62cd9, MR #2386)
• … when duplicating a text that had lost the frame it was flowed in (Bug #1919)
• … that happened randomly when using undo / redo (Commit 3cb09a)
• … when importing an SVGZ file by drag-and-drop (Commit b8e782, Bug #906)
• … that occurred sporadically when closing Inkscape (Bug #1918, Commit 275d15)
• … when popping an object out of its current group (Commit a803b1, Bug #1770)
• … or, actually, multiple different crashes occuring with the Selectors and CSS dialog on Redo, Undo and Clone actions, as well as on closing the document and when having a duplicate window open (Commit 12f4d6, Bugs #142, #828, #1168, #1157, #688)
• … with the Clone LPE (Commit e3cad6)
• … when trying to export to PDF when there are markers included in the document whose color is defined by context-stroke (like Inkscape stock markers) (Bug #1984, Commit 9b5de7)
• … / a freeze that occured when importing a PDF file with many icc color spaces defined (Bug #1878, Commit 5c1048)
• … when trying to import a PDF file with Poppler version 21.0.1 (Commit c30ae8, Bug #2180) 
• … when starting Inkscape compiled with musl instead of glibc (affecting certain Linux distributions e.g. VoidLinux, Alpine, Gentoo) (Commit #a32669, Bug #2147)

Создание фигур

Самое время для фигур! Выберите голубой прямоугольник на панели слева (или нажмите F4). Наведите курсор мыши на документ (здесь или в новом созданном окне), нажмите левую клавишу мыши и переместите её курсор в сторону — вы получите прямоугольник:

Как видите, по умолчанию прямоугольник залит синим цветом, имеет чёрную обводку и частично прозрачен. Ниже вы увидите, какими способами можно изменять эти параметры. Другими инструментами вы также можете создавать овалы, звезды и спирали:

Рассмотренные инструменты называются инструментами фигур. Каждая созданная фигура имеет один или несколько ручек управления

Попробуйте перемещать их в пределах документа и обратите внимание на изменение фигуры (белые точки видны только тогда, когда выбран один из четырёх инструментов: синий квадрат, коричневый круг, жёлтая звёздочка или спираль). У панели Параметры инструментов свой способ изменения фигур

Управляющие элементы в ней влияют на выбранные в настоящий момент объекты (т.е. те, ручки которые видны), а также определяют параметры новых фигур.

Для отмены последненго действия, нажмите Ctrl+Z. (При необходтмости можно вернуть отмененное действие, нажав Shift+Ctrl+Z).

Notable bug fixes

• The 3D tool no longer inserts an inkscape:perspective element into SVG when it is not needed (i.e. when the document has no 3D box objects).
• Wrong clippaths and masks with cyclic recursion (i.e. clippaths or masks that refer to themselves via other clippaths or masks) no longer crash Inkscape.
• Default unit setting for the XY grid is now respected when creating a new grid.
• Pasting Live Path Effect stacks now works. It adds the stack of the copied object to the end of the LPE stack (if present) of the object it is pasted to.
• The accuracy of the bounding box calculation has been significantly improved when converting objects to patterns or markers. This should make it much easier to create patterns where the tiles should ‘connect’ to each other, e.g. a tile with a plus sign to create a hatched pattern.
• The default font has been changed to
  
  Sans
  
  , eliminating problems when the former default font,
  
  Bitstream Vera Sans
  
  , is not available. (
  
  Sans
  
  is a Pango pseudo-font.)
• The Text toolbar bold and italic/oblique buttons are more likely to work as expected.
• Bitmaps with transparency are now shown (and exported) correctly.
• The emergency save function no longer mangles the file names (which used to make it fail quite often).

Extensions

Units: Breaking change

Due to the implementation of proper document units, the functions and had to be modified and moved to the class.

Unit conversion calls should be replaced with and calls (usually and ).

See also: Notes On Units Handling in Extensions in 0.91

New

• The new guillotine extension is used for exporting PNG slices from a drawing. The slice rectangles are defined by adding horizontal and vertical guides within the canvas boundary, the canvas boundary serves as the outside of the sliced area.
• The new G-code tools extension converts paths to G-code (using circular interpolation), makes offset paths and engraves sharp corners using cone cutters.
• New QR code generator.
• New isometric grid generator .
• New bitmap crop extension.
• New Extract text extension. Outputs a document’s text elements in a chosen order.
• New Merge text extension.
• New HSL adjust extension.
• New Replace font extension.
• New N-Up layout extension.
• New Voronoï diagram extension (creates Voronoï diagrams and Delaunay triangulations based on the selected objects’ barycenter).
• New Interpolate Attribute in a group extension.
• New Typography extensions menu.
• New Hershey Text extension.

Improvements

• Number nodes. New parameters allowing users to choose the starting dot number and the numbering step between two nodes.
• Optional sliders added on and extension parameters (full and minimal modes).
• Extension parameters values (”except attributes!”) can now be contextualized for translation (with ).
• New sub-menus in the Render menu, grouping the bar-codes, grids and layout extensions.

Узлы

Узлы — это структуры, которые показывают, как создается векторная графика, и они связаны с некоторыми математическими операциями. Они позволяют художникам и дизайнерам манипулировать объектами, изображениями и графикой, которые векторизованы.

Инкскейп предоставляет инструменты для перемещения узлов и маркеров.

Это позволяет манипулировать многими частями объекта и перемещать его края различными способами. Между тем, если инструмент выбран, чтобы сделать выбранный узел симметричным, он позволит пользователям вытянуть одну сторону ручки, а другую — масштабировать соответственно.

Regression fixes

• Potentially missing command line output in Inkscape 0.92.2 on Windows 7. (Bug # 1714278 )
• Extensions in the ‘Raster’ submenu relying on ImageMagick were broken and caused crashes in Inkscape 0.92.2 on Windows. (Bug # 1720330 )
• gcodetools were creating wrong orientation points since the dpi change had been made for Inkscape 0.92 (Bug # 1680760 )
• The ‘Clone original’ path effect that was partially broken in Inkscape 0.92.2 works again to fill a path with a PowerStroke applied to it (useful for drawing cartoons) (Bug # 1715433 )
• The preferences dialog was tiny by default (Bug # 1360213 )
• Node handles no longer get too large when selected, and they also revert back to standard size when deselected (Bug # 1568644 )
• Export to .odg (Open Document Drawing) works again on Windows (Bug # 1654034 )
• Inkscape no longer freezes when trying to import clipart from OpenClipart when the openclipart.org server takes too long to respond to requests (Bug # 1745521 )
• Texts that are written in vertical direction now have their marks (e.g. accents) on the correct side again ( gitlab commit )

Documentation

Documentation Relaunch

The Inkscape documentation repository, containing the man page, the keyboard shortcut list as well as the tutorials and their respective translation files, has been almost completely refactored (Java has been dropped in favor of Python), and was updated to work with git and gitlab.

Where to find recent documentation

Continuously updated man page (for command line usage), keyboard and mouse shortcut list, tutorials and translation statistics for the various parts of the Inkscape project are available on the inkscape.org website:

• Man page
• Keyboard shortcuts
• Tutorials
• Translation statistics for Inkscape 0.92 series / development branch

Tutorials, as always, are also included with your Inkscape installation.

Contributing to documentation and documentation translation

Contributions to the documentation translations, as well as improvements to its contents, are welcome at the inkscape-docs repository .

Subpaths and combining

A path object may contain more than one subpath. A subpath is a sequence of nodes
connected to each other. (Therefore, if a path has more than one subpath, not all of its nodes are connected.)
Below left, three subpaths belong to a single compound path; the same three subpaths on the right are
independent path objects:

Note that a compound path is not the same as a group. It’s a single object which is only selectable as a whole.
If you select the left object above and switch to node tool, you will see nodes displayed on all three subpaths.
On the right, you can only node-edit one path at a time.

Inkscape can Combine paths into a compound path
(Ctrl+K) and Break
Apart a compound path into separate paths
(Shift+Ctrl+K).
Try these commands on the above examples. Since an object can only have one fill and stroke, a new compound path
gets the style of the first (lowest in z-order) object being combined.

When you combine overlapping paths with fill, usually the fill will disappear in the areas where the paths
overlap:

This is the easiest way to create objects with holes in them. For more powerful path commands, see “Boolean
operations” below.

Graphical Editor / User Interface

Programs which provide a graphical user interface include Inkscape extensions, which either come with Inkscape, or , as well as external or standalone programs.

Inkscape Extensions

JessyInk is an Inkscape extension, which as of version 0.91, comes installed with Inkscape. It creates a slideshow type of animation for presentations, to be viewed in web browsers, by means of embedding JavaScript in the SVG file. Their wiki contains tutorials and other documentation, and there is some info in the Inkscape manual, as well.

Sozi is a presentation application which produces translations, zooms and rotations to be viewed in web browsers, by means of embedding JavaScript in the SVG file. It’s editor started its life as an Inkscape extension (which has to be installed). However, to allow for a more flexible and user-friendly interface, Sozi developers have decided to make it a standalone program. At some point in the near future, the Sozi extension will no longer work with Inkscape, and users will need to install the standalone version. (The Sozi extension does still work in Inkscape version 0.91, but that may be the last version of Inkscape which supports Sozi as an extension.) There is a series of tutorials about the use of the extension on their website. As the standalone version is a lot more intuitive to use, the not-yet-written documentation shouldn’t be an obstacle to using it.

XIA can be installed either as an extension or a standalone program. It creates HTML5 interactive images, which consist of interactive webpages (such as for presentations), that can even contain simple games. Interactivity includes mouse click, hover, and drag and drop. On their website can be found documentation in the form of a PDF file, an instructional video, and several example files, showing each use case which XIA can create.

Websites and Web Services

AniGen is a browser-based, Free and Open Source SVG animation editor. Development is focused on Chrome, but it should work ok in Firefox, too. User interface is a bit hard to use at first, but decent results can be achieved with an inkscape source svg opened directly for editing.

Standalone Programs

Xia and Sozi

Both programs (see above) are also available as standalone versions. For Sozi, this is intended as a replacement for the extension, which is no longer being developed.

The GIMP is a free/open source, 2D graphics editor, which can create, import and export, both raster and vector images. (It’s primarily for raster graphics, but has some minimal vector features.) It has a relatively simple and easy to use GIF animation feature, with at least 3 tutorials on their website. You can find them by looking through their Documentation page. Basically, images drawn with Inkscape need to be exported to PNG, before they are imported into GIMP (hint: in GIMP, use Import as Layers). Note that there are MANY other programs which can create GIF animations — just search!

Tupi is a free/open source program which can animate both raster and vector images. Their Documentation page provides links to their manual, tutorials, examples, faq, and more.

Synfig Studio is a free/open source 2D animation program, which can import and utilize SVG images. Starting with version 0.91, Inkscape can even export the native Synfig format, SIF. There are both a manual and tutorials in their wiki.

Blender is a free/open source 3D animation suite, which can import SVG images. There are both manual and tutorials on their Support page.

Заливки и обводки

Доступ ко многим функциям inkscape реализован через диалоговые окна. Наверное самым простым способ покрасить объект в разные цвета будет открыть активировать его и выбрать цвет на палитре цветов.

Но более мощный инструмент управления цветами объекта находится в диалоге заливки и обводки. Этот диалог доступен в верхнем пункте главного меню «Объект» или по комбинации клавиш Shift+Ctrl+F. Выберите какой-нибудь объект, например, эллипс, как на рисунке ниже, и откройте диалоговое окно заливки и обводки.

Вы увидите, что диалоговое окно имеет три вкладки: «заливка», «обводка» и «стиль обводки». Закладка «Заливка» позволяет редактировать заливку выбранных объектов. С помощью кнопок сразу под названием закладки, можно выбрать типы заливки, включая и первый пункт «нет заливки» (кнопка с крестиком), сплошной цвет заливки, а также линейные и радиальные градиенты. Для рисунка выше была активирована вторая кнопка сплошной заливки.

Ниже кнопок с видами заливки на закладке «Заливка» вы увидите варианты выбора цвета. Для каждого способа выбора цвета есть своя собственная вкладка: RGB, CMYK, HSL и «Круг». Довольно удобно выбирать цвет на закладке «Круг», где вы можете повернуть треугольник внутри круга, чтобы выбрать цвет на цветовом круге, а затем выберите оттенок этого цвета в треугольнике. Для всех цветов изменять прозрачность можно с помощью ползунка «Альфа-канала» (прозрачность). Прозрачность измеряется в % непрозрачности, т.е. 100% абсолютно непрозрачный цвет и, наоборот, 0% абсолютно прозрачный.

Всякий раз, когда вы выбираете объект, цвет в описанном выше диалоговом окне обновляется, показывая цвет текущей заливки и обводки. Если выбрано несколько объектов, диалоговое окно показывает их средний цвет. Поэкспериментируйте с этим диалоговым окном. Теперь вы можете создавать разноцветные фигуры и даже полупрозрачные.

На закладке «Обводка», можно сделать обводку объекта без заливки или сделать заливку сплошного цвета и настроить ее прозрачность:

Последняя закладка в этом диалоговом окне «стиль обводки», позволяет задать ширину, тип линии обводки и другие параметры обводки объекта:

Ну, и, наконец, вместо того, чтобы заливать фигуры сплошным цветом, можно использовать градиенты для заливки или обводки:

При переходе от сплошной заливки цветом к градиенту создается настройка градиента, для идентификации которой программа присваивает настройке номер.

Только что созданная настройка градиента использует предыдущий цвет сплошной заливки фигуры, который переходит из непрозрачного цвета в прозрачный. Для управлении градиентом заливки фигуры активируйте инструмент градиент в боковом окне инструментов или нажмите Ctrl+F1. Появятся две направляющие градиента в заливке фигуры. Перемещаете направляющие (ручки) градиента и вы увидите как он изменяется. Направляющие градиента в зависимости от их длины изменяют насыщенность и форму градиента. Так изменяя длину ручек (направляющих) градиента можно из кругового градиента сделать овальный и т.д. Цвет градиента можно менять в палитре цветов inkscape или в диалоговом окне по кнопке «изменить». У градиента есть два цвета, цвет ручки и цвет центрального маркера. Если нажать на центральный маркер, то в диалоговом окне отобразится его цвет и прозрачность и их можно поменять и то же самое можно сделать для цвета ручки. Для этого надо активировать маркер любой из двух ручек градиента.

Еще один достаточно удобный способ изменить цвет объекта — это воспользоваться инструментом «Пипетка» в боковом окне инструментов или F7. Просто щелкните в то место рисунка, где уже есть нужный вам цвет и этот цвет будет присвоено заливке выбранного объекта. Щелчок пипеткой с нажатой клавишей Shift назначит выбранный цвет цвету обводки.

Converting to path

Any shape or text object can be converted to path
(Shift+Ctrl+C).
This operation does not change the appearance of the object but removes all capabilities specific to its type
(e.g. you can’t round the corners of a rectangle or edit the text anymore); instead, you can now edit its nodes.
Here are two stars — the left one is kept a shape and the right one is converted to path. Switch to node tool
and compare their editability when selected:

Moreover, you can convert to a path (“outline”) the stroke of any object. Below, the
first object is the original path (no fill, black stroke), while the second one is the result of the
Stroke to Path command (black fill, no stroke):