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

16.02.2015 27.01.2018

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

С помощью Прямолинейного Ласса (Polygonal Lasso Tool) выделите объект.

Нажмите CTRL+J — этой действие автоматически вырежет то, что вы выделили и поместит на отдельный новый слой. Это будет девушка.

Вернитесь к слою с фотографией сделайте её копию, нажав CTRL+J.

К этой копии примените Фильтр — Размытие — Наклон Смещение (Filter — Blur — Tilt-Shift).

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

Нажмите ОК когда закончите настройку и фон будет размытым.

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

Как эта проблема решается одним из возможным способом.

Удалите этот слой с размытым фоном — он нам не понадобится. У вас должно быть два слоя — один с девочкой, другой — целая фотография. Нажмите с зажатым CTRL на слой с девочкой — таким образом вы получите выделение.

Перейдите на слой с фотографией, а слой с девочкой пока выключите из видимости (нажмите на глазик напротив слоя с девочкой).

Выделение при этом останется. Нажмите DEL на клавиатуре чтобы удалить выделенную область на фотографии. Нажмите CTRL+D чтобы снять выделение. Девочку мы удалили поэтому на ее месте будет пустое изображение — белый фон.

Перед нами стоит задача закрасить это место. Для этого я воспользовался инструментом Штамп (Clone Tool). Я постарался нарисовать так, как будто девочки и не было на фото, хотя тут не обязательно сильно стараться, главное чтобы оттенки цветов на закрашиваемом месте совпадали с рядом лежащими — именно в этом весь смысл.

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

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

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

Такой размытый фон прекрасно подойдет для надписей.

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

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

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

Способ 1: Canva

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

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

Зайдите на . Вы окажетесь на странице регистрации, без которой не сможете обрабатывать фото. К счастью, вся процедура делается в пару кликов. В форме вы можете выбрать вариант регистрации – вход через аккаунты в Google + или Facebook. Также можно зарегистрироваться стандартным способом – через email.

После того, как вы выберете один из вариантов авторизации и заполните все поля (если таковые появятся), вас спросят, зачем вы используете этот сервис. Рекомендуется выбрать «Для себя» или «Для обучения» .
Вас перебросит в редактор. Изначально сервис спросит, не желаете ли вы пройти обучение и ознакомиться со всеми основными функциями. Можете согласиться или отказаться.

Для перехода в область настройки нового шаблона нажмите на логотип Canva в верхнем левом углу.

Теперь напротив «Создать дизайн» нажмите на кнопку «Использовать специальные размеры» .

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

Чтобы узнать размеры изображения, нажмите на него правой кнопкой мыши и перейдите в «Свойства» , а там в раздел «Подробно» .

После того, как вы зададите размер и нажмёте Enter , откроется новая вкладка с белым фоном. В левом меню найдите пункт «Моё» . Там нажмите на кнопку «Добавить собственные изображения» .

В «Проводнике» выберите нужное фото.

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

Теперь нажмите на «Фильтр» в верхнем меню. Откроется небольшое окошко, и чтобы получить доступ к параметрам размытия, щёлкните по «Расширенные параметры» .

Подвигайте бегунок напротив «Размытие» . Единственный и главный недостаток этого сервиса – он скорее всего размоет всё изображение.

Чтобы сохранить результат к себе на компьютер, нажмите на кнопку «Скачать» .

Выберите тип файла и кликните по «Скачать» .

В «Проводнике» укажите куда именно нужно сохранить файл.

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

Способ 2: Croper

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

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

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

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

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

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

Перейдите на . Выберите пункт либо «Загрузить фото с компьютера» , либо «Открыть URL изображения» .

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

Загруженный рисунок будет представлен одним слоем. Все слои рабочей области можно посмотреть в правой части экрана в разделе «Слои» . Сделайте копию слоя с рисунком — для этого вам просто нужно нажать комбинацию клавиш Ctrl+j . К счастью, в онлайн-версии Фотошопа работает часть горячих клавиш из оригинальной программы.
В «Слоях» смотрите, чтобы был подсвечен скопированный слой.

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

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

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

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

Готовую работу можно сохранить, нажав на «Файл» , а затем на «Сохранить» .

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

Способ 4: AvatanPlus

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

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

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

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

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

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

Допустив ошибку (что при работе с кистью очень вероятно), отменить последнее действие можно с помощью знакомого сочетания клавиш Ctrl+Z , а корректировать уровень размытости можно с помощью ползунка «Переход» .

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

Следом кликните по кнопке «Применить» .

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

Способ 5: SoftFocus

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

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

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

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

Три главных фактора:

Диафрагма
Фокусное расстояние объектива
Расстояние между объектом и фоном

Таким образом, чтобы продемонстрировать, как это работает, я создала несколько примеров, фотографируя дочку друга. Первая серия была сделана на расстоянии около 2 метров от парадной двери дома. Фокусные расстояния для всех примеров: 16 мм, 35 мм, 70 мм, 150 мм. Пока я нарочно не пишу, какую диафрагму использовала, скажу лишь то, что она на всех восьми изображениях одна и та же.

***Примечание: имейте ввиду, что я использовала полнокадровую камеру Canon EOS 5 D Mark III. Если вы используете неполнокадровую камеру (например, с кроп-фактором 1,5, то эквивалентными фокусными расстояниями для вас будут примерно 11 мм, 24 мм, 50 мм, 100 мм.

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

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

А как же диафрагма?

Как уже упоминалось, сначала я специально не писала, какую диафрагму использовала. Вы бы удивились, если бы я сказала, что все фотографии сделаны с диафрагмой f/5.6? Но это так и есть! Все изображения сделаны с диафрагмой f/5.6. Разве не о диафрагме вы думаете в первую очередь, когда кто-то говорит про размытый фон? У вас тоже есть китовый объектив с диафрагмой f/5.6?. Если это так, то наверняка вы думаете, что никогда не получите хорошо размытый фон, не купив светосильный объектив стоимостью сотни или тысячи долларов? Подумайте еще раз и читайте дальше!

Еще одно сравнение с диафрагмой f/2.8

Просто, чтобы доказать свою точку зрения, приведу еще две серии, снятые с диафрагмой f/2.8. Точно также, первая серия снята рядом с домом, а вторая подальше. Обратите внимание, насколько влияние фокусного расстояния и дистанции от фона на размытие больше, чем влияние диафрагмы. На самом деле не такая уж большая разница между этими изображениями и первыми, снятыми при диафрагме f/5.6.

Какие выводы можно сделать

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

Теперь посмотрите на изображение в начале статьи. Оно тоже снято на диафрагме f/5.6! Могу поспорить, что вы об этом даже не догадывались! Я не буду долго об этом рассказывать, а лучше приведу еще несколько фотографий, снятых в том же месте, чтобы вы сделали выводы сами.

Практикуйтесь и больше читайте

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Главная » Недвижимость » Инструменты для размытия заднего фона в Photoshop. Как размыть задний фон на фотографии