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

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

Radial placement with Tiled Clones

It's easy to see how to use the Create Tiled 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!

If your radial pattern only needs to have 3, 4, 6, 8, or 12 elements, then you can try the P3, P31M, P3M1, P4, P4M, P6, or P6M symmetries. These will work nicely for snowflakes and the like. A more general method, however, is as follows.

Выберите симметрию 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 click on the object twice with the Selector tool to enter rotation mode. Now move the object's rotation center (represented by a small cross-shaped handle) to the point you would like to be the center of the rotation for the Tiled Clones operation. Then use Create Tiled Clones on the object. 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 не поддерживает нелинейные градиенты (т.е. нелинейно переходящие из цвета в цвет), но вы можете создать их подобие, используя градиент с множеством опорных точек.

Start with a simple two-stop gradient (you can assign that in the Fill and Stroke dialog or use the gradient tool). Now, with the gradient tool, add a new gradient stop in the middle; either by double-clicking on the gradient line, or by selecting the square-shaped gradient stop and clicking on the button Insert new stop in the gradient tool's tool bar at the top. Drag the new stop a bit. Then add more stops before and after the middle stop and drag them too, so that the gradient looks smooth. The more stops you add, the smoother you can make the resulting gradient. Here's the initial black-white gradient with two stops:

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 mm. 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 Display 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.

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

Suppose you want to create a 24x24 pixel icon. Create a 24x24 px canvas (use the Document Preferences) and set the grid to 0.5 px (48x48 gridlines). Now, if you align filled objects to even gridlines, and stroked objects to odd gridlines with the stroke width in px being an even number, and export it at the default 96dpi (so that 1 px becomes 1 bitmap pixel), you get a crisp bitmap image without unneeded antialiasing.

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

When in the Selector tool, click on an object to see the scaling arrows, then click again on the object to see the rotation and skew arrows. If the arrows at the corners are clicked and dragged, the object will rotate around the center (shown as a cross mark). If you hold down the Shift key while doing this, the rotation will occur around the opposite corner. You can also drag the rotation center to any place.

Вращение можно производить и с клавиатуры нажатием клавиш [ и ] (на 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 or EPS formats do not support transparency, so you should never use it if you are going to export to PS/EPS. In the case of flat transparency which overlays flat color, it's easy to fix it: Select one of the transparent objects; switch to the Dropper tool (F7 or d); make sure that the Opacity: Pick button in the dropper tool's tool bar is deactivated; click on that same object. That will pick the visible color and assign it back to the object, but this time without transparency. Repeat for all transparent objects. If your transparent object overlays several flat color areas, you will need to break it correspondingly into pieces and apply this procedure to each piece. Note that the dropper tool does not change the opacity value of the object, but only the alpha value of its fill or stroke color, so make sure that every object's opacity value is set to 100% before you start out.