1. Design & Illustration
  2. Graphic Design
  3. Photo Manipulation

Создаём Ментальную Фотоманипуляцию в Adobe Photoshop

Scroll to top
Read Time: 11 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

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

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

Что Вам Понадобится

Вы можете найти все стоковые изображения, которые вам понадобятся на Envato Elements:

1. Подготавливаем Изображения к Фото Манипуляции

Шаг 1

Откройте исходное изображение с девушкой в Photoshop. С помощью инструмента Лассо (Lasso Tool (L), обведите контуром участки изображения, которые вы хотите выделить. Нет необходимости с точностью выделять волосы – поскольку мы исправим это через минуту.

black woman in blanketblack woman in blanketblack woman in blanket

Шаг 2

Как только вы создали выделение, нажмите на значок Уточнить край (Refine Edge).

photoshop selection refine edgephotoshop selection refine edgephotoshop selection refine edge

Шаг 3

Настройте Режим Просмотра (View Mode), чтобы чётко видеть разделение между выделенными и невыделенными участками. Поставьте галочку в окошке Умный радиус (Smart Radius), а затем поиграйте с настройками Радиуса (Radius), чтобы смягчить края.

how to refine edge of selectionhow to refine edge of selectionhow to refine edge of selection

Шаг 4

Прокрасьте поверх волос с помощью инструмента Уточнить радиус (Refine Radius Tool (E), чтобы смягчить созданное выделение. Данный инструмент отлично подходит для этого!

how to select hair in photoshophow to select hair in photoshophow to select hair in photoshop

Шаг 5

Когда вы закончите, в выпадающем меню Вывод (Output), установите на Новый слой (New Layer), а затем нажмите кнопку ‘OK’.

how to send selection to new layerhow to send selection to new layerhow to send selection to new layer

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

remove background from photoremove background from photoremove background from photo

Шаг 6

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

select bed in photoshopselect bed in photoshopselect bed in photoshop
remove background from bedremove background from bedremove background from bed

Шаг 7

Данное изображение кровати имеет отличную перспективу для нашей работы, хотя оно недостаточно пустое. Нам необходимо удалить некоторые элементы с кровати с помощью магии Photoshop! С помощью инструмента Лассо (Lasso Tool (L), выделите участки, которые вы хотите удалить.

remove objects from photoremove objects from photoremove objects from photo

Шаг 8

Идём Редактирование – Выполнить заливку (Edit > Fill) и в появившемся окне, выберите опцию С учётом содержимого (Content-Aware).

use content aware filluse content aware filluse content aware fill
clean unwanted objectsclean unwanted objectsclean unwanted objects

Шаг 9

Удалите все лишние детали таким образом.

remove objects from the bedremove objects from the bedremove objects from the bed

Шаг 10

Поскольку Заливка с Учётом содержимого (Content-Aware fill) не является идеальной, нам необходимо провести исправление отдельных участков вручную. С помощью инструмента Заплатка (Patch Tool (J), выделите участок изображения, который вы хотите заменить на что-то ещё. Примечание переводчика: в настройках данного инструмента, не забудьте выбрать режим Источник.

use patch tooluse patch tooluse patch tool

Шаг 11

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

drag patch to replacedrag patch to replacedrag patch to replace
hpw to use patch toolhpw to use patch toolhpw to use patch tool

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

select with patch toolselect with patch toolselect with patch tool

... и заменяете его на что-то, что лучше будет выглядеть.

drawg selectiondrawg selectiondrawg selection
change selectionchange selectionchange selection

Шаг 12

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

how to remove objects from photohow to remove objects from photohow to remove objects from photo

Шаг 13

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

how to crop photohow to crop photohow to crop photo

Шаг 14

Если вам необходимо добавить дополнительную область к изображению, тогда ещё раз используйте Заливка с Учётом содержимого (Content-Aware fill).

how to fill empty area in photohow to fill empty area in photohow to fill empty area in photo

2. Совмещаем Изображения

Шаг 1

Скопируйте / вклейте выделенное изображение кровати на документ с изображением океана. Примените масштабирование (Ctrl+T), расположив кровать в том месте сцены, где она должна стоять на своё усмотрение. Постарайтесь увидеть линии перспективы, определённые горизонтом, так, чтобы расположить кровать в соответствии с этими линиями.

paste bed into scenepaste bed into scenepaste bed into scene

Шаг 2

Идём в панель Коррекции (Adjustments), Окно – Коррекция (Window > Adjustments). Выберите корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation).

find hue saturation adjustmentfind hue saturation adjustmentfind hue saturation adjustment

Шаг 3

Преобразуйте данный корректирующий слой в обтравочную маску к слою с кроватью (Ctrl+Alt+G), а затем уменьшите значение Яркости (Lightness), чтобы лучше совместить с пониженным освещением нашей сцены.

hue saturation adjustmenthue saturation adjustmenthue saturation adjustment
add shadow to bedadd shadow to bedadd shadow to bed

Шаг 4

Добавьте ещё один корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation), расположив его ниже предыдущего корректирующего слоя. Мы используем данный корректирующий слой для цветовой коррекции кровати, чтобы создать ощущение, как будто бы она находится в тени, подобно всему остальному, что находится в тени в этой сцене - синеватое и темное.

add colorizing hue saturation adjustmentadd colorizing hue saturation adjustmentadd colorizing hue saturation adjustment
colorize the shadows with bluecolorize the shadows with bluecolorize the shadows with blue

Шаг 5

Но не вся кровать находится в тени. Давайте удалим данный эффект с освещённых участков. Щёлкните правой кнопкой по корректирующему слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options). Идём в настройки Наложение, если (Blend If), чтобы потянуть верхний белый бегунок влево.

add blend ifadd blend ifadd blend if

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

remove shadows from bright areasremove shadows from bright areasremove shadows from bright areas

Шаг 6

Удерживая клавишу (Alt), разделите бегунок на две части, тем самым создав более нежный переход.

gradual blend ifgradual blend ifgradual blend if
create soft shadowscreate soft shadowscreate soft shadows

Шаг 7

Добавьте ещё один корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation), расположив его ниже первого корректирующего слоя. На этот раз мы проведём цветовую коррекцию созданных освещённых участков в соответствии со цветовой палитрой нашей сцены (морская пена выглядит желтоватой, а не белой).

add warm adjustmentadd warm adjustmentadd warm adjustment
colorize the bedcolorize the bedcolorize the bed

Шаг 8

Здесь также используйте опцию Наложение, если (Blend If), на этот раз используйте чёрный бегунок.

add blend if to warm colorizingadd blend if to warm colorizingadd blend if to warm colorizing
soft light and shadowsoft light and shadowsoft light and shadow

Шаг 9

Как только вы завершите работу над кроватью, скопируйте/вклейте выделенное изображение модели к нашей сцене с океаном. Примените масштабирование к модели, расположив её на кровати.

add woman to bedadd woman to bedadd woman to bed

Шаг 10

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

Вы можете узнать больше про слой-маски здесь:

add layer maskadd layer maskadd layer mask

Шаг 11

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

clean up the layerclean up the layerclean up the layer

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

merge objects in photoshopmerge objects in photoshopmerge objects in photoshop

Шаг 12

Удерживая клавишу (Alt), выделите все корректирующие слои, которые мы использовали для коррекции изображения кровати, а затем перетащите их на значок Новый слой (New Layer), чтобы продублировать их и применить к изображению модели. Не забудьте преобразовать дубликаты корректирующих слоёв в обтравочные маски.

copy the adjustmentscopy the adjustmentscopy the adjustments
adjustments copiedadjustments copiedadjustments copied

Шаг 13

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

clean up the adjustmentsclean up the adjustmentsclean up the adjustments

3. Создаём Эффект Погружения в Воду

Шаг 1

Продублируйте фоновый (background) слой (Ctrl+J). Примечание переводчика: фоновый слой в данном случае, изображение с океаном. Переместите дубликат слоя наверх, а затем добавьте слой-маску. С помощью чёрной кисти, прокрасьте область кровати на слой-маске, чтобы показать её и изображение модели, при этом, создавая красивую кромку воды в нижней части кровати. Эффект получиться более естественным, если вы воспользуетесь нестандартной кистью (я использовала кисть Облака). Вы можете использовать клавишу ‘ \ ‘ во время работы на слой-маске, чтобы увидеть результат коррекции, как показано на скриншоте ниже.

paint on layer maskpaint on layer maskpaint on layer mask
merge bed with watermerge bed with watermerge bed with water

Шаг 2

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

add more wavesadd more wavesadd more waves

Шаг 3

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

clean up the wavesclean up the wavesclean up the waves

Шаг 4

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

add more waves and cut themadd more waves and cut themadd more waves and cut them

Шаг 5

Чтобы волны выглядели более естественными, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation), чтобы затемнить участки соприкосновения с волнами. Эффект тени должен быть тёмный, но не настолько, чтобы это была заметная тень.

add shadows to wavesadd shadows to wavesadd shadows to waves

Шаг 6

Поскольку кровать стоит в воде и простынь соприкасается с волнами, то она должна выглядеть влажной. Добавьте корректирующий слой Уровни (Levels) к слою с кроватью, а затем потяните бегунки, чтобы затемнить её.

add levels adjustmentadd levels adjustmentadd levels adjustment

Шаг 7

Залейте маску корректирующего слоя Уровни (Levels) чёрным цветом, чтобы скрыть коррекцию затемнения. Далее, с помощью кисти Брызги, прокрасьте на маске участки кровати на своё усмотрение, чтобы добавить эффекты затемнения. Если у вас нет таки кистей, то вы конечно же можете подобрать красивые кисти на Envato Elements.

make sheets look wetmake sheets look wetmake sheets look wet

Шаг 8

Добавьте ещё один корректирующий слой, на этот раз Цветовой тон / Насыщенность (Hue/Saturation). Используйте его для затемнения кровати.

darken the beddarken the beddarken the bed

Шаг 9

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

how to make wet material photoshophow to make wet material photoshophow to make wet material photoshop

Шаг 10

Кровать также отбрасывает тень. Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) поверх всех остальных слоёв, чтобы создать эффекты затемнения, а затем уменьшите значение насыщенности. Далее, залейте маску данного корректирующего слоя чёрным цветом, чтобы скрыть эффект затемнения.

add another adjustmentadd another adjustmentadd another adjustment

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

add shadow udner the bedadd shadow udner the bedadd shadow udner the bed

Шаг 11

Чтобы тень выглядела более естественно, возможно понадобится добавить ещё один корректирующий слой. Вы можете добавить корректирующий слой Яркость / Контрастность (Brightness/Contrast), например, чтобы скрыть разницу между яркими и тёмными участкам волн. Функция Наложение, если (Blend If) также будет полезна здесь, чтобы сделать яркие участки темнее, при этом, сохранив тёмные участки такими, какие они есть.

Вы можете узнать больше про функцию Наложение, если (Blend If) здесь:

blend if for shadowsblend if for shadowsblend if for shadows
shade the wavesshade the wavesshade the waves
how to create convincing waveshow to create convincing waveshow to create convincing waves

Шаг 12

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

add sprinkling wateradd sprinkling wateradd sprinkling water
sprinkling water around the bedsprinkling water around the bedsprinkling water around the bed

4. Завершаем Фото Манипуляцию

Шаг 1

Между оригинальными элементами сцены присутствует лёгкое размытие, при чём это размытие отсутствует у элементов, которые мы вырезали и добавили к нашей сцене. Давайте также добавим это размытие. Перейдите на слой с моделью, а затем идём в режим Быстрой маски (Quick Mask Mode (Q).

use quick maskuse quick maskuse quick mask

Шаг 2

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

select the silhouetteselect the silhouetteselect the silhouette

Шаг 3

Выходим из режима Быстрой маски (Quick Mask Mode (Q) и проводим инверсию выделения (Ctrl+Shift+I). Далее, скройте выделение (Ctrl+H).

create the selectioncreate the selectioncreate the selection

Шаг 4

Идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Откорректируйте значение Радиуса (Radius), чтобы получить тот эффект, который вы хотите.

add gaussian bluradd gaussian bluradd gaussian blur

Шаг 5

Проделайте то же самое с кроватью.

select the edge of bedselect the edge of bedselect the edge of bed
add blur to bedadd blur to bedadd blur to bed

Шаг 6

Глубина резкости нашей сцены также недостаточно выражена в данный момент— она отвлекает нас от того, что происходит в центре. Ещё раз продублируйте фоновый (background) слой (Ctrl+J), а затем переместите дубликат слоя наверх, расположив поверх всех остальных слоёв. Добавьте к нему насыщенное Размытие по Гауссу (Gaussian Blur).

add blur to backgroundadd blur to backgroundadd blur to background

Шаг 7

Выделите слои с изображением модели и кровати, включая их обтравочные слои. Объедините выделенные слои в один слой (Ctrl+E). Удерживая клавишу (Ctrl), щёлкните по миниатюре полученного объединённого слоя, чтобы создать активное выделение.

cut the bed from selectioncut the bed from selectioncut the bed from selection
Не забудьте убедиться, что вы не хотите ничего менять в настройках корректирующих слоёв – поскольку после их объединения вы не сможете вернуться назад! Примечание переводчика: создайте резервную копию на всякий случай.

Шаг 8

Проведите инверсию выделения (Ctrl+Shift+I), а затем добавьте слой-маску к размытому фонового слою, который расположен сверху. Это автоматически добавит чёрную маску к выделенной области.

add selection to layer maskadd selection to layer maskadd selection to layer mask

Шаг 9

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

selective blur of backgroundselective blur of backgroundselective blur of background

Шаг 10

Как только вы завершите создание фотоманипуляции, объедините все слои. Далее, идём Фильтр – Шум- Добавить шум (Filter > Noise > Add Noise). Откорректируйте Количество (Amount) шума, чтобы добавить нежный эффект шума—он ещё лучше объединит все элементы сцены.

add noiseadd noiseadd noise
add noise to photo manipulationadd noise to photo manipulationadd noise to photo manipulation

Шаг 11

С помощью инструмента Рамка (Crop Tool (C), нарушьте баланс изображения, чтобы добавить к нему немного динамики.

crop the scene in dynamix waycrop the scene in dynamix waycrop the scene in dynamix way

Вы можете узнать больше про композицию здесь:

Шаг 12

В заключение, поменяйте размеры изображения (Ctrl+Alt+I) на подходящие размеры, чтобы выложить в Интернете.

change image sizechange image sizechange image size

Отличная Работа!

Вы хотите узнать больше про создание фото манипуляций в Photoshop? Тогда попробуйте один из следующих уроков:

how to place bed in water in photoshophow to place bed in water in photoshophow to place bed in water in photoshop
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads