Демонстрация симметричного рисования в Inkscape

Timelapse Symmetrical Drawing in Inkscape from Aditia A. Pratama on Vimeo.

Кривые Безье и Спиро в Inkscape

Нарисовать кривые Безье и Спиро в Inkscape можно двумя способами. Сегодня остановимся на первом.
Нажмите F6 или выберите Рисовать произвольные контуры на боковой панели инструментов.

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

Сетки и направляющие в Inkscape

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

Быстрое масштабирование
Разверните меню Вид//Масштаб и обратите внимание на горячие клавиши.

Чтобы увидеть изображение в натуральную величину, достаточно нажать 1, для быстрого масштабирования на выделении нажмите 3, увидеть всю страницу целиком - 5, по ширине страницы - 6. Вы можете использовать цифры, расположенные как сверху, так и сбоку от буквенной клавиатуры.
Если вы установили какой-то определенный масштаб, но сменили его и теперь хотите вернуть его обратно, воспользуйтесь опциями меню Предыдущий масштаб и Следующий масштаб. Использование горячих клавиш для масштабирования вашего документа существенно увеличит скорость и простоту работы в Inkscape в разы.

Сетки
Для включения сетки нажмите клавишу # (Shift+3 на стандартной клавиатуре) или воспользуйтесь меню. по умолчанию вы увидите прямоугольную сетку с интервалом в один пиксель и промежуточными линиями в пять пикселей. Также вам доступна аксонометрическая сетка (с диагональными линиями). Если вы хотите установить другой шаг сетки, то у вас есть два способа сделать это.

Нажмите Shift+Ctrl+D или воспользуйтесь меню Файл//Свойства документа и выберите вкладку Сетки.

Здесь вы можете создать собственную прямоугольную или аксонометрическую сетку с теми параметрами, которые вам нравятся. Учтите, что данная сетка сохранится только если вы сохраните документ.
Вы можете пойти другим путем, выбрав в меню Файл//Настроить Inkscape или нажать Shift+Ctrl+P.

Учтите, что настройки, которые вы установите в разделе Сетки будут действовать глобально, то есть на все вновь создаваемые документы, а не только на текущий. Здесь же вы можете поэкспериментировать с разделом Прилипание.

Направляющие
В ходе работы вы наверняка заметили линейки, расположенные сверху и слева. Кликните левой клавишей мыши по левой линейке и, не отпуская, потяните вправо. Вы увидите, что на холсте появилась вертикальная направляющая с исходной точкой. Отпустите клавишу мыши, если вы удовлетворены положением направляющей на холсте. Повторите действия, только в этот раз вытяните направляющую с верхней линейки. Обратите внимание, что при наведении курсора на направляющую, она меняет цвет с синего на красный. В этот момент ее можно перетаскивать, или, зажав клавишу Shift, изменить ее угол относительно исходной точки. Не устраивает положение исходной точки? Зажмите Ctrl  и переместите ее в нужное место. Если хотите спрятать все направляющие, выберите в меню Вид//Направляющие.
Используйте все, что может дать вам Inkscape, и ваша производительность увеличится в разы.

Создание собственных текстур в Inkscape

Базовые текстуры в Inkscape

Трехмерные фигуры в Inkscape

Веселый эффект для текста в Inkscape

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

Создайте текстовый блок и заполните его нужным текстом. Затем создайте фигуру либо какой-то произвольный контур.

Выделите оба объекта при помощи клавиши Shift и воспользуйтесь меню Текст//Заверстать в блок или сочетанием клавиш Alt+W.

Чтобы вынуть текст из блока, используйте Текст//Вынуть из блока или Shift+Alt+W.
Заверстанный в контур текст можно править не вынимая из блока: менять размер, шрифт, цвет и так далее. Однако имейте в виду, что если текст не помещается в контур целиком, то его просто не станет видно. В подобном случае увеличьте контур либо уменьшите шрифт, применив меню Текст//Текст и Шрифт или воспользовавшись сочетанием клавиш Shift+Ctrl+T.

Расположение текста по контуру в Inkscape

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

Теперь выделим текст и окружность. Далее используем меню: Текст//Разместить по контуру. Получим следующее:

Не совсем то, что хотелось. Удалим заливку окружности. И повернем текст, чтобы он стал читабельным.

Что ж, теперь можно и цвет поменять, и применить фильтр для отбрасывания тени.

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

Свет и тень в Inkscape

Краткая шпаргалка по фильтрам раздела Свет и тень в редакторе Inkscape.

Создание тени в Inkscape

В Inkscape присутствует множество полезных фильтров, позволяющих создавать прекрасные эффекты, для текста в том числе.
Создайте новый документ и текстовый блок. Затем воспользуйтесь меню: Фильтры//Свет и Тень//Отбрасываемая тень. Вы можете отрегулировать степерь размывания, полупрозрачность и сдвиг тени по оси X и Y и нажмите Применить.

Применив фильтр, вы сможете спокойно править текст, изменять шрифт, полужирность и прочие атрибуты.
Есть еще один способ создания тени.
Создайте текстовый блок, нажмите Alt+D, чтобы создать клон или воспользуйтесь меню: Правка//Клоны//Создать клон. Переместите клон немного в сторону, чтобы спокойно работать с ним. Нажмите Shift+Ctrl+F для вызова диалогового окна Заливка и Обводка и отрегулируйте степень размывания и прозрачности в нем.

Переместите клон относительно оригинала туда, где хотите поместить тень и при помощи Page Down отодвиньте тень на задний план.

При помощи второго метода вы также сможете изменять цвет и угол падения тени.

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

Создание эффекта зеркального текста в Inkscape

Для начала созайте текстовый блок и введите нужный вам текст.

Затем создайте клон зайдействовав меню Правка//Клоны//Создать клон или применив сочетание клавиш Alt+D. Затем нажмите V или воспользуйтесь меню Объект//Отразить вертикально и переместите отраженный текст так, чтобы он находился под основной надписью. Обратите внимание, что создается именно клон, а не дубликат. Делается это для того, чтобы в случае необходимости можно было спокойно внести изменения в оригинальный текст и не переделывать при этом отражение.

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

Теперь нужно выделить отражение, а затем прямоугольник. Так как прямоугольник находится сверху и закрывает доступ к надписи, воспользуйтесь сочетанием клавиш Ctrl+Alt и выделите надпись, затем зажав Shif добавьте прямоугольник к выделению. Воспользуйтесь меню: Объект//Обтравочный контур//Установить. Теперь ножка буквы р больше не мешается.
Создадим еще один прямоугольник размером примерно как предыдущий и зальем его градиентом из цветного в прозрачный.

Затем воспользуйтесь меню Объект//Маска//Установить. Нижний клон получит полупрозрачность.

Если текст все еще кажется скучноватым, можно добавить цвета.

Или поэкспериментировать как-то еще.

Полезные расширения для текста в Inkscape

Если по какой-то причине предложения в тексте начинаются не с заглавной буквы, то это можно легко и быстро устранить выбрав Расширения, затем Текст и Как в предложении. Все первые буквы в предложениях будут преобразованы в заглавные.
В случае, когда нужно, чтобы каждое слово начиналось с заглавной буквы, нужно выбрать Расширения, Текст и затем Титульный регистр.
Также в случае необходимости можно сделать все буквы ПРОПИСНЫМИ или строчными. Для этого лишь нужно выбрать Расширения, затем Текст и наконец ВСЕ ПРОПИСНЫЕ или все строчные соответственно.
Иногда, например если во время текста случайно оказался нажатым Caps Lock, появляется необходимость сделать строчные буквы прописными и наоборот. Для этого используется опция иНВЕРТИРОВАТЬ РЕГИСТР в подменю Текст в меню Расширения.
Забавный эффект можно получить выбрав Расширения, затем Текст и сЛУчаНый РеГИсТР. Буквы становятся прописными или строчными в случайном порядке.
Когда есть потребность быстро разбить текстовый блок на абзацы, предложения или слова, воспользуйтесь пунктом меню Расширения, затем Текст и Разделить текст. Укажите как вы хотите разбить текст и нужно ли сохрать оригинальный блок.
Также в случае необходимости, воспользуйтесь меню: Расширения, затем Текст и Преобразовать в брайлев текст. Получится нечто вроде этого:

Брайлевский текст предназначен для незрячих, но, возможно, эта опция пригодится и вам.

Поиск и замена слов в Inkscape

Как и в большинстве современных текстовых редакторов, в Inkscape поддерживается поиск и замена текстовых символов. Для этого необходимо:
1) Создать документ и поместить в него текст либо выделить ранее созданный текстовый блок
2) Выбрать в главном меню Расширения, затем Текст и Заменить текст
3) В первом поле ввести искомый текст, во втором - желаемую замену и, разумеется, не забудьте воспользоваться опцией Предпросмотр, чтобы убедиться, что вас все устраивает
4) Нажмите Применить
Помните, что искомые символы могут встречаться в словах, которые вы, возможно, не хотите исправлять. Внимательно следите за вносимыми программой исправлениями.

Расширения для работы с текстом в Inkscape

Часто в веб-дизайне при работе с макетами страниц, буклетов, обложек, листовок или в ряде других случаев, необходимо получить блок, заполненный большим количеством текста. Для этого нет нужды судорожно искать куски текста и вставлять их в документ. Достаточно просто воспользоваться соответствующим расширением.
1) Выберите текстовый инструмент, выделите рамкой нужное вам поле, которое хотите заполнить текстом
2) В главном меню выберите Расширения, затем Текст и Шаблонный текст
3) Укажите необходимые параметры: количество абзаце, предложений в абзаце и вариативность длины в предложениях. Не стесняйтесь воспользоваться опцией Предпросмотр и в случае необходимости скорректировать параметры.
4) Нажмите Применить.

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

Стилизация текста в Inkscape

Стилизация текста часто используется для придания дополнительного эффекта или создания эмоциональных ассоциаций. Также текст и его оформление - важный элемент веб-дизайна. Еще он играет ключевую роль в заголовках, баннерах и логотипах. С помощью стилизованного текста вы можете выделить свой сайт или блог из общей массы подобных.
Для создания текстового объекта необходимо использовать пиктограмму на левой панели либо просто нажать клавишу F8.
Пиктограмма Т на верхней панели инструментов служит только для правки уже созданного текстового объекта. В этом диалоге можно установить тип или семейство шрифтов, кегль, выравнивание и направление текста, межсимвольный интервал, а также внести изменения в набранный текст.
Также можно увеличить или уменьшить интервал сочетанием Alt+> и Alt+<
В последней версии Inkscape существует одна неприятная проблема с ручным кернингом текста. О ней позднее, а сейчас собственно о самом кернинге. Данным термином обозначается избирательное изменение интервала между символами. В Inkscape возможно изменение не только интервала бувкы, но и положения ее на строке, наклона и так далее. Осуществляется кернинг при помощи сочетания клавиши Alt со стрелками вверх, вниз, вправо и влево. Рассмотрим на примере:

При подобных трансформациях текстовый объект не теряет своих свойств, то есть его можно править, менять шрифт, его размер, делать полужирным или курсивом. Однако следует помнить, что не преобразованный в контуры текст может потерять свой вид, если SVG файл открыт на другой машине, а использованные шрифты на ней не обнаружатся. Чтобы избежать подобного стоит хранить применяемые файлы шрифтов в папке проекта и переносить их вместе.
Проблема с ручным кернингом в Linux и MacOS
Как это ни парадоксально, именно в Linux существует проблема с клавишей Alt, которая либо срабатывает некорректно, либо не работает совсем. Эта проблема решается несколькими способами, которые приведены в Inkscape Wiki

Alchemy: Как из хаоса рождается искусство

Alchemy - это экспериментальный кроссплатформенный программный продукт с намеренно заниженным функционалом. Кто-то использует его для рисования только лишь набросков, кто-то создает законченные картины. В нем отсутствует функция отмены предыдущего действия, как собственно и функция выделения. Довольно простой интерфейс, поигравшись с которым около пяти минут вы поймете основные принципы, не прибегая к руководству. Одна из основных особенностей программы - модульность. С помощью модулей вы можете:
1) Разговаривать с программой (толщина и интенсивность линий и фигур регулируется голосом)
2) Рисовать вслепую (полученный контур появится на холсте только после того, как вы закончите рисование)
3) Создание случайных форм
4) Зеркальная отрисовка (тест Роршаха, нарисованный вами).
Среди родных для пользователя векторных программ функций - градиенты, цвета, прозрачность. Автоматическое сохранение настраивается по желанию от каждых 5 секунд до 10 минут. Также вы можете сохранить полученный результат как в формате PDF, JPG, PNG, так и в "родном" для Inkscape формате SVG.
Вообще говорить об Alchemy довольно сложно - это нужно видеть.
Оценить программу и ее возможности можно в этом ознакомительном видео.

Если хотите увидеть больше, то непременно посетите VasilisArt's Channel, чтобы оценить работу с цветом в Alchemy.

Демонстрация возможностей анимации в Inkscape

Inkscape Animation Test from mandersART on Vimeo.

Тройка удалая: GIMP, Inkscape, Gpick

В сети существует достаточное количество инструментов для составления цветовых палитр. Часть из них работают как сервисы, некоторые не подходят для Linux. Мой выбор пал на Gpick. Весьма удобный, легкий инструмент. Разобраться в нем можно за считанные минуты. Берете пипетку, выбираете цвет на экране, начинаете с ним играть.
Допустим, вы создали палитру, она вам понравилась, что же дальше? В Gpick есть удобный экспорт как всей палитры, так и только выбранных цветов. На выходе у вас формируется простой файл без расширения. На самом деле это цветовая палитра для GIMP .gpl, которая помимо прочего, прекрасно экспортируется и в Inkscape.

Импорт в GIMP
Запускаете GIMP, открываете окно цветовых палитр

Осуществляете импорт файла

Импорт в Inkscape
Импорт осуществляется прямым копированием файла палитры в специально отведенную поддиректорию. Если вы не в курсе, где она размещается, не стесняйтесь спросить об этом систему, набрав whereis inkscape в терминале. В моем случае это оказалась /usr/share/inkscape. Скопируйте полученный в Gpick файл в поддиректорию /palettes. Если вы заметите, что остальные файлы в данной поддиректории имеют расширение .gpl, а ваш файл - нет, то в этом нет ничего страшного. Независимо от того, добавите вы расширение или нет, палитра прекрасно импортируется и будет работать, но для ее появления в списке требуется перезапуск Inkscape. По умолчанию в программе используется inkscape default. Переключитесь на свою палитру через выпадающее меню в правом нижнем углу.

Удачных цветовых экспериментов.