Уроки Фотоманипуляция Алексей Шаповал 8 февраля 2017

Усиливаем эффект Боке на фотографии в Фотошоп

Сложность урока: Легкий

Снимая с хорошей камерой и объективом с широко открытой апертурой, можно получить замечательную мелкую глубину резкости. Этот эффект часто используется в портретной фотографии. Вы отлично знаете, как он выглядит – прекрасный, мягкий, не сфокусированный фон и при этом резкий субъект. Если на фоне есть источники света, они превращаются в маленькие круги, называемые боке (англ. Bokeh). Их легко достичь на этапе съемки с достаточно хорошим оборудованием. Если у вас нет зеркалки или нужно улучшить уже имеющийся снимок, этот урок поможет достичь эффекта размытого фокуса в Photoshop.

*Если нет звука – установите в настройках плеера качество 1080p

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

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

Примечание: Автор использовал платное изображение. Вы можете использовать любую свою фотографию с размытыми источниками света на заднем плане (фонари, новогодняя гирлянда, блики и проч.)

Шаг 1. Вырезаем субъект

Почему бы не начать с того, чтобы просто вырезать влюбленных инструментом Быстрое выделение. Выберите Быстрое выделение (Quick Select Tool) и проведите мышкой по нужным участкам. Удерживайте нажатой клавишу Alt, чтобы убрать ненужное выделение.

Шаг 2

Выглядит неплохо, но я хочу проверить свое выделение. Нажмите Q, активировав Быструю маску (Quick Mask). Смотрим на упущенные участки. Выглядит очень даже неплохо. Снова нажмите Q, вернувшись в стандартный режим.

Шаг 3

Откройте меню Выделение и маска (Select and Mask). Я добавлю немного сияния для лучшего вида и подчищу выделение. В настройках вывода нужно выбрать Слой-маска (Layer mask).

Примечание переводчика:  инструмент Выделение и маска доступен только в новой версии Photoshop CC. В CS6 и младше можно воспользоваться инструментом Уточнить край (Refine Edge).

Шаг 4

Пара теперь находится на слое-маске.

Шаг 5

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

Шаг 6. Готовим фон

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

Шаг 7

Перейдите в меню Выделение > Модификация > Расширить (Select > Modify > Expand), введите 1 пиксель и нажмите ОК. Таким же образом растушуйте выделение на 1 пиксель. В итоге мы получим более мягкий контур.

Шаг 8

Используйте Заливку с учетом содержимого (Content Aware Fill). Скройте верхний слой, чтобы видеть происходящее.

Нажмите Shift + Backspace, открыв диалоговое окно Заливка (Fill). Убедитесь, что в выпадающем меню выбрано С учетом содержимого (Content Aware), затем кликните ОК. Мы снова получили эффект окантовки, но он не создаст проблем в дальнейшем.

Шаг 9

Снова включите слой. Мы почти на месте.

Шаг 10. Создаем боке

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

Убедитесь, что фон выделен, затем перейдите в меню Фильтр > Размытие > Размытие поля (Filter > Blur Gallery > Field Blur).

Мы будем применять этот эффект в Photoshop CC/CS6. Галерея размытия появилась есть начиная с CS6 (если у вас более ранняя версия, просто воспользуйтесь фильтром Размытие при малой глубине резкости (Lens Blur), он создает похожий эффект).

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

Шаг 11

Начнем с пункта Светлый боке (Light Bokeh). Переместите его вправо, пока не увидите, что появился нужный эффект. Хорошо, у нас получается, но результат пока выглядит не совсем как надо. Поиграйте со слайдером Светлый диапазон (Light Range). Нужно немного ослабить его, поэтому перетяните белый треугольник влево. Также переместите черный указатель вправо, чтобы они оба были почти друг на друге – вот мы получили нужный эффект.

Шаг 12

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

На этом этапе нужно получить правильный баланс, играя со Светлым боке (Light Bokeh), Светлым диапазоном (Light Range) и Размытием (Blur).

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

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

Автор: Colin Smith

Источник: photoshopcafe.com

Комментарии 33

моя версия по уроку

Бедный русский язык(((

Владимир Ховрашов, Хотелось бы уточнения, в чём его бедность?

Я бы просто переснял...

Спасибо за урок!

Замечательный урок! Спасибо огромное!

Да, нужен опыт ошибок)))
Спасибо - урок очень полезный! С окантовкой всегда мучилась, а тут в два щелчка))))

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

да а мне еще до такого учится и учится

Не знала даже о таком фильтре. Спасибо!

Спасибо большое. Познавательно

Ноги получились неестественно. Нужно было исключить нижнюю часть фона из обработки.

Спасибо!Очень помогло
исправить фото...

И ещё один вариант

Спасибо за такой полезный урок!

Благодарю!

Крайне полезный урок! Помимо прочего, с его помощью можно восстанавливать снимки с убитым во время съемки или ретуши фоном!

Алексей, спасибо за перевод!

Я пошла немного другим путем. Сначала поработала с фоном, а затем добавила пару. Вот исходники.

О да, это прекрасно! В CS6 немного по-другому получается, но результат аналогичный

Спасибо за урок!

Спасибо за урок

Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее