Делаем векторный портрет в Illustrator
31 августа 2012 | Опубликовано в Уроки | 12 Комментариев »
Предлагаем вашему вниманию урок по созданию векторного портрета. Мы будем использовать простые техники для того, чтобы вы могли понять основные принципы и работать преимущественно с инструментом «Перо». Урок простой и больше подойдет для новичков. О более сложных методах создания портрета мы еще поговорим в наших следующих уроках.
Окончательный результат:
Приступаем к работе:
Для начала найдите стоковую фотографию для отрисовки форм и контуров или же нарисуйте что-нибудь самостоятельно.
Мы выбрали эту фотографию:
Теперь нам нужно определиться с палитрой. Чтобы создать новые образцы цветов, кликните мышью на нужные участки изображения и нажмите «Создать новую».
Шаг1: Создаем векторные формы
При помощи инструмента «Перо» (Pen Tool(P)) обведите форму лица и назовите новый слой face. Используйте цвета, которые вы выбрали для палитры. Мы использовали цвет #efcaca и добавили обводку размером 1px. При помощи инструмента "Прямое выделение" (Direct Selection Tool(A)) немного подкорректируйте форму, если это необходимо. Вам будем проще сделать это, если вы установите значение непрозрачности на 50% или вообще уберете заливку.
Таким же способом создайте плечо на новом слое и расположите его над слоем с лицом и назовите его shoulder.
Шаг 2: Рисуем глаза
Сделайте все созданные формы невидимыми и заблокируйте их, чтобы они вам не мешали (поставьте замочек сбоку). Затем нарисуйте форму для глаза при помощи инструмента «Перо» (Pen Tool(P)).
Установите форме заливку цветом #694e49 и обводку размером 1pt и цветом #000. У вас должен получиться такой результат:
Затем копируйте только что созданную форму, трансформируйте её при помощи инструмента "Выделение" (Selection Tool (V)) и «Прямое Выделение» (Direct Selection Tool (A)) и заполните её цветом #e2a3a3, чтобы получился такой результат:
Копируйте только что созданную форму и немного видоизмените её при помощи инструмента "Прямое Выделение" (Direct Selection Tool (A)) и добавьте ей радиальный градиент от белого к светло-серому. У вас должен получиться результат как на скриншоте ниже:
Затем дублируйте форму розового цвета и расположите её над только что созданной формой с градиентной заливкой. Уберите заливку и добавьте контур черного цвета размером 1pt. У вас должен получиться такой результат:
Нарисуйте круг цветом #442508 с черным контуром размером 1pt и немного измените его форму при помощи инструмента "Прямое Выделение" (Direct Selection Tool (A))
Добавьте круг черного цвета при помощи инструмента "Эллипс" (Ellipse Tool (L)).
Дублируйте круг, уменьшите его размер и положение при помощи инструмента инструмента «Выделение» (Selection Tool (V))
Измените цвет на белый и уменьшите непрозрачность на 20%.
Нарисуйте форму для ресницы черного цвета при помощи инструмента "Перо" (Pen Tool (P)).
Копируйте и изменяйте эту форму, чтобы создать остальные ресницы.
Затем нарисуйте бровь цветом #281b1a при помощи инструмента "Перо" (Pen Tool (P)).
Теперь давайте добавим немного теней. Копируйте форму с контуром для глаза, которую мы создали в самом начале (Ctrl+C), затем расположите её под остальными слоями (Ctrl+]), немного увеличьте её и измените форму, затем перейдите на панели инструментов в Эффект->Стилизация->Растушевка (Effect->Stylize->Feather) и установите значение, которое считаете нужным (не забудьте поставить галочку возле поля «Просмотр»). У нас получился такой результат:
Затем нарисуйте под остальными слоями круг цвета #ae4a6f и также как и в предыдущем шаге сделайте растушевку.
Сгруппируйте слои для глаза (Ctrl+G) . Повторите те же действия для второго глаза или же скопируйте группу, отразите по вертикали и немного измените форму и положение элементов. У вас должен получиться такой результат (прозрачность слоя с лицом имеет значение 50%):
Шаг 2: Рисуем нос
Рисовать нос мы будем при помощи инструмента "Перо" (Pen Tool(P)). Обведите контуры на фотографии (цвет: #d8adad). Сгруппируйте контуры и назовите группу «Nose».У нас получился такой результат:
Шаг 2: Рисуем губы
При помощи инструмента "Перо" (Pen Tool(P)) создайте форму для губ.
Залейте форму цветом #ae4a6f.
При помощи инструмента "Перо" (Pen Tool(P)) создайте контур.
Копируйте форму для губ (CTRL+C) и расположите её сверху (CTRL+[), уменьшите её удерживая клавишу Shift и заполните белым цветом. При помощи инструмента «Ластик» (Eraser Tool (Shift+E)) удалите область посередине, чтобы у вас получился приблизительно такой результат:
Затем перейдите Эффект->Стилизация->Растушевка (Effect->Stylize->Feather) и установите значение, которое считаете нужным (у нас 13), чтобы получился приблизительно такой результат.
Таким образом мы сделали губы объемными, теперь давайте добавим блики. Для этого при помощи инструмента " Эллипс" (Ellipse Tool (L)) нарисуйте форму и немного измените её при помощи инструмента Direct Selection Tool(A)
Установите значение непрозрачности 10% и таким же способом добавьте еще одну форму сверху.
Установите значение непрозрачности 30% для только что созданной формы.
Шаг 3: Рисуем волосы
При помощи инструмента перо создайте форму для волос такого же цвета как и брови (#281b1a) и добавьте фон яркого цвета.
Наш портрет готов. Очень хотелось бы посмотреть ваши работы.
Автор — Дежурка
Возможно, вас заинтересуют статьи:
31 августа 2012 в 11:20
Посмотреть и никогда так не делать!
августа 31, 2012 at 11:54 дп
А почему? (просто не силен в векторе)
августа 31, 2012 at 12:02 пп
Потому что это ужасно, даже для новичков есть уроки с более симпотичным результатом
31 августа 2012 в 17:21
ну здесь общие принципы показаны, для новичков, кто вектор впервые видит пригодится... и в итоге вот такой же векторный автопортрет полуится)
31 августа 2012 в 22:54
только надо цвета сделать понатуральнее, а то с оригиналом мало общего, особенно глаза. И было бы хорошо добавить несколько прядей волос (в оригинале волосы-то растрепаны!), да и смотрелось бы натуральнее, живее что ли. А для новичков — самое то!
1 сентября 2012 в 0:25
я не новичек, но я по прежнему не претендую на создание хороших портретов в векторе и не берусь за это. дабы не расстраивать себя и человека с которого рисую. Есть столько возможностей для начинающих. зачем сразу браться за портрет? получится такой-вот кошмар и вы навсегда бросите это дело
1 сентября 2012 в 10:49
А что с ухом, таварищи...? Не говоря уже об остальном. Ппц.
2 сентября 2012 в 21:13
Блин, столько есть хороших туториалов которое только и ждут пока их кто-нибудь переведет. а вы фигней, ребята, занимаетесь
3 сентября 2012 в 6:51
не ругайте художника, он рисует, как умеет :)
сентября 5, 2012 at 8:33 дп
Вот пусть тогда поучится немного, потренируется, а затем выкладывает обучающие статьи.
25 ноября 2012 в 12:51
мать моя женщина.... смешанные чувства ужаса и смеха в душе)
20 апреля 2017 в 17:58
Не ребят, урок отличный. Я в иллюстраторе вообще ноль, но в фотошопе зато 100/100. Перейдя из фотошопа в ИЛ я столкнулась с нереальными трудностями, и именно этот урок мне помог. Приемы просто отличные! Для чайников урок просто идеальный!!!!! Спасибо!!!