Замена фона с помощью маски слоя в фотошопе

Обновлено: 07.07.2024

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

Процесс замены фона

Всю процедуру замены фона можно разделить на несколько крупных этапов:

  1. Вырезание объекта с оригинальной фотографии;
  2. Наложение вырезанного объекта на новый фон;

Обрабатывать мы будем фото знаменитой актрисы Марго Робби.

Фото Марго Робби для замены фона в Фотошопе

А в качестве нового фона будем использовать один из самых распространенных вариантов – кирпичную стену.

Кирпичная стена для фона в Photoshop

Этап 1: вырезаем объект с оригинального снимка

Для начала нам нужно получить чистое фото актрисы без заднего фона. В программе Фотошопе сделать это можно по-разному. Мы воспользуемся инструментом под названием “Перо”.

Вырезание объекта в Фотошопе с помощью инструмента Перо

Как правильно работать с данным инструментом, а также, изучить другие способы отделения объекта от фона вы можете в нашей статье – “Как вырезать объект в Фотошопе”.

Результат, полученный после того, как мы отделили фон.

Результат отделения объекта от фона в Фотошопе

Этап 2: переносим объект на новый фон

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

  1. Открываем фото кирпичной стены, который будет служить новым фоном. Переходим обратно во вкладку с изображением актрисы. Нажимаем сочетание клавиш Ctrl+T, после это выбираем инструмент “Перемещение”, затем с помощью зажатой левой кнопки мыши перетягиваем выделенное изображение на вкладку с только что открытой стеной. Дожидаемся, пока программа нас переключит на выбранную вкладку, перемещаем указатель на область холста, после чего отпускаем кнопку мыши.Примечание: вместо переноса изображения, после того, как оно было выделено с помощью комбинации клавиш Ctrl+T, можно просто скопировать его любым удобным способом (например, нажав Ctrl+C), затем переключиться на вкладку с кирпичной стеной и нажать Ctrl+V для вставки.
  2. Настраиваем размер изображения, чтобы вписать его в рамки фона. Не забываем при этом зажимать клавишу Shift на клавиатуре, чтобы сохранять исходные пропорции изображения. В некоторых случаях, наоборот, нужно изменить размеры самого фона.
  3. На этом второй этап работ можно считать завершенным.

Этап 3: создаем тень от объекта

После переноса фото актрисы нужно поработать над тем, чтобы максимально реалистично “вписать” ее в новый фон. В этом нам помогут тени. Вот, что мы делаем.

Этап 4: финальная обработка изображения

Заключение

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

Съемка на зеленом фоне (или так называемом “хромакее”) – это довольно распространенный прием, который применяется фотографами, видеооператорами и режиссерами для того, чтобы потом можно было заменить этот фон на другой. Чаще всего используется зеленый хромакей, хотя бывают и другие цвета, например, синий. Главное – детально продумать композицию кадра, чтобы потом при наложении другого фона все смотрелось органично и естественно. Но сперва нужно удалить этот самый зеленый фон. Давайте посмотрим, каким образом это можно сделать в Фотошопе.

Удаляем зеленый фон

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

Певица и актриса Селена Гомес на зеленом фоне

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

Итак, алгоритм действий следующий:

Обрабатываем края объекта

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

Промежуточный результат удаления зеленого фона в Фотошопе

А иногда даже увеличение масштаба не требуется, чтобы заметить изъяны. Давайте их исправим:

Заключение

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

Никакой «воды» – только ценная информация и работающие лайфхаки по веб-дизайну и программированию

alt

Photoshop-лектор: Работа с фоном, способы замены и создание маски картинки


Фото резульат

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

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

Создаем светлый фон

Фотография в фотошопе

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

Инструмент Ласо

Сглаживание краев

Удаление фона

Жмешь «Инверсия выделенной области» и удаляешь выделенный фон.

Фон для фотографии

При помощи «Ластика» (> Eraser Tool, небольшой жесткости) правишь неточности краев.

Как сделать маску?

Маска слоя в фотошопе

Делай маску изображения – это специальный метод выделения области изображения. Маски бывают двух видов «Быстрая маска» (> Quick Mask) и «Маска слоя» (> Layer Mask) – с ней ты будешь работать. Щелкни курсором на слой с фоновым изображением и включи его. Выделенный контур останется.

Выделение фотографии

В работе с маской нужно задействовать кисточки – зажми клавишу «В». Для выбора белого и черного цвета по умолчанию зажми клавишу «D». Смысл следующий – если ты рисуешь белым цветом, то появится изображение, которое находится сверху, если черным, то нижнее. Чтобы увидеть. как выглядит твоя маска – зажми «Alt» и кликни по пиктограмме маски слоя.

Теперь тебе нужно применить режимы наложения слоя с фоном. Жми «Умножение» (> Multiply). Эффект будет словно изображение наложили друг поверх друга. Произойдет замена фона.

Выделение волс

Переключись на маску слоя и возьми мягкую кисть. Обводи белые края, стараясь не залазить на волосы. Да, это требует усидчивости, и чем больше ваше изображение – тем больше времени на него ты потратишь. Учимся делать все аккуратно.

Как работает маска слоя

Создаем темный фон

Выделение девушки

Итак, как сделать черный фон в фотошопе? Для черного фона очень важно чтобы объект находился на достаточном расстоянии от фона, а сам фон не должен быть осветленным. Как и в случае с белым фотоном – создаем маску слоя и меняем режим наложения – жми «Осветление» (> Screen). Данный режим осветлит изображение

Девушка на черном фоне

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

Создание фона для нового изображения

Работа с фоном

Открой фотошоп и открой изображение в нем.

Создание слоя

Содержание фона

Нажми на выпадающий список «Содержимое фона» (> Background Contents) и выбери из этого списка тип фона, который хочешь использовать. Здесь есть:

«Прозрачный» (> Transparent) – делает прозрачный фон, который идеально подходит для изображений форматов GIF или PNG.

Работа с лассо

Выдели нужный объект. Бери инструмент «Ласса» (> Lasso Tool), клавиша «L» и выдели на фото объект. Используй «Растушевка».

Девушка на однородном фоне

Меняй размер объекта при помощи комбинаций «Ctrl+T». Перемещай его по пространству фона при помощи инструмента «Перемещение» или клавиша «V». Не забудь сохранить.

Как сделать размытый фон в фотошопе?

Размытие фона

Размытие по кругу

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

Команда онлайн школы WebDesGuru прилагает все усилия для того, чтобы отойти от стандартных методов обучения, которые годами вырабатывались в системе образования. Мы ежедневно делаем шаг вперед и идём навстречу новым знаниям, которыми готовы поделиться с нашими клиентами. Оцените наши старания! Записывайтесь на курсы web-дизайна для начинающих, и учиться Вам теперь станет в удовольствие!

3. На панели Слои выберите слой Model.

4. Выберите Инструмент «Быстрое выделение».

5. Нажмите Выделить предмет и затем — Выделение и маска.


Уточнение выделения

6. Переместите ползунок Сместить край влево (-100%). Нажмите ОК.


7. На панели Слои нажмите Добавить слой-маску.

Примечание. При выходе из режима Выделение и маска фон возвращается. При применении маски фон исчезает.


Единообразие цвета

8. На панели Слои, удерживая нажатой клавишу Alt, перетащите слой New Background вверх и разместите его над слоем Model, так появится слой New Background копия.

9. Выберите слой New Background копия. Выберите Фильтр > Размытие > Среднее. Всё станет зеленым.

10. Удерживая Alt, нажмите между зеленым слоем и слоем Model, чтобы создать обтравочную маску. Зеленый цвет заполнит слой Model.

11. Выберите зеленый слой и задайте для опции Режим наложения параметр Мягкий свет. Уменьшите Непрозрачность до 45%.


Добавление цветового эффекта

12. На панели Слои выберите Создать новый корректирующий слой или слой-заливку и затем — Цвет.

14. На панели Слои задайте для опции Режим наложения параметр Мягкий свет. Уменьшите Непрозрачность до 50%.


Читайте также: