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

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

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

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

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

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

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

Улучшение снимков, придание им резкости и четкости, контрастности оттенков – основная забота Фотошопера. Но в некоторых случаях требуется не усилить резкость фото, а наоборот размыть его.

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

Здесь мы видим несколько фильтров. Давайте кратко поговорим о наиболее применяемых из них.

Этот фильтр применяется в работе чаще всего. Для размытия здесь используется принцип гауссовских кривых. Настройки фильтра предельно просты: сила эффекта регулируется ползунком с названием «Радиус» .

Размытие и Размытие+

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

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

Скручивание:

Результат:

Результат:

Это основные фильтры размытия в Фотошопе. Остальные инструменты являются производными и используются в специфических ситуациях.

Практика

На практике используем два фильтра – и .

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

Используем Радиальное размытие

1. Создаем две копии фонового слоя (CTRL+J два раза).

   

2. Далее переходим в меню «Фильтр – Размытие» и ищем .

   

   Метод «Линейный» , качество «Наилучшее» , количество – максимум.

   

   Нажимаем ОК и смотрим на результат. Чаще всего бывает недостаточно однократного применения фильтра. Для усиления эффекта нажимаем CTRL+F , повторяя действие фильтра.

   

Теперь нам необходимо удалить эффект с ребенка.

3. Создаем маску для верхнего слоя.

   

4. Затем выбираем кисть.

   

   Форма — мягкая круглая.

   

   Цвет черный.

   

5. Переходим на маску верхнего слоя и закрашиваем эффект черной кистью на участках, не относящихся к фону.

   

6. Как видим, эффект сияния не очень хорошо выражен. Добавим немного солнечных лучей. Для этого выбираем инструмент «Произвольная фигура»

   

   и в настройках ищем фигуру такой же формы, что и на скриншоте.

   

7. Рисуем фигуру.

   

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

   

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

   

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

   

10. Лишние участки фигуры нужно удалить. Оставаясь на слое с фигурой, зажимаем клавишу CTRL и кликаем по маске нижнего слоя. Этим действием мы загрузим маску в выделенную область.

    

11. Затем кликаем по значку маски. На верхнем слое автоматически создастся маска и зальется черным цветом на выделенном участке.

    

С радиальным размытием мы закончили, теперь перейдем к размытию по Гауссу.

Используем размытие по Гауссу

1. Создаем отпечаток слоев (CTRL+SHIFT+ALT+E ).

   

2. Делаем копию и идем в меню «Фильтр – Размытие – Размытие по Гауссу» .

   

3. Размываем слой достаточно сильно, выставив большой радиус.

   

4. После нажатия кнопки ОК , меняем режим наложения для верхнего слоя на «Перекрытие» .

   

5. В данном случае эффект получился слишком выраженным, и его необходимо ослабить. Создаем маску для данного слоя, берем кисть с теми же настройками (мягкая круглая, черного цвета). Непрозрачность кисти выставляем в 30-40% .

   

6. Проходим кистью по лицу и рукам нашей маленькой модели.

   

Еще немного улучшим композицию, осветлив лицо ребенка. Создаем корректирующий слой «Кривые» .



7. Выгибаем кривую вверх.
   
   
8. Затем переходим в палитру слоев и кликаем по маске слоя с Кривыми.

   

9. Нажимаем клавишу D на клавиатуре, сбрасывая цвета, и жмем сочетание клавиш CTRL+DEL , заливая маску черным цветом. Эффект осветления пропадет со всего изображения.
10. Снова берем мягкую круглую кисть, на этот раз белого цвета и непрозрачностью 30-40% . Кистью проходимся по лицу и рукам модельки, осветляя данные участки. Не перестарайтесь.

    

Давайте взглянем на результат нашего сегодняшнего урока:

Таким образом, мы изучили два основных фильтра размытия – и .

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

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

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

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

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

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

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

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

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

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

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

Если мы посмотрим на изображение в области предварительного просмотра, мы видим две вещи. Во-первых, ко всему фото применён первоначальный эффект и распространяется он равномерно по всей площади изображения, подобно тому, как мы получили бы при помощи одного из традиционных фильтров в Photoshop, таких, как "Размытие по Гауссу", "В движении", "Ветер" и т.п.
Вторая и более интересная вещь, которую мы заметили, это значок круглой формы, расположенный в центре изображения. Эта икона известна как "контактная булавка", в английской версии - Pin. По умолчанию Photoshop добавляет оду булаку, но мы можем добавить их столько, сколько понадобится:

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

Слайдер размытия

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

Перемещение и добавление булавок

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

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

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

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

Теперь повторю эти действия с другим глазом:

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

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

Временное скрытие и удаление булавок

Единственная проблема, возникающая при работе с этим инструментом заключается в том, что они, как правило, загромождают изображение, что затрудняет увидеть эффект действия фильтра. Мы можем временно скрыть скрыть булавки, нажав и удерживая клавишу клавиатуры H ("H" - первая буква в слове "Hide" - "скрыть"). При нажатой клавише булавки исчезают, при отпускании появляются вновь.

Вы также можете в любое время сравнить вашу работу, находящуюся в стадии разработки, с не-размытым оригинальным вариантом, сняв галку с опции "Просмотр" в панели параметров, находящейся вверху окна программы. Чтобы снова вернуть просмотр размытия обратно, поставьте галку в чекбокс заново. Также включать и выключать предпросмотр можно с помощью нажатия клавиши клавиатуры P:

Для удаления нежелательной булавки кликните по ней для её активации и нажмите клавишу Delete на клавиатуре. Или, если вы хотите убрать все булавки, имеющиеся в документе, кликните по кнопке "Удалить все булавки" (Remove All Pins), расположенной в панели параметров:

Применение действия инструмента

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

Посмотрите ещё раз на оригинал (слева) и итоговый результат (справа):

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

Результат

Исходники

Шаг 1

Начнем с фотографии бегущего мальчика. Само фото четкое и игрок вышел отлично. Однако давайте добавим эффекта движения. Выделите мальчика при помощи инструментов выделения: Quick Selection/Быстрое выделение, Lasso/Лассо или Pen/Перо.

Шаг 2

Копируйте мальчика в новый слой (Ctrl+J).

Шаг 3

В меню выберите Filter > Blur > Motion Blur/Фильтр>Размытие>Размытие в движении .

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

Настройте слайдер Distance/Расстояние пока не получите желаемый результат.

Шаг 4

Теперь ваше изображение должно выглядеть примерно так:

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

Шаг 5

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

Внесите коррекции в маску при помощи кистей, например полностью убрав размытие с лица игрока.

Больше контроля над размытием

Иногда хочется иметь больше контроля над размытием. В таком случае будет полезен следующий метод.

Шаг 1

Начнем работу с фотографией леса. Дублируйте фоновый слой и выберите в меню Filter > Blur Gallery > Path Blur/Фильтр>Галерея размытия>Размытие контура .

Шаг 2

Кликните по изображению чтобы создать точку. От нее тяните контур в ту сторону, в направлении которой хотите создать размытие. Создайте контуры от центра (но не от самого центра — оставьте отступ) к краям. Размытие повторит направления.

Шаг 3

Когда закончите, нажмите Ок и укажите слою маску. Растушеванной кистью черного цвета замаскируйте эффект в самом центре изображения.

Снизьте opacity/непрозрачность слоя примерно до 60%.

Результат

Эта техника также называется «зум-эффект» и часто используется фотографами.

Перевод — Дежурка