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

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

Портрет с полутоновым эффектом с помощью blend tool

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

Blend Tool — инструмент Adobe Illustrator, который  может стать очень полезным и сильно упростить работу. Инструмент позволяет создавать переходы между двумя ключевыми объектами. Этот инструмент можно использовать для создания различных эффектов. В этом уроке мы рассмотрим, как создать реалистичный полутоновый портрет.

 

 

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

  • Время: 3 часа
  • Уровень: Intermediate
  • Программа: Adobe Illustrator

1. Подготовка изображения в Adobe Photoshop

Шаг 1 

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

 

Шаг 2 

Наша иллюстрация будет сделана в черно-белом цвете. Поэтому преобразуем изображение в полутоновое. Для этого изменяем цвета из RGB  в  Grayscale , выбрав Menu > Image > Mode > Grayscale (Изображение/режим/градации серого).

 

Шаг 3

Теперь, давайте увеличить контраст между черным и белым. Это позволит  еще больше увеличить вариации тональности . Откройте Меню> Image> Adjustments> Brightness / Contrast (Изображение/коррекция/яркость и контрастность)  и введите значения Brightness(Яркость): 40%, Contrast (контрастность): 40%.

Шаг 4

Давайте еще упростим  визуализацию полутона  для дальнейшей обработки. Применим фильтр Posterize, перейдя в Menu > Image > Adjustments > Posterize (Постеризация) и установите в поле Levels(уровни) значение 10.

Шаг 5

Теперь наше базовое изображение готово. Сохраняем файл (Menu > File > Save as… ) под именем  “woman-grayscale.jpg” (Quality: 12). Теперь у нас есть копия изображения для дальнейшей работы. 

 

 

 

2. Поместим изображение в Adobe Illustrator

Откройте файл “woman-grayscale.jpg” в Adobe Illustrator. В панели слоев  создайте два новых слоя («Layer 2»,  "Layer 3"). Выберите изображение в «Layer 1» и установите непрозрачность на 70%. Теперь вы сможете видеть самые темные тени исходного изображения. Заблокируйте этот слой.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3. Создаем форму с помощью Pen Tool

Выберите «Layer 2». С помощью инструмента Pen Tool (P) (или Pencil Tool (N) при наличии планшета), нарисуем тени лица, волосы и плечи. Убедитесь, что в панели Color(цвет) выбран черный. Используйте картинку для создания теней. 

 

 

 

 

 

 

 

 

 

 

 

 

  4. Начинаем создавать Blend

Шаг 1

С помощью Pen Tool (P), нарисуем несколько линий, чтобы определить черты лица и основные формы тела. Используйте  Stroke Weight со значением 2 pt для внешних контуров и основных линий лица (нос, рот, глаза). Используйте более тонкую обводку для более тонких внутренних линий. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Шаг 2

Пожалуй, сейчас начинается самая интересная часть урока.  Давайте приступим к созданию полутонов. Нарисуйте линию   (2pt Stroke Weight), которая будет приближенная к тени на лице девушки. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Шаг 3

Выберите эту линию и скопируйте ее.  Разместите копию параллельно исходной линии в некотором расстоянии от нее. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Шаг 4

 Используем обводку Stroke Weight в 0.1pt. Используя оригинальное изображения, настраиваем повторяющиеся линии. 

 

 

 

 

 

 

 

 

 

 

 

 

 

5. Использование Blend Tool, для добавление контуров

Шаг 1

Теперь перейдите в Blend Tool (W) или дважды кликните на изображение Blend Tool на панели инструментов. В окне  опций установите интервал Specified Steps - 20. 

 

 

 

 

 

 

 

 

 

 

 

Шаг 2

Нажмите на тонкую линию (0.1pt), а затем нажмите на второй линии (1pt). Пространство между двумя линиями будет заполнено другими линиями. Толщина линий будет постепенно уменьшаться, создавая таким образом эффект полутонов.

 

 

 

 

 

 

 

 

 

 

 

 

 

Шаг 3 

Очень важно правильно выровнять опорные точки линий. Это может помочь создать правильный переход между ними. Можно заметить в области возле рта неправильный переход полутонов. Чтобы избавиться от этой проблемы, можно изменить положение некоторых опорных точек. С редактированием опорных точек, будет автоматически изменено затенение.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Шаг 4

Это основной момент для работы с Blend Tool. Аналогичным способом можно создать переходы возле нос, глаза и т.д.  Нужно ориентироваться на линии теней и использовать основную картинку. 

Для регулировки полутонов на небольших участках можно изменять количество шагов. Для этого просто нужно нажать на объекте  blend, дважды щелкнуть по иконке Blend Tool  на панели инструментов и изменить указанное значение шага.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Шаг 5

Продолжаем добавлять переходы.

 

 

 

 

 

 

 

 

 

 

 

6. Создаем глубокие тени

Шаг 1 

 При создании данного эффекта на шее нужно изменить расположение некоторых опорных точек на шее. Такое большое количество опорных точек помешает созданию плавного эффекта кожи. 

 

 

 

 

 

 

 

 

Шаг 2

 Также можно скрещивать переходы. Эффект скрещенных блендов будет отлично смотреться на шее и плечах. 

 

 

 

 

 

 

7. Создание волос

Волосы представляют собой группу различных смещенных линий. Текстуру волос можно создавать, редактирую эти линии.  Blend Tool здесь очень полезен, так как поможет создавать различные плавные переходы. 

 

 8.  Дополнительные элемменты

Наша иллюстрации почти закончена. Мы можем добавлять дополнительные бленды и создавать другие тени и добавлять дополнительные детали, которые помогут сделать иллюстрацию более интересной. Некоторых из этих деталей может не быть в оригинальном изображении, но так как мы «переводим» изображение в иллюстрацию, они могут понадобиться.

 

 

 

 

 

 

9. Добавляем к волосам дополнительные переходы

Шаг 1

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

 

 

 

 

 

 

 

Шаг 2

Это наш окончательный вид иллюстрации, которую мы получили путем скрещивания  блэндов.

 

 

 

 

 

 

 

 

10. Добавление блендов для фона

Шаг 1

Использую аналогичную технику, давайте создадим текстуру фона.

 

 

 

 

 

 

 

 

 

 

 

 

 

Шаг 2

С помощью Rectangle Tool (M) над рисунком создайте прямоугольник.  

Выбрав прямоугольник, перейдите в Menu > Object > Crop Area > Make (область кадрирования/создать). 

 

 

 

 

 

 

 

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

Blend Tool — простой и мощный инструмент в Illustrator. Мы увидели, как можно легко создавать тени, используя только линии. Урок можно использовать для создания дальнейших  иллюстраций.

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

 




Комментарии

  1. ramirez
    Thumb up Thumb down +2

    НОС

    Ответить

  2. евгений
    Thumb up Thumb down +1

    где картинки?

    Ответить

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


семь − = 6

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