{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://openarts.ru/#website","url":"https://openarts.ru/","name":"OpenArts","publisher":{"@id":"https://openarts.ru/#person"},"potentialAction":{"@type":"SearchAction","target":"https://openarts.ru/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://openarts.ru/inkscape-valentine/#webpage","url":"https://openarts.ru/inkscape-valentine/","inLanguage":"ru-RU","name":"\u041a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432\u0430\u043b\u0435\u043d\u0442\u0438\u043d\u043a\u0443 \u0432 Inkscape | OpenArts","isPartOf":{"@id":"https://openarts.ru/#website"},"image":{"@type":"ImageObject","@id":"https://openarts.ru/inkscape-valentine/#primaryimage","url":"https://openarts.ru/media/inkscape-valentine-00.png","caption":""},"primaryImageOfPage":{"@id":"https://openarts.ru/inkscape-valentine/#primaryimage"},"datePublished":"2013-10-17T07:28:43+00:00","dateModified":"2016-08-03T16:55:15+00:00","description":"\u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u0443\u0440\u043e\u043a\u0430 \u0432\u044b \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0443\u0437\u043d\u0430\u0435\u0442\u0435, \u043a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432\u0430\u043b\u0435\u043d\u0442\u0438\u043d\u043a\u0443 \u0432 Inkscape, \u043d\u043e \u0438 \u043f\u043e\u0439\u043c\u0435\u0442\u0435, \u0447\u0442\u043e \u044d\u0442\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430 \u043d\u0435 \u0445\u0443\u0436\u0435 \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0445 \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0445 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u043e\u0432.","breadcrumb":{"@id":"https://openarts.ru/inkscape-valentine/#breadcrumb"}},{"@type":"BreadcrumbList","@id":"https://openarts.ru/inkscape-valentine/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"WebPage","@id":"https://openarts.ru/","url":"https://openarts.ru/","name":""}},{"@type":"ListItem","position":2,"item":{"@type":"WebPage","@id":"https://openarts.ru/tutorials/","url":"https://openarts.ru/tutorials/","name":"\u0423\u0440\u043e\u043a\u0438"}},{"@type":"ListItem","position":3,"item":{"@type":"WebPage","@id":"https://openarts.ru/tutorials/inkscape/","url":"https://openarts.ru/tutorials/inkscape/","name":"\u0423\u0440\u043e\u043a\u0438 Inkscape"}},{"@type":"ListItem","position":4,"item":{"@type":"WebPage","@id":"https://openarts.ru/inkscape-valentine/","url":"https://openarts.ru/inkscape-valentine/","name":"\u041a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432\u0430\u043b\u0435\u043d\u0442\u0438\u043d\u043a\u0443 \u0432 Inkscape"}}]},{"@type":"Article","@id":"https://openarts.ru/inkscape-valentine/#article","isPartOf":{"@id":"https://openarts.ru/inkscape-valentine/#webpage"},"author":{"@id":"https://openarts.ru/author/zhart/#author","name":"zhart"},"publisher":{"@id":"https://openarts.ru/#person"},"headline":"\u041a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432\u0430\u043b\u0435\u043d\u0442\u0438\u043d\u043a\u0443 \u0432 Inkscape","datePublished":"2013-10-17T07:28:43+00:00","dateModified":"2016-08-03T16:55:15+00:00","commentCount":0,"mainEntityOfPage":"https://openarts.ru/inkscape-valentine/#webpage","image":{"@id":"https://openarts.ru/inkscape-valentine/#primaryimage"},"keywords":"inkscape,\u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b","articleSection":"\u0423\u0440\u043e\u043a\u0438 Inkscape"},{"@type":"Person","@id":"https://openarts.ru/author/zhart/#author","name":"zhart","image":{"@type":"ImageObject","@id":"https://openarts.ru/#personlogo","url":"https://secure.gravatar.com/avatar/48486e993558dbe6edce1f9dd6d1687e?s=96&d=wavatar&r=g","caption":"zhart"},"sameAs":[]}]}

Как сделать валентинку в Inkscape

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

Как сделать валентинку в Inkscape (урок)
1

Запустите Inkscape. Создайте окружность (клавиша F5) радиусом 1710px. Разместите окружность по центру листа, использовав панель Выровнять (Shift+Ctrl+A).

Откройте панель Заливка и Обводка (Ctrl+Shift+F) и выбрите в качестве цвета для окружности белый. Окружность будет выполнять роль белого фона.

2

Cоздайте перевернутый равнобедренный треугольник в любом месте документа. Используйте для этого инструмент Кривые Безье (Shift+6).

Создание равнобедренного треугольника в Inkscape

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

Размеры объекта в Inkscape
3

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

Дублирование и отражение треугольника в Inkscape

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

4

Теперь разверните меню Правка → Клонировать → Создать узор из клонов…

Используйте следующие параметры в окне создания узора из клонов:

Создание узора из клонов в Inkscape - симметрия
Создание узора из клонов в Inkscape - смещение
Создание узора из клонов в Inkscape - поворот

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

Круговой узор из клонов треугольников в Inkscape

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

5

Удалите первую пару треугольников.

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

Выберите получившуюся объедененную форму и выровняйте ее по центру листа с помощью инструментов окна Выровнять (Shift+Ctrl+A).

6

Теперь вам нужно открыть окно Заливка и Обводка (Ctrl+Shift+F) и выбрать для заливки цвет. Поэкспериментируйте с цветом. Я использовал следующие настройки:

Панель заливки и обводки в Inkscape - заливка

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

Панель заливки и обводки в Inkscape - стиль обводки
7

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

Создание прямоугольника в Inkscape

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

Прямоугольник с линейным градиентом в Inkscape

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

Редактор градиентов в Inkscape
Редактор градиентов в Inkscape - создание опорной точки
8

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

9

Используя инструмент Кривые Безье (Shift+F6), нарисуйте подобную форму:

Прямые линии из кривых Безье в Inkscape

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

Панель выравнивания в Inkscape
10

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

Сделать выделенные узлы гладкими в Inkscape
Создание плавной кривой в Inkscape
11

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

Дублирование и отражение кривой в Inkscape

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

Объединение двух кривых в одну в Inkscape
12

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

13

Выровняйте сердце по центру листа.

Перейдите на панель Заливка и обводка и выберите для сердца Линейный градиент

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

Первая опорная точка градиента в Inkscape
Вторая опорная точка градиента в Inkscape
Третья опорная точка градиента в Inkscape

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

Сердце с градиентной заливкой в Inkscape
14

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

Стиль обводки в Inkscape

Цвет обводки можно выбрать на закладке Обводка.

15

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

Дублирование и масштабирование объектов в Inkscape
16

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

Вариации объектов в Inkscape
17

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

Рисование сердца в Inkscape

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

18

Сделайте что-то похожее на мое изображение или пофантазируйте сами.

Дублирование и заливка объектов в Inkscape
19

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

Создание многоугольника с градиентной заливкой в Inkscape

Измените размещение хвоста клавишей Page Down, чтобы он располагался за сердцем.

20

Скопируйте любое из сердец и измените настройки «Заливки и Обводки», чтобы получить подобную форму:

Контур сердечка в Inkscape

В моем случае сердце имеет размер 74px по ширине и 87px по высоте.

21

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

Создание невидимого объекта в Inkscape
22

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

Объединение объектов в группу в Inkscape

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

23

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

Создание узора из клонов в Inkscape

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

24

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

Группа объектов в Inkscape

Мне кажется, или мы уже это делали?

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

Рисование цветов в Inkscape
25

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

Создание радиального градиента в Inkscape

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

Стоп-точки на радиальном градиенте в Inkscape
26

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

Скопируйте следующие два изображения и импортируйте их в InkScape:

Изображение растения для векторизации в Inkscape
Узор для векторизации в Inkscape
27

Теперь выберите изображения и перейдите в меню Контур → Векторизовать Растр…

Выберите параметр Сокращение яркости равным 0.14.

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

Уменьмите контур и разместите его за сердцем.

28

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

Финальное изображение созданной в Inkscape открытки на день святого Валентина

Теперь осталось только добавить немного красивого текста, и можно отправлять открытку своему другу или подруге вместе с коробкой швейцарского шоколада и цветами! 😉

Первоначальные перевод и адаптацию урока выполнил Юрий Азовцев.


Оставить комментарий

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *