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

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

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

Итак, откройте свою фотографию в программе photoshop:

Для начала нам нужно отделить главное изображение от фона.

1. Чтобы сделать выделение качественно лучше использовать инструмент быстрая маска (Quick Mask Mode )
Убедитесь, что цвета установлены в этом положении черный/белый

Возьмите инструмент кисть и начните закрашивать ту часть, которую хотите отделить от фона (в нашем случае это девушка)

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

2. Нажмите комбинацию Ctrl + J , чтобы скопировать выделенный фон на отдельный слой.

Панель со слоями примет такой вид:

3. Теперь к новому слою с фоном примените фильтр "radial blur"
Filter > Blur > Radial Blur .

Установите следующие параметры в появившемся окне:

Amount: 20 (этот параметр устанавливайте по усмотрению)
Method: Zoom

Как только все настройки на месте, нажмите ОК, чтобы увидеть результат!

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

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

  • Включите галочку «штатив»
  • Переведите режим на ручной или приоритет диафрагмы
  • Меняйте комбинации параметров - расстояние, фокусное расстояние, диафрагма
  • Жмите на «Сделай фото!», так как влияние значения диафрагмы на размытие фона фото, можно оценить только по результату. В видоискателе вы его не заметите.

Подводим итог

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

  1. Максимально открыть диафрагму
  2. Выдвинуть зум на максимальное приближение или использовать длиннофокусный объектив
  3. Находиться как можно ближе к объекту съемки и как можно дальше отодвинуть от него задний план.

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

Если у вас нет дорогого светосильного объектива, где можно поставить f/2.8 и менее, попробуйте компенсировать это двумя другими параметрами - снимайте с более близкого расстояния, при максимальном зуме.

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

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

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

Способ 1: Canva

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

Чтобы внести корректировки в изображение, используйте данную инструкцию:

  1. Зайдите на . Вы окажетесь на странице регистрации, без которой не сможете обрабатывать фото. К счастью, вся процедура делается в пару кликов. В форме вы можете выбрать вариант регистрации – вход через аккаунты в Google + или Facebook. Также можно зарегистрироваться стандартным способом – через email.
  2. После того, как вы выберете один из вариантов авторизации и заполните все поля (если таковые появятся), вас спросят, зачем вы используете этот сервис. Рекомендуется выбрать «Для себя» или «Для обучения» .
  3. Вас перебросит в редактор. Изначально сервис спросит, не желаете ли вы пройти обучение и ознакомиться со всеми основными функциями. Можете согласиться или отказаться.
  4. Для перехода в область настройки нового шаблона нажмите на логотип Canva в верхнем левом углу.
  5. Теперь напротив «Создать дизайн» нажмите на кнопку «Использовать специальные размеры» .
  6. Появятся поля, где нужно будет задать размер изображения в пикселях по ширине и высоте.
  7. Чтобы узнать размеры изображения, нажмите на него правой кнопкой мыши и перейдите в «Свойства» , а там в раздел «Подробно» .
  8. После того, как вы зададите размер и нажмёте Enter , откроется новая вкладка с белым фоном. В левом меню найдите пункт «Моё» . Там нажмите на кнопку «Добавить собственные изображения» .
  9. В «Проводнике» выберите нужное фото.
  10. После загрузки найдите его во вкладке «Моё» и перетащите на рабочую область. Если оно заняло её не полностью, то растяните изображение с помощью кружков на углах.
  11. Теперь нажмите на «Фильтр» в верхнем меню. Откроется небольшое окошко, и чтобы получить доступ к параметрам размытия, щёлкните по «Расширенные параметры» .
  12. Подвигайте бегунок напротив «Размытие» . Единственный и главный недостаток этого сервиса – он скорее всего размоет всё изображение.
  13. Чтобы сохранить результат к себе на компьютер, нажмите на кнопку «Скачать» .
  14. Выберите тип файла и кликните по «Скачать» .
  15. В «Проводнике» укажите куда именно нужно сохранить файл.

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

Способ 2: Croper

Здесь интерфейс значительно проще, но и функционал тоже меньше, чем у предыдущего сервиса. Все возможности данного сайта полностью бесплатные, а для того чтобы начать ими пользоваться не нужно регистрироваться. У Croper довольно быстрая обработка и загрузка изображений даже при медленном интернет. Изменения можно увидеть только после нажатия на кнопку «Применить» , и это существенный минус сервиса.

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


Способ 3: Фотошоп онлайн

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

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

Инструкция по использованию выглядит так:

  1. Перейдите на . Выберите пункт либо «Загрузить фото с компьютера» , либо «Открыть URL изображения» .
  2. В первом случае вам придётся выбрать в «Проводнике» нужную картинку, а во втором просто вставить прямую ссылку на изображение. Например, так можно быстро загружать фото из социальных сетей, не сохраняя их при этом на компьютер.
  3. Загруженный рисунок будет представлен одним слоем. Все слои рабочей области можно посмотреть в правой части экрана в разделе «Слои» . Сделайте копию слоя с рисунком — для этого вам просто нужно нажать комбинацию клавиш Ctrl+j . К счастью, в онлайн-версии Фотошопа работает часть горячих клавиш из оригинальной программы.
  4. В «Слоях» смотрите, чтобы был подсвечен скопированный слой.
  5. Теперь можно приступать к дальнейшей работе. Используя инструменты выделения, вам придётся выделить фон, оставив те объекты, которые вы не собираетесь размывать, невыделенными. Инструментов выделения там действительно мало, поэтому нормально выделить сложные элементы будет трудно. Если фон примерно одной цветовой гаммы, то для его выделения идеально подойдёт инструмент «Волшебная палочка» .
  6. Выделите фон. В зависимости от выбранного инструмента, этот процесс будет происходить по-разному. «Волшебная палочка» выделит весь объект или большую его часть, если он одного цвета. Инструмент, который так и называется «Выделение» , позволяет его сделать в форме квадрата/прямоугольника или круга/овала. С помощью «Лассо» нужно обрисовать объект, чтобы появилось выделение. Иногда проще выделить объект, но в этой инструкции рассмотрим, как работать с выделенным фоном.
  7. Не снимая выделения, нажмите на пункт «Фильтры» , что в верхнем меню. Из выпадающего меню выберите «Размытие по Гауссу» .
  8. Двигайте бегунок, чтобы сделать размытие более или менее интенсивным.
  9. Фон размыт, но если переходы между главными элементами картинки и фоном слишком резкие, то их можно немного сгладить при помощи инструмента «Размытие» . Выберите данный инструмент и просто проведите им по краям элементов, где наблюдается слишком резкий переход.
  10. Готовую работу можно сохранить, нажав на «Файл» , а затем на «Сохранить» .
  11. Откроется окно настройки параметров сохранения, где вы можете задать имя, формат и качество.
  12. Нажмите на «Да» , после чего откроется «Проводник» , где вам нужно будет указать папку, куда вы хотите сохранить свою работу.

Способ 4: AvatanPlus

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

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

  1. Пройдите на , а затем кликните по кнопке «Применить эффект» и выберите на компьютере изображение, с которым будет осуществляться дальнейшая работа.
  2. В следующее мгновение на экране начнется загрузка онлайн-редактора, в котором сразу будет применен выбранный нами фильтр. Но поскольку фильтр делает размытие всего изображения, когда нам требуется лишь фон, излишки нам потребуется убрать с помощью кисти. Для этого выберите соответствующий инструмент в левой области окна программы.
  3. С помощью кисти вам потребуется стереть те участки, которые не должны быть размыты. Используя параметры кисти, вы можете регулировать ее размер, а также жесткость и интенсивность.
  4. Чтобы переход между сфокусированным объектом и фоном выглядел естественно, старайтесь использовать среднюю интенсивность кисти. Начните закрашивать объект.
  5. Для более тщательной и аккуратной проработки отдельных участков используйте функцию масштабирования картинки.
  6. Допустив ошибку (что при работе с кистью очень вероятно), отменить последнее действие можно с помощью знакомого сочетания клавиш Ctrl+Z , а корректировать уровень размытости можно с помощью ползунка «Переход» .
  7. Добившись результата, который полностью вас устраивает, вам лишь остается сохранить получившееся изображение – для этого в верхней части программы предусмотрена кнопка «Сохранить» .
  8. Следом кликните по кнопке «Применить» .
  9. Вам остается, при необходимости, отрегулировать качество изображения, а затем в заключительный раз нажать кнопку «Сохранить» . Готово, фотография сохранена на компьютер.

Способ 5: SoftFocus

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

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


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

В этом уроке я научу вас создавать эффект размытого фона без светящихся ореолов вокруг основного объекта композиции. Сперва мы воспользуемся инструментом 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 имеет огромные возможности, которые позволяют производить практически любые изменения с изображением. Размытый задний фон широко используется многими фотографами. В реальной жизни такой эффект достигается благодаря функциям фотоаппарата. Но когда снимок уже сделан, вы можете воспользоваться графическим редактором Photoshop. Об этом и пойдет речь в данной статье.

Подготовка

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

Инструкция

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


Дополнительные сведения

Можно дополнительно использовать инструмент «размытие» и немного исправить допущенные ошибки на этапе выделения. Если вы применяли другой метод для создания выделенной области, то можете пропустить 4, 5, 6 этапы. Главное, понять, что надо отделить задний фон от основной части фотографии. А как это будет происходить, не имеет значения. Поэтому если вы лучше владеете другим инструментом и плохо обращаетесь с пером, то лучше используйте удобное для вас средство.

Заключение

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