Как сделать размытый фон в photoshop

Обновлено: 07.07.2024

Если вы не владелец техники, которая сама размывает фон, то можно красиво размыть фон на фотографии в Photoshop. Есть несколько способов, как размыть фон на фото в Фотошопе CS6 (или других версиях этого фоторедактора):

  • С помощью фильтров
  • С помощью инструмента “Размытие”

Для размытия фона любым из вышеперечисленных методов могут понадобится навыки выделения объекта на фото.

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

Чтобы сделать фон на фотографии сзади размытым, используйте Фотошоп для размытого фона. Как сделать фон размытым в Фотошопе:

  1. Выделите объект, который планируете размыть (если элементов, которые вы хотите размыть много, выделите ту часть фото, которую планируете оставить в резкости и нажмите Ctrl+Shift+I. Произойдёт инверсия выделенной области, и выделенным окажется всё, что не планировали оставлять в резкости)
  2. Настройте края выделенной области
  3. Откройте вкладку “Фильтр” на верхней панели
  4. Во вкладке “Фильтр” найдите “Размытие” и наведите на него. Появится меню с различными типами размытия:
    • По Гауссу
    • “Умное” размытие
    • Радиальное
    • Размытие в движении и другие
  5. Выберите тип размытия, который хотите применить к фону. В некоторых типах вам будет предложено выбрать радиус размытия, или интенсивность размытия, а в некоторых – нет. Настройте радиус, если такая возможность есть в том типе, который вы выбрали, и нажмите “ОК”

Если у вас остались вопросы, касательно того, как сделать фон размытым, то смело задавайте их в комментариях

Как размыть задний фон инструментом “Размытие”

Инструментом “Размытие” можно пользоваться без выделения области. Как размыть задний фон на фото в Фотошопе:

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

как размыть задний фон

Как сделать фото с размытым задним фоном, показано в видео:

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

Как размыть фон онлайн любой фотографии?

Чтобы размыть фон онлайн, перейдите в Фотошоп онлайн. Затем, чтобы бесплатно размыть задний фон на фото онлайн:

  1. Нажмите “Файл” – “Открыть изображение”
  2. Загрузите фото, на котором необходимо сделать задний фон размытым онлайн
  3. Выберите инструмент “Размытие”
  4. Настройте размер и плотность кисти
  5. Водите кистью по участкам, где надо размыть задний фон на фото онлайн

размыть фон онлайн

Как изменить цвет фона в Фотошопе? Просто!

Чтобы изменить цвет фона картинки в Фотошопе, выберите и откройте фото с однотонным фоном. Мы используем изображение с фруктом на белом фоне. Воспользуйтесь любым удобным способом выделения. Мы используем инструмент “Быстрое выделение”. Как в Фотошопе изменить цвет фона на фотографии:

  1. Выделите всю область изображения, которая должна остаться без изменений. Если вы выделили ненужный фрагмент – не волнуйтесь и не отменяйте всё выделенное. Достаточно просто зажать клавишу Alt и кликнуть в той области, которая была лишней. Затем отпустите клавишу и продолжайте выделять нужное
  2. Когда все необходимые элементы будут выделены, перейдите на верхнюю панель и найдите вкладку “Выделение”, а в ней – “Уточнить край”
  3. Поэкспериментируйте со значениями в открывшемся окне так, чтобы края выделенного изображения были чёткими и не захватывали лишние (соседние) пиксели
  4. Нажмите “ОК”, когда добьётесь нужного эффекта
  5. Нажмите “Фильтр” – “Инверсия”, чтобы выделенная область оказалась не выделенной, а вся остальная – выделенной
  6. Выберите цвет, которым хотите залить фон и кликните по инструменту “Заливка”
  7. Этим инструментом кликните по выделенному фону

Размытый задний план (или фон) позволяет убрать отвлекающие элементы и сконцентрировать внимание зрителя на основном объекте съёмки. Самое правильное — ещё на этапе съёмки размыть фон с помощью оптики, открытой диафрагмы и правильного выбора фокусного расстояния, но немного воспроизвести этот эффект можно и в Photoshop.


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

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

Открываем фотографию в Adobe Photoshop.



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

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



В последний раз повторяем последовательность действий — копирование слоя → размытие копии. Теперь радиус размытия ставим еще больше, около 30 пикселей. Но конкретное значение будет зависеть от размера вашего изображения.


В результате этих операций у нас получается 4 слоя — исходный резкий слой и три слоя с размытием, при этом степень размытия увеличивается с каждым слоем.


Теперь наша задача — сделать плавный переход от сильного размытия к слабому в зависимости от расстояния от объектов до девушки (она должна быть в фокусе и резкой).

Добавляем маску к самому верхнему слою, так как на нём самая большая степень размытия.


Вот у нас и получился плавный переход между двумя степенями размытия. Подобную операцию проделываем и на слое Background Copy 2 со средней степенью размытия. Только в нём надо сделать плавный переход от средней части кадра к нижней, а значит центр градиента должен быть ниже, чем в предыдущем случае.


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

Размытие на фотографии уже выглядит довольно естественно, остался один небольшой штрих — размыть передний план. Кликаем по слою Background Copy, на котором самое слабое размытие, добавляем к нему маску и накладываем градиент.


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


Теперь к папке можно добавить маску. Она будет оказывать влияние на все слои, которые объединили в эту группу — очень удобно.

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Автор урока — Александр Акимов

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

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

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

p, blockquote 1,0,0,0,0 -->

p, blockquote 2,0,0,0,0 -->

И так давайте делать все по-порядку.

p, blockquote 3,0,0,0,0 -->

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

p, blockquote 4,0,0,0,0 -->

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

1. Скачиваем фотографию себе на компьютер и открываем в фотошопе Файл→Открыть (File→Open или CTRL+N – в скобочках вместе с переводом буду указывать сокращения – проще говоря “горячие” клавиши, которые позволяют экономить время в программе фотошоп).

p, blockquote 5,0,0,0,0 -->

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

p, blockquote 6,0,0,0,0 -->


p, blockquote 7,0,0,0,0 -->


p, blockquote 8,0,0,0,0 -->

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

p, blockquote 9,0,0,0,0 -->

2. Фотография имеет большой размер, давайте немного его уменьшим (что бы помещалась на экране, этот шаг можно пропустить), идем в меню Изображение→Размер изображения (Image→Image Size… или Alt+Ctrl+I) и уменьшаем размер нашей фотографии, я сделал по ширине 500 пикселей, по высоте программа автоматически сделала 750 пикселей, далее нажимаем ОК.

p, blockquote 10,0,0,0,0 -->

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

p, blockquote 11,0,0,0,0 -->


p, blockquote 12,0,0,0,0 -->


3. Давайте поставим 100% масштаб для фотографии, для этого два раз кликаем левой кнопкой мыши по инструменту Масштаб (Zoom или Z).

p, blockquote 13,0,0,0,0 -->

p, blockquote 14,0,0,0,0 -->

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

p, blockquote 15,0,0,0,0 -->


p, blockquote 16,0,1,0,0 -->


p, blockquote 17,0,0,0,0 -->

4. После этого идем в меню Окно (Windows) и выбираем палитру Слои (Layers или F7). Открывается палитра для работы со слоями в фотошопе.

p, blockquote 18,0,0,0,0 -->

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

p, blockquote 19,0,0,0,0 -->


p, blockquote 20,0,0,0,0 -->

Выбираем наш слой, сейчас он единственный в документе, кликаем по нему правой кнопкой мыши и выбираем пункт Создать дубликать слоя (Dublicate Layer…).

p, blockquote 21,0,0,0,0 -->

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

p, blockquote 22,0,0,0,0 -->


p, blockquote 23,0,0,0,0 -->

Создается копия слоя (слои полностью идентичный начальному). Назовем его Копия и нажимаем ОК.

p, blockquote 24,0,0,0,0 -->

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

p, blockquote 25,0,0,0,0 -->


p, blockquote 26,0,0,0,0 -->

4. Теперь перейдем к созданию размытия на фотографии. Идем в меню Фильтр (Filter) и выбираем команду Размытие (Blur, как видите способов размытие несколько, мы выберем пункт Размытие по Гауссу, Gaussian Blur).

p, blockquote 27,0,0,0,0 -->

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

p, blockquote 28,0,0,0,0 -->


p, blockquote 29,0,0,0,0 -->

Я выбрал значение 3 пикселя.

p, blockquote 30,0,0,0,0 -->

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

p, blockquote 31,0,0,0,0 -->


p, blockquote 32,0,0,0,0 -->

В итоге у меня получилось так.

p, blockquote 33,1,0,0,0 -->

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

p, blockquote 34,0,0,0,0 -->


p, blockquote 35,0,0,0,0 -->

И так фон мы с вами размыли (надесь тут все понятно и у вас больше не будет вопросов как сделать размытый фон в фотошопе), осталось сделать четкой нашу невесту на переднем плане. Для этого идем в палитру Слои (Layers, F7), выбираем наш размытый слой и кликаем по кнопочке Добавить слой-маску (Add Layer Mask).

p, blockquote 36,0,0,0,0 -->

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

p, blockquote 37,0,0,0,0 -->


p, blockquote 38,0,0,0,0 -->

На слой добавляется маска.

p, blockquote 39,0,0,0,0 -->

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

p, blockquote 40,0,0,0,0 -->


p, blockquote 41,0,0,0,0 -->

Вкратце расскажу, как работают маски в фотошопе, рисуя по маске черным цветом мы удаляем (как бы протираем) содержимое слоя, рисуя по маске белым цветом мы восстанавливаем содержимое слоя.

p, blockquote 42,0,0,0,0 -->

p, blockquote 43,0,0,0,0 -->

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

p, blockquote 44,0,0,0,0 -->


p, blockquote 45,0,0,0,0 -->

После этого выбираем наш размытый слой, выбираем пиктограмму маски в палитре слоев.

p, blockquote 46,0,0,0,0 -->

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

p, blockquote 47,0,0,0,0 -->


p, blockquote 48,0,0,0,0 -->

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

p, blockquote 49,0,0,0,0 -->

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

p, blockquote 50,0,0,1,0 -->


p, blockquote 51,0,0,0,0 -->

Выпадает окошко, в котором можно выбрать размер кисти и жесткость.

p, blockquote 52,0,0,0,0 -->

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

p, blockquote 53,0,0,0,0 -->


p, blockquote 54,0,0,0,0 -->

Если с размером кисти все понятно, чем больше число, тем больше размер кисти. По поводу жесткости поясню, чем больше процент жесткости у кисти, тем четче получаются края при рисовании. Если же поставить жесткость меньше 100% края кисти при рисовании получаются размытыми, тем самым получается плавный переход в нашем уроке. Нам нужно экспериментировать с жесткостью во время обработки изображения.

p, blockquote 55,0,0,0,0 -->

Я взял кисть с жесткостью в 20% и порисовал ей в области лица девушки и вот что у меня получилось:

p, blockquote 56,0,0,0,0 -->

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

p, blockquote 57,0,0,0,0 -->


p, blockquote 58,0,0,0,0 -->

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

p, blockquote 59,0,0,0,0 -->

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

p, blockquote 60,0,0,0,0 -->


p, blockquote 61,0,0,0,0 -->

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

p, blockquote 62,0,0,0,0 -->

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

p, blockquote 63,0,0,0,0 -->

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

p, blockquote 64,0,0,0,0 -->


p, blockquote 65,0,0,0,0 -->

Как видите размыть фон на фотографии в фотошопе совсем не трудно (немного потренировавшись в этом, вы будите выполнять такие операции на автомате).

p, blockquote 66,0,0,0,0 --> p, blockquote 67,0,0,0,1 -->

У вас возникли вопросы по ходу урока, пожалуйста задавайте их в комментрариях уроку.

Читайте также: