Добавить задний фон в фотошопе. Как поменять задний фон в фотошопе. Подробный урок.



Этот урок расскажет о том, как в фотографии убрать фон и вставить новый в фотошопе . Я опишу довольно простой, верный и быстрый способ замены изображения.

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

План выполнения урока

  • Открыть в фотошопе фотографии на которой будет замена фона и открыть фотографию нового фона
  • Вырезать старый фон на фото
  • Скопировать новый фон и вставить в фото
  • Подкорректировать цвета, уровни

Посмотрите на результат работы после замены фона. Фотография до и после.

Подготовка к выполнению

Если вы хотите потренироваться на этих же фотографиях, скачайте их:

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

Шаг 1

Откройте в фотошопе фотографии. Перейдите к фото на котором будем заменять фон.


Шаг 2

Создаем копию слоя.

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

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

Шаг 3

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

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

Принцип его действия прост. Вы как кистью показывается где выделять и фотошоп создает выделение.

Начните выделять людей. Для удобства можно увеличить масштаб (зажмите ALT на клавиатуре и прокрутите колесиком мыши).


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

Совет: Чтобы выделение объектов получалось более ровным - необходимо менять размер кисти в процессе работы.

В конце концов вы полностью должны выделить парочку.

Шаг 4

Теперь избавляемся от старого фона. Для этого инвертируйте выделение которое у вас получилось, нажав SHIFT+CTRL+I (или меню Выделение - Инверсия ). После этого выделится все, что вокруг людей или фон. Нажмите Del (Delete ) на клавиатуре чтобы фон удалился.

Сейчас люди получились на прозрачном фоне.


Шаг 5

Вставляем новый фон. Откройте изображение с новым фоном. Выделите всю область изображения, можно нажать CTRL+A и скопируйте, нажав CTRL+C .


Перейдите на фотографию.

Создайте новый слой под фото. SHIFT+CTRL+N или просто щелкните по иконке создания слоя.

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

Фоновое изображение вставилось, но оно может быть слишком большое по отношению к фотографии.


Поэтому нажмите CTRL+T чтобы корректировать масштаб и уменьшите изображение до нужных размером.


В итоге получится примерно так:


Шаг 6

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

Для этого выберите слой с людьми и нажмите CTRL+L чтобы вызвать функцию Уровни .

Затемните немного изображение.


Теперь фотография с новым фоном выглядит реалистичнее:


На этом наши манипуляции по вставке нового фона закончены. Как видите ничего сложного в этом нет и фотошоп вам поможет это сделать за 5-10 минут при усердной работе.

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

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

Подобные публикации:

  • урок "Вырезаем сложный объект с почти однородного фона"
  • урок "Правильно переносим объект на другой фон"

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

Создадим дубликат основного слоя, для чего перетащим его на вторую справа иконку в палитре "Слои ".



Откроем изображение, которое будет служить будущим фоном для фотографии девушки. Выберем инструмент "Перемещение " (V ).



Щёлкнем в любом месте нового фона и, не отпуская клавишу мыши, перетащим его на фотографию девушки. В палитре "Слои " мы теперь имеем три слоя.



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



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



Фоновый ластик " (Е ) с такими параметрами: проба: однократно, допуск - 10-15%. Чем меньше допуск, тем точнее можно удалить старый фон.



Теперь "общёлкиваем" девушку по её контуру. Вот что у меня получилось.

Удерживая клавишу Ctrl , щёлкаем по иконке верхнего слоя, загружается выделение девушки. Делаем невидимым верхний слой. Включаем видимость среднего слоя, делаем его активным. Нажимаем на третью слева иконку в палитре "Слои ". На средний слой загрузится маска слоя.

Удерживая клавишу Alt , щёлкаем левой кнопкой мыши по иконке маски.



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

Кисть " (В ), цвет переднего плана белый и зарисовываем все тёмные части внутри фигуры девушки. Потом меняем цвет на чёрный и обрисовываем фон вокруг девушки, чтобы он стал абсолютно чёрным.



Вот так выглядит маска после работы кистью.

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

Сравните изображение девушки до, и после обработки фотографии в фотошопе .

Скачать урок (358 Кб) в формате PDF можно

Если Вы не хотите пропустить интересные уроки по обработке фотографий - подпишитесь на рассылку.

Форма для подписки находится ниже.

Прежде всего несколько слов хотелось бы сказать по поводу этого небольшого примера. Друзья! Всё что здесь показано - это только приёмы, поймите. =:) Некие возможности, которые можно использовать, а можно и не прикасаться к ним в своей обработке. Это как… ну… я не знаю - как задачки в учебнике по математике. =:)

Поэтому мне кажутся довольно странными комментарии типа “а я бы остановился на таком-то шаге, всё остальное не нужно” или “надо было сделать эффект в два раза слабее”. Это как в том же учебнике по математике написать: “поезду из пункта А не стоит доезжать до пункта Б, ему надо остановиться не доезжая до него” или “пусть поезд едет из пункта А в пункт Б не 12 часов, а 8, потому что 12 - это уже перебор”. =:) Ну согласитесь - выглядит дико. =:) В остальном - спасибо за ваши мысли и соображения в комментариях, я это очень ценю =:)

Итак, замена фона. Вот такой кадр был получен в результате съёмки в студии (60mm | ISO 50 | 1/100 | f/6.3):

1. Загружаем картинку в Photoshop и поправляем “горизонт завален”:

2. При помощи инструментов Healing Brush и Clone Stamp чистится фон и устраняются мелкие недостатки картинки:

4. Далее нужно выделить волосы. Я решил воспользоваться методом, который мне подсказал Андрей Журавлёв, тоже преподаватель школы “Фотопроект “, более подкованный во всяких таких штучках чем я. =:) Для этого нужно сначала сделать ряд дополнительных приготовлений. А именно, при помощи Сtrl + J сделать 2 копии исходного почищенного слоя (из п.2) и при помощи Clone Stamp “закрасить” волосы фоном на первом слое:

5. А потом этот слой сложить с исходным при помощи режима сложения Difference:

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

7. Переключаемся в палетку Channels и перебираем все каналы в поисках самого подходящего на роль маски волос. В нашем случае это канал Blue. Ctrl + клик по нему и мы получаем выделение:

8. …которое приаттачиваем в виде маски к слою из п.2. Но сейчас маска слишком серая и неконтрастная, если ей пользоваться в таком виде, то волосы будут уж совсем прозрачными. Поэтому маска “поджимается” кривыми:

9. Включив два слоя на белом фоне можем посмотреть на результат отделения волос от фона. Мелкие детали очень хорошо проработаны, но кончики волос хранят информацию о цвете фона, который просвечивал сквозь них (они серые, если говорить проще =:)):

10. Поэтому мы сверху просто добавляем пустой слой и складываем его с остальными слоями при помощи режима наложения Color. К этому слою присоединяем маску из п.8 (она копируется, если удерживать Alt при перетягивании маски со слоя на слой). Затем инструментом Brush Tool (обычной кисточкой) на этом фоне задаётся цвет кончиков волос (пипеткой, которая появляется в этом режиме при удержании Ctrl забирается цвет волос и просто красится кисточкой):

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

12. …и для верхней части туловища:

13. Контраст добавляется копированием канала Blue и сложением его с изображением при помощи режима Soft Light:

14. А блики и тени рисуются на двух слоях (тени на слое Multiply, а блики на слое Overlay). Дополнительно добавляется тонирование на кожу оранжевым цветом при помощи слоя Solid наложенного в режиме Color по маске кожи (она была нарисована отдельно):

15. Затем включается фон, предварительно разблюренный при помощи Lens Blur:

17. “Рисуется” красивый солнечный блик и лучи:

18. Лучи немного блюрятся и раскладываются по картинке по вкусу при помощи наложения Screen:

19. Немного редактируется общая насыщенность:

20. И смещается общий цветовой баланс:

Готовая картинка (сразу хочу сказать - у меня не было цели сделать кадр “как будто так и было”, я скорее делал картинку):

И как бонус , небольшое слайдшоу по мотивам создания этого материала =:)

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

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

А фотки-то не переснять — поезд ушел, и в таком виде их показывать друзьям тоже не хочется… Как обработать, как редактировать фотографию, чтобы она заиграла новыми красками? Сегодня я расскажу вам, как можно обработать фотографию, если ей добавить просто яркости и контрастности, например, и поменять немного цветовой тон. А если просто лишь поменять фон в фотошопе, тем самым сделать улучшение фото и при этом нисколько не нарушить общее впечатление в момент съемки, то мы с вами получим совершенно новую, красивую фотографию! Всегда можно поменять фон в фотошопе и сделать обработку фото так, чтобы даже самый придирчивый зритель ничего не понял и не заметил. А у вас навсегда останутся самые красивые и незабываемые фотографии с прекрасными моментами вашей жизни!

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

1. Итак открываем нашу фотографию в фотошопе, я взяла фото котенка на неинтересном, простом, но не однородном фоне.

2. Открыли, Щелкаем на замочек двойным кликом левой кнопки-переводим в слои. Мы должны оценить фон, чтобы понять, как лучше будет его убрать с помощью волшебной палочки. Мы видим, что фон не сплошной, не однотонный, а значит наша волшебная палочка будет застревать-она любит однотонные фоны и желательно контрастные к тому изображению, которое надо извлечь оттуда. Что же делать? Пока мы просто попробуем размыть немного контрастные линии на фоне, для этого берем инструмент Палец со следующими настройками и начинаем размывать контрастные линии на фоне.

3. Теперь надо подыскать красивый, новый фон для нашей киски. Я думаю, что фон может быть с красивым натюрмортом. Открываем картинку.

Идем в Выделение — Все. Затем в Редактирование — Скопировать. Переходим на слой с котенком — Редактирование — Вставить. Слой с натюрмортом ставим под слоем с котенком.

4. Теперь попробуем улучшить, сделать ярче, четче картинку с котом. Для этого идем в Изображение — Коррекция — Яркость/Контрастность. Подвигаем маркеры примерно так, на вашей картинке это могут быть другие значения, просто двигая, смотри те, как на ваш взгляд будет лучше.

5. Снова идем в Изображение — Коррекция -Цветовой тон/Насыщенность. Повышаем цветовой тон и насыщенность картинки.

6. Давайте рассмотрим внимательно нашего котенка. Мы видим, что на голове, на грудке, там, где усики у котика очень светлые волоски, почти белые и поэтому они будут при выделении волшебной палочкой выделяться вместе с фоном, а нам нужно, чтобы котенок выделился четко. Попробуйте это проверить. Возьмите палочку с настройками, как на скриншоте и кликните в любом месте фона. Участок фона выделился вместе с частью котенка, т.е. эта часть в дальнейшем будет удалена, значит, нужно котенка еще доработать, чтобы этого не произошло. Что мы с вами сделаем теперь?

7. Добавим котенку еще резкости и четкости. Для этого идем в Фильтр — Усиление резкости — Умная резкость и оставляем настройки по умолчанию.

8. Можно еще добавить контраста и резкости с помощью фильтра Xero/Сlarity, так же с настройками по умолчанию.

Скачать фильтр можно бесплатно, с Яндекс Диска.

Скачать фильтр Xero :

9. Теперь мы затемним немного наиболее светлые участки на котике с помощью инструмента Затемнитель со следующими настройками:

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

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

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

12. В окне Уточнить край нажимаем на маленький треугольничек сбоку от окошечка Вид и выпавшем списке выбираем На черном. Фон сменился на черный, на котором хорошо видны все серые края окантовки котенка. Будем их убирать. Для этого поиграйте бегунками настроек: Радиус, Растушевка, контрастность, глядя, как изменяется изображение котенка. Затем перейдите в окошечке Вида На белом и еще попробуйте подправить наше изображение. Я остановилась на таких настройках:

13. Чтобы посмотреть, как будет выглядеть наш котенок на новом фоне, перейдите в окошке Вид на вкладку На слоях-откроется котенок с нашим натюрмортом и мы увидим, что по краям еще видны остатки старого фон, который тоже надо убрать. Для этого находим в окне слева прямоугольник с кисточной, нажимаем на маленький треугольничек слева и выбираем кисть для закрашивания этих остатков. Лучше эта работа будет видна на черном фоне-переходи снова На черном.Настройка кисти — 35, у вас она может быть больше или меньше, если другая картинка. И начинаем проводить кистью по тем местам, где надо убрать остатки старого фона. после этого снова перейдите на белый фон, на слоях и посмотрите, как изменился котенок. Если на вашей картинке вас еще что-то не устраивает, попробуйте поставить галочку на вкладке: Очистить цвет и поиграть ползунком. В данном случаем, с котенком мы этой функцией пользоваться не будем.

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

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

17. Теперь добавим котенку тени, ведь наши предметы на натюрморте отбрасывают тень, поэтому котенок не должен казаться приклеенным, сделаем его более натуральным, как будто он всегда и был тут, как если бы его сфотографировали именно на фоне этого натюрморта. Идем в панели слоев в параметры наложения (внизу) и выбираем тень с настройками, как можно более приближенными к теням на натюрморте:

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

Скачать бесплатно урок Замена фона с Яндекс Диска.

Откройте скачанный вами файл и следуйте инструкциям по установке.

2. Загрузите фотографию в программу

Запустите Фоторедактор. Нажмите кнопку Открыть файл и выберите изображение, которое вы собираетесь редактировать, либо просто перетащите его из папки в окно Фоторедактора.

3. Замените фон

Чтобы заменить фон на фотографии, откройте вкладку Удаление фона . Нанесите несколько штрихов зеленой кистью внутри объекта переднего плана, который вы хотите сохранить на фотографии. Затем выберите красную кисть и выделите фон аналогичным образом. Чтобы стереть выделение, используйте ластик . Выделенный вами объект программа обведет желтым контуром. Если вас устраивает, как выделен объект, нажмите кнопку Замена фона .





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