Размытый фон на фотографии в фотошопе. Размываем края фото в фотошопе. Несколько простых вариантов размытия фона

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

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

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

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

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

Универсальный редактор для фотографий

«Домашняя Фотостудия » – это современная и эффективная программа для обработки фотографий. Используя основные функции данного софта, любой пользователь сможет быстро и качественно отредактировать необходимые фотоснимки. Помимо стандартного набора действий (ретушь и устранение дефектов, улучшение качества изображения и т.д.) данный графический редактор включает свыше 100 уникальных эффектов и фильтров, десятки вариантов оформления фото: маски, рамки, коллажи, а также возможность создания открыток и календарей на основе ваших снимков. Приложение можно скачать на официальном сайте программы:

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

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

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

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

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

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

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

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

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

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

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

Вернемся к нашему примеру. Берем инструмент Кисть (Brush, B), ставим для нее цвет переднего фона: #000000 — черный (в палитре с инструментами внизу 2 квадратика – первый цвет переднего фона, второй – заднего фона) и нажимаем ОК .

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

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

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

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

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

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

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

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

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

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

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

Подготовка

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

Инструкция

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


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

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

Заключение

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

З ачем размывать фон? Причины могут быть самые разные. Иногда надо подчеркнуть объект в центре фото. Иногда фон нелицеприятный и тогда размытие является спасением. В каждом отдельном случае может быть свой резон размывать фон.

Рассмотрим на примере фотографии памятника два способа размытия фона в программе Фотошоп русскоязычной версии СS-4.

Размытие фона в фотошопе

Способ №1

1. После открытия картинки применить инструмент Лассо. Обвести фон по контуру, замкнув его.

2. К выделенной области применить такую последовательность: Фильтр — Размытие – Размытие по Гауссу. Выставить параметр радиуса на 2,1 пикселя или любой другой по вашему усмотрению. Нажать ОК.

3. Снять выделение сочетанием клавиш Сtrl + D.

4. Можно было бы так и оставить, но очень уж бросаются в глаза границы между размытыми и неразмытыми областями.

Поэтому воспользуемся инструментом «Размытие».

Установим кисточку нужного размера и пройдемся по всей границе. Теперь сохраним полученный результат.

Способ №2

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

2. После того, как мелкие детали обведены, можно увеличить кисть и за 1-2 секунды также обработать оставшуюся область фона.

Снять быструю маску нажатием буквы Q или на ту же кнопку. Инвертировать: Сtrl + Shift + I. Теперь можно повторить операцию с фильтром из первого способа, начиная со 2 пункта: то есть снова включить Фильтр — Размытие – Размытие по Гауссу – радиус 2,1 пикселя. Получится приблизительно такой же результат.

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

2 голоса

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

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

Края изображений

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

Итак, первое что нужно сделать – открыть фото.

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

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

Сейчас нужно выделить ту часть фотографии, которая в итоге останется незамутненной. Кстати, пока выделяете, нажмите на клавиатуре Shift. Это сделает фигуру – ровной. Прямоугольник превратится в квадрат, а овала в круг. Обращайте также внимание на появляющиеся красные линии, они помогают сделать рисунок ровным.

После того как вы закончите, найдите в верхней панели «Выделение», а затем «Инверсия». Хотя, я рекомендую вам учить сочетания клавиш. В данном случае: Shift+Ctrl+I.

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

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

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

Не могу объяснить причину, но почему-то среди дизайнеров в почете применять именно размытие по Гауссу. Давайте и мы не будем выделяться.

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

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

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

Смотрите как этот же метод работает с выделением по кругу. Как отрыть инструмент я уже рассказывал. Попробуем?

Зажимайте shift во время выделения, а затем сделайте инверсию.

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

Чтобы вас не раздражали ползающие муравьи, после того как закончите с фильтрами, одновременно нажмите Ctrl и D. Рисунок почти готов.

При помощи «Рамки», я обрезал фотографию, сделав ее квадратной.

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

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

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

Края объектов

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

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

Доброго времени суток, уважаемые читатели! Рад представить вашему вниманию очередной урок по редактору GIMP, из которого вы научитесь создавать эффект размытого заднего фона на фотографии .

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

Или например, при фотографировании какого нибудь блюда

От таких фотографий так и веет «профессиональностью».

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

Создайте тишину…, сейчас я раскрою вам страшную тайну рецепта такого кадра. Вам понадобится:

1) Хороший фотоаппарат, преимущественно «зеркалка» со сменными объективами, например бюджетный вариант Canon 1100d

2) Объектив с большой диафрагмой, например если у вас фотокамера компании Canon (как и у меня), то самым дешевым вариантом будет покупка объектива Canon 50 1.8

3) Одеваем объектив на камеру и устанавливаем творческий режим AV (или ручной — М), который позволяет регулировать значение диафрагмы.

4) Выставляем диафрагму на 2, а еще лучше на 1.8

5) Снимаем…

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

И как это делается, мы сейчас узнаем из сегодняшнего урока.

Шаг 1. Открываем исходное фото в редакторе

Шаг 2. На следующем шаге нужно выделить основной объект на фото , который мы хотим сделать резким. Для этого самым простым, но и в тоже время универсальным методом будет использование инструмента «Свободное выделение» или так называемое «Лассо» (как в фотошопе). После этого аккуратно обводим объект. Чем больше контрольных точек вы поставите, тем лучше.

Шаг 3. Пока активно выделение создаем копию исходного фото через меню «Слой –Создать копию» или нажав на пиктограмму «Создать копию слоя»

Шаг 4. Теперь нужно щелкнуть правой кнопкой мыши по верхнему слою и из открывшего контекстового меню выбрать пункт «Добавить альфа-канал».

После этого нажимаем кнопку Del. Посмотрите, что должно у вас получиться если временно отключить видимость нижнего слоя.

Снова включаем видимость ниженго слоя и снимаем выделение через «Выделение -Снять»

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

Справка: Данное значение зависит от исходной фотографии. Чем больше разрешение (размер фотки) тем больше вводимый параметр. Для данного примера я взял размер 30px

Шаг 6. По необходимости можно отрегулировать непрозрачность верхнего слоя с эффектом, для этого сдвиньте ползунок непрозрачности влево до получения желаемого эффекта. Например, я поставил значение 80.

Вот так, за несколько простых шагов, мы получили и резкий объект, на котором теперь акцентируется основное внимание нашего зрителя.

В скором времени планирую рассказать вам друзья про создание более реалистичного размытия фона с помощью дополнительного . Если не хотите пропустить выход данного урока, то советую .

На этом у меня все. Всем спасибо за внимание и до встречи в новых уроках.

P.S. Отдельное спасибо читательнице Lare, за идею урока!

С уважением, Антон Лапшин!

Маленький БОНУС:



Бизнес идеи