Создаём Научно-фантастическую Манипуляцию с Роботом в Adobe Photoshop
() translation by (you can also view the original English article)



Проверьте
свои навыки и воссоздайте научно-фантастическую сцену с нуля!
В этом
уроке я покажу вам, как создать потрясающую фотоманипуляцию в стиле 80х,
используя стоковые изображения и 3D ресурсы в Adobe Photoshop.
Получите
вдохновение! Найдите больше стоковых ресурсов для вашего дизайнерских работ на Envato Market.
Что вам понадобится
Для создания данного эффекта, вам понадобится следующая фотография:
Поиск Научно-Фантастического Вдохновения
Я уже
давно хотела создать научно-фантастическую манипуляцию. Поэтому я была очень
счастлива, когда я наткнулась на данное стоковое изображение робота,
смоделированного после появления боевого робота ED-209 из
фильма Робокоп.
Поэтому,
прокручивая всё это в своём воображении, я решила воссоздать фантастический
стиль 80-х, наполненный защитной бронёй, дроидом 80-х и ночной городской
сценой. Хотя это не связано с фильмом, данную фотоманипуляцию всё ещё можно воссоздать
с помощью поиска вдохновения через онлайн сериалы.
Просто
узнайте всё о своих персонажах, включая истории о них, чтобы было больше идей.
Давайте посмотрим на конечный результат и исходные изображения, который мы будем использовать:



Довольно круто! В этом уроке вы узнаете, как создать всю сцену с нуля, используя пару бесплатных стоковых изображений и 3D ресурсы от Envato Elements.
Давайте
приступим!
1. Создаём Научно-Фантастическую Сцену
Шаг 1
Начинаем
с создания основной композиции.
Создайте
новый документ в программе Photoshop со
следующими размерами 2000 x 1500 px и
разрешением 300 dpi.
Скопируйте
/ вклейте исходное изображение с роботом на новый слой поверх слоя с белым
задним фоном. С помощью инструмента Свободная трансформация (Free Transform Tool (Ctrl+T), примените масштабирование к изображению робота,
расположив его в правой части сцены, как показано на скриншоте ниже.
Не стесняйтесь удалить оригинальный белый фоновый слой.



Шаг 2
Чтобы
максимально использовать этот образ, нам необходимо вырезать изображение робота
на отдельный слой.
Поскольку мы будем использовать тёмный градиент для заднего фона, а также плоскую поверхности земли, то нам всего лишь нужно вырезать изображение робота на новый слой.
С помощью
инструмента Прямолинейное лассо (Polygonal Lasso Tool (L), создайте выделение вокруг изображения робота. Ничего
страшного, если выделение получится неидеальным. Как только вы создали выделение,
нажмите клавиши (Ctrl+J) один раз, чтобы продублировать выделенную область на
новый слой.



Шаг 3
Теперь добавьте город.
Скопируйте
/ вклейте исходное изображение с городом на новый слой поверх оригинального слоя
с роботом. С помощью инструмента Свободная трансформация (Free Transform Tool (Ctrl+T), примените масштабирование к изображению города,
чтобы полностью заполнить городом задний фон.
При этом,
не забудьте сохранить видимость поверхности пола на оригинальном изображении,
на чём стоит робот!



Шаг 4
Далее, давайте добавим модель к нашей сцене!
Скопируйте / вклейте исходное изображение модели на новый слой поверх дубликата слоя с роботом (Слой 2 (Layer 2).



- Примените масштабирование к изображению модели (Ctrl+T), расположив её, как показано на скриншоте ниже.
- Далее,
добавьте слой-маску к слою с моделью и с помощью жёсткой круглой кисти чёрного цвета
Жёсткостью (Hardness) 100% и Непрозрачностью (Opacity)
100%, удалите полностью задний фон на маске слоя.
- Щёлкните
правой кнопкой мыши по слой-маске и в появившемся окне, выберите опцию
Применить слой-маску (Apply Mask), когда вы полностью отделите изображение модели от
заднего фона. Назовите этот слой с моделью Модель (Model).
Шаг 5
Для усиления стиля, давайте добавим к модели спортивные очки и броню.
Скачайте
данный ракурс спортивных очков (Не стесняйтесь использовать своё альтернативное
исходное изображение или просто полностью откажитесь от очков).
Скопируйте / вклейте исходное изображение спортивных очков на новый слой поверх слоя с моделью. Примените масштабирование к изображению очков (Ctrl+T), чтобы они отлично подошли к лицу модели.



Теперь добавьте броню.
С помощью
инструмента Прямолинейное лассо (Polygonal Lasso Tool (L), выделите по очереди указанные фрагменты брони на исходном изображении, как показано
на скриншоте ниже.



Шаг 6
Скопируйте / вклейте каждый фрагмент брони на новый слой, добавив их к изображению модели. С помощью инструмента Ластик (Eraser Tool (E), удалите любые участки брони, которые вы не хотите показывать. Объедините слои с фрагментами брони в один слой.
Чтобы немного удлинить волосы модели, просто удлините её локоны волос!



С помощью
инструмента Прямолинейное лассо (Polygonal Lasso Tool (L), выделите локоны волос. Скопируйте / вклейте выделенное изображение волос
на новый слой, а затем с помощью инструмента Свободная трансформация (Free Transform Tool (Ctrl+T), удлините локоны выделенных волос.
Удалите
любые участки, которые кажутся вам лишними перед тем, как объединить слой
удлинёнными локонами волос с оригинальным слоем с моделью.
Шаг 7
Далее, мы добавим нашивку Земли.
Мы добавим
нашивку на экипировку модели, чтобы визуально подчеркнуть замысел картины.
Создание простой нашивки поможет скрыть красный цветок на груди модели, который
в данный момент немного отвлекает внимание.
Откройте
исходное изображение Земли в Photoshop.



Далее, идём Фильтр – Галерея фильтров (Filter > Filter Gallery).
Выберите фильтр Пастель (Rough Pastels), а затем установите следующие настройки:
- Длина штриха (Stroke Length): 6
- Детализация (Stroke Detail): 6
- Масштаб (Scaling): 100%
- Рельеф (Relief): 20
Когда вы
закончите, скопируйте / вклейте нашивку Земли на новый слой поверх слоя с моделью.
С помощью инструмента Свободная трансформация (Free Transform Tool (Ctrl+T), измените перспективу так, чтобы создать ощущение,
как будто нашивка пришита на груди.



Далее,
щёлкните правой кнопкой мыши по слою с нашивкой Земли и в появившемся окне,
выберите опцию Параметры наложения (Blending Options). Добавьте стиль слоя Обводка (Stroke), установите
синий оттенок #031030
, а также остальные настройки, которые указаны на
скриншоте выше.
Результат на данный момент урока.
Шаг 8
Последний фрагмент этого пазла- это Луна.
Скопируйте
/ вклейте исходное изображение Луны на новый слой, расположив поверх всех
остальных слоёв.



К слою с Луной, добавьте слой-маску и мягкой чёрной кисти Жёсткостью (Hardness) 0% и Непрозрачностью (Opacity) 100%, скройте любые жёсткие края на изображении.
Результат
на данный момент урока.



2. Создаём Глубину Резкости
Теперь, когда мы разметили все элементы сцены, мы можем переходить к созданию глубины резкости.
Глубина резкости придаст нашей сцене реалистичный вид, обеспечивая размытость объектов, которые находятся на удалении.
Шаг 1
Начнём с робота.
Перейдите на дубликат слоя с роботом (Слой 2 (Layer 2), нажмите клавиши (Ctrl+J), чтобы создать ещё один дубликат слоя с роботом. Временно отключите видимость созданного дубликата слоя, а затем идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Примените Радиус (Radius) размытия на 5 px, а затем нажмите кнопку ‘OK’.



Второй дубликат слоя с роботом поможет нам восстановить отдельные детали изображения.
Включите видимость второго дубликата слоя с роботом (Слой 2 копия (Layer 2 copy), а затем щёлкните правой кнопкой мыши по данному дубликату слоя и в появившемся окне, выберите опцию Создать обтравочную маску (Create a Clipping Mask), чтобы привязать к слою Слой 2 (Layer 2). Теперь уменьшите Непрозрачность (Opacity) слоя до 50%. Теперь, когда робот стал выглядеть намного чётче, удалите любые участки изображения, если вы хотите, чтобы они оставались размытыми с помощью инструмента Ластик (Eraser Tool (E).



На этом этапе вы можете параллельно провести коррекцию оригинального изображения робота. К оригинальному слою с роботом, добавьте слой-маску, чтобы скрыть любые оставшиеся фрагменты изображения, которые видны над городом.
Шаг 2
Переходим к изображению с городом.
Перейдите на слой с изображением города, а затем идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Примените Радиус (Radius) размытия на 6 px, а затем нажмите кнопку ‘OK’.



Шаг 3
В конце мы размоем Луну.
Перейдите на слой с изображением Луны, поменяйте режим наложения для слоя с Луной на Осветление (Screen), а затем идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Примените Радиус (Radius) размытия на 4 px, а затем нажмите кнопку ‘OK’.



3. Проводим Коррекцию Освещения
Чтобы сцена выглядела более реалистичной, нам необходимо провести коррекцию освещение для создания красивой ночной сцены.
Старайтесь
не слишком отвлекаться на изменения цвета; сейчас мы просто фокусируемся на тонах
затенения.
Шаг 1
Давайте начнём с заднего фона.
Создайте
новый слой ниже слоя с первым дубликатом робота (Слой 2 (Layer 2), а
затем залейте этот слой синим оттенком #111146
с помощью инструмента Заливка (Paint Bucket Tool (G).
Поменяйте режим наложения для данного слоя на Разница (Difference).



Шаг 2
Создайте
ещё один новый слой, на этот раз ниже слоя с иней заливкой.
С помощью
мягкой круглой кисти, цвет кисти тёмно-зелёный #020811
, Жёсткостью (Hardness) 0% и
Непрозрачностью (Opacity) 70-80%, прокрасьте поверхность земли за моделью. Пусть
будет немного больше света под правой ногой робота.
Поменяйте режим наложения для данного слоя на Умножение (Multiply).



Шаг 3
Давайте проведём коррекцию робота.
Создайте ещё один новый слой, преобразуйте данный слой в обтравочную маску к слою с первым дубликатом робота (Слой 2 (Layer 2).
Поменяйте
режим наложения для данного слоя на Умножение (Multiply) и с помощью
мягкой круглой кисти, цвет кисти тёмно-синий #151b31
, прокрасьте
левую сторону робота, а затем поменяйте цвет кисти на коричневый, чтобы прокрасить
верхнюю часть робота.
Не забудьте
также прокрасить стыки и зазоры!
Наш источник света расположен справа, поэтому, робот будет в основном затенён за моделью.



Чтобы затемнить робота ещё сильнее, добавьте корректирующий слой.
Добавьте
новый корректирующий слой Поиск цвета (Color Lookup) в качестве обтравочной маски к слою с первым
дубликатом робота (Слой 2 (Layer 2).
В меню 3D LUT File установите фильтр NightFromDay.Cube. Далее, поменяйте режим наложения на Затемнение (Darken), а также уменьшите Непрозрачность (Opacity) слоя 65%.



Шаг 4
Давайте немного затемним задний фон.
Создайте
новый слой поверх дубликат слоя с роботом. Не преобразовывайте данный слой в
обтравочную маску.
Выберите
инструмент Градиент (Gradient Tool (G), установите цвета градиента от синего #131a33
к прозрачному,
тип градиента Линейный (Linear Gradient), далее, потяните градиент от земли вверх. Поменяйте режим
наложения на Разница (Difference), а также уменьшите Непрозрачность (Opacity) слоя
до 78%.



Шаг 5
Давайте осветлим город!
Создайте
новый слой ниже слоёв с тёмно-зелёной прокраской и синей заливкой.
С помощью
мягкой круглой кисти, цвет кисти жёлтый #e0e0ad
, Жёсткостью
(Hardness) 0% и Непрозрачностью (Opacity) 70%,
прокрасьте поверх огней города. Поменяйте режим наложения на Перекрытие (Overlay), а также
уменьшите Непрозрачность (Opacity) слоя до 61%.



Шаг 6
Теперь давайте затеним модель.
Создайте
новый слой, преобразуйте данный слой в обтравочную маску к слою с моделью. Поменяйте
режим наложения для данного слоя на Умножение (Multiply) и с
помощью мягкой кисти тёмно-синего цвета #0e1328
,
добавьте мягкие тени на изображение модели.



Отдельно нам нужно затемнить очки синим цветом.
Создайте
новый слой поверх слоя со спортивными очками, преобразуйте данный слой в обтравочную
маску к слою с очками. С помощью жёсткой круглой кисти, цвет кисти синий #0a206c
, прокрасьте
поверх очков, а затем поменяйте режим наложения на Затемнение (Darken).



Шаг 7
Используйте этот момент, чтобы подкорректировать любые участки или добавить дополнительные детали с помощью жёсткой круглой кисти.
В данном
случае, я добавила заушник (включая световой блик на нём) для очков, прямоугольную
вставку на её экипировке, а также скрыла оригинальный заушник, который закрывал
её глаз. Просто воспользуйтесь инструментом Пипетка (Eyedropper Tool (I), чтобы отобрать образцы цветовых оттенков с
указанных участков и добавить на детали на новом слое.



4. Завершаем Фотоманипуляцию
Отличная работа на данный момент!
Результат на данный момент урока.



На заключительном этапе данном манипуляции, всё, что нам нужно сделать – это добавить немного света и поиграть со цветовой коррекцией с помощью корректирующих слоёв.
Давайте
сделаем это!
Шаг 1
Временно
отключите видимость слоёв с деталями.
Создайте новый корректирующий слой Кривые (Curves) поверх слоя с моделью. Установите кривые для RGB и Синего канала, как показано на скриншоте ниже. Данная коррекция сделает всю сцену немного темнее.



Шаг 2
Далее, мы осветлим броню и робота!
Создайте
новый слой поверх всех остальных слоёв. С помощью мягкой круглой кисти, цвет кисти
бледно-зелёный #b6d6be
, Жёсткостью (Hardness) 0% и
Непрозрачностью (Opacity) 50%, прокрасьте броню и робота.
Далее, поменяйте режим наложения для данного слоя на Яркий свет (Vivid Light).
Не забудьте
добавить отражающий свет на кожу и волосы модели, а также на её экипировку.



Шаг 3
Для усиления стиля, добавьте насыщенный цвет на губы.
Включите
видимость слоёв с деталями. Создайте новый слой, поменяйте режим наложения для
данного слоя на Умножение (Multiply). Прокрасьте кистью, цвет кисти синий #283d89
поверх
губ модели для создания яркого и стилизованного вида!



Шаг 4
Продолжаем играть с освещением. Добавьте простой эффект виньетки!
Создайте
новый слой, поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light). Выберите инструмент Градиент (Gradient Tool (G), установите цвета градиента от синего #010228
к
прозрачному, тип градиента Радиальный (Radial Gradient), не забудьте поставить галочку в окошке Инверсия (Reverse).
Потяните градиент от центра холста в сторону, чтобы создать эффект виньетки.
Уменьшите Непрозрачность (Opacity) данного слоя до 50%.



Шаг 5
Мы почти завершили урок!
Для коррекции цветовой палитры, добавьте корректирующий слой Уровни (Levels) поверх всех остальных слоёв. Установите следующие значения для RGB, Красного (Red) и Синего (Blue) канала, как показано на скриншоте ниже:



Вы может увидеть результат на скриншоте ниже!



Шаг 6
Теперь давайте преобразуем нашу композицию в чёрно-белое изображение!
Поскольку цвета на всех стоковых изображениях настолько разные, что в конце остаётся самый лучший вариант – это оставить композицию в цвете. Но не бойтесь экспериментировать!
Создайте новый корректирующий слой Карта градиента (Gradient Map) поверх всех остальных слоёв. Добавьте чёрно-белый Линейный (Linear) градиент, а затем поменяйте режим наложения на Цветность (Color).



Шаг 7
Чтобы добавить
лёгкий тон синего цвета, создайте новый слой поверх всех остальных слоёв, а затем
с помощью инструмента Заливка (Paint Bucket Tool (G), залейте новый слой синим цветом #00183b
.
Далее,
поменяйте режим наложения для данного слоя на Замена светлым (Lighten), а
также уменьшите Непрозрачность (Opacity) слоя до 15%.



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



На этом всё! Вы можете увидеть итоговый результат на скриншоте ниже!
Мы Завершили Урок! Отличная Работа!
Получите
удовольствие, создавая свои собственные научно-фантастические фотоманипуляции,
используя стоковые изображения и 3D
ресурсы. В этом уроке мы не только смогли создать целую сцену с нуля, но и
сделали это так, как будто эта сцена была взята прямо из фильма!
Надеюсь,
что вам понравился этот урок! Как у вас получилось? Оставляйте свои комментарии,
а также свои работы в комментариях к уроку ниже.
Ещё больше уроков по созданию фотоманипуляций, вы можете просмотреть по следующим ссылкам:
- Фото МанипуляцияСоздаём Винтажный Портрет в Adobe PhotoshopMelody Nieves
- Adobe PhotoshopСоздаём Эффект Прожекторов: Photoshop за 60 СекундMelody Nieves



