Inkscape tutorial: Советы и хитрости

В этом разделе учебника вы ознакомитесь с некоторыми хитростями и «скрытыми» возможностями Inkscape, заметно ускоряющими работу.

Распределение объектов по радиусу круга с использованием функции «Узор из клонов»

It's easy to see how to use the Create Tile Clones dialog for rectangular grids and patterns. But what if you need radial placement, where objects share a common center of rotation? It's possible too!

Если ваш радиальный узор будет состоять из 3, 4, 6, 8 или 12 элементов, попробуйте типы симметрии P3, P31M, P3M1, P4, P4M, P6 или P6M. Они прекрасно подходят для снежинок и схожих с ними фигур. Более общий способ получения радиального узора описан ниже.

Выберите симметрию P1 (простое смещение) и скомпенсируйте это смещение, перейдя на вкладку «Смещение» и установив значение «На строку/Смещение по Y» и «На столбец/Смещение по X» равным -100%. За счёт этого все клоны будут расположены точно над оригиналом. Все, что остаётся — это перейти на вкладку «Поворот» и установить некоторый угол вращения на столбец, а затем создать узор в одну строку и несколько столбцов. Вот пример шаблона из горизонтальной линии и 30 столбцов, каждый из которых повёрнут на шесть градусов:

An example image

Чтобы получить из этого часовой циферблат, вам нужно лишь вырезать центральную часть или положить поверх неё белый круг (отсоедините клоны, чтобы иметь возможность выполнять логические действия с ними).

Более интересный эффект может быть создан при использовании строк и столбцов одновременно. Вот шаблон из 10 столбцов и 8 строк с поворотом в 2 градуса на строку и 18 градусов на столбец. Каждая группа линий здесь — «столбец», так что каждая группа отстоит от другой на 18 градусов; внутри каждого столбца интервал между линиями равен 2 градусам:

An example image

In the above examples, the line was rotated around its center. But what if you want the center to be outside of your shape? Just create an invisible (no fill, no stroke) rectangle which would cover your shape and whose center is in the point you need, group the shape and the rectangle together, and then use Create Tile Clones on that group. This is how you can do nice “explosions” or “starbursts” by randomizing scale, rotation, and possibly opacity:

An example image

Как сделать нарезку работы (на несколько прямоугольных областей)?

Create a new layer, in that layer create invisible rectangles covering parts of your image. Make sure your document uses the px unit (default), turn on grid and snap the rects to the grid so that each one spans a whole number of px units. Assign meaningful ids to the rects, and export each one to its own file (File > Export PNG Image (Shift+Ctrl+E)). Then the rects will remember their export filenames. After that, it's very easy to re-export some of the rects: switch to the export layer, use Tab to select the one you need (or use Find by id), and click Export in the dialog. Or, you can write a shell script or batch file to export all of your areas, with a command like:

inkscape -i area-id -t filename.svg

for each exported area. The -t switch tells it to use the remembered filename hint, otherwise you can provide the export filename with the -e switch. Alternatively, you can use the Extensions > Web > Slicer extensions, or Extensions > Export > Guillotine for similar results.

Нелинейные градиенты

Версия 1.1 SVG не поддерживает нелинейные градиенты (т.е. нелинейно переходящие из цвета в цвет), но вы можете создать их подобие, используя градиент с множеством опорных точек.

Начните с обычного градиента из двух опорных точек. Откройте редактор градиента (двойной щелчок курсором по узлу градиента инструмента для редактирования градиентов). Добавьте новую опорную точку посередине и сместите её немного. Добавьте ещё несколько опорных точек до и после этой, а затем тоже сместите их так, чтобы градиент получился ровным. Чем больше опорных точек вы добавите, тем более мягкими будут переходы в градиенте. Ниже изображён исходный чёрно-белый градиент с двумя опорными точками:

An example image

А тут — примеры разных «нелинейных» градиентов с множеством опорных точек (проверьте это при помощи инструмента редактирования градиента).

An example image

Радиальный градиент со смещённым фокусом

Радиальные градиенты не обязательно должны быть симметричными. Используя инструмент для редактирования градиентов, сместите центральный узел эллиптического градиента с нажатой клавишей Shift. Это сдвинет крестик, являющийся узлом фокуса градиента. Если вам это не нужно, вы можете вернуть узел фокуса в центр, просто перетащив его в центр.

An example image

Выравнивание по центру страницы

To align something to the center or side of a page, select the object or group and then choose Page from the Relative to: list in the Align and Distribute dialog (Shift+Ctrl+A).

Удаление ненужного из документа

Many of the no-longer-used gradients, patterns, and markers (more precisely, those which you edited manually) remain in the corresponding palettes and can be reused for new objects. However if you want to optimize your document, use the Clean up Document command in File menu. It will remove any gradients, patterns, or markers which are not used by anything in the document, making the file smaller.

Скрытые возможности и редактор XML

XML-редактор (Shift+Ctrl+X) позволяет вам изменить почти все параметры документа без необходимости использования внешнего текстового редактора. Кроме того, Inkscape обычно поддерживает больше возможностей формата SVG, чем доступно через графический интерфейс. К ним относятся, например, отображение масок и обтравочных контуров, которые нельзя ни создать, ни изменить через графический интерфейс. XML-редактор позволяет использовать эти возможности (если вы знаете SVG).

Изменение единицы измерений для линеек

In the default template, the unit of measure used by the rulers is px (“SVG user unit”, in Inkscape it's equal to 0.8pt or 1/90 of the inch). This is also the unit used in displaying coordinates at the lower-left 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 Default units on the Page tab.

Штамповка

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

Трюки с пером

Используя инструмент, рисующий кривые Безье и прямые линии, вы можете завершить контур несколькими способами, описанными ниже:

Обратите внимание, что пока контур не завершён (т.е. отображается зелёным или, если сегмент текущий, то красным) он ещё не является объектом документа. Следовательно, чтобы отменить его, можно использовать клавишу Esc (отменить весь контур) или клавишу Backspace (убрать последний сегмент незаконченного контура) вместо команды «Отменить».

Для добавления нового сегмента контура к уже существующему контуру, выберите контур и начните рисовать, удерживая нажатой клавишу Shift любого из узлов. Если всё, что вам нужно — это продолжить контур, то Shift не нужен, просто начните рисовать с одного из конечных узлов выбранного контура.

Ввод значений Unicode

При использовании инструмента Текст, нажатие Ctrl+U переключает режим ввода с обычного на Unicode и обратно. В режиме Unicode каждая группа из вводимых вами четырёх шестнадцатеричных цифр превращается в символ Unicode. Это позволяет вам вводить произвольные символы (конечно, если вы знаете их Unicode-коды и шрифт). По окончании ввода Unicode нажмите Enter. Например, введя Ctrl+U 2 0 1 4 Enter, вы получите тирe (—). Для выхода из Unicode-режима нажмите Esc.

You can also use the Text > Glyphs dialog to search for and insert glyphs into your document.

Использование сетки для рисования значков

Предположим, вы хотите нарисовать значок размером 24×24 пикселов. Создайте холст 24×24 px (используя диалог «Свойства документа») и установите сетку в 0,5 px (48×48 пересекающихся линий). Теперь, когда вы выравниваете заполненные объекты по чётным линиям сетки, а объекты со штрихом — по нечётным с шириной штриха, являющейся целым числом пикселов, и экспортируете их с изначальным значением dpi равным 90 (т.е. каждый пиксел холста становится одним пикселом изображения), вы получаете чёткую растровую картинку без сглаживания.

Вращение объекта

Выбрав инструмент Выделение, щёлкните мышью по какому-нибудь объекту, чтобы увидеть его стрелки для смены размера. Щёлкните мышью по объекту ещё раз, и вы увидите стрелки для вращения и скашивания. Если перемещать угловые стрелки, объект будет поворачиваться вокруг центра (центр изображён крестиком). Если нажать клавишу Shift в момент поворота, поворот будет происходить вокруг противоположного угла. Вы также можете переместить центр вращения куда угодно.

Вращение можно производить и с клавиатуры нажатием клавиш [ и ] (на 15 градусов) или Ctrl+[ и Ctrl+] (на 90 градусов). Эти же клавиши [] с нажатием Alt поворачивают объект(ы) с шагом в один пиксел.

Отбрасывание тени у растровых изображений

To quickly create drop shadows for objects, use the Filters > Shadows and Glows > Drop Shadow... feature.

You can also easily create blurred drop shadows for objects manually with blur in the Fill and Stroke dialog. Select an object, duplicate it by Ctrl+D, press PgDown to put it beneath original object, place it a little to the right and lower than original object. Now open Fill And Stroke dialog and change Blur value to, say, 5.0. That's it!

Размещение текста по контуру

Чтобы разместить текст по поверхности кривой, выберите текст и контур одновременно и используйте функцию «Разместить по контуру» из меню «Текст». Текст будет размещён от начала контура. Лучший вариант — использовать отдельный контур для заполнения текстом, чем заполнять текстом один из существующих элементов — это даст вам больше контроля без лишних проблем.

Поиск оригинала

Когда у вас есть текст, направленный по контуру, связанный объект или клон, то порой очень сложно найти их исходный объект, потому что он может находиться под другими объектами, быть невидимым или просто закрытым для изменений (функция «запереть»). Магическая комбинация клавиш Shift+D поможет вам. Выберите текст, связанный объект или клон и нажмите Shift+D, чтобы выделение переключилось на соответствующий контур, оригинал клона или оригинал связанного объекта.

Возвращение ушедших за экран окон.

When moving documents between systems with different resolutions or number of displays, you may find Inkscape has saved a window position that places the window out of reach on your screen. Simply maximise the window (which will bring it back into view, use the task bar), save and reload. You can avoid this altogether by unchecking the global option to save window geometry (Inkscape Preferences, Interface > Windows section).

Прозрачность, градиенты и экспорт в формат PostScript

Форматы PostScript и EPS не поддерживают прозрачность, так что никогда не используйте её, если собираетесь экспортировать рисунок в PS/EPS. При однородной прозрачности объектов вопрос решается просто. Выберите один полупрозрачных объектов, переключитесь на инструмент Пипетка (F7), удостоверьтесь, что включён режим «Брать видимый цвет без альфа-канала», и щёлкните по уже выбранному объекту. Видимый цвет будет получен и заново присвоен объекту, но уже без полупрозрачности. Повторите эту процедуру с остальными объектами. Если полупрозрачный объект перекрывает несколько объектов с простой заливкой, вам придётся разделить его на части и повторить процедуру для каждого из кусочков.