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

title

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

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

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

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

1

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

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

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

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

2

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

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

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

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

Красим

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

3

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

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

colorru

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

4

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

23234

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

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

5

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

emotions

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

Добавить комментарий для Павел Отменить ответ

Ваш e-mail не будет опубликован.

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">