Создаем простой векторный аватар
6 декабря 2012 | Опубликовано в Уроки | 7 Комментариев »
В этом уроке описывается, как создать простой векторный аватар, используя исходною фотографию. Давайте приступим!
Подробности урока:
- Софт: Adobe Illustrator CS5
- Сложность: Средняя
- Предполагаемое время: 2 часа
Шаг 1
После обрезки изображения в Adobe Photoshop или в любой другой программе для редактирования фотографий открываем Adobe Illustrator и нажимаем File > Placed it onto a New document. Размещаем изображение на новом слое и создаем еще один слой с белым прямоугольником Rectangle (M), заполненным заливкой с 50% прозрачности Opacity. Создаем еще один слой, на котором будем создавать векторные формы.
Шаг 2
Используя Ellipse Tool (L), нарисуйте овал на лице. Дальше нажимаем Object> Path> Add Anchor Points и добавляем новые опорные точки между узлами.
Затем с помощью Direct Selection Tool (A) нужно изменить расположение опорных точки так, чтобы форма стала максимально близкой к исходному изображению. Для сохранение реалистичности нужно стремится к использованию гладких кривых.
Шаг 3
Повторите процесс, добавляя эллипсы Ellipses (L), создавая этим форму ушей. Добавьте дополнительные опорные точки.
Шаг 4
С Pen Tool (P), нарисуйте основную форму шляпы и полей.
Рисуем дополнительные линии складок на шляпе.
Шаг 5
Выберите одну из линий и форм и нажмите Pathfinder> Divide, чтобы разделить форму шляпы на отдельные части.
Повторите этот процесс для остальных форм.
Шаг 6
Используйте Pen Tool (P), чтобы нарисовать брови и волосы. Очень заманчивым может показаться использование кистей. Но это сделает форму бровей слишком детализированной, что будет сильно отличаться от выбранного стиля конечного изображения.
Затем нарисуйте форму для глаз, век, носа и рта. Рот будет иметь вид следующей формы.
Шаг 7
Для создания глаз используем Ellipse Tool (L). Как только вы создали один глаз, дублируйте его и переместите на другую сторону, обеспечивая этим их одинаковый размер.
Сгруппируем глаза (Ctrl + G) и делаем дубликат оригинальной формы глазного яблока. Используем его для создания Clipping Mask (Ctrl + 7).
Уголки глаза были слишком острыми. Нужно изменить их форму с помощью инструмента Direct Selection Tool (A).
Шаг 8
Идем дальше и добавляем к рисунку цвет. Чтобы немного выделит уши, можно специально сделать их немного темнее кожи. Стоит также отметить, что была использована обводка Stroke толщиной Weight в 4pt. Толстые линии придают изображению мультяшный стиль.
Шаг 9
Теперь приступим к добавлению теней. Первая форма будет повторять форму лица. \
Добавить затемнения для глаз и носа можно с помощью инструмента Pen Tool (P). Поскольку мы используем изображение пожилого человека, нужно подчеркнуть морщины вокруг глаз и рта. Если вы рисуете человека помоложе, это можно избежать.
Формы, которые создали, заливаем цветом кожи, а затем устанавливаем режим смешивания Blending Mode - Multiply и непрозрачность Opacity в зависимости от желаемой тени.
Повторите тот же процесс для шляпы и остальных деталей.
Шаг 10
Для складок век и носа используем Profile «Width Profile 1». Если вы используете более раннюю версию Illustrator, можете использовать Art Brush.
Шаг 11
Аналогично, используя Width Profile, добавляем линии на лице в областях век, носа, подбородка, ушей. Этим мы добавляем изображению возраста. Если вы создаете молодого человек, нужно создавать блики только возле носа и век.
К верхней части шляпы добавляем вмятины.
Шаг 12
Используйте Width Profile 4, чтобы добавить штрихи к волосам с помощью Paintbrush Tool (B). Следите за тем, чтобы линии были нарисованы в области теней. Они должны быть нарисованы под шляпой и в нижней части бровей и волос. Сгруппируйте их (Ctrl + G), применив при этом к группе режим Blending Mode — Multiply.
Создаем Compound Path (Ctrl + , дублируя форму волос, а затем используем его для создания Clipping Mask (Ctrl + 7).
Шаг 13
Добавляем к шляпе декорирующие элементы. Делаем это, создавая вдоль красной полосы 4 линии.
Используем инструмент Blend (Ctrl + Alt + B). Переходим в Object> Blend> Blend Options, чтобы изменить интервал для заданного расстояния и вводим значение 12pt.
Затем к созданным линиям применяем Clipping Mask (Ctrl + 7). Устанавливаем режим наложения Blending Mode - Multiply.
Шаг 14
Выберите все большие контуры, с которых состоит лицо и дублируйте их. Используйте Pathfinder> Unite, чтобы создать одну большую форму. Разместите эту форму под изображение и задайте для нее Stroke Weight of 14pt. Это даст главный контур изображения.
Шаг 15
Используйте Ellipse Tool (L) для создания бликов на зрачках. Залейте из белым цветом и выберете обводку в 1pt черного цвета. Дублируйте круги и разместите их на другом глазу.
Шаг 16
Хотя у нас есть уже готовый рисунок, можно добавить некоторые детали. Можете попробовать добавить усы. Сделайте это, повторяя шаги создания волос. С помощью инструмента Pen Tool (P)рисуем форму для усов и бороды. Используйте такой же цвет, как и для бровей. Добавляем обводку и затемнения. Применяем для них Clipping Mask (Ctrl + 7), как уже делали раньше.
Шаг 17
Может быть, вы хотите добавить щетину? Нарисуйте поверх нижней части лица контур и используйте Pathfinder> Minus Front, чтобы вычесть фигуру из области рта. Дублируйте форму лица и используйте Pathfinder> Intersect.
Используйте серый цвет заливки, а затем затемните контур с помощью панели Appearance, как показано ниже.
Шаг 18
Вашему рисунку можно добавить также очки! Рисуем эллипс Ellipse (L) и добавляем к контуру опорные точки, используя инструмент Add Anchor Point. Можно. конечно, создать очки в стиле "Lennon" , но это будет слишком просто для нас. Не та ли? С помощью Direct Selection Tool (A) изменяем форму оправы. Дублируйте контур и отразите его с другой стороны. Так как лицо находится под небольшим углом, правую форму размещаем немного выше. Для форм задаем толщину обводки Stroke Weight в 8pt. С помощью Pen Tool (P) рисуем остальные части очков.
Шаг 19
Выполняем Object> Expand и выполняем заливку.
Для всех форм задаем обводку в 4pt и заливки цветом по своему вкусу. В данном случае был выбран красный цвет в соответствии с полосой на шляпе. Он стильный пожилой человек!
Шаг 20
Используйте Pen Tool (P), чтобы добавить стекла. Установите режим смешивания Blending Mode - Multiply и непрозрачность до 20%. Если хотите создать эффект солнцезащитных очки, можно использовать значение непрозрачности немного больше и серую либо черную заливку.
Дальше добавляем очкам в режиме Clipping Mask (Ctrl + 7).
Шаг 21
И наконец, дублируем мужчину и размещаем рисунки, как показано на изображении ниже. Чтобы изменить размеры монтажной области, используем инструмент Artboard Tool (Shift + O).
Заключение
Попробуйте создавать свой собственный портрет, либо, возможно, кого-нибудь из друзей или семьи. Нужно помнить, что нужно использовать простые формы с минимальным количеством опорных точек. Не бойтесь экспериментировать с цветами. И не забудьте добавить смешных деталей вашему рисунку :)
Автор - Sharon Milne
Перевод — Дежурка
6 декабря 2012 в 15:08
Ребята! Это очень круто!
Спасибо Вам огромное! Давно искал такой урок!
6 декабря 2012 в 23:07
Всё хорошо, только лоб получился плоский, как лопата — наверное нужно его было закрыть тенью, как на фото..??!!)) *CRAZY*
10 декабря 2012 в 10:16
Круто!)
23 декабря 2012 в 18:17
*YAHOO* *THUMBS UP* *THUMBS UP*
12 января 2013 в 16:02
Комментарий скрыт из-за рейтинга
12 января 2013 в 16:02
ааааааааааааа
3 февраля 2017 в 22:24
а сс сойдёт?