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

Запустите Inkscape. Создайте окружность (клавиша F5) радиусом 1710px. Разместите окружность по центру листа, использовав панель Выровнять (Shift+Ctrl+A).
Откройте панель Заливка и Обводка (Ctrl+Shift+F) и выбрите в качестве цвета для окружности белый. Окружность будет выполнять роль белого фона.
Cоздайте перевернутый равнобедренный треугольник в любом месте документа. Используйте для этого инструмент Кривые Безье (Shift+6).

У моего треугольника получились следующие размеры по ширине и высоте:

Продублируйте треугольник с помощью Ctrl+D и отразите его по вертикали с помощью V. Разместите оба треугольника как показано на иллюстрации.

Выберите оба треугольника с помощью инструмента выделения с зажатой клавишей Shift и нажмите сочетание клавиш Ctrl+K, чтобы объеденить оба контура в один.
Теперь разверните меню Правка → Клонировать → Создать узор из клонов…
Используйте следующие параметры в окне создания узора из клонов:



Вот что у вас должно получиться:

Если у вас получаются странные завитки вместо ровного кругового размещения — попробуйте сохранить работу, закрыть Inkscape и снова его запустить. Выполните данную операцию повторно и все получится!
Удалите первую пару треугольников.
Нажмите Ctrl+A для выделения всех треугольников, нажмите Ctrl+K для объединения их в общий контур. (Проверьте, что первоначальный треугольник удален и вы не захватили в выделение лишние объекты!)
Выберите получившуюся объедененную форму и выровняйте ее по центру листа с помощью инструментов окна Выровнять (Shift+Ctrl+A).
Теперь вам нужно открыть окно Заливка и Обводка (Ctrl+Shift+F) и выбрать для заливки цвет. Поэкспериментируйте с цветом. Я использовал следующие настройки:

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

Теперь создайте прямоугольник (F4) размером с лист:

Снова загляните на панель Заливка и Обводка (Ctrl+Shift+F) и включите для прямоугольника линейный градиент.

Нажмите Ctrl+F1 для редактирования направления градиента. Расположите линию градиента диагонально. Измените настройки цвета стоп-точек градиента, нажав кнопку Править…. В моем случае я использовал следующие параметры:


Отлично! У нас есть фон, теперь самое время приступить к веселью! Создайте новый слой поверх имеющегося и назовите его Hearts — сердца, которые мы и начнем рисовать.
Заблокируйте предыдущий слой с фоном.
Используя инструмент Кривые Безье (Shift+F6), нарисуйте подобную форму:

Нажмите клавишу F2 для перехода в режим редактирования кривых. Выделите с зажатым Shift две крайние правые вершины и на панели Выровнять (Shift+Ctrl+A) воспользуйтесь инструментом Выравнивание по вертикали.

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


Нажмите Ctrl+D для создания дубликата половины сердца. Нажмите клавишу H чтобы отразить полученную копию по горизонтали. Удерживая Ctrl, переместите половинку вправо для получения полной формы сердца.

Выделите обе половинки и нажмите Ctrl++ для их объединения.

Перейдите в режим редактироания узлов и контура (F2) и удалите лишние вершины в местах стыка двух половинок. Такое иногда случается при объединении кривых. В Inkscape есть инструменты для автоматического удаления копий узлов, можно попробовать воспользоваться ими.
Выровняйте сердце по центру листа.
Перейдите на панель Заливка и обводка и выберите для сердца Линейный градиент
Нажмите кнопку Править… и используйте следующие параметры (в моем случае градиент начинается снизу):



Вот что должно получиться в результате:

Теперь зайдите в закладку Стиль обводки и сделайте следующие настройки:

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

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

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

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

Теперь нам нужно создать градиентный хвост от летящего сердца. Сделайте форму с помощью инструмента Рисование кривых БезьеShift+F6. Нарисуйте трапецию как на иллюстрации и добавьте для нее градиент.

Измените размещение хвоста клавишей Page Down, чтобы он располагался за сердцем.
Скопируйте любое из сердец и измените настройки «Заливки и Обводки», чтобы получить подобную форму:

В моем случае сердце имеет размер 74px по ширине и 87px по высоте.
Создайте прямоугольник без цвета и используйте панель Выравнивание для выравнивания обоих объектов по вертикали:

Выделите невидимый прямоугольник и пустое сердце и объедините их в группу нажатием клавиш Ctrl+G

Мы только что сместили центр объекта из середины сердца в область между двумя объектами в группе. Дальше вы увидите, зачем мы это сделали.
Зайдите в меню Правка → Клонировать → Создать узор из клонов…. Задайте количество Столбцов равным 6.
Перейдите на закладку Смещение и установите параметр Смещение по X для Строк и Столбцов в -100%.
Перейдите на закладку Вращение и установите для параметра Столбец значение 60.
Нажмите кнопку Создать и наслаждайтесь результатом!

Если бы мы с вами не добавили невидимый прямоугольник, то сердца поворачивались бы вокруг своего центра.
Объедините сердца в группу (Ctrl+G) и немного уменьшите их. У вас должно получиться что-то вроде этого:

Мне кажется, или мы уже это делали?
Если вам тоже так кажется — поздравляю, вы освоили техники, которые я вам показал. Воспользуйтесь ими для получения новых форм. Сделайте (по аналогии с предыдущим пунктом) цветы, как на иллюстрации справа под сердцем.

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

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

Настал черед травки с завитушками. Вы можете получить их разными путями. Например, нарисовав их самостоятельно или подыскав подходящие исходники со свободной лицензией. Либо можно найти подходящее растровое изображение и преобразовать его в вектор при промощи соответствующих инструментов Inkscape. Для примера рассмотрим последний из упомянутых вариантов.
Скопируйте следующие два изображения и импортируйте их в InkScape:


Теперь выберите изображения и перейдите в меню Контур → Векторизовать Растр…
Выберите параметр Сокращение яркости равным 0.14.
После создания контура из растрового изображения растровые вставки можно удалить, они нам больше не нужны.
Уменьмите контур и разместите его за сердцем.
Сделайте то же самое для второго изображения. Постарайтесь получить что-то подобное моей иллюстрации.

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