Уроки Фотоманипуляция Руслан Гильзидинов 27 февраля 2018

Создаем космическую манипуляцию в Фотошоп

Сложность урока: Средний

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

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

Скачать архив с материалами к уроку

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

1. Как сделать снимок для манипуляции

Я всегда хотела сделать фотоманипуляцию с одной из своих фотографий. И, после десяти лет работы в Photoshop, я, наконец, решилась!

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

Заранее спланируйте свою фотосъемку, придумайте, что вы наденете и в каком ракурсе будете сниматься. Мне никогда не нравились мои фото в профиль, поэтому мне хотелось переступить через себя и сделать это.

Для этой съемки я воспользовалась своей беззеркальной камерой Samsung NX3000. Она оснащена очень удобным LCD-дисплеем, благодаря которому я могу увидеть себя в кадре. Вы же можете воспользоваться своим телефоном и сделать селфи, или попросить друга сделать пару кадров. Только убедитесь, что там, где вы фотографируетесь достаточно света!

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

Для создания манипуляции мы воспользуемся фото #2.

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

Давайте начнем!

2. Как сделать манипуляцию со своим фото

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

Это фото уже было немного отредактировано, чтобы увеличить четкость и улучшить волосы (и сохранить мое драгоценное эго, конечно). Но я покажу вам, как сделать волосы более объемными, чтобы добавить стиля.

Я хотела собрать объемный, стильный пучок, но у меня совершенно не хватило волос на его создание естественным способом, и тогда пришло время воспользоваться инструментом Liquify (Пластика) для достижения потрясающе стильного результата.

Если вы работаете со своим снимком, то просто пропустите этот шаг, или отредактируйте свое фото, как вам хочется.

Откройте мой или свой снимок в Photoshop.

Далее нажмите Filter > Liquify (Фильтр > Пластика).

Воспользуйтесь сочетанием инструментов Bloat (Вздутие) (B) и Forward Warp (Деформация) (W), чтобы растянуть волосы. Увеличьте размер кисти, дабы она была достаточно для этого широкой.

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

Зачастую стилисты слегка вытягивают волосы из-под пучка, чтобы прическа казалась более пушистой.

Давайте сделаем то же самое!

При помощи инструмента Forward Warp (Деформация) (W) потяните нижнюю часть волос вправо. Вы можете сделать форму прически более сбалансированной для создания естественного образа или же выдумать что-то сумасшедшее и создать модное «гнездо»!

До и после.

Переходим к манипуляции!

3. Как добавить другие изображения

Шаг 1

Создайте новый документ в Photoshop. Размер моей иллюстрации - 1262 x 1410 пикселей.

Иллюстрации с пропорциями 1:1 или близкими к ним будут прекрасно смотреться в Instagram и не только!

Залейте фон черным цветом при помощи инструмента Paint Bucket (Заливка) (B). Затем скопируйте и вставьте обработанный снимок в документ. Расположите фото по центру холста.

Шаг 2

Давайте уберем фон с моей фотографии!

Добавьте слой-маску к моему снимку. Нажмите на нее, а затем рисуйте жесткой круглой кистью (для получения четких, аккуратных линий увеличьте жесткость до 100%) черного цвета по маске, чтобы скрыть фон.

Шаг 3

При помощи команды Free Transform (Свободное трансформирование) (Control-T) уменьшите размер фотографии. Разместите ее так, чтобы она как будто плавала в черном пространстве.

Продолжайте изменять форму маски.

Скройте большую часть одежды и сделайте края волос и тела более аккуратными.

Помните, мою работу, что я показывала немногим ранее? Я хочу добиться такого же эффекта «портрета-бюста». Абстрактная фигура вроде этой поможет нам более эффективно расположить портрет в пространстве.

Кликните правой кнопкой мыши по слой-маске и нажмите Apply Mask (Применить слой-маску).

Шаг 4

Теперь давайте добавим остальные изображения, начиная с фотографий планет.

Отделите изображения Марса, Земли и Луны от фона. Для этого воспользуйтесь любым удобным вам инструментом (у меня это был инструмент Elliptical Marquee (Овальная область) (M) и с его помощью выделите планеты, а затем скопируйте и вставьте каждую на новый слой.

Расположите слои, как показано ниже (примечание переводчика: снизу вверх: слой с Марсом, фото автора, слой с Землей и слой с Луной). Обязательно поместите слой с Марсом под главным снимком - он должен быть расположен за мной. Это создаст ощущение глубины.

4. Как создать космический образ

Шаг 1

Добавим немного звезд!

  1. Скопируйте и вставьте изображение Млечного пути на новый слой над слоем с черным фоном.
  2. Добавьте слой-маску, а затем при помощи мягкой круглой черной кисти скройте края изображения.

Шаг 2

Добавьте космическому фону глубины.

  1. Hardness (жесткость) 0%, Opacity (непрозрачность) 60-100%) чтобы рисовать темно-синим (#081a40) и черным цветами по слою-обтравочной маске. Результат должен быть приблизительно похож на то, что получилось у меня выше.
  2. Multiply (Умножение) и понизьте непрозрачность до 70%.

Так на данном этапе выглядит результат:

Шаг 3

Создайте еще один новый слой и еще раз сделайте из него обтравочную маску к слою с изображением Млечного пути.

Добавьте сцене легкое освещение.

  1. Hardness (жесткость) 0%, Opacity (непрозрачность) 10-30%) рисуйте синим цветом (#a8b7e3) в левой части холста.
  2. Hard Light (Жесткий свет) и понизьте его непрозрачность до 30%.

Шаг 4

Давайте еще поработаем с главным снимком.

Для этого шага вы можете отретушировать свое фото настолько, насколько вам хочется.

Здесь я добавила немного света на лицо, шею и тело при помощи жесткой круглой кисти (Hardness (жесткость) 80-100%, Opacity (непрозрачность) 10-25%) цвета легкого загара (#efd2b7). При необходимости отрегулируйте непрозрачность слоя.

Шаг 5

При помощи нескольких корректирующих слоев мы можем перекрасить основное фото.

Начнем с Levels (Уровни).

Нажмите Layer > New Adjustment Layer > Levels (Слой > Новый корректирующий слой > Уровни). Измените значения в каналах RGB, Red (Красный) и Blue (Синий). Затем кликните правой кнопкой мыши, чтобы обрезать корректирующий слой по слою с моей фотографией.

  • RGB: 0, 0.90, 196; Output (Выходные значения): 17, 210
  • Red (Красный): 0, 0.92, 255; Output (Выходные значения): 0, 191
  • Blue (Синий): 0, 1, 179; Output (Выходные значения): 35, 192

Ниже вы видите результат вместе с расположением слоев.

Шаг 6

Добавьте снимку больше контраста и теплоты.

Над слоем с уровнями, созданным ранее создайте новый корректирующий слой Curves (Кривые) и обрежьте его по слою с моим снимком.

Измените кривые в RGB, Red (Красный), Green (Зеленый) and Blue (Синий) каналах, как показано на скриншоте ниже.

Шаг 7

У вас все получается, продолжайте!

Давайте добавим звезды к моей фотографии.

Скопируйте и вставьте оригинальное фото с Млечным путем на новый слой прямо над последним. Сделайте из него обтравочную маску к слою с моей фотографией и при помощи команды Free Transform (Свободное трансформирование) (Control-T) поверните изображение против часовой стрелки.

  1. Расположите звезды так, чтобы они полностью меня закрыли.
  2. Измените режим наложения слоя на Difference (Разница), а Opacity (непрозрачность) понизьте до 70%. Далее, добавьте слою маску, чтобы скрыть звезды на лице и теле при помощи мягкой круглой кисти.

Теперь создадим еще один слой и вновь сделаем из него обтравочную маску к слою с моей фотографией - он понадобится нам для добавления теней.

  1. При помощи мягкой круглой кисти (непрозрачность 50-70%) рисуйте оранжевым цветом (#f3a279) в правой части волос и тела. Я подражаю источнику света с оригинального фото, чтобы с ним совпадало все затенение.
  2. Измените режим наложения на Subtract (Вычитание) и понизьте непрозрачность до 50%. Еще немного подредактируйте тень при помощи слой-маски.

Шаг 8

Нам все еще нужно исправить затенение и цвет планет.

Давайте начнем с Земли.

  1. Как и ранее, создаем новый слой и делаем из него обтравочную маску к слою с планетой. При помощи мягкой круглой кисти (жесткость 0%, непрозрачность 60-80%) рисуйте темно синим цветом (#080e1b) поверх правой части планеты.
  2. Измените режим наложения этого слоя на Color Burn (Затемнение основы).
  3. Поверх этого слоя создайте еще один и также сделайте из него обтравочную маску. На этот раз нарисуйте дополнительную тень темно-красного цвета (#120500).

Шаг 9

Давайте затеним Марс.

Создайте два новых слоя и сделайте из них обтравочные маски к слою с Марсом. При помощи мягкой круглой кисти рисуйте ярко-красным цветом (#1a010d) на первом слое и фиолетовым (#14051b) на втором.

Шаг 10

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

Добавьте два корректирующих слоя над слоем с Землей. Не делайте из них обтравочные маски.

Для уточнения порядок слоев вы можете увидеть ниже:

Примечание переводчика: на скриншоте порядок слоев снизу вверх: Земля, Синяя тень (обтравочная маска), Красная тень (обтравочная маска), Поиск цвета, Уровни 2, Луна.

Начните с создания корректирующего слоя Color Lookup (Поиск цвета).

Измените файл 3DLUT на Fuji F125 Kodak 2395.

Режим наложения этого слоя измените на Hue (Цветовой тон).

Усильте цвета при помощи корректирующего слоя Levels (Уровни).

Измените значения в канале RGB на следующие:

  • Input (Входные значения): 0, 1, 211
  • Output (Выходные значения): 0, 255

Шаг 11

А теперь перейдем к Луне!

Создаем новый слой и делаем из него обтравочную маску слою к слою с Луной. При помощи мягкой круглой кисти (Hardness (жесткость) 0%, Opacity (непрозрачность) 50%) рисуйте черным цветом, изображая тень. Следуйте за направлением стрелочки на скриншоте ниже.

5. Как завершить манипуляцию

Почти все!

Вот как на данный момент выглядит иллюстрация:

Далее нам нужно будет разобраться с последними элементами этой иллюстрации.

Если вы работаете со своим фото, то изменяйте освещение, цвета и детали согласно своему чутью.

Шаг 1

Сделаем свет более интенсивным!

Создайте новый слой поверх всех остальных. Измените его режим наложения на Overlay (Перекрытие).

При помощи мягкой круглой кисти (жесткость 0%, непрозрачность 60-90%) рисуйте белым по всей сцене, добавляя этим самым больше цвета. Если необходимы коррективы, добавьте слой-маску.

Шаг 2

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

  1. При помощи инструмента Ellipse (Эллипс) (U) создайте две орбиты толщиной 2 пикселя. Растрируйте слои с фигурами, а затем объедините их.
  2. Выберите слой с орбитами и нажмите Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) и измените параметр Radius (Радиус) на 15 пикселей. Понизьте непрозрачность слоя до 60% и скройте необходимые части слоя при помощи слой-маски.

Шаг 3

Добавим последнее стоковое изображение.

Выделите несколько наиболее ярких областей изображения с космосом. Я это сделала при помощи инструмента Rectangular Marquee (Прямоугольная область) (M). Скопируйте и вставьте эти области на новые слои, равномерно распределяя их на иллюстрации.

Измените режим наложения первых двух фрагментов (тех, что на Земле и волосах) на Hard Light (Жесткий свет), а других двух (те, что на звездах) на Pin Light (Точечный свет). Отрегулируйте непрозрачность по своему усмотрению и воспользуйтесь слой-масками, чтобы скрыть лишние части изображений космоса.

Шаг 4

В следующем шаге нам необходимо будет создать несколько корректирующих слоев.

Я знаю, вам уже не терпится закончить, правда? Давайте попробуем это сделать как можно быстрее.

Добавьте новый корректирующий слой Color Lookup (Поиск цвета).

Измените файл 3DLUT на FuturisticBleak.3DL.

Далее создайте корректирующий слой Levels (Уровни).

Измените значения в каналах RGB, Red (Красный) и Blue (Синий) следующим образом:

  • RGB: 27, 0.94, 240; Output (Выходные значения): 20, 255
  • Red (Красный): 0, 1.11, 204; Output (Выходные значения): 0, 255
  • Blue (Синий): 29, 1.38, 226; Output (Выходные значения): 51, 224

Шаг 5

Залейте новый слой неоново-зеленым цветом (#76ff39). Понизьте Opacity (непрозрачность) слоя до 10% и измените режим наложения на Divide (Разделить).

Продолжайте, все замечательно!

Добавьте корректирующий слой Color Balance (Цветовой баланс). Глядя на скриншоты ниже, измените значения для Shadows (Тени) (1 скриншот), Midtones (Средние тона) (2 скриншот) и Highlights (Света) (3 скриншот), чтобы сделать тон синее. Затем измените режим наложения слоя на Hue (Цветовой тон).

Шаг 6

Теперь добавим корректирующий слой Gradient Map (Карта градиента).

Выберите образец градиента Red, Blue, and Yellow (Красный, синий, желтый) и понизьте непрозрачность слоя до 10%.

И последний корректирующий слой - Photo Filter (Фотофильтр).

Измените фильтр на Violet (Фиолетовый), Density (Плотность) - на 52%.

Шаг 7

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

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

На новом слое с режимом наложения Overlay (Перекрытие), добавьте бликов на планетах и волосах, рисуя фиолетовым (#c6a2d0) и белым цветами. Самые яркие места должны остаться такими же, как и с текущим освещением.

Шаг 8

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

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

На готовой работе вы можете заметить небольшое размытие. Я добилась этого эффекта при помощи фильтра Tilt-Shift (Наклон-смещение), но вы вполне можете этого и не делать.

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

Финальный результат вы можете увидеть ниже!

Готово! Прекрасная работа!

Вы можете создавать потрясающие фотоманипуляции со своими же фотографиями. Не спеша создавайте свои волшебные иллюстрации с нуля!

Надеюсь, вам понравился этот урок. Что же у вас получилось? Оставляйте комментарии и свои работы ниже.

Автор: Melody Nieves

Источник: design.tutsplus.com

Комментарии 85

Урок был очень интересным. Приятно открывать для себя. В моем случае мне больше понравился результат после "Поиска цвета". Он смотрелся как-то живее. Прикреплю в комментариях.

Вариант после "Поиска цвета" и в промежутке после

Красивый урок, спасибо!

Отличный урок, спасибо

Спасибо за урок,он замечательный!

Спасибо за перевод!!!

Спосибо!!!
Хорошо получилось?

оцените, подскажите что не так

Эльгиз, Хорошо получилось. Но Вы загрузили работу - как скрин, а не как работу по уроку. В Вашем портфолио этой работы не будет.

Спасибо большое! Очень понравилось!!!

спасибо, очень интересно!

Спасибо большое за перевод! Понравилось)

Вот что получилось

Спасибо за подробный урок и отличный перевод)

Спасибо. Отличный урок.

Еще 20
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее