Источник - www.inkscape.org


В этом разделе изложены основы работы с Inkscape. Кроме того, это обычный документ Inkscape: вы можете его просматривать, редактировать, копировать и сохранять.

Урок охватывает приёмы ориентирования на холсте и работу с документами. Он даёт начальное представление о рисующих фигуры инструментах, о выделении, о редактировании и группировке фигур, об установке параметров заливки и обводки, выравнивании и распределении объектов. Более сложные темы смотрите из меню «Справка».
______________________


Перемещение по холсту

Есть множество способов перемещаться по холсту. Попробуйте Ctrl+стрелки для перемещения при помощи клавиатуры (к примеру, попробуйте такую комбинацию для смещения документа вниз). Вы также можете передвигаться по холсту, зажав его поверхность средней клавишей мыши, или при помощи ползунков (нажмите Ctrl+B для того, чтобы показать или спрятать ползунки). Колесо прокрутки мыши также работает для вертикального перемещения. Для горизонтального перемещения используйте Shift вместе с колесом мыши.


Изменение масштаба

Проще всего изменять масштаб клавишами - или + (для увеличения работает и =). Также можно использовать следующие варианты сочетания клавиш: Ctrl+средняя клавиша мыши или Ctrl+правая кнопка мыши — для увеличения, Shift+средняя, Shift+правая или колесо мыши с нажатым Ctrl — для уменьшения. Значение указано в процентах, набрав нужное, нажмите Enter. Кроме того, в программе Инструмент масштабирования (среди инструментов слева) можно увеличивать только необходимую выделенную область.

Inkscape хранит историю масштабов, которые вы использовали при работе. Для того чтобы вернуться к предыдущему состоянию, нажмите клавишу ` или для перехода к следующему состоянию Shift+`.


Инструменты Inkscape

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

Многие действия доступны с клавиатуры. Полный справочник по клавишам находится в меню «Справка > Использование клавиатуры и мыши».


Работа с документами

Чтобы создать новый документ, используйте Файл > Создать > По умолчанию или нажмите Ctrl + N. Чтобы создать новый документ с использованием одного из множества шаблонов Inkscape, используйте Файл > Создать >  и выберите один из шаблонов.

Чтобы открыть существующий SVG документ, используйте Файл> Открыть (Ctrl + O). Для сохранения используйте команду Файл> Сохранить (Ctrl + S) или Save As (Shift + Ctrl + S), чтобы сохранить под новым именем. 

Inkscape использует формат SVG (Scalable Vector Graphics — Масштабируемая векторная графика) для своих файлов. SVG является открытым стандартом и широко используется в графических пакетах. Формат SVG использует язык разметки XML, поэтому файлы в этом формате могут редактироваться любым текстовым или XML-редактором (отдельно от Inkscape). Помимо SVG, в Inkscape можно работать и с другими форматами (например, EPS и PNG).

Для каждого документа Inkscape открывает новое окно. Вы можете переключаться между ними разными способами в зависимости от настроек менеджера окон (например, Alt+Tab), либо используя собственное сочетание клавиш Inkscape — Ctrl+Tab для переключения между документами по кругу. Для практики попробуйте создать несколько новых документов и переключайтесь между ними. Примечание: Inkscape относится к этим окнам как к вкладкам в браузере, а это значит, что Ctrl+Tab работает только для документов, запущенных в одном процессе. Если вы откроете несколько документов через файловый менеджер или запустите несколько копий Inkscape, то переключение работать не будет.


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

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



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



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

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


Перемещение, изменение размера и вращение

Наиболее популярный инструмент в Inkscape — Селектор. Выбрать его можно щелчком по чёрной стрелке (либо нажав F1 или пробел. Этим инструментом вы можете выбрать любой объект на холсте. Щёлкните мышью по квадрату, изображённому на иллюстрации:



Вокруг объекта вы увидите восемь стрелок. Теперь вы можете:

- Передвигать объект (с нажатым Ctrl перемещения ограничиваются двумя осями: горизонтальной и вертикальной).
- Менять размер объекта, потянув за любую из стрелок (меняя размер с нажатым Ctrl, вы сохраните пропорции оригинала).

Щёлкните мышью по прямоугольнику ещё раз — направление стрелок изменится. Теперь вы можете:

- Поворачивать объект, потянув за угловые стрелки (с нажатым Ctrl объект будет поворачиваться шагами по 15 градусов; сместив крестик, вы сместите центр вращения).
- Перекашивать (наклонять) объект, двигая неугловые стрелки (с нажатым Ctrl перекашивание будет производиться с шагом в 15 градусов).

В этом режиме (режиме выделения объектов) вы так же можете менять размеры и расположение выделения на холсте, используя поля вверху.


Изменение формы при помощи клавиш

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

Вы можете использовать клавиатуру для перемещения объектов (клавиши-стрелки), изменения размера (клавиши < и >) и вращения (клавиши [ и ]). По умолчанию шаг перемещения и смены размера равен двум пикселам. С нажатой клавишей Shift это значение увеличивается в 10 раз (и становится равным 20 пикселам). Клавиши Ctrl+> и Ctrl+< увеличивают или уменьшают объект на 200% или 50% от оригинала соответственно. С нажатой клавишей Ctrl вращение будет выполняться с шагом в 90 градусов вместо 15.

Кстати говоря, наиболее удобны пиксельные изменения формы, производимые с нажатой клавишей Alt и клавишами изменения форм. Например, Alt+стрелки будут двигать выбранное на 1 пиксел данного масштаба (т.е. на 1 пиксел экрана, не путайте с пикселом, который является SVG единицей длины и отличается от пиксела масштаба). Это означает, что если вы увеличили масштаб, то Alt+стрелка даст меньшее смещение от абсолютного измерения, что по-прежнему будет выглядеть как смещение на пиксел на экране. Это даёт возможность точно разместить объект, изменяя масштаб.

Схожим образом Alt+> и Alt+< изменяют размер на один пиксел, а Alt+[ и Alt+] вращают объект на один пиксел.

Alt+стрелка и некоторые другие комбинации клавиш могут не работать, если используемый в Alfa OS оконный менеджер перехватывает эти клавишные события прежде, чем они достигнут Inkscape. Обычно этот вопрос решается настройкой оконного менеджера.


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

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



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



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

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

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


Группировка

Несколько объектов могут быть объединены в группу. При перемещении и трансформации группа ведёт себя также как и обычный объект. Как следует из иллюстрации ниже, три объекта слева независимы, в то время как правые объекты сгруппированы. Попробуйте перетащить сгруппированные объекты.



Для создания группы нужно выбрать один или более объектов и нажать Ctrl+G. Разгруппировать их можно, нажав Ctrl+U и предварительно выбрав группу. Сами по себе группы могут быть сгруппированы и как одиночные объекты. Подобная поэтапная группировка может быть сколько угодно сложной. При этом следует помнить, что Ctrl+U разгруппирует только последнюю группировку. Нужно нажать Ctrl+U несколько раз, если вы хотите полностью разгруппировать сложносгруппированные группы в группе.

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


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

Множество функций Inkscape доступны через диалоги (субменю). Вероятно, самый простой способ заполнить объект каким-либо цветом — это выбрать «Образцы цветов...» из меню «Вид» (или нажать Shift+Ctrl+W), затем определить объект и его цвет в палитре образцов цвета (изменение цвета заливки или обводки объекта).

Но более грамотным способом будет выбор диалога «Заливка и обводка...» через меню Объект (Shift+Ctrl+F). Выберите нижнюю фигуру и откройте диалог «Заливка и обводка...».



Диалог содержит три вкладки: «Заливка», «Обводка», и «Стиль обводки». Вкладка «Заливка» позволит вам изменить заполнение выбранного объекта (или объектов). Используя кнопки под вкладкой, вы можете выбрать тип заливки, включая режим «Нет заливки» (кнопка со знаком X), режим «Сплошной цвет», режимы «Линейный градиент» или «Радиальный градиент». Для приведённой выше фигуры будет нажата кнопка «Сплошной цвет».

Чуть ниже расположены кнопки-варианты выбора цвета. Каждый вариант имеет свою вкладку: RGB, CMYK, HSL, и «Круг». Вероятно, самым удобным вариантом является «Круг», в нём можно выбрать тон цвета, вращая треугольник, а затем подобрать насыщенность и яркость в самом треугольнике. Все варианты выбора цвета имеют возможность менять альфа-канал (прозрачность) выбранного объекта (или объектов).

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





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





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




 

 И, наконец, вместо сплошной окраски можно использовать Градиенты для заливки и/или обводки:





При переключении с режима «Сплошной цвет» на режим градиента, создаваемый градиент использует предыдущий цвет и направлен от насыщенности к прозрачности. Переключитесь на инструмент для градиентов (выбрав инструмент в левой панели или нажав Ctrl+F1). При перемещении рычагов градиента — видно, что рычаги связаны линиями, которые определяют направление и длину градиента. Если какой-нибудь из рычагов градиента выбран (подсвечен синим), то диалог «Заливка и обводка...» устанавливает цвет рычага (цвета части градиента), а не выбранного объекта.

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


Дублирование, выравнивание, распределение

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



Chances are, your copies of the square are placed more or less randomly. This is where the Align 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 “Make horizontal gaps between objects equal” button (read the button tooltips). The objects are now neatly aligned and distributed equispacedly. Here are some other alignment and distribution examples:


Скорее всего, копии квадрата, которые у вас получились, расположены более или менее случайным образом. Чтобы их выровнять используйте инструмент выравнивания, вызовите диалоговое окно Shift + Ctrl + A. Выделите ваши квадраты (Shift + щелчок мыши), откройте диалоговое окно и нажмите кнопку "Отцентровать по горизонтальной оси", а затем "Сделать горизонтальные пробелы между объектами равным" (читайте всплывающие подсказки). Теперь объекты аккуратно выровнены и распределены. Вот примеры некоторых других выравниваний и распределений:




Z-порядок

Термин Z-порядок (порядок по оси Z) относится к перекрыванию объектами друг друга на рисунке. Иначе говоря, Z-порядок определяет, какой объект находится выше и закрывает собой другие. Две команды в меню «Объект» → «Поднять на передний план» (клавиша Home) и «Опустить на задний план» (клавиша End), переместят выбранный объект в самую верхнюю или самую нижнюю позицию по оси Z данного слоя. Две другие команды: «Поднять» (PgUp) и «Опустить» (PgDn) опустят или приподнимут выбранный объект (или объекты), но только на один уровень относительно других невыделенных объектов по оси Z (считаются только объекты, перекрывающие выделенные; если выделение ничем не перекрывается, действие «Поднять» и «Опустить» будет ставить его в самую верхнюю или самую нижнюю позицию соответственно).

Практикуйтесь в использовании этих команд, развернув Z-порядок нижестоящих объектов так, чтобы крайний левый эллипс оказался вверху, а крайний правый — в самом низу:



Очень полезная клавиша для выделений объектов — Tab. Если ничего не выбрано, данная клавиша выделяет самый нижний объект по оси Z; при других условиях она выбирает объект, находящийся над выбранным объектом (объектами) на оси Z. Shift+Tab срабатывает наоборот, переключая от верхнего к нижнему, так как при создании объекта он добавляется вверх Z-уровня. И если нет выделения, нажатие Shift+Tab выберет последний созданный объект. Опробуйте использование Tab и Shift+Tab на стопке эллипсов вверху.


Выделение объектов под объектами и перемещение выделенного

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

В такой ситуации может помочь комбинация Alt+щелчок. Для начала щёлкните мышью по объекту, зажимая при этом клавишу Alt. В результате будет выбран тот объект, что сверху, как и при обычном выделении. Но при повторном нажатии Alt+щелчок в этом же месте выделенным станет нижний объект, ещё нажатие — и выделение сместится на объект уровнем ниже и т.д. Таким образом, несколько нажатий Alt+щелчок на стопке объектов будут перемещать выделение от верхнего объекта к нижнему на оси Z. Добравшись до самого нижнего объекта, нажатие Alt+щелчок выберет самый верхний объект.

[Alt+щелчок может не работать в Alfa OS, если используемый оконный менеджер зарезервировал эти события для собственных надобностей. Попробуйте или изменить настройки оконного менеджера, или заставьте его использовать клавишу Meta (она же клавиша Windows), для того, чтобы Inkscape и другие приложения могли свободно использовать Alt.]

Это замечательно, но что вы теперь будете делать с выделенным объектом, находящимся под объектом? Вы можете менять его форму и передвигать за управляющие ручки, но при попытке перемещения самого объекта ваше выделение сбросится и выделенным станет объект, находящийся выше (таким образом работает система щелчок-и-перемещение — сначала она выбирает объект (верхний) под курсором, а потом уже даёт возможность его перемещать). Чтобы назначить Inkscape перемещать то, что выбрано сейчас, не выбирая ничего другого, используйте Alt+перемещение (мышью). Эта комбинация будет перемещать нужное выделение вне зависимости от того места, где движется курсор мыши.

Практикуйте Alt+щелчок и Alt+перемещение (мышью) на двух коричневых фигурах под зелёным прозрачным прямоугольником:






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


Способы вставки 

После того как вы скопируете какой-нибудь объект, используя Ctrl+C, или вырежете его при помощи Ctrl+X, обычная команда «Вставить» (Ctrl+V) вставит скопированный объект(ы) точно под курсор мыши или, если курсор находится за пределами окна, в центр документа. Вместе с тем, находящийся в буфере обмена объект «помнит» своё исходное местоположение. Благодаря этому, его можно вставить обратно, используя команду «Вставить на место» (Ctrl+Alt+V). 

Команда «Вставить стиль» (Shift+Ctrl+V) применяет стиль (первого) объекта из буфера к выбранному в данным момент объекту или группе объектов. Стиль включает в себя заливку, обводку и параметры шрифта, но не размер и не параметры фигуры (такие как количество вершин в звезде и т.п.). 

Ещё одна группа команд — «Вставить размер» — масштабирует выделение до его совпадения с размером скопированного объекта. Доступны следующие команды: «Вставить размер», «Вставить ширину», «Вставить высоту», «Вставить размер раздельно», «Вставить ширину раздельно» и «Вставить высоту раздельно». 

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

В Inkscape используется системный буфер обмена, поэтому вы можете переносить объекты как между разными копиями Inkscape, так и из Inkscape в другое приложение и обратно (при условии, что это другое приложение поддерживает SVG в буфере обмена).


Рисованине произвольных линий и кривых Безье

Простейший путь создать произвольную фигуру — нарисовать её при помощи карандаша («Рисовать произвольные контуры» в меню слева (F6))




Если хотите получить более правильные фигуры, используйте перо (инструмент «Рисовать кривые Безье и прямые линии» в меню слева (Shift+F6))



С помощью карандаша вы можете каждым щелчком создать острый узел без какой-либо кривой ручки, так что серия щелчков создает последовательность отрезков прямых линий. Нажмите и перетащите его и вы создатите гладкий узел Безье с двумя коллинеарных противоположными ручками. Нажмите Shift во время движения карандаша, чтобы повернуть только одну ручку и зафиксировать другой. Как обычно, Ctrl ограничивает направление либо текущего сегмента линии или Безье с шагом в 15 градусов. Нажмите Enter, чтобы завершитьт линию, или Esc, чтобы отменить его. Для отмены только последнего сегмента незаконченной линии нажмите Backspace.

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


Редактирование контуров

В отличие от фигур, созданных инструментами фигур, перо и карандаш создают так называемые контуры. Контур — это последовательность отрезков прямых линий и/или кривых Безье, которая как и любой другой объект в Inkscape может иметь собственные параметры заливки и обводки. В отличие от фигур контур может свободно редактироваться смещением любого из его узлов (а не только предустановленных рычагов) или перетаскиванием его сегмента. Выберите этот контур и включите инструмент редактирования узлов (F2):




Вы увидите несколько серых квадратов на контуре — узлов. Эти узлы могут быть выбраны разными способами: щелчком мыши, Shift+щелчок или тянущимся выделением — точно так же, как объекты выделяются обычным инструментом выделения. Вы также можете щёлкнуть мышью по сегменту контура для автоматического выбора соседних узлов. Выбранные узлы становятся выделенными и показывают свои рычаги — один или два кружка, соединённых с выбранным узлом отрезком прямой линии. Клавиша ! обращает выделение узлов в текущем субконтуре (или субконтурах, т.е. субконтурах с как минимум одним выбранным узлом); Alt+! обращает весь контур.

Контуры редактируются перетаскиванием их узлов, узлов ручки или непосредственно перетаскиванием сегмента пути. (Попробуйте перетащить некоторые узлы, ручки и сегменты вышеуказанного контура.) Ctrl будет работать как обычно, чтобы ограничить движение и вращение. Клавиши со стрелками, Tab, [,], <,>, клавиши со своими модификаторами работают так же, как они это делают в селекторе, но применяются к узлам вместо объектов. Вы можете добавлять узлы в любом месте на контуре двойным щелчком или с помощью Ctrl + Alt + клик в нужном месте.

Вы можете удалить узлы с помощью Delete или Ctrl + Alt + клик. При удалении узлов он будет пытаться сохранить форму контура, и если вы хотите отодвинуть для ручек соседние узлы (не сохраняя форму), то можно их удалить с помощью Ctrl + Del. Кроме того, вы можете дублировать (Shift + D) выбранные узлы. Контур может быть разорван (Shift + B) в выбранных узлах, или, если вы выбираете два конечных узла на одном контуре, вы можете присоединиться их к ниму (Shift + J).

Вы также можете втягивать рычаги в узел при помощи комбинации Ctrl+щелчок на рычаге. Если рычаги у двух соседних узлов втянуты, этот сегмент пути будет отрезком прямой линии. Чтобы вытащить рычаги наружу, нужно нажать Shift+перемещение и потянуть рычаг в сторону от узла.


Собконтуры и их объединение 

Объект контура может состоять из более чем одного субконтура (subpath). Субконтур — это последовательность соединённых друг с другом узлов. Поэтому, если у контура больше одного субконтура, то не все узлы контура соединены друг с другом. Внизу слева контур состоит из трёх субконтуров, такие же три субконтура справа являются независимыми объектами-контурами


Но контур, состоящий из субконтуров, не является группой объектов. Это единый объект, выделяемый как целое. Если выбрать левый верхний объект и включить инструмент правки узлов, то узлы отобразятся на всех трёх субконтурах. Справа же можно редактировать только один из контуров.

Inkscape может объединять контуры в составной контур (Ctrl+K) и разбить составной контур на отдельные контуры (Shift+Ctrl+K). Опробуйте эти команды на приведённых выше примерах. Поскольку параметры заливки и обводки у объекта индивидуальны, новообъединённый контур берёт параметры первого объекта из объединения (нижнего по оси Z).

Когда объединяются перекрывающие друг друга контуры с заливкой, в местах перекрытия заливка исчезает:



Это простейший способ создавать объекты с дырками внутри. Более мощные команды по работе с контурами описаны чуть ниже в разделе «Логические операции».


Оконтуривоние (преобразование в контур)

Любая фигура или текстовый объект могут быть преобразованы в контур (оконтурены) (Shift+Ctrl+C). Эта операция не меняет видимость объекта, но меняет все его специфические свойства (т.е. вы не можете округлить углы прямоугольника или редактировать текст), и теперь вам доступно редактирование их узлов. Ниже изображены две звезды: левая является фигурой, в то время как правая преобразована в контур. Переключитесь на инструмент редактирования узлов и, выбрав объекты, сравните их возможности:




Кроме того, вы можете преобразовывать в контур обводку любого объекта. Первый объект внизу — просто контур (без заливки с чёрной обводкой), второй же — результат действия команды Оконтурить обводку (результат — чёрная заливка без обводки):



Логические операции

Команды в меню Контур позволяют вам объединять два и более объекта, используя логические операции:



Короткие имена этих операций ссылаются на арифметические аналоги булевых действий (сумма, разность и т.п.). Команды «Разность» и «Исключающее ИЛИ» могут применяться только к двум выбранным объектам, другие команды могут применяться к любому количеству объектов. Получаемый объект всегда использует параметры стиля (заливки и обводки) нижнего объекта.

Использование команды «Исключающее ИЛИ» выглядит похожим на команду «Объединить» (см. выше), но разница заключается в том, что «Исключающее ИЛИ» добавляет узлы в местах пересечения изначальных контуров. Разница между командами «Разделить» и «Разрезать контур» состоит в том, что первая разрезает целостность нижнего объекта контуром верхнего объекта, в то время как вторая режет только обводку нижнего объекта и убирает заливку (это удобно для разрезания обводок незалитых объектов).


Втягивание и вытягивание

Inkscape может сжимать и растягивать фигуры не только меняя их размер, но и при помощи смещения контура объекта, т.е. смещая их перпендикулярно контуру в каждой точке. Соответствующие команды называются «Втянуть» (Ctrl+() и «Вытянуть» (Ctrl+)). На рисунке ниже в качестве примера изображён изначальный контур (красный) и несколько вытянутых и втянутых копий:



Сами команды «Втянуть» и «Вытянуть» просто создают контуры (преобразуя изначальный объект в путь, если он не является таковым). Чаще, более удобным является использование команды «Динамическая втяжка» (Ctrl+J). Эта команда создаёт объект с рычагом (узел, как у обычных фигур), который контролирует расстояние смещения. Чтобы понять, что к чему, выберите нижний объект, переключитесь на инструмент редактирования узлов и подвигайте рычаг:



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

Ещё одна удобная команда — это «Связанная втяжка», которая схожа с динамической, но отличается тем, что связанные контуры остаются редактируемыми. Вы можете иметь сколь угодно большое количество связанных втяжек от одного исходного контура. Ниже показан контур-источник (красный), одна из привязанных втяжек имеет чёрную обводку без заливки, другая — чёрную заливку без обводки.

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




Упрощение

Основное применение команды «Упростить» (Ctrl+L) — это сокращение количества узлов у контура при сохранении его исходной фигуры (по возможности). Это может быть полезным для контуров, созданных карандашом, так как карандаш иногда создаёт слишком много узлов. Левая фигура на нижнем рисунке создана при помощи карандаша, а правая — это копия левой с последующим упрощением. У исходного контура было 28 узлов, в то время как упрощённый контур глаже и содержит всего 17 узлов (это упрощает работу с объектом при редактировании узлов).




Количество упрощений (так называемый порог) зависит от размера выделения. Следовательно, если вы выберете путь одновременно с большим объектом, то контур будет упрощаться резче, нежели если бы он был выбран один. Более того, команда Упростить ускоряемая. Это значит, что если быстро (один раз в полсекунды) нажимать Ctrl+L несколько раз подряд, порог упрощения увеличится (после небольшой паузы порог упрощения вернётся в изначальное значение). С использованием этого ускорителя очень легко получить необходимое упрощение в каждом конкретном случае.

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






Создание текста

Inkscape умеет создавать длинные и сложные тексты, но также прекрасно подходит для создания маленьких текстовых объектов, вроде баннеров, логотипов, диаграмм, этикеток, заголовков и т.п. Этот раздел урока даёт начальные знания о возможностях инструмента для работы с текстом.

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

Как и другие инструменты, инструмент Текст может выбирать объекты своего типа — текстовые объекты — поэтому, вы можете щелчком мыши выбрать текстовый объект и, установив курсор, начать изменять текст (например, этот абзац).

Одно из самых обыкновенных действий в текстовом дизайне — это регулирование расстояния между буквами и линиями. В Inkscape для этого есть горячие клавиши. В момент редактирования текста нажатие Alt+< и Alt+> изменит межсимвольный интервал на этой линии текстового объекта, так что длина линии изменится на один пиксел этого масштаба (как и при работе с обычными выделениями, эти кнопки отвечают за попиксельное изменение размера). Как правило, если кегль шрифта больше изначального, небольшое сужение расстояния между буквами украсит внешний вид документа. Вот пример:



Суженный вариант выглядит немного лучше, но по прежнему не идеально: межсимвольное расстояние не одинаково, например буквы "a" и "t" слишком далеки друг от друга, в то время как "t" и "i" слишком близки. Количество подобных изъянов (особенно заметных при больших кеглях шрифта) больше у шрифтов низкого качества, нежели чем у шрифтов высокого качества. Но, честно говоря, в любом тексте с любым шрифтом вы, вероятно, найдёте пары букв, кернинг которых можно было бы улучшить.

В Inkscape вносить подобные коррекции действительно просто. Поместите курсор текстового инструмента между раздражающими символами и используйте Alt+стрелки для смещения букв справа от курсора. Ниже показан тот же заголовок, но уже с ручной коррекцией:




В дополнение к горизонтальному смещению символов комбинациями Alt+левая стрелка или Alt+правая стрелка вы также можете смещать символы по вертикали комбинациями Alt+верхняя стрелка или Alt+нижняя стрелка




Конечно, вы можете преобразовать свой текст в контур (Shift+Ctrl+C) и передвигать буквы как обычные объекты контура. Но разумнее оставлять текст текстом: он будет редактируемым, вы сможете сменить шрифт, не теряя заданный вручную кернинг, да и сам текст занимает меньше места в сохранённом файле. Единственный минус состоит в том, что необходимо иметь исходный шрифт в каждой системе, где этот документ SVG будет открыт.

Подобно регулированию межсимвольного интервала вы можете регулировать межстрочный интервал в многострочных текстовых объектах. Опробуйте комбинации клавиш Ctrl+Alt+< и Ctrl+Alt+> на любом из абзацев этого учебника. Заметим, что от каждого нажатия общая длина текстового объекта меняется на один пиксел этого масштаба. Как и при обычном выделении, нажатие Shift с комбинацией клавиш, меняющих межстрочный или межсимвольный интервалы, увеличивает смещение в 10 раз.


Редактор XML

Самый мощный инструмент Inkscape — это XML-редактор (Shift+Ctrl+X). Он полностью отображает XML-дерево документа, всегда отражая реальное состояние. Вы можете редактировать свои рисунки и смотреть на изменения в дереве XML. Более того, вы можете редактировать любой текст, элемент или атрибут узла в XML-редакторе и видеть результат действий на холсте. Это лучший инструмент, какой только можно представить для интерактивного изучения SVG, и он позволяет выполнять такие хитрости, которые не сделать обычными инструментами для редактирования.





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

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

Например, со звездой вы можете изменить количество советов, их длину, угол, закругление и т.д. - но звезда остается звездой. Фигура «менее свободная», чем простой контур, но чаще это более интересно и полезно. Вы всегда можете преобразовать фигуру в контуре(Shift + Ctrl + C), но обратное преобразование невозможно.

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


Основные приёмы

Новая фигура создаётся нажатием и перетаскиванием по холсту курсора соответствующего инструмента. Когда фигура создана (и выбрана), она отображает свои узлы управления в виде белых меток в форме кристалла. Теперь вы можете сразу редактировать созданное, перемещая эти узлы.

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

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

Любые изменения в параметрах инструмента запоминаются и используются для следующей новой фигуры. Например, если вы измените количество лучей звезды, у всех последующих новых звёзд будет такое же количество лучей. Более того, новые параметры фигур запоминаются глобально для каждой новой сессии работы с Inkscape.

When in a shape tool, selecting an object can be done by clicking on it. Ctrl+click (select in group) and Alt+click (select under) also work as they do in Selector tool. Esc deselects.


Прямоугольники

Прямоугольник является простейшей, но, возможно, самой распространённой фигурой в дизайне и иллюстрировании. Inkscape пытается сделать создание и редактирование прямоугольников настолько простым и удобным, насколько это вообще возможно.

Переключитесь на инструмент редактирования прямоугольников F4 или щёлкните мышью по его значку (синий квадратик слева). Создайте новый прямоугольник рядом с приведённым ниже:



Теперь, не меняя инструмента, переключитесь с одного прямоугольника на другой, щёлкнув мышью по только что созданному. 

Горячие клавиши для рисования прямоугольников:

-С нажатой клавишей Cntr рисуется прямоугольник с целочисленным (2:1, 3:1, и т.д.) соотношением сторон.
-С нажатой клавишей Shift рисуется прямоугольник вокруг начальной точки, т.е. эта точка используется как центр прямоугольника.

Как видите, выбранный прямоугольник (только что созданный прямоугольник всегда выделен) показывает три управляющих ручки по углам. На самом деле их четыре, но две из них (вверху справа) накладываются друг на друга, если углы прямоугольника не закруглены. Эти две ручки называются ручками закругления; другие две (верхний левый и нижний правый) — ручки изменения размера.

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

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





По-прежнему используя инструмент для редактирования прямоугольников, щёлкните мышью по прямоугольникам и обратите внимание на расположение ручек закругления.

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

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



Обратите внимание: так как размер и форма закруглённых углов одинаковы у всех прямоугольников, угол закругления совпадает в общем для всех фигур в правом верхнем углу. Все голубоватые прямоугольники получены из красного простым изменением его размера посредством инструмента выделения без каких-либо ручных коррекций положения ручек закругления.

Для сравнения ниже приведена такая же композиция, но теперь кнопка «При изменении размера прямоугольников менять в той же пропорции и радиус закруглённых углов» включена:



Теперь закруглённые углы так же различны, как и прямоугольники, которым они принадлежат, а в верхнем правом углу заметно несоответствие углов (увеличьте для наглядности). Это внешне схожий результат, как если бы вы преобразовали исходный прямоугольник в контур (Ctrl+Shift+C) и меняли его размер.

Ниже приведены горячие клавиши для ручек закругления прямоугольника:

-Тяните ручку с нажатым Ctrl, чтобы получить кругоподобное закругление (узлы движутся синхронно).
-Ctrl+щелчок по узлу даст тот же эффект без смещения ручки.
-Shift+щелчок по ручке сбрасывает закругление.

Вы могли обратить внимание на то, что панель настроек инструмента редактирования прямоугольников отображает радиус закругления угла по горизонтали (Rx) и вертикали(Ry) для выбранного прямоугольника и позволяет установить точное значение. Кнопка «Не закруглён» делает то, что обещает: сбрасывает закругления у выбранного прямоугольника.

Преимущество этих регуляторов заключается в том, что ими можно менять параметры многих прямоугольников одновременно. Например, если вы хотите изменить все прямоугольники слоя, просто нажмите Ctrl+A («Выбрать всё») и укажите нужные параметры в панели параметров инструмента. Если в выделение попали фигуры, не являющиеся прямоугольниками, эти фигуры будут просто проигнорированы.

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

Проблема использования инструмента выделения состоит в том, что понятие горизонтали и вертикали всегда такое же, как у документа. А вот у инструмента редактирования прямоугольников, напротив, изменение размера соответствующими ручками происходит всегда вдоль сторон прямоугольника. Для наглядности попробуйте изменить размер прямоугольника инструментом выделения, а после — при помощи его ручек, используя инструмент редактирования прямоугольников:



Так как ручек, меняющих размер, две, вы можете менять размер прямоугольника в любом направлении. Ручки управления всегда сохраняют угол закругления.

Ниже приведены горячие клавиши для управляющих ручек, меняющих размер:

-Тяните ручку с нажатым Ctrl чтобы растянуть прямоугольник в сторону или по диагонали. Другими словами, Ctrl сохраняет соотношение ширины, высоты или ширины/высоты прямоугольника (в его собственной системе координат, которая может быть сжата или скошена).

На приведённом ниже примере изображён прямоугольник с серыми пунктирными линиями, показывающими направления, по которым будут двигаться ручки, меняющие размер с нажатым Ctrl (попробуйте):



Из скошенных, повёрнутых, с изменённым при помощи ручек прямоугольников размером, можно легко создать трёхмерную композицию:



Вот ещё несколько примеров композиций, созданных из прямоугольников, как с закруглением, так и с градиентной заливкой:





Эллипсы

Инструмент для редактирования эллипсов («Рисовать круги, эллипсы и дуги» F5) может создавать эллипсы и круги, которые вы можете превращать в сегменты или дуги. Горячие клавиши такие же, как и у инструмента редактирования прямоугольников:


-С нажатым Ctrl рисуется круг или эллипс с целочисленным соотношением сторон прямоугольника в который вписывается эллипс (2:1, 3:1 и т.д.).
-С нажатой клавишей Shift рисуется прямоугольник вокруг начальной точки, т.е. эта точка используется как центр прямоугольника.

Давайте исследуем ручки эллипса. Выберите красный эллипс:



Как и в случае с прямоугольником, изначально вы видите только три ручки, хотя на самом деле их четыре. Под правой ручкой скрыта ещё одна, позволяющая «открыть» эллипс. Потяните немного правую ручку, затем потяните появившуюся, скрытую ранее ручку управления, чтобы получить разные варианты сегментов или дуг:



Чтобы получить сегмент, потяните ручку вне эллипса, а для получения дуги — внутри его. На верхнем примере 4 сегмента слева и 3 дуги справа. Дуги — это незакрытые фигуры, т.е. обводка идёт вдоль эллипса, но не соединена в концах дуги. Вы можете сделать это более наглядным, убрав заливку и оставив только обводку:



Обратите внимание на веероподобную группу сегментов слева. Их легко было создать, потянув за узел с нажатой клавишей Ctrl. Ниже приведены горячие клавиши для узлов дуги/сегмента:

-С нажатой клавишей Ctrl узел смещается ступенчато, шагами по 15 градусов.
-Shift+щелчок по ручке сделает эллипс целым (не дугой или сегментом).

Угол привязки можно изменить в настройках Inkscape (при наведении>Шаги).

Другие две ручки в эллипсе используются для изменения размера вокруг центра. Их горячие клавиши схожи с клавишами ручек, закругляющих прямоугольник:

-Потяните с нажатой клавишей Ctrl, чтобы получить круг (сделать радиусы равными между собой).
-Ctrl+щелчок преобразует эллипс в круг без необходимости в смещении.

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





Звёзды

Звёзды — наиболее сложные и захватывающие фигуры в Inkscape. Если вы хотите поразить своих друзей, дайте им поиграться с инструментом, создающим звёзды. Это очень увлекательно, настолько, что может появиться зависимость!

Инструмент для создания и редактирования звёзд может создавать два типа объектов: звёзды и многоугольники. Звезда содержит два узла управления, которые определяют длину и форму лучей. Многоугольник содержит только одну ручку управления, которая просто поворачивает или меняет его тогда, когда за эту ручку тянут:



В панели управления инструмента, создающего звёзды, первым идёт переключатель звезда/многоугольник, далее числовое поле, в котором меняется количество вершин звезды или многоугольника. Допустимый диапазон значений последнего параметра от 3 (что очевидно) до 1024, но если компьютер медленный, больше 200 вершин использовать не советуем.

Когда рисуете новую звезду или многоугольник:

- Нажатый Ctrl даст пошаговый поворот (по 15 градусов).

Конечно, звезда — наиболее интересная фигура (хотя многоугольники зачастую более полезны на практике). Две управляющих ручки звезды немного отличаются по своим функциям. Первая ручка (изначально она на кончике острия) делает лучи звезды длиннее или короче, но когда вы поворачиваете её (относительно центра фигуры), другая ручка тоже поворачивается. Это значит, что вы не можете наклонить лучи звезды, используя эту ручку.

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



Если хотите получить обычную правильную звезду без лишних завихрений, вы можете заставить скашивающую ручку стать нескашивающей:

-Потяните за ручку с нажатой клавишей Ctrl, чтобы сохранить лучи звезды строго лучеобразными (без искажений).
-Ctrl+щелчок по ручке убирает искажения без смещения ручки.

Полезным дополнением к управляющим ручкам фигуры на холсте является поле «Отношение радиусов» в панели параметров инструмента, которое задаёт отношение двух управляющих ручек к центру.

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

-Shift+смещение узла по касательной даст округление звезды или многоугольника.
-Shift+щелчок по ручке сбросит закругление.

«Касательно» — значит в направлении, перпендикулярном центру. Если вы «повернёте» ручку с нажатой клавишей Shift против часовой стрелки вокруг центра, то получите положительное закругление; поворот по часовой даст отрицательное закругление (смотрите далее примеры отрицательного закругления).

Ниже приведено сравнение закруглённого прямоугольника (с использованием инструмента создания и правки прямоугольников) с закруглённым четырёхконечным многоугольником (с использованием инструмента создания звёзд и многоугольников):



Как вы можете видеть, у закруглённого прямоугольника есть части из прямых линий и части c закруглением; закруглённый же многоугольник или звезда не имеют прямых линий вообще, кривизна мягко переходит от максимальной (в углах) к минимальной (в середине между углами). Inkscape делает это путём добавления коллинеарных касательных Безье к каждому узлу фигуры (вы можете увидеть их, если преобразуете фигуру в контур и проверите его инструментом редактирования узлов).

Параметр Закругление, который вы можете регулировать в панели управления — это отношение длины касательной к примыкающей длине стороны многоугольника/звезды. Этот параметр может быть отрицательным, что перевернёт направление касательных. Значение между 0,2 и 0,4 даёт «нормальное» закругление, такое, которое вы могли ожидать; другие значения могут создать прекрасные, запутанные и полностью непредсказуемые образцы. Звезда с большим значением закруглённости может уйти очень далеко от ручек. Ниже приведены некоторые примеры с указанными значениями закругления:



Если вы хотите чтобы кончики звезды были острыми, а впадины — гладкими, или наоборот, этого легко добиться, создав втяжку звезды (Ctrl+J):



Shift+смещение ручек звезды в Inkscape — одно из прекраснейших занятий, известных человечеству. Но оно может стать ещё лучше.

Для более близкой имитации фигур из реального мира Inkscape может искажать случайным образом звёзды и многоугольники. Незначительное искажение такого рода делает звезду менее правильной и более «человечной», чаще забавной; сильное искажение случайным образом — это путь к получению разнообразных сумасшедших непредсказуемых фигур. Закруглённая звезда остаётся слегка закруглённой после искажения случайным образом. Вот горячие клавиши:

-Alt+перемещение ручки по касательной искажает звезду или многоугольник случайным образом.
-Alt+щелчок по ручке сбрасывает искажение.

Когда будете смещать ручку звезды, подвергшейся эффекту «случайности», она будет дрожать, так как каждый шаг ручки соответствует собственному уникальному значению случайности. Смещение ручки звезды без нажатой клавиши Alt ещё раз применяет эффект случайности к фигуре с тем же уровнем случайности, в то время как Alt-смещение сохраняет искажение, но корректирует уровень. Ниже приведены звёзды с одинаковыми параметрами, но к каждой из них применён эффект случайности путём небольшого сдвига их ручек (уровень случайности везде равен 0,1):



А тут средняя звезда из предыдущего примера, но уже с переменным уровнем искажения от -0,2 до 0,2:



Сместите ручку средней звезды в ряду при помощи Alt+смещение и понаблюдайте, как звезда превращается в своих соседей справа и слева.

Вероятно, вы найдёте собственное применение звёздам, искажённым случайным образом, но я использую их для закруглённых амёбовидных клякс и огромных грубых планет с фантастической поверхностью:





Спирали

Спираль в Inkscape —это многосторонняя форма, возможно, не такая полезная как звезда, но и она, при необходимости, может стать очень полезной. Спираль, как и звезда, рисуется от центра; и рисуется, и редактируется.

- Ctrl+смещение даст шаги смещения в 15 градусов (по умолчанию).

У нарисованной спирали есть две ручки: одна находится на конце внутри, другая — на конце снаружи. Обе ручки легко перемещаются, сворачивая и разворачивая спираль (как бы «продолжая» её, меняя количество витков). Горячие клавиши:

Внешняя ручка:

-Shift+смещение для изменения размера/поворота вокруг центра (нет сворачивания/разворачивания). 
-Alt+смещение оставит неизменным радиус во время разворачивания/сворачивания. 

Внутренняя ручка: 

-Alt+смещение по вертикали для схождения/расхождения. 
-Alt+щелчок для сброса расхождения. 
-Shift+щелчок для смещения внутренней ручки к центру.

Нелинейность спирали — это мера расхождения витков. Когда нелинейность равна 1, спираль однообразная; когда меньше единицы (Alt+смещение вверх) — спираль плотнее к окружности; когда больше единицы (Alt+смещение вниз) — спираль плотнее к центру:



Максимальное количество витков спирали равно 1024.

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




Особенно интересны спирали с пунктирной обводкой — они объединяют гладкую крепость формы с правильно распределёнными метками (точками или чёрточками) для получения более красивых эффектов:








При помощи Inkscape можно векторизовать растровое изображение, то есть превратить его в SVG-элемент <path>. В этом разделе учебника рассказывается о том, как работает эта функция программы.

В настоящее время для векторизации Inkscape использует код программы Potrace Питера Селинджера (potrace.sourceforge.net). В будущем возможно подключение других программ, но уже сейчас Potrace вполне достаточно.

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

Potrace получает на входе чёрно-белые растровые изображения и отдаёт на выходе набор контуров. Существует три входных фильтра для преобразования исходного изображения в понятный для Potrace формат

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

Для использования векторизатора загрузите или импортируйте изображение, выберите его и через меню выберите команду Контуры > Векторизовать растр..., либо используйте комбинацию клавиш Shift+Alt+B.



Вы увидите три фильтра:

-Brightness Cutoff

Этот фильтр просто использует сумму красного, зелёного и синего (или оттенки серого) компонентов пиксела в качестве индикатора, воспринимать ли его как чёрный или же как белый. Значение порога яркости может быть задано в диапазоне от 0,0 (чёрный) до 1,0 (белый). Чем выше значение, тем меньше пикселов будет воспринято как «белые» и тем темнее станет изображение.





-Edge Detection

Этот фильтр использует алгоритм определения краёв, придуманный Дж. Канни как способ быстрого поиска изоклин и подобных контрастов. Этот фильтр создаёт картинку, меньше похожую на оригинал, чем результат первого фильтра, но предоставляет информацию о кривых, которая при использовании других фильтров была бы проигнорирована. Значение порога здесь (0,0 – 1,0) регулирует порог яркости между смежными пикселами, в зависимости от которого смежные пикселы будут или не будут становиться частью контрастного края и, соответственно, попадать в вывод. Фактически, этот параметр определяет темноту или толщину края.





-Квантование цветов

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





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

После векторизации рекомендуется воспользоваться функцией Контур > Упростить (Ctrl+L) на полученном контуре, чтобы уменьшить количество узлов. Это делает результат работы Potrace более лёгким для редактирования. Вот пример типичной векторизации картины «Старик с гитарой»:





Обратите внимание на чудовищное количество узлов. После нажатия Ctrl+L результат будет таким:





Изображение немного грубовато, но зато теперь его значительно проще редактировать. Помните, что вам нужна не точная векторная копия, а набор кривых, с которыми можно работать дальше.






Один из замечательных инструментов Inkscape — каллиграфическое перо. Этот урок поможет вам лучше узнать возможности этого пера и расскажет о некоторых стандартных приёмах каллиграфии.

Используйте Ctrl+стрелки, колесо мыши или перемещение с нажатой средней клавишей мыши для просмотра текста. Для получения начальных знаний о создании объектов их выделении и изменении их форм, смотрите урок «Основы» в меню Справка > Учебник.


История и стили

Следуя словарному определению, каллиграфия означает «красивое письмо» или «искусство красивого и чёткого письма». То есть каллиграфия — это искусство красивого написания. Возможно, это представляется очень сложным делом, но с небольшой практикой любой сможет освоить основы каллиграфии.

Ранние формы каллиграфии уходят корнями к рисункам древних людей. До 1440 года, года изобретения печатного пресса, каллиграфия была единственным способом создания книг и других публикаций. Писцу приходилось переписывать вручную каждую копию книги или издания. На пергаменте или кальке писали при помощи птичьего пера и чернил. Школы письма существовали во все времена. Сейчас же каллиграфическое письмо можно чаще встретить на свадебных приглашениях.

Существуют три основных вида каллиграфии:

- Западный или Романский
- Классическое арабское письмо
- Китайский или Восточно-азиатский

Этот учебник в основном уделяет внимание западной каллиграфии, так как другие два стиля используют кисточку (вместо острого пера), которая пишет не так как наше каллиграфическое перо.

У нас есть одно огромное преимущество перед писцами прошлого — команда Отменить. В случае ошибки мы не погубим всю страницу. К тому же, инструмент каллиграфии в Inkscape позволяет использовать такие художественные приёмы, которые были бы невозможны с обычным пером и чернилами.


Технические средства

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

Inkscape умеет интерпретировать силу нажатия и угол наклона пера относительно плоскости планшета. Эти функции по умолчанию отключены, поскольку требуют вдумчивой индивидуальной настройки. Помните, что каллиграфия при помощи птичьего пера или перьевой ручки в отличие от кисти не слишком чувствительна к наклону.

Если у вас есть планшет и хотели бы использовать функции чувствительности, вам нужно будет настроить устройство. Эту конфигурацию нужно будет выполнить только один раз, и настройки сохраняются. Чтобы включить эту поддержку, вы должны иметь планшет, подключенный к Inkscape, затем перейти к >Открыть устройства ввода>Диалог через меню>Правка. С помощью этого открытия этого диалога вы можете выбрать предпочтительное устройство и настройки для планшетного пера. Наконец, после выбора этих параметров, переключиться на инструмент каллиграфии и переключать кнопки на панели инструментов для давления и наклона. С этого момента, Inkscape будет помнить эти параметры при запуске.

Каллиграфическое перо в Inkscape может быть чувствительным к скорости написания (см. далее «Сужение»), так что если вы используете мышь, то, вероятно, захотите обнулить этот параметр.


Параметры инструмента каллиграфии

Переключитесь на инструмент каллиграфии, нажав Ctrl+F6, клавишу C или нажав кнопку Рисовать каллиграфическим пером на Панели инструментов. На верхней панели расположены 8 параметров: Ширина; Сужение; Угол; Фиксация; Дрожание штриха; Масса пера; Концы и Виляние пером. Здесь же расположены кнопки для переключения: Нажим (pressure) и Толщина линии пера.


Ширина и сужение

Эта пара настроек отвечает за ширину вашего пера. Значение ширины может составлять от 1 до 100 и измеряется в единицах относительно размера окна программы, но независимо от масштаба. Это важно, поскольку настоящая «единица измерения» в каллиграфии — это диапазон движения вашей руки, и, следовательно, удобно, когда ширина кончика пера является константой по отношению к размеру вашего «холста», а не какими-нибудь настоящими единицами, зависящими от масштаба. Тем не менее, это поведение опционально и может быть изменено, если вы предпочитаете абсолютные единицы, не зависящие от масштаба. Для переключения типа поведения используйте переключатель на странице инструмента Каллиграфическое перо в диалоге настройки программы, которую можно открыть двойным щелчком по значку инструмента.

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



Ширина пера также может зависеть от скорости письма, что контролируется параметром Сужение. Значение этого параметра может быть от -100 до 100; ноль означает, что ширина не зависит от скорости написания, положительное значение сужает быстро начерченные линии, отрицательное — расширяет. Начальное значение 0,1 придаёт линиям умеренное сужение при быстром письме. Ниже приведены некоторые примеры изложенного. Все штрихи нарисованы со значением ширины=20 и углом=90:



Для развлечения установите значения ширины и сужения равным 100 (максимальное) и порисуйте резкими движениями. Получаются странные фигуры, похожие на нейроны:



Угол и фиксация

Наиболее важный каллиграфический параметр после ширины — это угол вашего пера в градусах. Он меняется от 0 (горизонтальное положение) до 90 (вертикальное положение, против часовой стрелки) или -90 (вертикальное по часовой):



Каждый традиционный каллиграфический стиль имеет свой превалирующий угол пера. Например, унцианский шрифт использует угол в 25 градусов. Более сложные стили и более опытные каллиграфы часто меняют угол во время работы, и Inkscape позволяет делать это с помощью клавиатурных стрелок вверх и вниз . Для начала каллиграфических занятий предустановленное значение прекрасно подойдёт. На примерах ниже, штрихи имеют разный угол (фиксация = 100):



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

Скорость перехода от толстого к тонкому контролируется параметром Фиксация. Значение равное единице означает что угол постоянен и равен значению установленному параметром Угол. Уменьшение фиксации позволит перу немного повернуться против движения штриха. Со значением фиксации 0 перо поворачивается свободно, пытаясь быть перпендикулярным движению, и значение параметра Угол не имеет никакого эффекта:





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


Дрожание

Дрожание предназначено для того, чтобы дать более естественный вид каллиграфических штрихов. Дрожание регулируется в панели настроек со значениями в диапазоне от 0 до 100. Это будет по-разному влиять на ваши работы по производству: от небольшойнеровности к диким вкрапления и пятнами. Это значительно расширяет творческий диапазон инструмента.






Масса и торможение

В отличие от ширины и угла, эти два параметра определяют «чувствительность» инструмента, а не внешний вид штрихов. Так что в этом разделе не будет никаких примеров. Просто попробуйте рисовать, меняя значения, чтобы понять смысл этих настроек.


Торможение — это сопротивление бумаги движению пера. Изначально установлено максимальное значение (0), и уменьшение этого параметра делает бумагу «скользкой». Если масса большая, перо уходит в сторону при резких поворотах, а если масса нулевая, то от коротких движений перо дико ёрзает.

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


Примеры каллиграфии

Ознакомившись с возможностями инструмента, можно начать практиковаться в настоящей каллиграфии. Если вы новичок в этом деле, найдите хорошую книгу по каллиграфии (например, «Творческая каллиграфия» Малькольма Кауча) и занимайтесь по ней, используя Inkscape. В этом разделе приведено несколько простых примеров.

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




Потом следует подобрать масштаб так, чтобы расстояние между линейками соответствовало вашему обычному размаху. Настройте ширину, угол — и вперёд!

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





Несколько полезных советов:


-Если ваша рука удобно лежит на планшете, двигайте холст не ей, а другой рукой Ctrl+стрелки.

-Если штрих получился неудачным, просто избавьтесь от него (Ctrl+Z). Если же фигура хороша, но немного не к месту или размер не тот, проще временно переключиться на инструмент выделения (Space) и подправить размер/форму/местоположение по необходимости (используя мышь и клавиши клавиатуры), а затем снова вернуться к каллиграфическому перу (ещё раз нажав Space).

-Закончив с написанием слова, снова включите инструмент выделения, чтобы избавиться от неточностей и неровностей, но не перестарайтесь: хорошая каллиграфия должна быть не совсем точной, чтобы быть похожей на рукописную. Удерживайте себя от искушения копировать буквы и элементы букв: каждая линия должна быть оригинальной.


Ниже приведены готовые примеры:





Заключение

Каллиграфия — не просто забава, это возвышенное искусство. Она может изменить ваш взгляд на всё, что вы делаете и видите. Инструмент каллиграфии в Inkscape предлагает только скромное введение в увлекательный мир каллиграфии. И всё же, с этим пером приятно работать и оно более чем пригодно для серьёзных дизайнерских работ. Рисуйте и получайте удовольствие!





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





ОСНОВЫ ДИЗАЙНА

Приведённые ниже основы являются в дизайне основополагающими.


Линия

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




Фигура

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




Размер

Размер имеет отношение к изменению пропорций объектов, линий или фигур. Изменения размеров объектов могут быть как реальными, так и воображаемыми.



Пространство

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




Цвет

Цвет — это восприятие характера поверхности в зависимости от длины волны, отражённой ею. Цвет имеет три измерения: тон (другой термин для цвета, являющийся определением цвета, таким как красный или жёлтый), интенсивность (темнее/светлее), глубина (яркость/тусклость).




Имитирующая текстура

Имитирующая текстура — это то, как выглядит поверхность (настоящая текстура) или как она может выглядеть (подразумеваемая текстура). Текстуры определяются такими словами как: шероховатость, шелковистость, зернистость.




Интенсивность

То, насколько тёмным или светлым что-либо выглядит, называется интенсивностью. Мы добиваемся изменения интенсивности цвета, добавляя чёрного или белого к цвету. В чиароскуро (распределение светотени) интенсивность используется при рисовании путём установления резкого контраста между светлым и тёмным.





ПРАВИЛА ДИЗАЙНА

Правила использования элементов дизайна для создания композиции.

Баланс

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




Контраст

Контраст — это сопоставление противоположностей.




Акцент

Акцент используется для привлечения внимания к части иллюстрации. Это центр работы или та её часть, на которой фокусируется ваше внимание.




Пропорция

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




Текстура

Текстура получается путём повторения элемента (линии, фигуры или цвета) снова и снова.




Градация

Градация размера и направления создают линейную перспективу. Градация цвета от тёплого к холодному и тона от тёмного к светлому создают воздушную перспективу. Градация может прибавить интересности и оживления фигуре. Градация от тёмного к светлому заставит глаз пройтись по фигуре.




Композиция

Сопоставление разных элементов в единую форму.








Легко увидеть, как использовать диалоговое окно Создание Плиточных Клонон для прямоугольных сеток и узоров. Но что, если вам нужно радиальное размещение, где объекты имеют общий центр вращения? Это тоже возможно!

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

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



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

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



В приведенных выше примерах линии поворачиваются вокруг своего центра. Но что, если вы хотите, чтобы центр был вне фигуры? Просто создайте невидимый (без заливки, без обводки) прямоугольник, который должен закрывать всю фигуру и центр которого находится в нужном вам месте, сгруппируйте фигуру и прямоугольник вместе, а затем использовуйте "Создать Узор из клонов" в этой группе. Так вы можете сделать хорошие "взрывы" или "звездопады" путем рандомизации масштаба, вращения, и, возможно, непрозрачности:




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

Создайте новый слой, в этом слое создайте невидимые прямоугольники, охватывающие части вашего изображения. Убедитесь, что ваш документ использует блок пикселей (по умолчанию), включите сетку и оснастку прямоугольникам в сетке так, чтобы каждый из них охватывал целый ряд единиц ПВ. Назначьте значимые идентификаторы прямоугольникам и экспортируйте каждый из них в отдельный файл (Файл> Экспорт PNG изображения (Shift + Ctrl + E)). Тогда прямоугольники будут помнить свои экспортные имена файлов. После этого очень легко реэкспортировать некоторые из прямоугольников: переключитесь на экспортируемый слой, используя Tab, чтобы выбрать тот, который вам нужен (или поиском по ID), и нажмите кнопку Экспорт в диалоге. Или вы можете написать сценарий или пакетный файл для экспорта всех ваших областях с помощью следующей команды:

Inkscape -i идентификатор области -t filename.svg

Это можно использовать для каждой экспортируемой области. Опция -t указывает ему использовать запомненное имя подсказки, в противном случае вы можете указать имя файла экспорта с -e переключателем. В качестве альтернативы вы можете использовать расширения> Web> Расширения Slicer или расширения> Экспорт> гильотинные для аналогичных результатов.


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

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

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



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




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

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




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

Чтобы выровнять что-то к центру или сбоку страницы, выберите объект или группу, а затем выберите в Странице из относительного в: список в выравнивать и распространять диалог (Shift + Ctrl + A).


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

Многих не часто используемые градиенты, шаблоны и маркеры (точнее, те, которые вы редактировали вручную) остаются в соответствующих палитр и могут быть повторно использованы для новых объектов. Тем не менее, если вы хотите оптимизировать размер вашего документа, используйте команду Clean Up документа в меню Файла. Это удалит любые градиенты, узоры или маркеры, которые не используются в чем-либо документа, что делает файл меньше.


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

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


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

В шаблоне по умолчанию, единицой измерения, используемых линейками, является точка ("единица пользователя SVG», в Inkscape он равен 0.8pt или 1/90 часть дюйма). Это также единица используется для отображения координат в нижнем левом углу экрана и предварительно выбрана во всех подразделениях меню. (Вы всегда можете навести курсор мыши на линейку, чтобы увидеть всплывающую подсказку с единицами, которые он использует.) Чтобы изменить это, откройте окно Свойства документа (Shift + Ctrl + D) и измените единицы измерения по умолчанию на закладке.


Штамповка

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


Трюки с пером

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

-Нажать клавишу Ввод
-Дважды щёлкнуть левой клавишей мыши
-Select the Pen tool from the toolbar
-Выбрать другой инструмент

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

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


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

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

Вы также можете использовать текст>диалог глифы для поиска и вставки глифов в документ.


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

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


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

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

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


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

Для того, чтобы быстро создавать тени от объектов, используйте фильтры> Тени и свет> Drop Shadow ... особенность.

Вы также можете легко создавать размытые тени для объектов вручную с помощью размытия в диалоге заливки и обводки. Выберите объект, дублируйте его (Ctrl + D), нажмите PgDown, чтобы поставить его под оригинальным объектом, поместите его немного правее и ниже исходного объекта. Теперь откройте диалог Заливка и обводка и измените значение размытия, скажем, на 5,0. Это оно!


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

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


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

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


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

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


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

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





Вступление

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

Чтобы использовать расширение Интерполяция, выберите объекты, которые вы хотите преобразовать, и выберите в меню Расширения > Создание из контура > Интерполяция.

Перед применением эффекта объекты, которые вы собираетесь преобразовать, должны быть оконтурены. Это делается путём выделения объекта и использования меню Контур > Оконтурить объект или Shift+Ctrl+C. Если объекты не оконтурены, то эффект применяться не будет.


Интерполяция между двумя идентичными объектами 

Самым простым использованием расширения является интерполяция между двумя идентичными объектами. При применении расширения расстояние между двумя объектами заполняется дубликатами оригинальных объектов. Число шагов определяет количество этих дубликатов.

Например, возьмём следующие два объекта:



Теперь выделите два объекта и запустите интерполяцию с параметрами, показанными на рисунке ниже.



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


Интерполяция между двумя различными объектами

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

Например, возьмём следующие два объекта:



Теперь выделите два объекта и запустите интерполяцию. Результат должен быть примерно такой:



Как видно из приведённого выше результата, пространство между кругом и треугольником заполнено 6-ю объектами, приближающими форму одного контура к другому.

Когда расширение Интерполяция используется для двух различных объектов, важно положение начального узла каждого объекта. Чтобы найти начальный узел для объекта, выделите объект, затем выберите инструмент Узлы так, чтобы узлы появились и нажмите TAB. Первый выделенный узел является начальным узлом этого объекта.

Посмотрите на изображение ниже. Оно идентично предыдущему примеру, за исключением отображения узловых точек. Зелёный узел на каждом объекте — начальный.



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



Теперь обратите внимание на изменение результата интерполяции, если начальный узел контура треугольника находится в другой позиции:






Способы интерполяции

Одним из параметров расширения Интерполяция является Cпособ интерполяции. Есть 2 реализованных способа интерполяции и их различие в том, как они вычисляют кривые для новых объектов. Для использования вы можете выбрать способ интерполяции 1 или 2.

В приведённых выше примерах мы использовали способ интерполяции 2 и в результате получили:



Теперь сравните это с результатом, полученным способом интерполяции 1:


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


Экспонента

Параметр экcпонента
 контролирует расстояние между шагами интерполяции. Экспонента 0 делает расстояние между копиями объектов равным.

Здесь приведён результат другого простого примера с экспонентой 0.



Тот же пример с экспонентой 1:



с экспонентой 2:



и с экспонентой -1:

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

Посмотрите результат выбора фигуры справа первой. Экспонента в этом примере была установлена в 1:




Продублировать оконечные контуры

Этот параметр определяет, будет ли группа сгенерированных расширением объектов содержать копию оригинального контура, к которому применялась интерполяция.


Интерполировать стиль

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

Вот пример, в котором функция Интерполировать стиль была применена по отношению к заливке объекта:



Параметр Интерполировать стиль также влияет на обводку объекта:



Разумеется, начальный и конечный объекты не обязательно должны быть одинаковыми:




Использование интерполяции для имитации нестандартных градиентов

В настоящее время в Inkscape возможно создать только линейный и радиальный градиент. Тем не менее, можно имитировать градиент, используя расширение Интерполяция и Интерполировать стиль. В следующем примере используются две ломанные линии:





Интерполяция между двумя линиями создаёт градиент:





Заключение

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





До того, как мы получили доступ к колоссальному программному обеспечению по редактированию векторных изображений…
и до того, как у нас появились компьютерные дисплеи с разрешением 640х480…
мы играли в видеоигры, где на экранах с низким разрешением отображались тщательно прорисованные пиксели.
Сегодня мы называем «пиксельную графику», зародившуюся в эти годы, искусством.

 

Inkscape функционирует на основе libdepixelize и может автоматически векторизировать эти «специфические» пиксельные изображения. Вы также можете использовать другие виды распознавания изображений, но будьте аккуратны – результат уже не будет таким хорошим. В этом случае будет лучше использовать другой конвертер Inkscape – Potrace.

Для того чтобы понять, на что способен этот конвертер, посмотрим на образец изображения. C левой стороны в приведенном ниже примере представлено растровое изображение (оно было взято из заявки на участие в Liberated Pixel Cup), а с правой – это же изображение, переведенное в вектор.




Для векторизации изображений libdepixelize использует алгоритм Копфа-Лищински. С целью получения наилучших результатов при трансформации пиксельных изображений, этот алгоритм применяет некоторые методы вычислительных наук и математические концепции. Единственное, необходимо отметить, что алгоритм полностью игнорирует альфа-канал. В настоящее время у libdepixelize нет расширения, которое бы позволяло наилучшим образом работать с этим видом изображений. Однако все пиксельные изображения с поддержкой альфа-канала выдают результаты аналогичные основному виду изображений, распознаваемых алгоритмом Копфа-Лищински.



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

Ниже представлен скриншот англоязычного диалогового окна Trace Pixel Art. Вы можете открыть его, используя кнопку «Путь» (Path) > «Trace Pixel Art»… «Меню» или нажав правой кнопкой мыши на изображение объекта и затем на «Trace Pixel Art». 



Это диалоговое окно разделено на две части: Heuristics и Output. Heuristics предназначена для продвинутых пользователей, но не стоит беспокоиться, поскольку здесь по умолчанию заданы хорошие параметры. Оставим эту часть на потом и начнем с Output.

Алгоритм Копфа-Лищински работает как компилятор, который преобразовывает данные из нескольких типов представлений. На каждом этапе алгоритм может изучать операции, предлагаемые этими представлениями. Некоторые из этих промежуточных представлений имеют точное графическое представление (как вывод преобразованной ячейки Вороного), а некоторые не имеют (как кривая аналогии). В ходе развития libdepixelize пользователи постоянно просили добавить возможность экспортирования этих промежуточных этапов, и первоначальный автор выполнил их просьбы.

Выходные значения, установленные по умолчанию, должны дать самый гладкий результат, и, возможно, это именно то, что вам нужно. На самых первых примерах этого руководства вы уже видели результаты выходных значений, установленных по умолчанию. Если вы хотите выставить их самостоятельно, просто откройте диалоговое окно Trace Pixel Art и нажмите «ОК» после выбора определенного изображения в Inkscape.

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



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

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

Раздел Heuristics в графическом интерфейсе пользователя позволяет вам настраивать эвристические алгоритмы, используемые libdepixelize, так, чтобы они могли решить, что делать при работе с пиксельным блоком 2х2, где две диагонали имеют схожие цвета. Libdepixelize задает вопрос: «Какого вида связи я должен придерживаться»? Он пробует применять к сталкивающимся диагоналям все эвристические алгоритмы и поддерживает связь той, которая одержит победу. В случае совпадения обе связи исчезают.

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

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



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

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

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

При использовании этого метода вы не только регулируете его «силу», но также и окно пикселей, которое он анализирует. Однако не забывайте о том, что, когда вы увеличиваете анализируемое пиксельное окно, максимальная «сила» также увеличится, и, возможно, вы захотите отрегулировать настройки множителя (multiplier). Первоначальный автор libdepixelize считает этот алгоритм слишком жадным и предпочитает использовать для своего множителя характеристику «0.25».

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

Подсказка: Вы можете деактивировать все эвристические методы путем установки множителя/веса на ноль. Вы также можете использовать отрицательные значения любого из методов путем настройки множителя/веса. Встает вопрос - почему вы вдруг можете захотеть изменить способ действия, который был придуман для того, чтобы давать вам наилучшие результаты, на противоположенный? Просто потому что вы можете это…потому что вы можете получить «креативный» результат…просто можете.

Ну вот и все! При имеющейся версии libdepixelize это все опции, которые у вас есть. Однако если работа первоначального автора libdepixelize и его творческого руководителя достигнет результатов, вы сможете получить дополнительные опции, расширяющие количество изображений, которые могут быть улучшены с помощью программы. Пожелайте им удачи.




Все использованные здесь фотографии были взяты c Liberated Pixel Cup - http://opengameart.org






ВВЕРХ