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

Аватар это графическое представление пользователя в социальных сетях, форумах, играх и т.д. Другими словами, это второе я пользователя. Обычно 2D-аватар квадратный и имеет небольшой размер (100×100px, 64×64px). Именно поэтому при его создании следует исключить излишние детали и оставить только самое важное. Иначе, при его уменьшении будет либо трудно разглядеть детали, либо они замылят картинку.

В Inkscape существуют несколько полезных функций, которые помогут вам упростить создание аватара:

• Вид > Посмотреть как значок позволит увидеть выделение или содержимое страницы в виде значка размером 16×16px/24×24px/32×32px/48×48px или 128×128px.
• Вид > Повторить окно откроет новое окно с тем же документом, в котором вы работаете. Редактируя исходный документ, изменения будут вносится и в продублированное окно. При этом, работать можно как в первом, так и во втором окне. Данная функция может оказаться полезной при работе в Inkscape в целом, а не только при создании подобного вида изображений.

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

1. Создадим круг с помощью инструмента «Рисовать круги, эллипсы и дуги (F5)»
2. Переводим круг в контур (Контур > Оконтурить объект)
3. Редактируем узлы (F2) так, чтобы контур напоминал лицо
4. По аналогии создаем эллипс и редактируем его узлы, чтобы объект начал напоминать ухо. Продублируем созданное ухо (Ctrl+D) и отразим дубль по горизонтали (Объект > Отразить горизонтально). Расположим оба уха где-то посередине нашей головы.
5. Для создания шеи рисуем прямоугольник (F4), переводим его в контур и смещаем два нижних узла ближе к друг другу. Для этого выделяем два нижних узла и несколько раз нажимаем Ctrl + <.
6. Плечи создадим из прямоугольника, сделав его верхние узлы сглаженными. Плечи у нас намеренно небольшие, чтобы все внимание зрителя фокусировалось на голове.

Цвет кожи подобрать достаточно трудно, поэтому я пользуюсь небольшой подсказкой под названием «Catalogue of Human Features», автором которого является majnouna. Там же можно подобрать цвет глаз и волос для вашего персонажа.

Чтобы зрительно отделить шею от головы, нужно добавить под ней тень. Для этого дублируем шею и перекрашиваем в более темный цвет кожи. Дублируем голову и перемещаем её немного вниз с зажатым Ctrl. Далее выделяем шею и дубль головы, а затем идем в меню Контур > Пересечение.

1. Обычно глаза имеют миндалевидную форму и располагаются примерно на одном уровне с краями ушей. Создадим эллипс (F5) и сузим его по краям через редактирование узлов (F2). В качестве радужной оболочки и зрачка мы используем два круга.
2. Создадим бровь с помощью кривой Безье (Shift+F6) в режиме «Угасание». Оконтуриваем объект и закругляем два крайних узла.

Примечание № 1: После оконтуривания кривой Безье созданной в режиме «Эллипс», она может содержать большое количество лишних узлов. Чтобы уменьшить их количество перейдите в Контур > Упростить или нажмите Ctrl+L предварительно выделив контур.

Примечание № 2: Стоит отметить, что многие элементы лица симметричны и это намного облегчает нам задачу. В данном случае, мы можем создать всего один глаз, продублировать его и отразить горизонтально.

— Желаемые цвета можно подобрать самостоятельно или получить из исходников/картинки воспользовавшись пипеткой (F7).

1. Глаза блестят на свету, а блики передаются белыми пятнами. Добавим к зрачку белый круг, а к радужной оболочке — более светлый полукруг. Выделим область глаз ещё сильнее добавив под ними тень: создаем объект с помощью инструмента Безье (Shift+F6) и сглаживаем узлы.

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

— Самый простой способ подобрать цвет бликам и теням — это поэкспериментировать со значением Lightness в цветовой палитре HSL. Но это далеко не единственный путь.

1. Для большего разнообразия добавим нашему персонажу украшение. Сначала создадим одну бусину, контур ожерелья и воспользуемся расширением Текстура по Контуру (Расширения > Создание из контура > Текстура по контуру).

Примечание: Очень важно, чтобы бусина находилась поверх контура, иначе расширение сработает некорректно. Чтобы увидеть результат заранее, воспользуйтесь предпросмотром.

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

1. Добавим с помощью кривых Безье (Shift+F6) тень от ресниц. Закрасим контур темно-синим цветом и сделаем его максимально прозрачным.
2. Также добавим больше деталей волосам — создадим несколько линий с помощью кривой Безье (Shift+F6) в режиме «Эллипс».
3. Заключительным этапом является добавление линейных градиентов теням под глазами, розовым бликам на губах и небольшому блику на носу (создается кривыми Безье).

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

>> Скачать исходник «Женский мультяшный аватар» (.svg)

Отличный урок, спасибо!

Многим пользователям (и я вхожу в их число) может оказаться удобнее сразу воспользоваться кривыми Безье для создания форм (без предварительного создания примитивов). Кстати говоря, для переключения на соответствующий инструмент вместо «Shift+F6» может быть удобней использовать клавишу «B» (я постоянно переключаюсь между кривыми Безье и режимом редактирования узлов при помощи клавиш «B» и «N» соответственно).

Причем для всех симметричных частей можно рисовать только одну половину лица, используя для второй инструмент клонирования (Edit > Clone > Create Clone), и отразив клон по горизонтали. При этом изменения на одной половине лица тут же будут применяться и на склонированной второй половине. По завершению работ можно открепить клон (Edit > Clone > Unlink Clone) и при желании придать лицу некоторую несимметричность.

Ну и конечно вместо «Объект > Опустить на задний план» гораздо удобней использовать клавиши «Page Up», «Page Down», «Home», «End».

А для подбора цвета кожи и прочего можно использовать готовые палитры (эту например). Работать с палитрами удобней, да и в будущем они могут не раз еще пригодиться.

Не сочтите за критику, урок мне очень понравился :)

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

Я знаю, что далеко не многие понимают принцип работы кривых Безье. И в данном случае, подогнать готовую форму под желаемую гораздо удобней, чем создать её с нуля с помощью Безье. Это также прививает понимание, что любую сложную фигуру можно создать с помощью простых форм.

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

Но все равно, спасибо за комментарий. Я уверена, некоторые читатели найдут ваши замечания полезными.