Печать

Урок Inkscape №07: Рисуем векторный Чупа-чупс

В этом уроке мы будем рисовать векторный чупа-чупс, такой как на рисунке ниже.

скриншот к уроку inkscape

1 Начнем как обычно с фигуры круг. Нарисуем ровный круг - основу будущего чупа-чупса. Кто забыл, ровный круг рисуется с нажатой клавишей CTRL.

скриншот к уроку inkscape

2 Теперь нарисуйте прямоугольник. Размер прямоугольника по ширине немного больше диаметра круга. Расположение пока не имеет значения, так что если получилось не ровно, например, слева чуть больше, чем справа, то не расстраивайтесь, с этим разберемся потом. А пока сделайте края прямоугольника несколько закругленными. Для наглядности прямоугольник я сделал другим цветом, вам это делать необязательно. За закругление углов отвечают круглые маркеры в верхнем правом углу. Потяните круглый маркер немного вниз и углы скруглятся. Подробнее об этом и том, зачем нужен второй маркер читайте в инструкции inkscape в разделе инструмент прямоугольник.

скриншот к уроку inkscape

3 Теперь займемся правильным расположением круга и прямоугольника. Выделите их оба. В главном меню в меню "Объект" выберите пункт "Выровнять и расставить" или CTRL+SHIFT+A. Нажмите в открывшемся диалоговом окне кнопки центрировать горизонтально и центрировать вертикально. Если навести на кнопку указатель мыши, то появится подсказка, так что найти кнопки несложно. Теперь, когда объекты выровнены, можно их объединять. Сделайте это в меню "Контур" - "Объединить" или комбинация клавиш CTRL+K.

скриншот к уроку inkscape

4 Теперь заполним фигуру градиентом. Сделать это можно в диалоговом меню заливка и обводка. Обводка фигуры отключена. А заливку сделаем радиальным градиентом. Цвет центральной точки #e23db7 или (e23db7ff). Цвет крайних точек #551a10 (551a10ff).

скриншот к уроку inkscape

5 С помощью инструмента перо нарисуйте линию, которая будет обозначать контур средней выпуклости чупа-чупса. Нарисовать линию просто, три узла - два крайних и один гладкий посередине. Когда линия готова, сделайте ее копию - CTRL+D и переместите копию вниз. Должно получиться так, как на рисунке ниже.

скриншот к уроку inkscape

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

скриншот к уроку inkscape

6 Теперь сделаем блик. Нарисуйте новый круг где-то в верхней части чупа-чупса. Выполните функцию в главном меню "Контур" - "оконтурить объект" или CTRL+SHIFT+C. В нарисованном вами круге буду доступны четыре узла. Подвиньте нижний узел немного вверх, что бы сделать круг примерно таким, как на рисунке ниже. Цвет круга пока не имеет значения. У нас он белый, но это пока не важно.

скриншот к уроку inkscape

Сделайте тип заливки этого круга - линейный градиент. Обводки естественно нет. Цвет верхней точки градиента белый. Цвет нижней точки градиента любой, но абсолютно прозрачный.

скриншот к уроку inkscape

7 В принципе чупа-чупс готов. Давайте сделаем ему ножку. Нарисуйте инструментом перо прямую линию. Как уже говорилось выше, что бы рисовать ровные объекты нажимайте при рисовании клавишу CTRL. Цвет обводки черный. Стиль обводки "круглые концы" толщина пропорционально размеру вашего чупа-чупса, у нас она была равна 25. После того как палочка нарисована выполните "Контур" - "Оконтурить обводку" или CTRL+ALT+C.

скриншот к уроку inkscape

Сделайте дубль этой палочки CTRL+D. Сделайте заливку копии этой палочки линейным градиентом. В нем надо опять создать новую опорную точку, цвет которой будет белой. Цвет крайних точек прозрачный.

скриншот к уроку inkscape

Создайте еще одну копию палочки через CTRL+D. Теперь ее заливка опять линейный градиент, но другой. Это будет тень от шарика. Цвет верхней точки черный, цвет нижней, абсолютно прозрачный.

скриншот к уроку inkscape

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

скриншот к уроку inkscape

Рейтинг

Проблемы с госуслугами, медленный интернет или плохая связь? Напишите об этом — Минцифры поможет с решением