Размытие фона фотошоп: Размытие фона на изображениях

Как в Фотошопе размыть фон / Фотообработка в Photoshop / Уроки фотографии

Дата публикации: 17.12.2017

Размытый задний план (или фон) позволяет убрать отвлекающие элементы и сконцентрировать внимание зрителя на основном объекте съёмки. Самое правильное — ещё на этапе съёмки размыть фон с помощью оптики, открытой диафрагмы и правильного выбора фокусного расстояния, но немного воспроизвести этот эффект можно и в Photoshop.

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

Открываем фотографию в Adobe Photoshop.

Сначала создадим копию исходного слоя. Для этого можно либо выбрать пункт меню Layer/«Слои» → Dublicate Layer…/«Создать дубликат слоя…», либо мышкой перетащить пиктограмму слоя на пиктограмму создания нового слоя на панели слоёв.

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

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

Параметры размытия выбираем не очень большие, для начала 5–10 пикселей будет достаточно. Нажимаем Ok и видим, что изображение на экране стало размытым.
Теперь ещё раз дублируем исходный слой Background. Дубль появится сверху на панели слоёв с названием «Background copy 2». К этой новой копии исходного слоя снова применяем фильтр «Размытие по Гауссу», но на этот раз устанавливаем радиус размытия больше, чем в предыдущем случае. У нас получилось 12 пикселей.

В последний раз повторяем последовательность действий — копирование слоя → размытие копии. Теперь радиус размытия ставим еще больше, около 30 пикселей. Но конкретное значение будет зависеть от размера вашего изображения.

В результате этих операций у нас получается 4 слоя — исходный резкий слой и три слоя с размытием, при этом степень размытия увеличивается с каждым слоем.

Теперь наша задача — сделать плавный переход от сильного размытия к слабому в зависимости от расстояния от объектов до девушки (она должна быть в фокусе и резкой).

Самое правильное — прорисовать «резкость» по маске вручную, потому что только вы можете определить удалённость объектов на фотографии; автоматика этого сделать не сможет. Но мы пойдём более простым путём.

Добавляем маску к самому верхнему слою, так как на нём самая большая степень размытия.

Маска — это своеобразный трафарет. В тех местах, где она чёрная, области на том слое, к которому она применена, перестают быть видимыми. Белые области полностью видимы. Поэтому, чтобы добиться плавного и естественного эффекта, нам пригодится инструмент Gradient Tool/«Инструмент “Градиент”».

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

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

Пока не обращаем внимания на то, что фигура девушки тоже размывается, с этим мы разберёмся позднее.

Размытие на фотографии уже выглядит довольно естественно, остался один небольшой штрих — размыть передний план. Кликаем по слою Background Copy, на котором самое слабое размытие, добавляем к нему маску и накладываем градиент.

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

Добавим новую папку с помощью команды Create new group/«Создать новую группу» в нижней панели инструментов в панели слоёв. В появившуюся папку перемещаем мышкой три слоя с размытием и их масками. Тут важно соблюдать последовательность слоёв и перенести их в том же порядке, в каком они и находились.

Теперь к папке можно добавить маску. Она будет оказывать влияние на все слои, которые объединили в эту группу — очень удобно.

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

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

Дата публикации: 17.12.2017

Елена Лисейкина

Пейзажный и travel-фотограф, амбассадор компании Fujifilm, фотограф журнала «Российское фото». Победитель и призер международных конкурсов фотографии, автор статей и мастер-классов по пейзажной фотосъемке и обработке фотографий.

Автор курсов Fotoshkola.net

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

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

И так давайте делать все по-порядку.

В уроке я буду использовать вот эту фотографию невесты.

1. Скачиваем фотографию себе на компьютер и открываем в фотошопе Файл→Открыть (File→Open или CTRL+N – в скобочках вместе с переводом буду указывать сокращения – проще говоря “горячие” клавиши, которые позволяют экономить время в программе фотошоп).

Универсальный редактор для фотографий

 «Домашняя Фотостудия» – это современная и эффективная программа для обработки фотографий. Используя основные функции данного софта, любой пользователь сможет быстро и качественно отредактировать необходимые фотоснимки. Помимо стандартного набора действий (ретушь и устранение дефектов, улучшение качества изображения и т.д.) данный графический редактор включает свыше 100 уникальных эффектов и фильтров, десятки вариантов оформления фото: маски, рамки, коллажи, а также возможность создания открыток и календарей на основе ваших снимков. Приложение можно скачать на официальном сайте программы: 

http://homestudio.su/download.php

2. Фотография имеет большой размер, давайте немного его уменьшим (что бы помещалась на экране, этот шаг можно пропустить), идем в меню Изображение→Размер изображения (Image→Image Size… или Alt+Ctrl+I) и уменьшаем размер нашей фотографии, я сделал по ширине 500 пикселей, по высоте программа автоматически сделала 750 пикселей, далее нажимаем ОК.

3. Давайте поставим 100% масштаб для фотографии, для этого два раз кликаем левой кнопкой мыши по инструменту 

 Масштаб (Zoom или Z).

4. После этого идем в меню Окно (Windows) и выбираем палитру Слои (Layers или F7). Открывается палитра для работы со слоями в фотошопе.

Выбираем наш слой, сейчас он единственный в документе, кликаем по нему правой кнопкой мыши и выбираем пункт Создать дубликать слоя (Dublicate Layer…).

Создается копия слоя (слои полностью идентичный начальному). Назовем его Копия и нажимаем ОК.

4. Теперь перейдем к созданию размытия на фотографии. Идем в меню Фильтр (Filter) и выбираем команду Размытие (Blur, как видите способов размытие несколько, мы выберем пункт Размытие по Гауссу, Gaussian Blur).

Я выбрал значение 3 пикселя.

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

И так фон мы с вами размыли (надесь тут все понятно и у вас больше не будет вопросов как сделать размытый фон в фотошопе), осталось сделать четкой нашу невесту на переднем плане. Для этого идем в палитру Слои (Layers, F7), выбираем наш размытый слой и кликаем по кнопочке Добавить слой-маску (Add Layer Mask).

На слой добавляется маска.

Вкратце расскажу, как работают маски в фотошопе, рисуя по маске черным цветом мы удаляем (как бы протираем) содержимое слоя, рисуя по маске белым цветом мы восстанавливаем содержимое слоя.

Вернемся к нашему примеру. Берем инструмент 

 Кисть (Brush, B), ставим для нее цвет переднего фона: #000000 – черный (в палитре с инструментами внизу 2 квадратика – первый цвет переднего фона, второй – заднего фона) и нажимаем ОК.

После этого выбираем наш размытый слой, выбираем пиктограмму маски в палитре слоев.

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

 Кисть, сверху есть настройки инструмента, выбираем маленький перевернутый треугольник (рядом с размером кисти).

Выпадает окошко, в котором можно выбрать размер кисти и жесткость.

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

Я взял кисть с жесткостью в 20% и порисовал ей в области лица девушки и вот что у меня получилось:

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

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

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

Как видите размыть фон на фотографии в фотошопе совсем не трудно (немного потренировавшись в этом, вы будите выполнять такие операции на автомате).

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

Как размыть фон для фокуса в Adobe Photoshop

НАЧИНАЮЩИЙ · 2 МИН

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

Что вам понадобится

Открыть образец файла в Photoshop

Практическое руководство в приложении (JPG, 973 КБ)

Чему вы научитесь

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

 Открыть фото

В Photoshop выберите «Файл» > «Открыть…» и выберите фотографию на своем компьютере или, если вы следуете образцу, перейдите к «selective-focus-blur.jpg». Щелкните Открыть.

Открыть галерею размытия

Перейдите в меню «Фильтр» > «Галерея размытия» и выберите «Размытие диафрагмы» в параметрах галереи размытия.

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

Определить фокус

Когда откроется Iris Blur, вы увидите большое кольцо предварительного просмотра размытия и несколько точек на изображении.

В середине кольца находится «булавка». Булавка похожа на мишень: в центре мишени изображение четкое и четкое; Чем дальше от цели, тем больше размытость изображения.

Щелкните центр булавки и перетащите ее на рисунок. Отпустите кнопку мыши, чтобы поместить булавку.

Настройка области размытия

Внешнее кольцо предварительного просмотра размытия определяет точку, в которой эффект размытия достигает 100%. Все, что находится за пределами кольца, имеет максимальный эффект размытия.

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

Чтобы изменить размер области размытия, ограничивая форму, щелкните и перетащите линию (а не одну из точек) на кольце предварительного просмотра размытия.

Настройка перехода размытия

Внутри кольца предварительного просмотра размытия видны четыре большие белые точки, которые определяют область перехода размытия. Между этими большими белыми точками и предварительным просмотром размытия (внешнее кольцо) эффект размытия изменяется от 0% размытия до 100% размытия.

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

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

Настройка степени размытия

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

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

Вы также можете настроить размытие с помощью ползунка «Размытие» на панели «Инструменты размытия» справа от рабочей области.

Когда вы закончите, нажмите Enter или OK в верхней части окна галереи размытия.

Применение эффекта «Размытие диафрагмы» — это творческий способ выделить объект фотографии и придать изображению уникальный вид. Попробуйте использовать этот эффект, чтобы обрамить лицо на портрете или выделить определенную область пейзажа.

Как размыть фон в Photoshop

Подпишитесь на YouTube:


Привлеките внимание к объекту с помощью этого полного пошагового руководства о том, как размыть фон в Photoshop !

В этом уроке Photoshop вы узнаете, как легко создать эффект малой глубины резкости (фон не в фокусе) без дорогого объектива.

Вы узнаете о выделении, масках слоя, смарт-объектах и ​​размытии с наклоном и сдвигом для размытия фона фотографии.

Шаги по размытию фона в Photoshop

  • Дублировать исходное изображение
  • Выделить основной объект
  • Расширить выделение
  • Удалить основной объект с помощью заливки с учетом содержимого
  • Удалить фон из слоя модели
  • Свернуть маску с минимальным значением Фильтр
  • Размытие фона с помощью фильтра Tilt-Shift
  • Тонкая настройка маски слоя
  • Нарисуйте волосы обратно в изображение
  • Нарисуйте волосы с помощью пользовательской кисти
  • Окончательная корректировка с помощью Camera Raw

Дублируйте исходное изображение

Начните процесс, продублировав слой изображения и переименовав его в «Передний план».

Вы можете щелкнуть правой кнопкой мыши для дублирования или использовать сочетание клавиш Ctrl J (Windows) или Command J (macOS) .

Выделение основного объекта

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

Чтобы создать выделение с помощью последней версии Photoshop, выберите Выберите > Тема и разрешите Adobe Sensei, искусственному интеллекту Photoshop (AI), изучить все изображение, найти объект и создать из него выделение. .

Расширить выделение

Создайте зазор между выделением и краем тела объекта, выбрав Выберите > Изменить > Расширить.

Выберите подходящее значение в пикселях для расширения выделения и нажмите ОК.

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

Удалить основной объект с помощью заливки с учетом содержимого

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

Content-Aware заполнит окружающие края пикселями, аналогичными. Обратите внимание, что результат не должен быть идеальным. Пока содержимое внутри заливки похоже на окружающие области, этот метод должен работать.

Затем установите Output на Duplicate Layer и нажмите OK.

На панели Layers, вы найдете сгенерированную фоновую копию, из которой удален основной объект фотографии.

Удалить фон со слоя модели

Одним из важнейших шагов при размытии фона в Photoshop является удаление фона из слоя модели.

На этом этапе вы можете сосредоточиться на слое переднего плана и отключить фоновый слой и его копию.

Когда выделение все еще активно, примените его как маску слоя, щелкнув значок «Новая маска слоя».

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

Свернуть маску с минимальным фильтром

Выберите Фильтр > Другое > Минимум .

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

Поскольку вы работаете с человеком, установите Preserve на Roundness .

Затем нажмите OK , чтобы применить фильтр.

Размытие фона с помощью фильтра Tilt-Shift

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

Затем выберите Filter > Blur Gallery > Tilt-Shift .

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

При этом пиксели между сплошной и пунктирной линиями будут иметь постепенный переход к размытию, определяемому ползунком «Размытие».

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

Точная настройка маски слоя

Хотя инструмент «Выбрать объект» отлично справляется с автоматическим выделением объекта, он, конечно, не идеален.

Настройте маску слоя, выбрав инструмент «Кисть» и рисуя белыми (чтобы показать) и черными (чтобы скрыть) пикселями.

Верните волосы обратно в изображение

Во-первых, скройте случайные пиксели, которые слишком сложно выделить. Сделайте это, рисуя черным на маске слоя.

Затем создайте Новый слой и переименуйте его в «Волосы».

Выберите инструмент «Кисть» и установите Size и Hardness на минимальное значение и используйте его, чтобы нарисовать «беспорядочные волоски» для более естественного вида.

Для более реалистичного вида используйте инструмент «Пипетка» , чтобы взять образец цвета волос объекта и использовать его для цвета волос.

Раскрашивание волос с помощью пользовательской кисти

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

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

319 – Щетка для волос PTC (9956 загрузок)

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