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

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

Создаем радужный портрет в Illustrator

24 апреля 2013 | Опубликовано в Уроки | 6 Комментариев »

Сегодня мы будем учиться создавать портрет с помощью исходного фото. Мы будем использовать диффузорную кисть и создавать эффект радуги. Для выполнения урока вы должны уже иметь хорошие навыки работы с иллюстратором. Давайте приступим!

 

 


Конечный результат:

Подробности урока:

  • Время: 4 часа
  • Уровень: Advanced
  • Программа: Adobe Illustrator CS6

 

Подготовка слоев

После приобретения и обрезки  Adobe Photoshop фото , нужно создать новый документ и разместить фото на монтажную область  (File > Placed ).

 В палитре слоев создаем слой "BG" с белым прямоугольником Rectangle (M) и  50% Opacity прозрачности. 

Основная форма

Используя Pen Tool (P), создаем форму вокруг области кожи. В данном уроке мы будем работать с лицом, но вы можете использовать эту технику для работы с другими областями. Форма будет иметь белую заливку. 

Трассировка кожи

Шаг 1 

Приступим к созданию первых форм с помощью инструмента Pen Tool (P). Это будут области теней вокруг глаз, носа и губ. Формы будут иметь голубую заливку (C = 70, M = 15, Y = 0, K = 0),  режим смешивания Multiply, непрозрачность 10%.  Как только формы созданы, нужно сгруппировать их (Ctrl + G).

Шаг 2

Следующие формы будут меньше, чем предыдущие, и более затемнены. Таким образом цвет форм — светло-синий  (C = 85, M = 50, Y = 0, K = 0), режим смешивания Multiply, непрозрачность 20%. Как только создали формы, сгруппируйте их.

Шаг 3

Создаем формы меньших размеров темного синего цвета (C = 100, M = 95, Y = 5, К = 0), режим смешивания — Multiply, непрозрачность -30%. Группируем их (Ctrl + G).

 

Шаг 4 

Рисуем самые темные формы. Это области самой большой тени. Они имеют темно-синюю заливку  (C = 100, M = 100, Y = 25, K = 25), режим смешивания Multiply, непрозрачность 40%. Снова сгруппируем их (Ctrl + G).

Раскрашиваем фигуры

Теперь все основные фигуры, которые будут образовывать тени и детали лица. С помощью Rectangle Tool (M) рисуем квадраты для создания палитры с различными настройками цветов и прозрачности. Это значительно упростит дальнейший процесс. В дальнейшем нужно будет использовать пипетку Eyedropper Tool (I) .

 

Добавляем обтравочную маску

Сгруппируем все формы (Ctrl + G). Затем дублируем белую заливку и используем ее для создания обтравочной маски (CTRL + 7).

 

Создаем глаза

Шаг 1 

С помощью Ellipse Tool (L)  создаем глаз,  для заливки и обводки используем темно-синий цвет и применяем следующие настройки палитры Appearance.

 

 

Шаг 2

Используя Pen Tool (P), рисуем глаза и создаем составной контур  Compound Path (Ctrl + 8 ) и обтравочную маску Clipping Mask(CTRL + 7) с ними.

 

Шаг 3 

Используя темные синий, добавляем дополнительные затенения над глазными яблоками и тень к радужной оболочке.  Группируем фигуры (Ctrl + G) и создаем обтравочную маску. 

 

Добавление ресниц и бровей

Шаг 1

С помощью кистей Width Profile (B) инструмента  Paintbrush, и темного-синего цвета который применяется к Stroke, к верхней части глаза добавляем ресницы. В данном случае ширина Width Profile - 1. 

 

Шаг 2

Использую ту же кисть, рисуем брови.

 

Добавляем блики

Шаг 1

Цвет обводки stroke -белый, режим смешивания Normal, непрозрачность 80%, с помощью инструмента Кисть (Paintbrush ) (B) добавьте небольшие светлые участки. 

 

Шаг 2 

Далее добавляем светлые блики к области глазного яблока. Используем инструмент Pen Tool (P). Созданные фигуры имеют белую заливку, режим наложения Normal, непрозрачность 30%.

 

 

Шаг 3 

Используем светлый синий цвет и режим наложения Normal, непрозрачность 20%, с помощью Pen Tool (P) вокруг радужной оболочки создаем форму в виде треугольников.

 

 

Создание эффект блеска помощью дифузорной кисти

Шаг 1

Дольше вокруг глаза будем добавлять эффект блеска. Используя инструмент Polygon Tool, создаем фигуру, которая будет включать два маленькие шестиугольники. Наименьший будет иметь белую заливку и 60% непрозрачности, второго — темный синий  цвет и прозрачность 20%. Сгруппируйте их (Ctrl + G), а затем перетащите на панель кистей. Выберите New Scatter Brush  (Новая диффузорная кисть)  и следующие параметры.

 

Шаг 2

С помощью кисти вокруг глаз и на губах создаем штрихи. Режим наложения — Overlay, непрозрачность 60%.

 

Добавляем последние штрихи

Шаг 1

Используя инструмент Star Tool,  рисуем звезду, а затем редактируем ее и поворачиваем с помощью  Free Transform Tool (E). Дублируем ее два раза и изменяем размеры. Группируем их (Ctrl + G).

 

Шаг 2

Давайте перейдем к заднему плану. За портретом создаем голубой радиальный градиент.

 

Шаг 3 

Добавляем дополнительные блики. Для них режим Color Dodge, непрозрачность 70%.

 

 

Шаг 4

В панели Swatches , щелкните на дополнительное меню и откройте панель образцов Swatch Library>  Gradients > Spectrums  и выбрать самый смелый градиент, который называется «Спектр». Заполните прямоугольник (M) поверх вашего портрета градиентом и используйте Gradient Tool (G), чтобы изменить угол. Установите эту форму с режимом Blending Mode Color и прозрачностью Opacity 75%.

 

Готово!

Вот у нас получился готовый портрет. Вы можете изменять настройки наложения и цвета градиента для различных экспериментов. Проверьте себя!

 


Автор: Sharon Milne
Перевод — Дежурка
Смотрите также: 




Комментарии

  1. Роман
    Thumb up Thumb down +2

    4 часа... =-O

    Ответить

  2. Tequila
    Thumb up Thumb down 0

    Шикарно. Результат стоит времени и сил.

    Ответить

  3. Alessandro
    Thumb up Thumb down +3

    на начальном этапе, где построение теней, кажется мне было б удобнее взять blob brush, а не pen tool, — быстрее будет

    а так гуд.

    + еще можно в финале наложить размытие по гауссу на границы все тех же теней, — даст более гладкую светотень, а то так похоже на карту высот в атласе

    Ответить

  4. yukka
    Thumb up Thumb down 0

    не выходит 4 шаг, объясните подробнее, плиз

    Ответить

  5. Марат
    Thumb up Thumb down 0

    Ребят, а где картинки? У меня одного ни одна не отображается? З.Ы. Браузер работает нормально, везде картинки отображаются, кроме этого урока

    Ответить

  6. Iriya01
    Thumb up Thumb down 0

    и у меня нету картинок..наверное что-то с хостингом

    Ответить

Оставить ответ


пять + 6 =

Вставить изображение