Размываем задний фон в фотошопе. Основные приемы размытия в Photoshop

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

На языке фотографов данный эффект называется Боке. Достигается данный эффект благодаря определенной настройки экспозиции и качество данного эффекта напрямую зависит от объектива.

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

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

Решение данной задачи я буду показывать в Photoshop’е версии 2, так как она бесплатная. Процедура будет одинаковой независимо от версии программы.

Открываем нужное фото в фотошопе. Да бы не затрагивать чьи либо права на фото роль человека будет играть белый прямоугольник.
Нужно создать дубликат слоя. Для этого кликните правой кнопкой мыши по слою и нажмите «Скопировать слой» («Дубликат слоя»).
Теперь нам нужно отделить фон на отдельный слой. Для этого перейдите на верхний слой и откройте «Фильтр — Извлечь» или нажмите на клавиатуре Alt + Ctrl + X
С помощью маркера обведите ту часть снимка, которую размывать не будем. Для изменения размера и чувствительности маркера воспользуйтесь правой панелью инструментов.
Можно корректировать выделение с помощью ластика.Контур должен быть замкнут. После необходимо залить оставшеюся область снимка и нажать «Ок»
В итоге мы имеем два слоя. На одном передний план, на втором задний. Нам осталось размыть задний план.
Открываем «Фильтр — Размытие — Размытие по Гауссу (Gaussian Blur)» и с помощью ползунка задаем интенсивность размытия.
Для сохранения результата нажмите «Ок»
Сохраните изображение на компьютере (Shift + Ctrl + S)

Вот и все. Вот такой получился результат.

(Необязательно) Если изображение содержит несколько слоев, выберите для работы слой с изображением, резкость которого нужно отрегулировать. За один прием фильтр «Контурная резкость» можно применять только к одному слою, даже если слои связаны или сгруппированы. Перед тем как применять фильтр «Контурная резкость», можно объединить слои.

Выберите «Фильтр» > «Резкость» > «Контурная резкость». Убедитесь, что параметр «Просмотр» выбран.

Примечание.

Щелкните изображение в окне предварительного просмотра и удерживайте кнопку мыши, чтобы увидеть изображение без регулировки резкости. Увидеть различные части изображения в окне предварительного просмотра можно с помощью перетаскивания, а кнопки «+» или «–» управляют масштабом изображения.

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

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

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

Чтобы задать степень увеличения контрастности пикселов, перетащите ползунок параметра «Эффект» или введите соответствующее значение. Для изображений, которые распечатываются с высоким разрешением, обычно рекомендуются значения от 150% до 200%.

Задайте разницу, в зависимости от которой рассматриваемые пикселы будут распознаваться по сравнению с окружающими пикселами как контуры для последующей обработки фильтром. Для этого перетащите ползунок параметра «Порог» или введите соответствующее значение. Например, порог равный 4 означает обработку всех пикселов, тоновые значения которых по шкале от 0 до 255 отличаются на 4 единицы и более. Таким образом, смежные пикселы со значениями 128 и 129 обрабатываться не будут. Чтобы избежать шума или постеризации (например, на изображениях с телесными тонами), рекомендуется использовать маску краев или попытаться подобрать пороговое значение от 2 до 20. Пороговое значение по умолчанию (0) означает увеличение резкости всего изображения.

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

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

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

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

Ну вот вроде и всё. Смотрится красиво. Но давайте посмотрим и пару других способов для расширения кругозора.

Ластик

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

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

Маска слоя

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

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

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

Ну а на этом я сегодняшний урок заканчиваю. Я очень надеюсь, что он был для вас интересен и полезен. Поэтому рекомендую вам подписаться на обновления блога, чтобы быть в курсе всего интересного. Ну а я с вами на сегодня прощаюсь, увидимся с вами в других статьях. Пока-пока!

С уважением, Дмитрий Костин

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

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

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

Таким образом, чтобы продемонстрировать, как это работает, я создала несколько примеров, фотографируя дочку друга. Первая серия была сделана на расстоянии около 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! Могу поспорить, что вы об этом даже не догадывались! Я не буду долго об этом рассказывать, а лучше приведу еще несколько фотографий, снятых в том же месте, чтобы вы сделали выводы сами.

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

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

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

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

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

Способ 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

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

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

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