Создание женского мультяшного аватара в 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) в режиме «Угасание». Оконтуриваем объект и закругляем два крайних узла.



3. Линию ресниц создадим с помощью кривой Безье (Shift+F6) в режиме «Эллипс». А две отдельные реснички создадим в режиме «Угасание»
4. Займемся детализацией ушей с помощью кривой Безье (Shift+F6) в режиме «Эллипс». Оконтурим оба объекта и придадим нужную форму. При желании, можно суммировать оба контура через Контур > Сумма.

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

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

5. Создадим с помощью инструмента Безье (Shift+F6) объекты рта, волос и носа как показано на Рис. 2. С помощью редактирования узлов (F2) придадим им нужную форму
6. Скорее всего волосы понадобится опустить на задний план, чтобы они не загораживали лицо (Объект > Опустить на задний план)
7. Создадим с помощью кривой Безье (Shift+F6) прямоугольник с вырезом поверх плеч аватара. Продублируем плечи, выделим им вместе первым прямоугольником и перейдем в меню Контур > Пересечение.

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

Красим

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

Придаем объем

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

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

2. Объем волосам придается бликами и тенями: та часть, на которую падает свет рисуется светлее. Создадим две пряди с помощью кривой Безье (Shift+F6). С помощью этого же инструмента создадим тень для волос находящихся сзади.
3. Объем губам придается созданием небольших, но практически повторяющих контур объектов. После сглаживания узлов, закрасим их в более светлый цвет и добавим белые блики (круг и эллипс).
4. С помощью кривой Безье (Shift+F6) создадим тень от волос на голове и тени от рук на кофте.

Красим

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

Рисуем

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

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

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

Придаем объем

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

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

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

Похожие записи

• Создание мужского мультяшного аватара в Inkscape
• Создание символьного шрифта в Inkscape
• Построение перспективы в Inkscape
• Изометрия в Inkscape
• Реверсивные линии делают вашего персонажа более динамичным!