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

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

Завязываем жирафа в узел при помощи Adobe Photoshop

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

Жирафы — излюбленные герои создателей фотоманипуляций. Пропорции их тела фактически провоцируют мастеров фотошопа на создание электронных коллажей. Сегодняшний урок — не исключение. На этот раз мы научимся завязывать жирафа в узел при помощи Adobe Photoshop.

 

Результат

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Исходники

Пустыня — от lunamarina
Жираф

Дополнительные файлы:

Узел и вырезанный жираф
Оригинальное фото слепленного узла
Текстура кожи

Создайте новый документ в Photoshop размером 550px X 800px, и разрешением в 72pixels/inch.
Вставьте в него фотографию пустыни.

В примере фотография была отражена и обрезана.

Добавьте Аdjustment Layer/Корректирующий слой Black and White/Черно-белый или в меню выберите Image > Adjustments > Black and White/Изображение>Коррекция>Черно-белый. Примените следующий настройки:

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

Создайте новый Adjustment Layer/Корректирующий слой типа Gradient Map/Карта градиента над всеми слоями.

Настройте градиент как показано ниже:

Вставьте изображение жирафа предварительно извлеченного с фона.

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

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

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Укажите слою с узлом Layer Mask/Слой маску. Чтобы создать плавный переход между узлом и жирафом закрасьте в маске (черным цветом) места, показанные на картинке ниже:

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Добавьте корректирующий слой типа Black and White/Черно-белый. Преобразуйте корректирующий слой в слой-маску. Кликните по этому слою правой кнопкой и выберите «Create Clipping Mask»/"Создать обтравочную маску".

Настройте параметры корректирующего слоя как показано ниже:

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Вернемся к слою с жирафом. Дублируйте его и поместите копию слоя над всем слоями. Укажите ему Blending Mode/Режим наложения Multiply/Умножение.
Создайте для этого слоя обтравочную маску. Залейте ее черным цветом. Инструментом Polygonal Lasso/Многоугольное лассо выделите указанные ниже места и залейте их в маске белым цветом.

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Здесь вы можете видеть как наложена маска:

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Вот что должно получиться на этом этапе:

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Поместите поверх узла текстуру кожи.

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Примените к слою с текстурой Blending Mode/Режим наложения Multiply/Умножение.

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Создайте для этого слоя Clipping Mask/Обтравочную маску для слоя с узлом.

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Возьмите инструмент Eraser/Ластик и выберите кисть ragged edge brush, чтобы стереть линии как показано ниже. Вы также можете сделать это при помощи маски.

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Также сотрите области, указанные ниже.

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Теперь нам нужно приблизить тени на узле к теням на жирафе.

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Дублируйте слой с узлом и поместите копию над всеми слоями. В меню выберите Image > Adjustments > Black and White/Изображение>Коррекция>Черно-белый и примените параметры, указанные ниже.

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Затем сделайте коррекция при помощи Levels/Уровней.

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

В меню выберите Image > Adjustments > Gradient Map/Изображение>Коррекция>Карта градиента.

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Укажите этому слою Blending Mode/Режим наложения Multiply/Умножение.

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Дублируйте черно-белый слой с узлом и увеличьте темные участки при помощи коррекции Levels/Уровни. Переместите черный бегунок и серый центральный бегунок ближе к центру. Смените Blending Mode/Режим наложения слоя на Soft Light/Мягкий свет.

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Вот результат. Теперь объедините слои с жирафом и узлом.

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Верхняя часть жирафа теперь выглядит слишком массивной. Чтобы исправить это, и придать картине больше комичности, мы немного растянем ноги.
Выделите, вырежьте и вставьте в новые слоя следующие части тела жирафа:

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Теперь растяните среднюю часть при помощи функции Free Transformation/Свободное трансформирование.

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Переместите слои так, чтобы части тела жирафа стыковались и объедините слои с жирафом в один.

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Нарисуйте темные коричневые овалы и поместите их под каждым из копыт жирафа. Примените к ним фтльтр Gaussian Blur/Размытие по Гауссу (2-3 px).

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Дублируйте слой с жирафом, создайте выделение по контуру этого слоя и залейте его коричневым цветом.
В меню выберите Edit > Transform > Flip Vertical/Редактировать>Трансформирование>Отразить вертикально. Поместите этот слой под жирафа.
Теперь в меню найдите Edit > Transform > Distort/Редактировать>Трансформирование>Исказить. Исказите слой как показано ниже.

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Примените к слою с получившейся тенью Blending Mode/Режим наложения Multiply/Умножение.
Укажите слою с тенью Mask/Маску.
Кликните по иконке Quick Mask/Быстрая маска. Теперь залейте нижнюю часть тени белым градиентом.

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Сбросив Quick Mask/Быструю маску, вы получите выделение в нижней части тени.
Примените к нему фильтр Gaussian Blur/Размытие по Гауссу (8-12px). Теперь укажите слой-маску и залейте черным цветом выделение. Поэкспериментируйте с настройками прозрачности, чтобы добиться наилучшего результата.

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Вот и всё!

In this Photoshop tutorial  learn how to create comicscene with realistic giraffe neck knot and apply spotted texture to it

Автор урока alfoart

Перевод — Дежурка

Смотрите также:




Комментарии

  1. Леша
    Thumb up Thumb down -1

    Эм — м. И что? =)