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

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

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

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

<--break->

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

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

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% и порисовал ей в области лица девушки и вот что у меня получилось:

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

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

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

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

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

Отзывов к посту "Как размыть задний фон в фотошопе. Подробный урок" уже 38:

Аватар пользователя Гость

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

Аватар пользователя Александр

Хороший урок. Все стало понятно

Аватар пользователя Анна

спасибо большое за урок, это было действительно полезно и очень понятно)

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

Аватар пользователя Елена

Большое спасибо! все понятно!урок хороший.

Аватар пользователя Евгений

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

Аватар пользователя Николай

Отличная статья! Возьму на вооружение данный приём)

Аватар пользователя Вера

ДОбрый день Сергей!  Урок очень понятняй, но у меня проблема ......доходя практически до конца, когда надо кистью убирать размытие........тщетно, ничего не убирается..........все делаю вроде правильно. 

Аватар пользователя Сергей

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

Аватар пользователя ervin444

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

Аватар пользователя Гость

Спасибо! Все очень наглядно и понятно. Только я бы еще добавила строчку о том как это все правильно сохранить.

 

Аватар пользователя Оксана

Не получается (. Все делаю по инструкции, а размываются почему-то оба слоя одновременно.

Аватар пользователя ГАЛИНА

Спасибо за урок. Очень полезный

Аватар пользователя Гость

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

Аватар пользователя Ольга

Благодарю за урок. Очень помог)

Аватар пользователя Сергей

Когда рисую по маске так появляются белые и серые квадратики, что делать?

Аватар пользователя Ирина

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

Аватар пользователя Анна

Изучила кучу материала по этой теме, но на практике ничего не получилось. Пока не нашла ваш урок. Действительно, он самый понятный!!! Огромное спасибо!!!

Аватар пользователя Дмитрий

Самый понятный урок по данной теме. Спасибо!

Аватар пользователя ди

Спасибо за урок, это моя первая работа в фотошопе, только вот беда, - я не могу сохранить готовую обработанную фотографию!!! Нажимаю и Сохранить, и Сохранить как. Все без толку! Как быть?((

Аватар пользователя Катерина

Спасибо за подробный урок с картинками!!! Наконец-то разобралась.
Очень помог с фоном. Этот урок я уже усвоила - пойдем дальше))))
Кстати, работаю с английским интерфейсом Фотошопа, поэтому ваша статья была очень актуальная.

Аватар пользователя Гость

Уважаемый Сергей! Спасибо Вам большое за помощь малоопытным пользователям, все получилось! На Ваш сайт попала впервые, теперь, по необходимости, сразу буду обращаться за помощью к Вам!

Аватар пользователя Михаил

Сергей, как книгу получить? Огромное спасибо Вам за помощь нам
начинающим работать с фотошопом.

Аватар пользователя Оксана

Спасибо большое за урок! Я в этом деле вообще чайник-чайником.

Вашими советами воспользовалась, правда, не для Фотошопа, а для pixlr, и по аналогии все получилось сделать.

Еще раз спасибо, очень полезная статья.

Аватар пользователя Гость

Только я в конце не поняла как это потом все объединить

Аватар пользователя Светлана

Спасибо большое! Очень понятный урок для таких не профессионалов, как я :)

Аватар пользователя Alex

Спасибо за урок. Попробовал - отлично. Просьба или совет - сделать версию интернет страницы для печати, для сохранения урока в удобном виде, без "интернет-мусора".

Аватар пользователя Сергей Иванов

пожалуйста, ваше пожелание понял, осталось только плагин подходящий найти)

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

Аватар пользователя Гостьвладимир

Сергей спасибо за урок. Попробовал - все получилось.

ОЧЕНЬ ВАМ БЛАГОДАРЕН ЗА ВАШУ РАБОТУ .

Владимир.

Аватар пользователя Сергей Иванов

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

Аватар пользователя Юрий

Перешел на Анг. версию так как русский фотошоп не поддерживает больше половина экшенов и остальных дополнений, рус. всегда был на 10-20% глючный. (Так как экшены прописаны под англиский интерфейс)

Аватар пользователя Сергей Иванов

И правильно сделали. Я тоже только в английской версии работаю, только для уроков использую русскую, так как людям удобнее на русском уроки)

Аватар пользователя Гость

все таки в англ.версии удобней!

Аватар пользователя Гость

Спасибо за уроки, очень полезные!!!

Аватар пользователя Сергей Иванов

пожалуйста)

Аватар пользователя Виталий

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

Аватар пользователя Сергей Иванов

Скорее всего вы пишите про уроки в моей электронной книге, последние уроки/видеоуроки (это примерно с полгода) я делаю в русскоязычной версии фотошоп.

Аватар пользователя Александр

Хороший урок. Все стало понятно.

Отправить комментарий

Содержимое этого поля является приватным и не будет отображаться публично.
  • Строки и параграфы переносятся автоматически.
  • Используйте специальные теги [adsense:format:slot] или [adsense:format:[group]:[channel][:slot]] или [adsense:block:location] для показа Google AdSense ads.
  • Вы можете использовать метки BBCode в тексте.
  • Вы можете разместить код, используя теги <code>...</code>(общий) или <?php ... ?> (выделенный PHP).

Подробнее о форматировании