Inkscape
Содержание:
- Inkscape Development
- Узлы
- Drawing freehand and regular paths
- Important bugfixes
- Как нарисовать векторный чупа-чупс в inkscape
- Graphical Editor / User Interface
- Сетка
- Возможности Inkscape
- Изменение масштаба
- Заливки и обводки
- Группировка
- Ellipses
- Building Inkscape on Linux
- Направляющие
- Notable bug fixes
- Zooming in or out
- Creating text
- Окно инструментов
Inkscape Development
The Inkscape Codebase
Inkscape started as a fork of Sodipodi, a GNOME application based on GObject. Inkscape is written in a mixture of C and C++, due to historical reasons. We hope to eventually migrate it to C++. There is still however, a lot of GObject-based code, so some knowledge of GObject is necessary to work with Inkscape.
Inkscape uses the GTK+ widget toolkit and the Glib support library. We are in the process of migrating from GTK+ 2.0 to GTK+ 3.0 for the upcoming 1.0 release. We also use the header-only parts of Boost (i.e. it is a compile-time dependency, but not a runtime dependency). The geometry library lib2geom, written in C++, is intended to eventually become a separate project. You can get the latest version of lib2geom from its Gitlab repository.
Knowing how to program in C++, and use GTK is essential for contributing to Inkscape. Fortunately, these aren’t that difficult to learn, so do read relevant tutorials.
The Inkscape project uses Doxygen to automatically generate source code documentation (including diagrams of the program structure). You can quickly get an overview about the part of the program you’d like to work on here.
Узлы
Узлы — это структуры, которые показывают, как создается векторная графика, и они связаны с некоторыми математическими операциями. Они позволяют художникам и дизайнерам манипулировать объектами, изображениями и графикой, которые векторизованы.
Инкскейп предоставляет инструменты для перемещения узлов и маркеров.
Это позволяет манипулировать многими частями объекта и перемещать его края различными способами. Между тем, если инструмент выбран, чтобы сделать выбранный узел симметричным, он позволит пользователям вытянуть одну сторону ручки, а другую — масштабировать соответственно.
Drawing freehand and regular paths
The easiest way to create an arbitrary shape is to draw it using the Pencil (freehand) tool
(F6):
If you want more regular shapes, use the Pen (Bezier) tool
(Shift+F6):
With the Pen tool, each click creates a sharp node without any curve
handles, so a series of clicks produces a sequence of straight line segments.
click and drag creates a
smooth Bezier node with two collinear opposite handles. Press Shift while
dragging out a handle to rotate only one handle and fix the other. As usual,
Ctrl limits the direction of either the current line segment or the Bezier
handles to 15 degree increments. Pressing Enter finalizes the line, Esc
cancels it. To cancel only the last segment of an unfinished line, press Backspace.
In both freehand and bezier tools, the currently selected path displays small square
anchors at both ends. These anchors allow you to continue this path
(by drawing from one of the anchors) or close it (by drawing from one anchor to the other)
instead of creating a new one.
Important bugfixes
- Fix shortcuts not working as expected on systems with non-latin primary keyboard layout. (Bugs # 1226962 , # 1730246 , # 1734308 )
- Fix crash when attempting to drag path at cap or line join. (Bug # 1691406 )
- Inkscape process did not exit cleanly on Windows. (Bugs # 1412365 and # 1715339 , also causing # 1714278 )
- Fix «Open recent» not including files with special characters on Windows. (Bug # 629608 )
- File extension was sometimes omitted when adding saved files to Windows’ list of «recently used documents» resulting in unusable links ( )
- Do not crash on systems with illegal fontconfig configurations. (Bug # 1716516 )
- Resolve issues when attempting to save files to non-existing directories. Could happen for shortcuts.xml (Bug # 1719629 ) and when setting the autosave location manually.
- Allow cancellation of bitmap export. (Bug # 1195929 )
- Fix issues with PDF+LaTeX export: wrong stacking of text/graphics, missing pages in PDF output (Bugs # 771957 , # 1417470 )
- Printing multiple copies of the document resulted in one copy and many blank pages (Bug # 490866 , # 1733424 )
- Fix export area when exporting single objects to SVG using the command line switch (Bug # 1306662 , # 1707368 )
- Fix DXF output and Windows vector print scaling for documents with a custom view box (Bug # 1672066 )
- Invalid output generated from extensions no longer makes Inkscape crash ( gitlab commit )
- The Ruler Live Path Effect now shows correct measurements in the default template (and other non-px-based templates), too (Bug # 1460858 )
- The Document Properties dialog now has a more compact layout, so all items should be accessible on smaller screens (Bug # 1510831 )
Как нарисовать векторный чупа-чупс в 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 на форуме можно найти и обсудить здесь.
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 + 3).
Сетки делятся на два типа: прямоугольная и аксонометрическая. Параметры сетки могут быть определены в главном меню «Файл» — «Свойства документа». Наиболее распространенным является прямоугольная сетка, которая состоит из вертикальных и горизонтальных линий. Аксонометрическая сетка содержит дополнительно диагональные линии и может быть интересна для технических или архитектурных чертежей.
На рисунке ниже приведе пример аксонометрической и прямоугольной сеток inkscape.
Как пользоваться сеткой в inkscape
Используйте раскрывающийся список в диалоговом окне свойств документа (пример на рисунке справа), чтобы выбрать тип сетки, которую вы планируете использовать использовать, а затем нажмите кнопку «Создать». Под фразой «Определенные пользователем сетки» (для одного документа могут быть определены несколько сеток) будет создана новая вкладка с параметрами созданной сетки. Затем определите единицы, которые вы хотите использовать, определите точку отсчета по горизонтали и вертикали (X и Y) и расстояние между соседними линиями сетки. При использовании аксонометрической сетки появляется дополнительный параметр, определяющий угол двух линий сетки.
Галочка Включена. Отметьте её, чтобы использовать эту сетку в текущем документе.
Галочка Видима. Этот флажок определяет видимость сетки на холсте. При выключенном флажке сетка невидима. Этот параметр задает значение по умолчанию для каждой сетки таким образом, что даже если видимость в этом параметре включена, то всеравно можно переключать видимость сетки через меню или по горячей клавише #. Т.е., если в главном меню «Вид» — «Сетка» видимость сетки отключена, то сетка не будет отображаться на холсте, даже если установлена галочка «Видима».
Единицы сетки. В качестве единиц измерения для сетки доступны миллиметры, футы и пиксели. Вы можете выбрать ту размерность, которая больше всего соответствует вашим потребностям. Если особых потребностей нет, то используйте вариант по умолчанию — пиксели.
Точки отсчета по X и Y. Эти параметры определяют начальную точку сетки inkscape. Значение по умолчанию «0» (ноль), но иногда бывает удобно изменить её, особенно для определения точки края листа.
Интервал по X и Y. Эти параметры определяют расстояние между двумя линиями сетки. Эти интервалы могут отличаться для горизонтальных и вертикальных линий, таким образом, чтобы сетка может состоять из прямоугольников.
Угол по X и Z. Эти параметры доступны только для аксонометрической сетки. Они определяют углы линий сетки на оси X и Z.
Цвета линий сетки. По умолчанию для сетки используется синий цвет, но этот параметр также можно изменить. Существует два типа линий. Наиболее часто используемым является линия сетки, но когда используется сетка с маленьким шагом, и множеством линий, то отображаются основные линии сетки. Они помогают оценить расстояния. Другие цвета могут быть определены для каждого типа линии. Параметр «Основная линия сетки каждые…» определяет частоту основных линий. Обычно этот параметр равен 5 или 10.
Показывать точки вместо линий Этот параметр доступен только для прямоугольной сетки inkscape. Линии сетки иногда могут мешать при работе с инструментами рисования. Этот параметр позволяет отображать сетку в виде точек.
Возможности Inkscape
- Векторизация растровой графики;
- Интегрированный редактор шрифтов;
- Позволяет устанавливать горячие клавиши;
- Встроенная опция коллективного рисования;
- Возможность применять фильтры и эффекты;
- Функция высококачественной печати проектов;
- Выделение, масштабирование, поворот объектов;
- Регулировка яркости, насыщенности, контрастности;
- Работа с контурами, фигурами, текстом и маркерами;
- Редактирование изображений в сжатом виде в формате gZip;
- Большое количество инструментов для создания векторной графики;
- Различные примеры и уроки по использованию Inkscape на сайте разработчика;
- Импорт файлов в формате JPEG, PNG, TIFF, GIF, BMP, RAS, TGA, WBMP, XBM, XPM, POV, DXF и т.д.
Преимущества
- Поддержка макросов PSTricks;
- Открывает растровые изображения;
- Имеется возможность работы со слоями;
- Создание баннеров и макетов для сайтов;
- Векторный редактор с открытым исходным кодом;
- Удобная статусная строка, настраиваемый размер главного окна;
- Интуитивно понятный многоязычный интерфейс (русский присутствует);
- Использование языков Perl и Python для аналитического задания кривых;
- Новая версия программы Inkscape совместима с Microsoft Windows 10 и Mac OS X;
- Позволяет использовать разные фигуры: прямоугольник, эллипс, звезда, спираль;
- Inkscape реализует экспорт файлов PNG, SVG, CSS, ICO, CUR, PCX, PNM, RAS, TGA, WBMP, WMF, WPG, GGR, ANI, DIA, AI, PDF, JPEG, XPM и пр.
Недостатки
Изменение масштаба
Проще всего изменять масштаб клавишами - или + (или =). Также можно использовать следующие варианты сочетания клавиш: Ctrl+средняя клавиша мыши или Ctrl+правая кнопка мыши — для увеличения, Shift+средняя, Shift+правая или колесо мыши с нажатым Ctrl — для уменьшения. На нижней панели, справа, можно задать значение (указано в процентах). Набрав нужное, нажмите Enter. В программе имеется Инструмент масштабирования (среди инструментов слева) можно увеличивать только необходимую выделенную область.
Inkscape хранит историю масштабов, которые Вы использовали рабочей сессии. Для возврата к предыдущему состоянию, нажмите `, для перехода к следующему состоянию Shift+`.
Заливки и обводки
Доступ ко многим функциям inkscape реализован через диалоговые окна. Наверное самым простым способ покрасить объект в разные цвета будет открыть активировать его и выбрать цвет на палитре цветов.
Но более мощный инструмент управления цветами объекта находится в диалоге заливки и обводки. Этот диалог доступен в верхнем пункте главного меню «Объект» или по комбинации клавиш Shift+Ctrl+F. Выберите какой-нибудь объект, например, эллипс, как на рисунке ниже, и откройте диалоговое окно заливки и обводки.
Вы увидите, что диалоговое окно имеет три вкладки: «заливка», «обводка» и «стиль обводки». Закладка «Заливка» позволяет редактировать заливку выбранных объектов. С помощью кнопок сразу под названием закладки, можно выбрать типы заливки, включая и первый пункт «нет заливки» (кнопка с крестиком), сплошной цвет заливки, а также линейные и радиальные градиенты. Для рисунка выше была активирована вторая кнопка сплошной заливки.
Ниже кнопок с видами заливки на закладке «Заливка» вы увидите варианты выбора цвета. Для каждого способа выбора цвета есть своя собственная вкладка: RGB, CMYK, HSL и «Круг». Довольно удобно выбирать цвет на закладке «Круг», где вы можете повернуть треугольник внутри круга, чтобы выбрать цвет на цветовом круге, а затем выберите оттенок этого цвета в треугольнике. Для всех цветов изменять прозрачность можно с помощью ползунка «Альфа-канала» (прозрачность). Прозрачность измеряется в % непрозрачности, т.е. 100% абсолютно непрозрачный цвет и, наоборот, 0% абсолютно прозрачный.
Всякий раз, когда вы выбираете объект, цвет в описанном выше диалоговом окне обновляется, показывая цвет текущей заливки и обводки. Если выбрано несколько объектов, диалоговое окно показывает их средний цвет. Поэкспериментируйте с этим диалоговым окном. Теперь вы можете создавать разноцветные фигуры и даже полупрозрачные.

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

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

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

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

Только что созданная настройка градиента использует предыдущий цвет сплошной заливки фигуры, который переходит из непрозрачного цвета в прозрачный. Для управлении градиентом заливки фигуры активируйте инструмент градиент в боковом окне инструментов или нажмите Ctrl+F1. Появятся две направляющие градиента в заливке фигуры. Перемещаете направляющие (ручки) градиента и вы увидите как он изменяется. Направляющие градиента в зависимости от их длины изменяют насыщенность и форму градиента. Так изменяя длину ручек (направляющих) градиента можно из кругового градиента сделать овальный и т.д. Цвет градиента можно менять в палитре цветов inkscape или в диалоговом окне по кнопке «изменить». У градиента есть два цвета, цвет ручки и цвет центрального маркера. Если нажать на центральный маркер, то в диалоговом окне отобразится его цвет и прозрачность и их можно поменять и то же самое можно сделать для цвета ручки. Для этого надо активировать маркер любой из двух ручек градиента.
Еще один достаточно удобный способ изменить цвет объекта — это воспользоваться инструментом «Пипетка» в боковом окне инструментов или F7. Просто щелкните в то место рисунка, где уже есть нужный вам цвет и этот цвет будет присвоено заливке выбранного объекта. Щелчок пипеткой с нажатой клавишей Shift назначит выбранный цвет цвету обводки.
Группировка
Несколько объектов могут быть объединены в группу. При перемещении и трансформации группа ведёт себя также как и обычный объект. Как следует из иллюстрации ниже, три объекта слева независимы, в то время как правые объекты сгруппированы. Попробуйте перетащить сгруппированные объекты.
Для создания группы нужно выбрать один или более объектов и нажать Ctrl+G. Для разгруппировки нужно нажать Ctrl+U предварительно выбрав группу. Эти действия также доступны с помощью правого кликаи меню Объектв панели меню. Сами по себе группы могут быть сгруппированы как одиночные объекты. Подобная поэтапная группировка может быть сколько угодно сложной. При этом следует помнить, что Ctrl+U разгруппирует только последнюю группировку. Нужно нажать Ctrl+U несколько раз, если хотите полностью разгруппировать сложносгруппированные группы (либо использовать Расширения⇒Расстановка⇒Разгруппировать до конца (Deep Ungroup)).
Очень удобно то, что не нужно разбивать группу для редактирования отдельных объектов. Выполнив Ctrl+клик по объекту, Вы его выберете и сможете редактировать. Таким же образом работает комбинация Shift+Ctrl+click, позволяющая редактировать несколько объектов независимо от группы.
Для входа в группу, нужно навести курсор на неё и нажать двойной клик, при этом можно редактировать каждый объект в группе без разгруппировки. Для выхода из группы нажмите двойной клик на пустой области холста.
Попробуйте трансформировать или переместить отдельные объекты из предыдущего примера (правая верхняя картинка) без разгруппировки, затем выберите всю группу обычным образом и убедитесь, что объекты остались сгруппированными.
Ellipses
The Ellipse tool (F5) 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:
-
With Ctrl, draw a circle or an integer-ratio (2:1, 3:1, etc.) ellipse.
-
With Shift, draw around the starting point as center.
Let’s explore the handles of an ellipse. Select this one:
Once again, you see three 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:
To get a segment (an arc plus two radii), drag outside the ellipse;
to get an arc, drag inside it. Above, there are 4 segments on the
left and 3 arcs on the right. Note that arcs are unclosed shapes, i.e. the stroke only goes along the ellipse
but does not connect the ends of the arc. You can make this obvious if you remove the fill, leaving only stroke:
Note the fan-like group of narrow segments on the left. It was easy to create using angle
snapping of the handle with Ctrl. Here are the arc/segment
handle shortcuts:
-
With Ctrl, snap the handle every 15 degrees when dragging.
-
Shift+click to
make the ellipse whole (not arc or segment).
The snap angle can be changed in Inkscape Preferences (in
Behavior⇒Steps).
The other two handles of the ellipse are used for resizing it around its center. Their shortcuts are similar to
those of the rounding handles of a rectangle:
-
Drag with Ctrl to make a
circle (make the other radius the same). -
Ctrl+click
to make a circle without dragging.
And, like the rectangle resize handles, these ellipse handles adjust the height and width of the ellipse in
the ellipse’s own coordinates. This means that a rotated or skewed ellipse can easily be
stretched or squeezed along its original axes while remaining rotated or skewed. Try to resize any of these
ellipses by their resize handles:
Building Inkscape on Linux
Install build dependencies
Download and run the script to install everything required for compiling Inkscape (check script to see if your distribution is supported):
wget -v https://gitlab.com/inkscape/inkscape-ci-docker/-/raw/master/install_dependencies.sh -O install_dependencies.sh bash install_dependencies.sh --recommended
Compile
To compile with CMake, do the following:
mkdir build
cd build
cmake .. -DCMAKE_INSTALL_PREFIX=${PWD}/install_dir -DCMAKE_C_COMPILER_LAUNCHER=ccache -DCMAKE_CXX_COMPILER_LAUNCHER=ccache
make -j8
make install
Notes:
- Using is optional but speeds up compilation.
- The optional argument to tells it to run 8 jobs in parallel. Feel free to adjust this to the number of hardware threads (physical cores) available on your computer.
- The recommended argument allows to specify a custom isolated installation location (in the example above install_dir/ inside the build folder). It avoids installation into system locations (where it could conflict with other versions of Inkscape) and allows running multiple versions of Inkscape in parallel. It will still use all the files (including the preferences.xml) that reside in the ~/.config/inkscape directory.
Run it from the build directory:
install_dir/bin/inkscape
Направляющие
Направляющие создаются в inkscape пользователем для облегчения рисования или построения фигур. Направляющие «притягивают» некоторые инструменты, т.е., позволяют установить положение инструментов точно по ним. Использование направляющих облегчает пользователям выравнивание объектов, создаваемых с помощью мыши. Чтобы использовать направляющие, щелкните указателем мыши на горизонтальной или вертикальной линейке и, удерживая кнопку мыши нажатой, перетащите появившуюся направляющую в ту точку холста, где она должна быть, после этого отпустите кнопку мыши. С помощью горизонтальной линейки создаются горизонтальные направляющие, из вертикальной — вертикальные.
Как использовать направляющие в inkscape
Как переместить направляющие inkscape? При активном инструменте выбора F1, передвиньте указатель мыши к направляющей. Когда указатель окажется над ней, направляющая изменит свой цвет на красный. Затем щелкните по направляющей и перетащите её туда, куда вы хотите.
Как удалить направляющую в inkscape? Чтобы удалить направляющую, просто перетащите её на соответствующую линейку с помощью инструмента выбора.
Как отключить видимость направляющих в inkscape? Чтобы скрыть направляющие, без их удаления, выберите в главном меню «Вид» — «направляющие». Сочетание клавиш для переключения видимости направляющих Shift + |.

В главном меню «Файл» — «Свойства документа» можно переопределить настройки по умолчанию для направляющих. Можно указать должны ли направляющие показываться по умолчанию, задать цвет направляющих — цвет самой направляющей и цвет её, когда над ней находится кнуказатель мыши.
Направляющие часто используются для размещения объектов на холсте, в этом случае рекомендуется установить флажок «направляющие прилипают при перетаскивании».
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).
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.
Creating text
Inkscape is capable of creating long and complex texts. However, it’s also pretty convenient for creating small
text objects such as heading, banners, logos, diagram labels and captions, etc. This section is a very basic
introduction into Inkscape’s text capabilities.
Creating a text object is as simple as switching to the Text tool (F8), clicking somewhere in
the document, and typing your text. To change font family, style, size, and alignment, open the Text and Font
dialog
(Shift+Ctrl+T).
That dialog also has a text entry tab where you can edit the selected text object — in some situations, it may
be more convenient than editing it right on the canvas (in particular, that tab supports as-you-type spell
checking).
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).
One of the most common operations in text design is adjusting spacing between letters and lines. As always,
Inkscape provides keyboard shortcuts for this. When you are editing text, the
Alt+< and
Alt+> keys change the letter
spacing in the current line of a text object, so that the total length of the line changes by 1
pixel at the current zoom (compare to Selector tool where the same keys do pixel-sized object scaling). As a
rule, if the font size in a text object is larger than the default, it will likely benefit from squeezing
letters a bit tighter than the default. Here’s an example:
The tightened variant looks a bit better as a heading, but it’s still not perfect: the distances between letters
are not uniform, for example the “a” and “t” are too far apart while “t” and “i” are too close.
The amount of such bad kerns (especially visible in large font sizes) is greater in low quality fonts than in
high quality ones; however, in any text string and in any font you will probably find pairs of letters that will
benefit from kerning adjustments.
Inkscape makes these adjustments really easy. Just move your text editing cursor between the offending
characters and use Alt+arrows to move the
letters right of the cursor. Here is the same heading again, this time with manual adjustments for visually
uniform letter positioning:
In addition to shifting letters horizontally by
Alt+Left or
Alt+Right, you can also move them
vertically by using Alt+Up or
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.
Similar to letter spacing, you can also adjust line spacing in multi-line text objects.
Try the
Ctrl+Alt+<
and
Ctrl+Alt+>
keys on any paragraph in this tutorial to space it in or out so that the overall height of the text object
changes by 1 pixel at the current zoom. As in Selector, pressing Shift with
any spacing or kerning shortcut produces 10 times greater effect than without Shift.
Окно инструментов

Окно инструментов inkscape, состоит из вертикального ряда кнопок, расположенного в левой части окна редактора. На картинке выше эта панель приведена горизонтально для экономии места. Окно инструментов inkscape — это основной элемент для работы в векторном редакторе Inkscape. Окно инструментов inkscape содержит основной набор графических инструментов для создания и редактирования фигур. В окне инструментов inkscape присутствуют инструменты для работы с геометрическими фигурами, а также свободной трансформации фигур и линий, инструменты для работы с текстом и цветом (заливка и градиенты).
При работе с инструментами, сразу под горизонтальной панелью вы можете заметить контекстную панель управления inkscape.

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