Мастер-класс по созданию размытого заднего фона на фотографии

[киндер-каприз 0]

Сначала опишу самый простой способ.

1) Открываем в Фотошоп фотографию, которой необходимо «замылить» задний фон.

 

 

 

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

 

 

У нас два слоя, мы как бы раздели фото на 2-х мерное изображение - передний план (где будем создавать слой-маску) и задний/фоновый (который будем "замыливать").

К тому же у нас будет возможность исправить "косяки" при нанесении маски.

 

3) С нижнего слоя (фонового слоя) мы должны снять блокировку/защиту слоя. Это маленький замочек рядом с иконкой слоя.

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

 

 

Для этого в палитре "слои" 2 раза кликаем на нижний слой (тот который оригинал), появится вот такое окошко

 

 

Соглашаемся, нажимаем ОК (если хотите можете переименовать этот слой, тогда вместо слова "Слой 0" напишите свое имя слою)

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

 

 

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

 

 

 

Теперь в палитре инструментов выбираем кисть.

Далее необходимо выставить размер и жесткость кисти. Так что бы она была не жесткой, т.к. слишком резко обрубит края, и не слишком мягкой, что бы не захватывала не нужные нам области. Для меня оптимальным был размер 35 пикс., а жесткость 72 %.

 

 

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

 

 

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

 

 

5) Готова наша маска. В соответствующем канале она будет выглядеть как черный силуэт. Переключаемся с каналов на слои (это все вкладки в правом нижем углу, в палитре «слои»).

 

 

6) Теперь нам нужно перейти со слоя-маски на фото. Для этого в палитре «слои» там, где стоит слой с прикрепленным прямоугольным белым окошком с черным силуэтом (нашей слой-маской) нужно активировать/ткнуть на фото, вот сюда

 

 

т.о. мы активировали то, над чем будем работать.

 

 

7) Теперь заходим в меню ”Filter” (”Фильтры”), находим пункт ”Blur” (”Размытие”) и выбираем ”Gaussian Blur” (”Гаусово размытие”). Ползунок двигаем до тех пор пока размытие появившееся на фото и в окошечке вас не устроит. НО при этом не забывайте, что оно должно смотреться естественно и не переусердствуйте. Чем крупнее план фото, тем размытее задний будет, чем мельче (во весь рост или до пояса например) тем размытие будет меньше. У меня это 9,5 пикс. Нажимаем «ОК».

 

 

8) Готово!

Если не точно создали слой – маску, то вокруг изображения (где не точности) появится вот такой вот косяк

 

 

Было

 

 

Стало

 

 

Ссылка на оригинальный размер

http://s017.radikal.ru/i431/1201/29/b1b0248b7dc9.jpg

 

Второй способ описан чуть ниже. Через 2 комментрия по-моему.

Изменено 16 февраля 2012 пользователем киндер-каприз

[scor2k 0]

А можно еще поиграться с другими вариантами Blur, например Lens Blur. Тем самым получить более правдоподобный результат (имхо).

[aventura 0]

scor2k, мастер класс, пожалуйста

[киндер-каприз 0]

Теперь второй способ.

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

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

Что это такое вот коротко нашла описание (мне кажется будет проще это сделать, если понимаешь что ты делаешь и о чем идет речь).

«…Карта глубины в программе Photoshop это изображение серой шкалы, которое используется в качестве альфа канала. Карту глубину можно применять через фильтр Размытие при малой глубине резкости (Lens Blur filter), чтобы создать ”выборочное размытие”. Фильтр применяет различную степень размытия к каждому оттенку серого. На более тёмных оттенках серого, будет меньше применяться размытие к вашему изображению. Для получения реалистичного эффекта глубины резкости, вы должны применить различную степень размытия на объектах в зависимости от их расстояния до камеры, точно так же, как будто до настоящей камеры…»

Ну вот как-то так, не знаю понятно или нет….

Ну вот еще пример нашла.

 

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

 

1) Открываем в Фотошоп фотографию, которой необходимо «замылить» задний фон.

 

 

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

 

3) В этом слое (не смотря на то, что это фото) рисуем гардиент, от черного к белому.

Если кому-то нужно объяснить как создать гардиент – пишите я расскажу. Пока не буду на этом останавливаться.

 

 

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

Выделяем эти объекты по отдельности, с помощью полигонального/прямолинейного лассо, быстрого выделения, магнитного лассо – у кого какой способ. Опять же у кого вдруг трудности – пишите я расскажу.

Сначала ребенка выделили – скопировали на новый слой. Затем спинку качелей – скопировали на новый слой.

 

 

 

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

 

 

6) Вот, что у нас получилось

 

 

7) Далее нам нужно создать карту глубины для основного заднего фона. Если мы оставим тот гардиент, что у нас уже есть, т.е. вот этот

 

 

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

Для этого мы создаем еще один слой с гардиентом который подходит для нашего фото. Вот такой

 

 

Умерено светлый оттенок нижней части, слегка размоется на фото, а то что белое станет совсем размытым.

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

 

8) Теперь самое интересное.

После того как создали все детали, слейте слой градиента и детали в один слой.

Для этого оставляете в видимости только эти 3 слоя и сливаете их (слои – объединить видимые). Либо с помощью клавиши Ctrl выделяем нужные 3 слоя и нажимаем Ctrl+E.

 

 

перейдите в закладку Каналы (channels), создайте новый слой .

 

 

9) Потом выделите слой Ctrl+A.

Появится пунктир вокруг картинки.

Скопируйте выделение Ctrl+C, перейдите на альфа канал (ткните в него мышкой что бы он стал активным и появился на экране у вас) и вклейте выделение на альфа каналCtrl+V.

 

 

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

Должно быть так

 

 

В каналах альфа отключен

 

 

Применяем фильтр Размытие при малой глубине резкости (Lens Blur filter) заходим в меню Фильтр – Размытие - Размытие при малой глубине резкости (Filter>Blur>Lens Blur). В настройках, в карте глубины установите Источник (source) альфа канал и примените желаемую степень размытия.

 

 

11) Если есть вот такие вот косяки

 

 

Берем в палитре инструментов «Палец» и аккуратно замываем косяки.

 

Вот итог.

 

Было

 

 

Стало

 

 

Оригинальный размер

http://s013.radikal.ru/i322/1201/29/e2fc5ee090dc.jpg

Изменено 20 января 2012 пользователем киндер-каприз

[киндер-каприз 0]

А можно еще поиграться с другими вариантами Blur, например Lens Blur. Тем самым получить более правдоподобный результат (имхо).

Пожалуйста. Чуть выше второй способ :dance_2:

Вы просто писать стали раньше, чем я закончила

Изменено 20 января 2012 пользователем киндер-каприз

[Цири 0]

ооооооо, как я люблю такие МК! когда не просто гольная теория "что делает эта кнопка", а практическое "как сделать с фоткой то-то и то-то"))

спасибо огромное! если будут попадаться в сети подобные уроки, кидайте ссылки))))

[Сапушка 0]

Спасибо. Надо обязательно попробовать

[K@trin 0]

давно мечтала так научиться))) Спасибо за мастер класс!!Пошла пробывать))

[Afalinka 0]

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

[киндер-каприз 0]

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

Ответила в личку.

[K@trin 0]

пробывала.Первый раз получилось,а потом не получается((Раз 100 наверное уже пробовала....не пойму что делаю не так?((((((((( Делала по первому способу...

[атомка 0]

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

[киндер-каприз 0]

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

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

 

[киндер-каприз 0]

пробывала.Первый раз получилось,а потом не получается((Раз 100 наверное уже пробовала....не пойму что делаю не так?((((((((( Делала по первому способу...

А что конкретно не получилось?

[K@trin 0]

А что конкретно не получилось?

первый раз всё получилось.потом пробовала много раз и ничего((((

всё выделяю,что надо,потом в конце уже переключаюсь на слои,нажимаю размытие по гаусту и появлятся вместо фото-чёрный квадрат(((( и ничего не размывается(((((((((( 100 раз переделывала,эффект тот же(((не пойму,в чём ошибка?

[киндер-каприз 0]

первый раз всё получилось.потом пробовала много раз и ничего((((

всё выделяю,что надо,потом в конце уже переключаюсь на слои,нажимаю размытие по гаусту и появлятся вместо фото-чёрный квадрат(((( и ничего не размывается(((((((((( 100 раз переделывала,эффект тот же(((не пойму,в чём ошибка?

Если честно сама не совсем поняла почему у вас черный квадрат вместо фото.

Проверьте еще раз ваши действия.

Открыли фото --> скопировали ctrl+J--> создали маску слой --> активировали белый квадратик рядом с фото (выбрали маску) и в закладке "каналы" слой-маска видимая "с глазом"--> все рисуете кистью, все окрашивается в бледно красный цвет (при этом на белом квадратике в закладке "каналы" слой-маски видно тот силуэт что вы выделяли - он черным цветом) --> потом перешли на фото (ткнули мышкой рядом со слой маской) рядом в квадратике со слой-маской тоже силуэт выделенной области --- Выбрали Гаусса и ....

Проверьте еще раз. Маска у вас есть? Белый квадратик слой-маски не полностью черный, там есть силуэт?

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

Изменено 16 февраля 2012 пользователем киндер-каприз

[K@trin 0]

всё!!!Разобралась!!!! Наверное в этом была причина....Когда после канала перехожу в слои,на слое 0,который ниже идёт стоял замочек.Я его убрала и всё получилось!!!!!!!!!Спасибо огромное!!!!!!!!!!! :misc_flowers:

[киндер-каприз 0]

всё!!!Разобралась!!!! Наверное в этом была причина....Когда после канала перехожу в слои,на слое 0,который ниже идёт стоял замочек.Я его убрала и всё получилось!!!!!!!!!Спасибо огромное!!!!!!!!!!! :misc_flowers:

Спасибо! Хорошо, что догадались.

Я сама это упустила из вида, эту подробность не описала. Исправляю МК.

Изменено 16 февраля 2012 пользователем киндер-каприз

[пончитос 0]

 

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

[марина9 0]

 

Дайте и мне ссылку на фотошоп. Пыталась найти самостоятельно, но бесплатной версии не нашла

[Милетта 0]

И мне пожалуйста ссылочку на фотошоп!

[киндер-каприз 0]

Если возникают какие-либо вопросы, то пишите пож-ты в личку. :misc_flowers:

[GOLDEN GIRL 0]

:v_ladoshi:

Изменено 26 мая 2012 пользователем GOLDEN GIRL

[lady.selena 0]

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

Скажите а как на оптике это сделать?

[киндер-каприз 0]

Скажите а как на оптике это сделать?

Подходящий объектив купить. Например для портретной съемки.

[Luci 0]

Девочки, дайте пожалуйста ссылку, очень нужно фотошоп скачать!

[katya-orimi 0]

И мне ссылочку пожалуйста))))

[Egesikhora 1]

если вдруг еще актуальна ссылка, то тоже буду благодарна)