Как размыть фон онлайн любой фотографии? Делаем размытый фон в Photoshop правильно

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подготовка

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

Инструкция

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

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

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

Заключение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сразу же вы должны запомнить, что нужный эффект достигается при помощи
функции «Размытие по Гауссу». Если его применить к любому снимку, то
сложится ощущение, что фотограф забыл сфокусировать свою камеру. Но нам
нужно понять, как размыть фон в Фотошопе, а не всё изображение. Поэтому
первоначально следует выделить объект, остающийся в зоне резкости. Для
этого предназначены несколько способов. Самый простой заключается в
использовании инструмента «Магнитное лассо». Если вы уже умеете им
пользоваться (в одном из прошлых уроков мы подробно рассказывали о его
работе) - это очень хорошо. Если же навыков вам не хватает, то придется
попотеть. Но в данном уроке мы лишь кратко коснемся данного способа. В
первую очередь стоит рассказать о том, как можно получить размытый
задний фон при помощи маски. Для новичка это сложно, но зато результат
получается впечатляющий. На обработку одной фотографии у вас может уйти
15-20 минут.
Размытый фон в Фотошопе CS5
Для начала необходимо создать копию существующего слоя. Это делается в
панели «Слои». Просто откройте данную палитру и нажмите сочетание
клавиш Ctrl+J. Ещё можно перетащить слой «Фон» на кнопку «Создать новый
слой». Это также приведет к появлению его копии.

Новоявленный слой нужно размыть. Как сказано выше, для этого
используется фильтр «Размытие по Гауссу». Он находится по пути
«Фильтр-Размытие-Размытие по Гауссу». Регулировка фильтра осуществляется
при помощи перетаскивания ползунка, влияющего на радиус размытия.
Ориентируйтесь в этот момент на задний фон. Он должен быть размыт так,
будто вы делали снимок зеркальной камерой при широко раскрытой
диафрагме. Не переборщите, иначе картинка будет выглядеть не
реалистично. Если изменения на фотографии не отображаются, то поставьте
галочку напротив пункта «Просмотр». Так создается размытый фон в
Фотошопе CS5 более поздних версиях.


Когда степень размытия вас устроит - жмите кнопку «OK». Теперь к данному
слою нужно применить слой-маску. Для этого перейдите по пути
«Слои-Слой-маска-Показать все». Никаких внешних изменений после нажатия
на этот пункт вы не заметите. Зато в панели «Слои» вы увидите белый
прямоугольник.

А сейчас начинается самое сложное. Маски в Фотошопе позволяют убрать
действие примененного фильтра с указанных областей. Поэтому нужно
указать программе, что человек на фото должен остаться резким. Для этого
придется его полностью закрасить черным цветом. Это сложно, поэтому
увеличьте масштаб картинки до 100%.
Выберите черный цвет, после чего перейдите к инструменту «Кисть».
Жесткость выставьте на уровне 20%. Диаметр же зависит от разрешения
вашей фотографии и размеров человека. Когда диаметр вас устроит -
начинайте рисовать черным цветом по объекту съемки.


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

Пройдитесь белым цветом по контуру человека. Вы должны добиться того,
чтобы не была резкой даже частичка заднего фона. Можете для точности
уменьшить размер кисти и увеличить масштаб картинки до 200-300%.

Большая часть работы готова: сделать размытый фон в Фотошопе у нас
уже получилось. Но вокруг человека сейчас имеется своеобразный ореол с
его размытым контуром. От него нужно избавиться. Для этого используется
инструмент «Штамп».

Сведите оба слоя в один. Для этого перейдите по пути «Слои-Выполнить
сведение». Фоновый слой необходимо разблокировать. Для этого дважды
щелкните по нему в панели «Слои» и присвойте ему какое-нибудь название.
Далее задействуйте инструмент «Штамп». Поставьте нажим на уровне 10%.
Остается лишь убрать все имеющиеся артефакты. Как работать этим
инструментом - вы уже должны знать. Если это не так, то Photoshop всё
вам объяснит. Если вкратце, то данный инструмент копирует одну область
картинки в другое место. Область, которую необходимо скопировать,
выбирается путем нажатия клавиши Alt и левой кнопки мыши. Затем щелкните
рядом с контуром человека, чтобы на нём появился штамп в виде
скопированной окружности. Не забудьте отрегулировать диаметр кисти,
иначе вы рискуете сильно залезть на фигуру человека или провозиться
слишком долго.

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