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

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

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

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

Мы с Вами пойдем другим путем, мы же профессионалы…

Для начала необходимо отделить объект от фона. Как это сделать, читайте в , чтобы не растягивать урок.

Итак, имеем исходное изображение:

Создаем копию слоя и выделяем автомобиль вместе с тенью.

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

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

Радиус растушевки выставляем 0 пикселей . Выделение инвертируем сочетанием клавиш CTRL+SHIFT+I .

Получаем следующее (выделение):

Теперь нажимаем сочетание клавиш CTRL+J , тем самым скопировав авто на новый слой.

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

Применяем к верхнему слою фильтр «Размытие по Гауссу» , который находится в меню «Фильтр – Размытие» .

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

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

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

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

Получаем такой результат:

Теперь помещаем наш вырезанный автомобиль в самый верх палитры.

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

Зажимаем CTRL и кликаем по миниатюре слоя, тем самым выделив его на холсте.

Затем выбираем инструмент «Выделение» (любой) и нажимаем на кнопку «Уточнить край» на верхней панели инструментов.

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

Теперь инвертируем выделение (CTRL+SHIFT+I ) и нажимаем DEL , тем самым удаляя часть авто по контуру.

Выделение снимаем сочетанием клавиш CTRL+D .

Давайте сравним исходное фото с конечным результатом:

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

Сегодня Вы узнаете, как в Фотошопе сделать размытый фон. Благодаря такому приёму, Вы сможете управлять вниманием того, кто смотрит на изображение. Adobe Photoshop – это популярная программа, которая, в какой-то мере, требует от пользователя определённых знаний и навыков. Однако, пошагово следуя этой инструкции, Вы сможете быстро сделать размытый фон какого-либо изображения, оставив четким лишь часть фото – какой-либо объект. Какой бы версией Фотошопа Вы не пользовались (7.0 или более новой версией – 10.0), алгоритм действий примерно один и тот же. Пользоваться мы будем особым фильтром, который называется «Размытие по Гауссу» (по англ. «Gaussian Blur»).

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

Способ первый

1. В меню программы выбираем «Файл» – «Открыть» («File» – «Open») и выбираем нужную фотографию;
2. Выбираем инструмент «Лассо» «Lasso Toll» в меню слева. Аккуратно и максимально точно обводим им объект, который хотим оставить четким, не размытым;
3. Правой кнопкой мыши клацаем по выделенной области. Выбираем «Слой через копирование» («Layer via Copy») ;
4. В правом нижнем углу программы, Вы можете увидеть два слоя фотографии. Выберите второй слой (НЕ тот, который Вы создали только что) ;
5. Заходим через меню в «Фильтры» - «Размытие» - «Гаусово размытие» («Filter» - «Blur» - «Gaussian Blur») ;
6. Выбираем нужный уровень размытия, передвигая ползунок вправо-влево (например, значение 2-3). Нажимаем «Ок», тем самым размывая фотографию.

Обратите внимание, что слой с вырезанным объектом должен быть первым в списке. К тому же, возле него должна быть иконка с «глазом». Это означает, что он отображается. Если Вы всё сделали правильно, то фон на фотографии получился размытым, а сам объект четким.

Способ второй

Этот способ подойдёт лишь для программы Adobe Photoshop 10.0. Если у Вас другая версия, и некоторых пунктов из описанных ниже нет в наличии, то воспользуйтесь первым способом.

1. Открываем фотографию точно так же, как в способе описанном выше;
2. В главном меню программы выбираем: «Слой» – далее «Новый» – и «Слой через копирование» («Layer» - «New» - «Layer via Copy»), либо просто нажимаем комбинацию горячих клавиш Ctrl+J;
3. Делаем размытие слоя. Для этого повторяем пункт 5-й и 6-й предыдущего способа;
4. Далее следует добавить маску к нашему размытому слою. В главном меню выбираем «Слой» - далее «Маска слоя» - и «Показать все» («Layer» - «Layer Mask» - «Reveal All»). Правее от слоя должен появиться светлый прямоугольник;
5. Слева находим инструмент «Кисть» («Brush Tool»), клацаем левой кнопкой мыши и в панели инструментов меняем параметр на «Жесткость» («Hardness»). Значение ставим, примерно, от 20 – 45%. Чем это значение будет больше, тем переход от размытой границы к четкой будет жестче;
6. Аккуратно закрашиваем объект, который нужно оставить четким, кистью.

Работка довольно кропотливая, тем не менее, результат стоит всех усилий. Теперь Вы знаете целых два способа, как в фотошопе сделать размытый фон.

Доброго времени суток, уважаемые читатели! Рад представить вашему вниманию очередной урок по редактору GIMP, из которого вы научитесь создавать эффект размытого заднего фона на фотографии .

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

Или например, при фотографировании какого нибудь блюда

От таких фотографий так и веет «профессиональностью».

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

Создайте тишину…, сейчас я раскрою вам страшную тайну рецепта такого кадра. Вам понадобится:

1) Хороший фотоаппарат, преимущественно «зеркалка» со сменными объективами, например бюджетный вариант Canon 1100d

2) Объектив с большой диафрагмой, например если у вас фотокамера компании Canon (как и у меня), то самым дешевым вариантом будет покупка объектива Canon 50 1.8

3) Одеваем объектив на камеру и устанавливаем творческий режим AV (или ручной — М), который позволяет регулировать значение диафрагмы.

4) Выставляем диафрагму на 2, а еще лучше на 1.8

5) Снимаем…

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

И как это делается, мы сейчас узнаем из сегодняшнего урока.

Шаг 1. Открываем исходное фото в редакторе

Шаг 2. На следующем шаге нужно выделить основной объект на фото , который мы хотим сделать резким. Для этого самым простым, но и в тоже время универсальным методом будет использование инструмента «Свободное выделение» или так называемое «Лассо» (как в фотошопе). После этого аккуратно обводим объект. Чем больше контрольных точек вы поставите, тем лучше.

Шаг 3. Пока активно выделение создаем копию исходного фото через меню «Слой –Создать копию» или нажав на пиктограмму «Создать копию слоя»

Шаг 4. Теперь нужно щелкнуть правой кнопкой мыши по верхнему слою и из открывшего контекстового меню выбрать пункт «Добавить альфа-канал».

После этого нажимаем кнопку Del. Посмотрите, что должно у вас получиться если временно отключить видимость нижнего слоя.

Снова включаем видимость ниженго слоя и снимаем выделение через «Выделение -Снять»

Шаг 5. Теперь воспользуемся стандартным фильтром редактора размытия через меню «Фильтры – Размывание – Гауссово размывание» и в настройках выставляем нужное значение.

Справка: Данное значение зависит от исходной фотографии. Чем больше разрешение (размер фотки) тем больше вводимый параметр. Для данного примера я взял размер 30px

Шаг 6. По необходимости можно отрегулировать непрозрачность верхнего слоя с эффектом, для этого сдвиньте ползунок непрозрачности влево до получения желаемого эффекта. Например, я поставил значение 80.

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

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

На этом у меня все. Всем спасибо за внимание и до встречи в новых уроках.

P.S. Отдельное спасибо читательнице Lare, за идею урока!

С уважением, Антон Лапшин!

Маленький БОНУС:

В этом уроке я научу вас создавать эффект размытого фона без светящихся ореолов вокруг основного объекта композиции. Сперва мы воспользуемся инструментом Select and Mask (Выделение и маска), чтобы создать идеальное выделение основного объекта и вырезать его. Затем применим к фону фильтр Field Blur (Размытие поля).

Шаг 1

Открываем рабочее фото через меню File - Open (Файл - Открыть). Чтобы у нас осталась резервная копия неотредактированного фото, комбинацией клавиш Ctrl+J дублируем оригинальный слой.

Называем копию «Размытие» и отключаем видимость оригинального слоя нажатием на значок глаза рядом с названием слоя.

Шаг 2

Для начала нам нужно создать точное выделение модели на фото. Для этого мы воспользуемся инструментом Pen Tool (P) (Перо). Я не тратил время на выделение волос, потому что позже мы отдельно займемся доработкой этого участка.

Шаг 3

Далее, не удаляя выделение, берем Quick Selection Tool (W) (Быстрое выделение). Если вы пользуетесь версией Photoshop CC 19.1, то на верхней панели появится кнопка Select and Mask (Выделение и маска). Нажимаем на нее, чтобы открыть панель с параметрами выделения.

Если вы используете Photoshop CS6, то сперва применяем маску к слою с выделением, затем кликаем правой кнопкой по маске и выбираем Refine Mask (Уточнить маску). В результате у вас откроется окно почти с такими же настройками, как в Select and Mask (Выделение и маска).

Шаг 4

Открыв окно Select and Mask (Выделение и маска), выбираем инструмент Refine Edge Brush Tool (R) (Уточнить края) и проводим им по волосам, чтобы удалить фон. Как это работает? Инструмент проводит вычисления и определяет, где фон, а где детали модели.

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

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

Ниже вы можете сравнить результаты до и после использования Select and Mask (Выделение и маска).

Не закрываем окно с настройками Select and Mask (Выделение и маска) и опускаемся вниз до настроек Output Settings (Настройки экспорта). В меню Output To (Вывод в) выбираем New Layer with Layer Mask (Новый слой со слоем-маской). Это значит, что результат выделения будет отображен на отдельном слое с маской. Если хотите, можете активировать опцию Decontaminate Colors (Очистить цвета), чтобы убрать цветовые искажения.

После нажатия ОК на панели слоев появится еще один слой «Размытие копия» с маской.

Шаг 5

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

Затем выбираем слой «Размытие»:

После этого переходим Select - Modify - Expand (Выделение - Модификация - Расширить):

Шаг 6

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

После расширения выделения переходим Edit - Fill (Редактирование - Выполнить заливку) и в меню Content (Содержание) выбираем Content -Aware (С учетом содержимого). Настраиваем остальные параметры:

Шаг 7

Если отключить копию слоя «Размытие», то вы увидите, что человек практически полностью исчез. Photoshop клонировал разные участки фото и просто заполнил ими выделенную область.

Кликаем правой кнопкой по слою «Размытие» и выбираем Convert to Smart Object (Преобразовать в смарт-объект). Также не забудьте включить видимость копии слоя «Размытие».

Шаг 8

Теперь мы должны настроить фильтр. Сначала в центре документа добавляем две опорные точки (просто кликаем мышкой в том месте, где хотим добавить точку). Это создаст плавное размытие от верхней центральной границы документа к его центру. На панели справа устанавливаем Blur (Размытие) на 32 пикселя.

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

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

Шаг 9

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

Не забывайте, что фильтр Field Blur (Размытие поля) мы применяем к слою «Размытие». Не применяйте его к слою «Размытие копия».

Шаг 10

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

Выбираем слой «Размытие» и переходим Filter - Camera Raw (Фильтр - Camera Raw).

На вкладке Effects (Эффекты) (значок fx) есть настройки Grain (Зерно). Просто тянем за ползунки, чтобы установить Amount (Величина), Size (Размер) и Roughness (Неровность), как показано ниже.

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

В качестве примера возьмем фотографию девушки, сделанную на Фотофоруме. Диафрагма объектива была открыта максимально — до F4.0, при фокусном расстоянии 105 мм. Но это значение, при достаточно большом расстоянии до объекта съемки, не позволило сильно размыть фон и фотография получилась не очень интересной т.к. детали фона отвлекают внимание на себя.

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

Итак, начнем. Открываем фотографию в Фотошопе, у нас есть один слой, собственно она. Чтобы скопировать этот слой переходим в меню «Layer » («Слой «), выбираем «New » («Новый «) и «Layer via Copy » («Слой через копирование «) или просто нажимаем Ctrl+J на клавиатуре. У нас появился второй точно такой же, как начальный слой.

Программа автоматически переместила нас на верхний слой. Именно на нем мы и будем делать размытие. Заходим в меню «Filter » («Фильтры «), находим пункт «Blur » («Размытие «) и выбираем «Gaussian Blur » («Гаусово размытие «).

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

Теперь нам нужно добавить маску к размытому слою, чтобы «проявить» девушку. В меню «Layer » («Слой «), находим «Layer Mask » («Маска слоя «) и выбираем «Reveal All » («Показать все «). Ничего не изменилось, но справа от слоя появился белый прямоугольник.

Выбираем на палитре слева инструмент кисть , наверху в панели инструмента нам нужно изменить параметр «Hardness » («Жесткость «) кисти, это делается для того, чтобы при рисовании по маске у нас не было резких краев при переходе от одного слоя к другому. Значение можно поставить от 20 до 40%, чем больше, тем жесче края и грубее будет переход.

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

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

В результате у нас получится примерно такой результат. На мой взгляд вариант с размытым в Фотошопе фоном смотрить лучше.