Урок по рисованию аватарки в Inkscape

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

Урок по рисованию вьетнамского старичка в Inkscape
1

Начну с рисования глаз. Выбираем перо и погнали…

Выбираем перо в Inkscape

Глаза у нас будут узкие и изогнутые снизу, так как наш старичок будет смеяться. Контур должен быть обязательно замкнутый.

Заготовка для рисования глаза в Inkscape

Выделяем центральные точки и применяем сглаживание.

Выделяем центральные точки и применяем сглаживание

Получается вот так:

Результат сглаживания в Inkscape

Далее заливаем белым цветом:

Заливка белым цветом в Inkscape
2

Теперь, нужно продублировать глаз комбинацией Ctr+D, и дубликат залить черным цветом.

Используя угловые маркеры, слегка увеличиваем дубликат:

Увеличиваем дубликат в Inkscape

…и опускаем его на самый нижний слой, нажав клавишу End.

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

Опускаем фигуру на нижний слой в Inkscape
3

Для рисования зрачка используем окружность.

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

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

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

Удерживая клавишу Shift, выделяем зрачок и дубликат глаза с белой заливкой.

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

Нажимаем комбинацию Ctr+* или в меню Контур / Пересечение.

Пересечение объектов в Inkscape

При этом остается та часть зрачка, которая пересекается глазом.

Вписываем зрачок в глаз, используя Inkscape
4

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

Рисуем в Inkscape складку под глазом

Рисуем бровь.

Рисуем бровь в Inkscape

Теперь можно продублировать весь глаз с морщинами и бровью и горизонтально отразить с помощью клавиши H или кнопки Кнопка в Inkscape

Дублируем изображение глаза в Inkscape
5

Рисуем нос. Нос будет пока весьма условный, без особых деталей.

Рисуем нос в Inkscape

Теперь рисуем рот.

Рисуем рот в Inkscape
6

Усы рисуем так же, как глаза. Сначала рисуем форму, потом заливаем белым цветом, дублируем, заливаем дубликат черным цветом, перемещаем на нижний слой кнопкой End, слегка увеличиваем дубликат и корректируем точки, чтобы получился красивый контур.

Рисуем усы в Inkscape

Дорисуем складку под нижней губой.

Рисуем складку под губой в Inkscape
7

На этом этапе я выделил все объекты и толщину линии поставил на 0.

Меняем толщину линии в Inkscape

Контур головы делается так же, как усы и глаза.

Рисуем контуры головы в Inkscape
8

Уши и морщины на лбу:

Рисуем в Inkscape уши и морщины на лбу

Добавляем пряди в бороде, контур скул, и морщины вокруг глаз:

Рисуем в Inkscape скулы и морщины
9

Теперь рисуем непременный атрибут любого вьетнамца — коническую вьетнамскую шапку.

Для это рисуем вот такую фигуру, похожую на ромб:

Рисуем вьетнамскую шапку в Inkscape

…и скругляем все углы, заливаем черным цветом и перемещаем на задний план.

Скругляем углы в Inkscape

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

Рисуем треугольник в Inkscape
10

Тело рисуется весьма условно:

Рисуем в Inkscape тело человека

Рисуем руку:

Рисуем руку в Inkscape
Скругляем руку в Inkscape
Детализируем руку в Inkscape
11

Рука получилась великовата, поэтому я ее уменьшил и добавил палку:

Рисуем палку в Inkscape

…и рукав:

Рисуем рукав в Inkscape
12

Контур готов, теперь можно раскрашивать. Цвета по вкусу, у меня вот так:

Раскрашивание персонажа в Inkscape
13

Теперь тени и блики.

Для рисования тени изобразим вот такую фигуру:

Заготовка для тени в Inkscape

Здесь левый край фигуры — это форма тени на лице. Затем сглаживаем вершины кнопкой Кнопка для сглаживания вершин в Inkscape

Сглаживание вершин в Inkscape

Выделяем контур лица и дублируем по Ctr+D. Удерживая клавишу Shift, выбираем фигуру тени.

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

Затем нажимаем Ctrl+*.

Работа с тенью в Inkscape
14

Контур для фигуры тени делаем равной 0 и заливаем цветом темнее цвета кожи. Затем с помощью клавиши PageDown опускаем контур тени на несколько уровней вниз, чтобы получилось как на картинке:

Стиль обводки в Inkscape
Опускание контура тени в Inkscape

Таким же способом делаем тень на лице от шапки.

Заготовка для тени в Inkscape
Тень на лице от шапки в Inkscape
15

Теперь применяем градиент для тени. Для это воспользуемся этой кнопкой:

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

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

Создание тени фигуры в Inkscape

По умолчанию градиент в Inkscape прозрачный, т.е. там где маркер в виде синего квадрата — применяется цвет фигуры, а где маркер в виде кружка — прозрачность 100%. Если выделить кружок-маркер и назначить ему какой-нибудь цвет, то прозрачность будет 0. Прозрачность на этом рисунке меня устраивает, поэтому цвет я назначать не буду.

Тень на щеке я тоже сделал с помощью градиента:

Рисование в Inkscape тени на щеке
16

Добавляем тень возле носа и рта:

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

Создаем тень для руки и палки:

Добавление тени для руки и палки в Inkscape

Тени на одежде:

Тени на одежде в Inkscape
17

Теперь делаем блики. Способ такой же, как с тенями.

Создание бликов в Inkscape
18

Осталось сделать позитивный фон.

Создание позитивного фона в Inkscape

Несколько завершающих штрихов — и готово.

Финальное изображение старичка, выполненное в Inkscape

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

4 комментария на «“Урок по рисованию аватарки в Inkscape”»

  1. Рекомендуете пером писать, но у меня не получается. Рисовал всё кривыми Безье, получилось похоже. То бишь как замена пера это нормальный способ?

  2. Вот здесь уже непонятно. Рука рисуется чем, пером? Или подкладкой чёрного объекта под белый? Если пером, то можно ли также сделать с помощью кривой Безье?

    • Вы имеете ввиду раскрашивание?
      Тут уж кому как удобней. Можно создавать форму кривыми Безье и подкладывать ее под контуры. А можно использовать инструмент «заливка», который относительно недавно появился в Inkscape.

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

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