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

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

Девчушка с радугой. Простой туториал для Photoshop

6 сентября 2011 | Опубликовано в графика | 4 Комментариев »

Цифровая живопись (digital painting) — это, несомненно, захватывающий, удивительный вид искусства, появившийся не так давно и быстро завоевавший сердца. Работы, выполненные мастерами этого стиля, вызывают восторг как у любопытствующих обывателей, так и у профессиональных дизайнеров и иллюстраторов. Дежурка периодически публикует интервью со специалистами, работающими в цифровой живописи (1, 2) равно как и обзоры уроков, подборки удивительных работ в стиле digital painting (1, 2, 3 etc).

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

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

Создадим новый файл.

Создаем новый слой (sketch) и рисуем в нем быстрый скетч-набросок. Тем, у кого нет графического планшета, возможно проще будет нарисовать набросок от руки на листе бумаги и отсканировав, подложить в этот слой.

На этом этапе слои с наброском и подписью видны поверх фонового слоя.

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

Давайте сразу зальем фон. Для этого используйте инструмент Gradient (Градиентная заливка).

Берем обычную стандартную кисть. Я тут отметил красным кисточки, которые буду использовать. Первой я буду наносить базовые цвета, а второй, мягкой кистью буду смягчать цветовые переходы.

Далее в панели кистей находим «Other Dynamics» (Другая динамика). Отмечу, что в Photoshop CS5 этот пункт называется Transfer! Находится он в той же панели кистей. Выставляем бегунки Opacity Jitter и Flow Jitter, как показано на картинке.

Создадим еще один слой, в котором будем красить нашу девочку. Назовем его, соответственно, «character_color». Итак, у меня уже 5 слоев. Зачем так много? А для того, чтоб легче было впоследствии изменять то, что не будет нас устраивать. Разделение по слоям — очень важный этап, и аккуратное его выполнение даст вам дополнительные возможности контролировать процесс.

Итак, мы решили, что у нас будет какого цвета, палитра под рукой. Можно переходить к работе в цвете и проработке деталей. Я начну с волос нашего персонажа. Выберем слой character_color и быстро проработаем волосы оранжевым цветом. Затем лицо и тело, одежду, украшения... Все быстрыми мазками, не прорисовывая тщательно. Мы просто накладываем нужный цвет в соответствующие места, обозначая свет и тень.

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

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

Переходим к бусикам. Я использую режим кисти Color Dodge (Осветление), чтобы проработать блики и свет на бусинах, и Color Burn (Затемнение) для теней. Вот что получается.

В новом слое нарисуем простую радугу с помощью инструмента Marquee Tool (Выделение).

Делаем так:
Выбираем Elliptical Marquee Tool (Овальное выделение) в режиме Subsract from selection (вычесть из выделения), это третья кнопка на панели вверху. Выделяем овальную область, внутри нее такую же, но меньшего диаметра — внешний и внутренний края полосы. Меняем инструмент на Rectangual Marquee Tool (Прямоугольное выделение) все в том же режиме Subsract from selection и отрезаем нижнюю часть выделения. Дальше все просто: заливаем выделение нужным цветом, не сбрасывая выделения, создаем новый слой, заливаем выделение следующим цветом, и так далее. Затем сбрасываем выделение (Ctrl+D), сдвигаем нижнюю полоску вниз, выделяем все слои радуги и распределяем их по вертикали равномерно с помощью Layer-Distribute-Vertical Centers. Затем склеим слои вместе, щелкнув правой кнопкой по выделенным слоям и выбрав Merge Layers (Объединить слои).

Скопируем радугу в отдельный слой и применим фильтр Motion Blur.

Настроим фильтр примерно таким образом, как показано на картинке ниже. Все, наша радуга готова.

Теперь, когда работа с основными объектами практически окончена, можно переходить к тщательной проработке деталей. Обратите внимание на расположение слоев в моей работе. Сейчас как раз время заняться, собственно, цифровой живописью.

Освещенные места я обрабатываю инструментом Dodge. Я, как правило, использую его для добавления светлых пятен на иллюстрацию.

Помимо того, можно использовать кисть в режиме Linear Light, чтобы добавить света на ткань. Делайте это в отдельном слое, это даст возможность экспериментировать более свободно.

Здесь видно, что я немножко изменил ее наряд, добавив деталей на коробку с подарком. Вы же свободны дорисовывать, что вам захочется.


Теперь добавим еще один слой, внизу, выше слоя с тенью. Я нарисовал в нем разноцветные шарики, лежащие возле коробки.

А сейчас я добавлю несколько финальных штрихов. Нам нужно добиться вот такого эффекта.

Для этого я объединяю все слои, кроме слоя с подписью. Получившийся слой называю «finished illustration», дублирую его и применяю к нему фильтр Gaussian Blur, довольно сильный, смотрите рисунок.

На этом новом слое я очищаю некоторые области с помощью мягкой круглой кисти.

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

Вот, что у нас получилось. Спасибо, что прочли, надеюсь, все получилось. Пишите, если остались вопросы!

По материалам статьи Hatice Bayramoglu




Комментарии

  1. lana1080
    Thumb up Thumb down 0

    Здорово! Спасибо, как раз думала, что делать со своими эскизами :)

    Olga Ответ:

    Thumb up Thumb down 0

    А не похвастаетесь работами?

    lana1080 Ответ:

    Thumb up Thumb down 0

    Пока это мои и детские рисуночки. Но с такой обработкой они «заиграют» по-новому. Будем осваивать :)

    Olga Ответ:

    Thumb up Thumb down 0

    Ну, как созреете — не стесняйтесь, выкладывайте, что получится. С удовольствием порадуемся успехам вместе с вами ;)

[an error occurred while processing the directive]


[an error occurred while processing the directive]