Как размыть задний фон в Фотошопе за 3 шага

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

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

ПРИМЕЧАНИЕ! В современных версиях Photoshop есть автоматические инструменты вроде «Выделить объект», «Выделение объектов» и «Удалить фон». Они реально экономят время, но я все равно советую проверять края вручную. Автоматика хорошо справляется с простыми объектами на контрастном фоне, но на волосах, шерсти, прозрачных предметах и сложных деталях почти всегда нужна доработка.

ШАГ 1: Выделение и копирование

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

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

1. Загрузите любую фотографию или картинку, нажав клавиши:

Ctrl + O

2. Для выделения можно использовать инструмент «Лассо». Я советую использовать два варианта: «Магнитное лассо» или «Прямолинейное лассо». Если у вас свежая версия Photoshop, можно сначала попробовать «Выделение объектов» или кнопку «Выделить объект», а уже потом доработать край вручную.

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

3. Приблизьте изображение так, чтобы вы четко видели границы объекта и заднего фона. Можно использовать колесико мыши, сочетание Ctrl + + и Ctrl + –, а также инструмент «Лупа». Далее начните аккуратно выделять объект. Чем аккуратнее вы будете все делать, тем лучше потом получится результат. Чтобы передвинуть изображение во время выделения, зажмите «Пробел». После этого курсор превратится в руку, зажимаем левую кнопку мыши и передвигаем изображение. В конце отпускаем «Пробел» и продолжаем выделение. Выделение закончится только тогда, когда начало и конец лассо соприкоснутся.

4. Итак, мы выделили объект.

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

5. Зажимаем кнопки:

Ctrl + C (копируем содержимое в буфер обмена)

6. И теперь вставляем скопированное:

Ctrl + V

7. Как вы видите, появился дополнительный слой без фона. В более быстром варианте можно было сразу нажать Ctrl + J при активном выделении – Photoshop создаст новый слой только из выделенной области.

8. Чтобы сделать все по красоте, нам понадобится еще две копии фона. Выделяем «Фон» и два раза жмем:

Ctrl + J

9. Перетащите слой с машиной под эти две копии.

ВАЖНЫЙ МОМЕНТ! Если просто размыть фон, на краях объекта может появиться ореол. Это происходит потому, что на размытом фоне все еще есть старый объект, и его края расползаются под верхним вырезанным слоем. Чтобы уменьшить этот эффект, можно заранее убрать объект с фонового слоя: выделить объект, расширить выделение на 5-15 пикселей через «Выделение» – «Модификация» – «Расширить», а потом применить «Редактирование» – «Заливка с учетом содержимого». Это необязательный, но очень полезный шаг для аккуратного результата.

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

ШАГ 2: Размытие

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

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

1. Нам нужен фильтр «Размытие по Гауссу» – он находится в разделе «Фильтр» – «Размытие».

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

Для фото небольшого размера часто хватает радиуса в районе 5-15 пикселей. Для больших изображений с высоким разрешением значение может быть больше. Я советую включить предпросмотр и смотреть не на цифру, а на картинку. Если фон стал мягче, но детали еще угадываются, обычно это выглядит естественнее, чем полная «каша» без формы и глубины.

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

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

4. Для работы с перспективой нам нужно на этом размытом фоне создать маску – нажмите по кнопке создания маски в окне «Слои».

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

6. После этого выполните настройку так же, как на картинке ниже. Смотрите, чтобы было такое же расположение черного и белого цвета.

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

8. Теперь зажимаем ЛКМ от самого низа и тянем вверх до линии горизонта.

9. Должно получиться что-то вроде такого.

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

ДРУГОЙ ВАРИАНТ. В Photoshop также есть размытия из группы «Галерея размытия», например «Размытие поля», «Размытие диафрагмы» и «Наклон-смещение». Они могут дать более похожий на фотографический результат, чем обычное «Размытие по Гауссу». Но для новичка способ с копией слоя, маской и градиентом понятнее: вы видите, где именно фон размывается, и можете контролировать результат вручную.

ШАГ 3: Последние штрихи

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

2. Уже выглядит куда лучше. Если вам недостаточно размытого фона, то вы можете применить еще раз фильтр «Размытие по Гауссу» к заднему слою с маской. Только при этом выделите не маску, а сам слой.

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

4. Выделяем объект, зажав кнопку Ctrl и кликнув по миниатюре слоя с вырезанным объектом левой кнопкой мыши (ЛКМ). Если у вас объект находится на маске, кликайте именно по миниатюре маски или слоя, в зависимости от того, как вы его создавали.

5. На панели инструментов выберите любой инструмент выделения.

6. Теперь нажмите по кнопке «Выделение и маска». В старых версиях Photoshop он называется «Уточнить край выделенной области».

7. Теперь нам нужно изменить параметр «Сглаживание» и «Растушевка». Ориентируйтесь на свой рисунок и подберите цифры под свою фотографию. Также можно дополнительно использовать «Контрастность» и «Смещение края». В конце нажмите «ОК».

Не ставьте слишком большую «Растушевку». Если переборщить, край объекта станет мыльным, и фотография будет выглядеть неаккуратно. Обычно лучше сделать легкое смягчение, чем размывать контур на десятки пикселей. Для волос, шерсти и мелких деталей дополнительно помогает кисть «Уточнить край» в окне «Выделение и маска». Если края после вырезания все равно выглядят грубо, прочитайте отдельную инструкцию, как сгладить края в Фотошопе.

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

Как сохранить готовое фото

После обработки не забудьте правильно сохранить результат. Если вы хотите потом вернуться к слоям, маскам и настройкам размытия, сохраните файл в формате PSD. Для обычной отправки в соцсети, мессенджеры или на сайт подойдет JPG или PNG. JPG обычно весит меньше, а PNG лучше сохраняет четкие края и подходит, если в изображении есть прозрачность.

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

ПРОВЕРКА ПЕРЕД СОХРАНЕНИЕМ. Приблизьте фото до 100% и посмотрите на края объекта. Проверьте волосы, колеса, руки, плечи, одежду и мелкие детали. Потом отдалите картинку и оцените ее целиком. Иногда на 100% все выглядит нормально, а в общем виде фон слишком размыт или объект кажется наклеенным.

Частые ошибки

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

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

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

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

Ошибка 5 – сохраняют только JPG и закрывают проект. Потом исправить слои уже нельзя, потому что все склеено в одну картинку. Сохраняйте PSD отдельно. Это занимает больше места, но экономит время, если позже нужно что-то поправить.

Частые вопросы

Можно ли размыть фон в Фотошопе автоматически?

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

 

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

Для простого урока подойдет «Размытие по Гауссу». Оно понятное, быстро работает и легко настраивается. Если хочется более фотографический эффект, можно попробовать «Галерею размытия»: «Размытие поля», «Размытие диафрагмы» или «Наклон-смещение». Но там больше настроек, поэтому новичку проще начать с Гаусса.

 

Почему вокруг объекта появился светлый или темный контур?

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

 

Что делать, если после выделения пропали волосы или мелкие детали?

Откройте «Выделение и маска» и используйте кисть уточнения края по проблемным участкам. Волосы почти всегда требуют отдельной доработки. Если фон за волосами очень пестрый, идеального результата за одну минуту не будет. Тут лучше работать аккуратно и проверять результат на увеличении.

 

Можно ли сделать такой же эффект без Photoshop?

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

 

Почему объект выглядит наклеенным на фон?

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

 

Нужно ли удалять фон вокруг объекта?

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

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