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

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

Прогулка с крокодилом в фотошопе

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

В этом уроке мы будем создавать забавную фотоманипуляцию. Каким были бы улицы города, если бы на них можно было выгуливать крокодилов? Ответ на этот вопрос мы сегодня создадим собственными руками. Урок рассчитан на тех, кто уже знаком с основными функциями и инструментами Adobe Photoshop. В создании фотоманипуляции мы будем применять различные методы, использовать множество эффектов и добиваться потрясающих результатов.

 

 

Surreal Comic Scene with Reptiles. Crocodile Promenade. 3D pool float model. Man walking with the crocodile.

Исходники:

3D модель матраса PSD-файл и файл растрированного PNG.
Водные пузырьки — от Chris Seidel
Шина - Michal Zacharzewski
Водоросли 1 (Max), Водоросли 2
Уточка 1Уточка 2
Водная поверхность
Подводное фото
Собачий ошейник John McAllister
Джентльмен Ljupco Smokovski
Улица
Крокодил
Игуана, Игуана оригинал
Водная лилия
Часть ошейника

Приступим!

Создайте новый документ Photoshop с разрешением в 72px/inch и размером в 900×700 px.

Вставьте в документ фотографию улицы и отрежьте большую часть темной дороги с фотографии.

В меню выберите Edit > Transform > Warp/Редактировать > Трансформация> Деформация. Потяните за направляющие чтобы создать эффект рыбьего глаза.

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

Поместите фотографию с белой пеной посредине, а две остальных фотографии по правой и левой сторонам. Объедините все три фотографии.

Дублируйте объединенные фотографии и переместите один слой выше другого. Затем объедините их в один слой.

Теперь выберите Warp Transformation/Деформацию, выберите тип Arc/Дуга, и укажите в параметре Blend/Наложение значение в -100.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

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

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Укажите слою с водной поверхностью слой-маску (Add layer mask) и замаскируйте верхнюю часть, чтобы открыть тротуар.

Создайте новый корректирующий слой типа цветовой тон/насыщенность (Add Hue/Saturation Adjustments layer). Примените параметры как показано на картинке ниже.
Нам нужно, чтобы корректирующий слой был применен только к слою с водой. Для этого кликните правой кнопкой мыши по корректирующему слою и выберите «Create Clipping Mask/Создать обтравочную маску». Используйте этот метод и в создании будущих корректирующих слоев.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Теперь подправьте цвета при помощи корректирующего слоя типа «Выборочная коррекция цвета»/Selective Color adjustment layer.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Добавьте корректирующий слой Levels/Уровни. Добавьте слой маску для этого слоя и залейте ее линейным градиентом от черного к белому от левого нижнего к верхнему правому углу. Ориентируйтесь на картинку ниже.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Теперь вернемся к слою с улицей.
В меню выберите Edit > Transform > Flip Vertical/Редактировать>Трансформирование>Отразить вертикально.
Переместите слой с перевернутой улицей вниз.
Нам нужно подправить края отражения. Для этого вырежьте часть «1» и немного поднимите ее, затем немного поднимите часть «2». К части «3» примените Warp transformation/Деформацию, как на картинке ниже.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Объедините все три части в один слой.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Создайте обтравочную маску/clipping mask для слоя отражения. Укажите слою непрозрачность/Opacity в 73%, и залейте слой-маску градиентом от черного к белому от нижнего края вверх.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Дублируйте слой с водной поверхностью и поместите его над слоем с отражением.
Установите цвета по умолчанию (черный и белый).
Теперь в меню выберите Image > Adjustments > Levels/Изображение>Коррекция>Уровни. Двигайте черный и белый маркеры ближе к центру, пока не получите примерно такой результат:

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Также укажите этому слою маску и смените для него Blending Mode/Режим наложения на Screen/Осветление.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Вставьте в документ подводную фотографию.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Добавьте слой-маску. Создайте линию воды при помощи инструмента Pen Tool/Перо (сделайте так, чтобы контур закрывался). Ctrl + клик, чтобы создать выделение. В меню выберите Select > Inverse/Выделение>Инвертировать, и залейте область черным цветом в слое-маске.
Примените стиль слоя Gradient Overlay/Перекрытие градиентом, укажите слою режим наложения Color/Цвет.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Вставьте фотографию шины. Укажите слою Blending Mode/Режим наложения Multiply/Умножение и Opacity/Непрозрачность в 85%.
В меню выберите Filter > Blur > Gaussian Blur/Фильтр>Размытие>Размытие по Гауссу. Укажите радиус примерно в 1px.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Создайте корректирующий слой Levels/Слои, укажите ему Clipping mask/Обтравочную маску.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Поместите в документ фотографию водорослей, удалите с нее фон. Обработайте правую часть изображенияв слое-маске растушеванной полупрозрачной белой кистью (Brush Tool/инструмент Кисть).

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Создайте корректирующие слои Gradient Map/Карта градиента и  Levels/Уровни.

Для второй водоросли используйте те же коррекции:

Вернемся к контуру линии воды. Создайте выделение по контуру и залейте его любым цветом в новом слое.
Укажите параметр Fill/Заливка в 0%.
Добавьте layer style/стиль слоя Gradient Overlay/Перекрытие градиентом. Поместите центр градиента немного левее.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

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

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Поместите в документ фотографию водных пузырей. В меню выберите Image > Adjustments > Black and white/Изображение >Коррекция > Черный и белый, выберите наиболее контрастный вариант — High Contrast Blue filter/Высококонтрастный синий фильтр.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Укажите слою с пузырьками слой-маску и залейте область над линией воды черным цветом.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Укажите слою режим наложение Screen/Осветление.

Создайте новый слой, укажите ему режим наложения Multiply/Умножение. Создайте выделение по контуру линии воды. Возьмите темно-зеленую полупрозрачную кисть (примерно в 80% непрозрачности).
Обрисуйте линию воды как показано на картинке ниже:

Вставьте фотографию водных лилий. Дублируйте этот слой.
Выберите нижний дублированный слой для создания эффекта тени. Укажите Fill/Заливку в 0% для этого слоя и примените к нему стиль слоя Gradient Overlay/Перекрытие градиентом со следующими параметрами:

Создайте корректирующий слой Color Balance/Цветовой баланс:

Сделайте лилии немного светлее:

Вставьте фото джентльмена.

В меню выберите Edit > Transform > Flip Horizontal/Редактировать >Трансформирование>Отразить по горизонтали.

Удалите белый фон. Масштабируйте слой, чтобы сделать мужчину меньше.
Дублируйте слой.
Выберите нижнюю копию и в  меню выберите Edit >Transform > Flip Vertical/Редактировать>Трансформирование>Отразить вертикально. Поместите слой под слой с черно-белой водной поверхностью, чтобы создать отражение мужчины. Укажите обртавочную маску.
Добавьте слой-маску для отражения и залейте его черно-белым градиентом от ног мужчины вниз.
Укажите параметр Opacity/Непрозрачность в 70%.

Выделите всё. В меню выберите Select > Select all/Выделение>Выделить всё.
Теперь выберите Edit > Copy Merged/Редактировать>Cкопировать совмещенные данные.
Поместите объединенное изображение в новый слой и укажите ему Blending Mode/Режим наложения Screen/Осветление и Opacity/Непрозрачность в 70%.
Вставьте в документ картинку надувного матраца под слой с объединенным изображением.

Добавьте маску слою с объединенным изображением и залейте ее черным цветом.
Чтобы создать эффект погружения, создайте выделение, как показано ниже при помощи Polygonal Lasso Tool/Прямолинейное лассо. Залейте выделение белым цветом в слое-маске.

Отредактируем цвет матраца при помощи следующий корректирующий слоев и настроек:

Дублируйте слой с матрацем. Мы используем копию для создания отражения. Примените к нижней копии режим наложения Multiply/Умножение и Opacity/Непрозрачность в 40%.
В меню выберите Filter > Blur > Gaussian Blur/Фильтр> Размытие> Размытие по Гауссу (~2px).

Вставьте изображение крокодила.

Создайте эффект тени. Дублируйте слой с крокодилом залейте нижнюю копию темно-синим цветом. Укажите слою режим наложения Multiply/Умножение и Opacity/непрозрачность в 50%. Переместите этот слой немного ниже и правее.

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

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Вставьте фото ошейника, сотрите фон и заднюю часть объекта.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

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

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Создайте контур при помощи инструмента Pen Tool/Перо.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Возьмите инструмент Brush Tool/Кисть, выберите одну из каллиграфических кистей и розовый цвет.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Вновь выберите инструмент Pen Tool/Перо, кликните правой кнопкой по контуру и выберите «Stroke Path/Обводка контура», включите опцию «Simulate Pressure/Имитировать нажим»

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Создайте выделение по контуру. Создайте новый слой в режиме наложения Мultiply/Умножение.
Выберите темно-розовый цвет полупрозрачной кисти и подрисуйте ею тени на поводке.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Чтобы создать отражение крокодила на матраце выделите голову крокодила и в меню выберите Edit > Copy Merged/Редактировать> Cкопировать совмещенные данные.
Вставьте скопированные данные в новый слой и отразите его вертикально, затем переместите ниже.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Создайте слой-маску и залейте ее черно-белым градиентом.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

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

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Создайте слои-маски для отражений и залейте их черно-белым градиентом.

Вставьте изображение круга. Вы можете изменить цвета, или оставить его зеленым.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Сотрите нижнюю часть круга, чтобы погрузить его под воду.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Дублируйте круг, отразите его и перетащите ниже, чтобы создать отражение. Укажите слою с отражением Opacity/непрозрачность в 50% и слой-маску, залитую черно-белым градиентом.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Скорректируйте уровни для слоя с отражением.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Вставьте фото игуаны.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Дублируйте слой и создайте отражение. Пройдитесь по нижней части отражения игуаны полупрозрачной кистью инструмента Eraser Tool/Ластик. Установите Opacity/Непрозрачность на 70%.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Чтобы создать знак, возьмите инструмент Rounded Rectangle Tool/Прямоугольник со скругленными углами и создайте две фигуры — белую и поменьше зеленую. Поместите на знак текст и иконку животного.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Создайте столбик для знака также при помощи инструмента Rounded Rectangle Tool/Прямоугольник со скругленными углами. Примените к фигуре стиль слоя как показано ниже. Вам понадобится паттерн, который можно скачать здесь.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Объедините столбик и слои знака. Примените к получившемуся слою perspective transformation/трансформирование перспектива.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Теперь выделите всё, скопируйте совмещенные данные и вставьте их в новый слой.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Если вы хотите скорректировать оттенок всего изображения, добавить больше однородности цветам, выберите в меню Image > Variations/Изображение > Варианты и попробуйте различные комбинации оттенков. В примере были использованы Original shade + more yellow + more red.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

В конце мы указали слою с коррекцией непрозрачность в 80%, чтобы смягчить эффект коррекции.

Surreal Comic Scene with Reptiles Fairy night with the crescent above the clouds. Moon or crescent 3D model

Финальный результат

Surreal Comic Scene with Reptiles. Crocodile Promenade. 3D pool float model. Man walking with the crocodile.

Автор урока alfoart

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

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




Комментарии

  1. neet
    Thumb up Thumb down 0

    Почему я не могу создать новый слой? Кнопки неактивны(

    Chi Ответ:

    Thumb up Thumb down 0

    У меня была такая проблема, оказалось изображение формата Gif