Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Делаем векторный портрет в 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) и добавьте фон яркого цвета.

Наш портрет готов. Очень хотелось бы посмотреть ваши работы.

 Автор — Дежурка

Возможно, вас заинтересуют статьи:




Комментарии

  1. KasKaris
    Thumb up Thumb down +19

    Посмотреть и никогда так не делать!

    kkan Ответ:

    Thumb up Thumb down +1

    А почему? (просто не силен в векторе)

    Nusya Ответ:

    Thumb up Thumb down +2

    Потому что это ужасно, даже для новичков есть уроки с более симпотичным результатом

  2. AlexSh
    Thumb up Thumb down +3

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

  3. KobraBobra
    Thumb up Thumb down +1

    только надо цвета сделать понатуральнее, а то с оригиналом мало общего, особенно глаза. И было бы хорошо добавить несколько прядей волос (в оригинале волосы-то растрепаны!), да и смотрелось бы натуральнее, живее что ли. А для новичков — самое то!

  4. ZaytaR
    Thumb up Thumb down +2

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

  5. Ухо
    Thumb up Thumb down 0

    А что с ухом, таварищи...? Не говоря уже об остальном. Ппц.

    :-D

  6. ZaytaR
    Thumb up Thumb down +3

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

  7. diz
    Thumb up Thumb down 0

    не ругайте художника, он рисует, как умеет :)

    Гость Ответ:

    Thumb up Thumb down 0

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

  8. ваван
    Thumb up Thumb down 0

    мать моя женщина.... смешанные чувства ужаса и смеха в душе)

  9. Алина
    Thumb up Thumb down 0

    Не ребят, урок отличный. Я в иллюстраторе вообще ноль, но в фотошопе зато 100/100. Перейдя из фотошопа в ИЛ я столкнулась с нереальными трудностями, и именно этот урок мне помог. Приемы просто отличные! Для чайников урок просто идеальный!!!!! Спасибо!!!