Делаем фон для фотографии с эффектом «боке» в Photoshop

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

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

Как сделать фон с эффектом боке для фото в Фотошопе

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

Для удобства работы разобьём статью на отдельные этапы.

Этап 1: Добавление изображения

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

  1. В новых версиях Фотошопа при открытии появляется главное окно, где нужно воспользоваться кнопкой «Открыть». Если у вас установлена старая версия, то нажмите на «Файл» в верхней части экрана, а затем на «Открыть». Аналогично можно воспользоваться сочетанием клавиш Ctrl+O.
  2. Далее, в «Проводнике» Windows выберите расположение фотографии на компьютере и нажмите «Открыть».

    Вместо всего этого вы также можете просто перетащить нужную фотографию в рабочую область программы.

  3. Если требуется добавить текстуру, то с ней можно поступить по аналогии – взять и перетащить.
  4. Так как на первых этапах текстура не потребуется, скройте её в панели со слоями. Для этого можно использовать иконку глаза. Нажмите на ней.

На этом подготовительный этап можно считать завершённым.

Этап 2: Выделение объекта

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

  1. Создайте дубликат фонового слоя в панели слоёв. Вы будете работать с ним. Чтобы сделать дубликат, воспользуйтесь сочетанием клавиш Ctrl+J или нажмите правой кнопкой мыши по исходному слою и выберите из контекстного меню вариант «Создать дубликат слоя».
  2. Переключитесь на скопированный слой, нажав по нему левой кнопкой мыши.
  3. В левой панели инструментов выберите один из инструментов выделения. Давайте вкратце опишем их:
    • Инструмент «Лассо» позволяет рисовать линию, по которой и происходит выделение объекта. «Прямолинейное лассо» рисует только прямые линии;
    • «Быстрое выделение». С помощью этого инструмента вы задаёте специальной кисточкой область выделения, а Фотошоп сам его «дорабатывает» основываясь на цветах композиции;
    • «Волшебная палочка». Моментально выделяет однотонные элементы.

  4. Чаще всего для выделения людей на изображениях используются первые и вторые инструменты. Мы будем использовать второй вариант.
  5. Настройте специальную кисточку в верхней панели настроек инструмента. Здесь можно задать размер, саму кисть. Обратите внимание, чтобы была активирована иконка с плюсом.
  6. Теперь пройдитесь этой кисточкой по тому элементу изображения, которое нужно выделить. Выделите его.
  7. Если область выделения вышла за нужные края, то в настройках инструмента нажмите на иконку с минусом и пройдитесь кисточкой по выходящему выделению.
  8. Теперь, чтобы вырезка выделенного элемента была более естественной и плавной, нажмите на кнопку «Выделение и маска», что расположена в верхней части окна.
  9. В открывшемся окне пройдитесь специальной кистью по краям выделенной части изображения. Особое внимание обращайте на волосы. Правда, во время финальной корректировки нужно проявлять осторожность, так как есть риск «зацепить» элементы заднего фона, у которых похожие цвета, как выделенного объекта.
  10. Обратите внимание на пункт «Настройки экспорта». Рекомендуется поставить в «Вывод» значение «Новый слой». На ваше усмотрение вы можете поработать с другими настройками, которые предлагаются инструментом.
  11. Когда всё закончите, нажмите «Ок».

Основной элемент композиции успешно отделён от фона на отдельном слое.

Этап 3: Размытие фона

Теперь вам нужно размыть задний фон. Делается это достаточно просто:

  1. Выделите в панели слоёв слой с фоном.
  2. Теперь нажмите на кнопку «Фильтр» в верхней части окна. Откроется контекстное меню. Наведите курсор на пункт «Размытие».
  3. Там должно появиться ещё одно контекстное меню, где рекомендуется выбрать инструмент «Размытие по Гауссу».
  4. В окне настройками фильтра размытия будут доступна одна настройка, которая отвечает за само размытие изображения. Двигайте бегунок вправо, чтобы увеличить интенсивность размытия и влево, чтобы уменьшить. Также вы можете вписать уже известные параметры для размытия. Не рекомендуется задавать сразу «высокие» значения, так как для создания фона с боке-эффектом размытие фона рекомендуется делать неравномерным.
  5. Когда закончите с настройками, нажмите на кнопку «Ок», чтобы фильтр применился к слою с фоном.
  6. Теперь нужно дополнительно размыть те элементы фона, которые вы считаете нужным. Обычно, дополнительное размытие применяется к отделённым частям фона. Для этого обратите внимание на соответствующий инструмент (имеет обозначение иконкой в виде капли) в панели слева.
  7. В верхней части настройте размер кисти для инструмента. Здесь его можно задать достаточно большим, хотя зависит от ваших требований. «Интенсивность» рекомендуется оставить по умолчанию.
  8. Пройдитесь этой кистью по тем элементам фона, которые хотите размыть дополнительно. Возможно, по ним придётся пройтись несколько раз, чтобы достичь нужного эффекта.

Таким образом фон с эффектом боке уже создан. Однако иногда к нему добавляются различные текстуры и другие элементы (чаще всего это круги). Ниже рассмотрим это.

Этап 4: Добавление кругов

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

  1. Создайте новый слой для кругов. Чтобы это сделать воспользуйтесь специальной иконкой в панели слоёв.
  2. Так как рисовать круги самостоятельно слишком долго, то добавим их с помощью кистей. Откройте соответствующий инструмент в левой панели. Его можно вызывать с помощью клавиши B.
  3. Теперь перейдите к расширенным настройкам «Кисти». Это можно сделать с помощью верхней панели. Там нажмите по изображении выбранной кисти, а затем кликните по иконке шестерёнки. Если это не сработало, то можете нажать на иконку в виде папки с кисточками или клавишу F5.
  4. В панели с настройками кисточки установите галочку напротив параметра «Динамика формы» и перейдите к настройкам этого параметра непосредственно.
  5. В «Колебание размера» установите значение в 100%. А в «Управление» нужно поставить «Нажим пера».
  6. Теперь перейдите к параметру «Рассеивание». Поставьте напротив него галочку.
  7. Здесь нужно отметить пункт «Обе оси» и установить значение у параметра «Рассеивание» в 400-500%. У «Колебания счётчика» поставьте где-то 20-25%.
  8. Активируйте и перейдите в параметр «Передача».
  9. «Колебание непрозрачности» поставьте где-то в диапазоне 80-100% и «Колебания количества краски» установите в районе 50-60%.
  10. Также рекомендуется отметить галочками параметры «Накладка» и «Защита текстуры».

Настройка кисти завершена. Теперь на новом слое нужно будет просто порисовать ею:

  1. У этого слоя в «Параметрах наложения» рекомендуется выставить значение «Мягкий свет».
  2. На этом слое порисуйте кистью. Просто поводите ей там, где хотели бы добавить кружки.
  3. Здесь можно бы и закончить. Для более лучшего эффекта эти круги можно дополнительно размыть. Это делается либо с помощью фильтра «размытие по Гауссу», либо с помощью инструмента «Размытие» из левой панели инструментов. О том, как правильно использовать оба инструмента писалось в инструкциях выше.

Этап 5: Добавление текстуры

Данный этап, как и предыдущий не обязательный. Однако в некоторых случаях лучше добавить текстуру и правильно её настроить. Рассмотрим, как это сделать:

  1. Добавьте к вашей фотографию изображение, которое будет использовано в качестве текстуры. Для примера неплохо пойдёт фотография ночного города. Если вы уже добавили фотографию на первом этапе, то просто сделайте её видимой в «Слоях» и поставьте поверх остальных. Если ранее она не добавлялась, то перетащите её в рабочую область.
  2. Фото для текстуры желательно подбирать в хорошем качестве, так как его может потребоваться масштабировать. Увеличьте его так, чтобы оно закрывало всё основное изображение. Чтобы открыть инструменты масштабирования, воспользуйтесь комбинацией клавиш Ctrl+T.
  3. Теперь примените к текстуре фильтр размытия. Нажмите в верхнем меню на кнопку «Фильтр», а далее выберите вариант «Размытие». Там нужно выбрать «Размытие при малой глубине резкости».
  4. Откроется форма настройки фильтра, где потребуется поработать с параметрами:
    • «Источник». Здесь укажите значение «Прозрачность»;
    • «Фокусное расстояние размытия». Можно указать значение в диапазоне от 150 до 200 единиц, но иногда может потребоваться больше. Этот параметр больше зависит от индивидуальных особенностей картинки и требований пользователя;
    • «Форма». Выставьте значение «Восьмиугольник»;
    • «Радиус» поставьте где-то в районе 40-60 единиц.
  5. Когда закончите с настройками нажмите на кнопку «Ок», чтобы они применились.
  6. В слоях выделите слой с картинкой-текстурой и выберите вариант наложения «Экран».

Если текстура наложилась немного не так, как вы этого хотели, то её можно немного подредактировать. Для этого выберите в левой панели инструмент «Ластик» и пройдитесь им по тем частям изображения, где применённая текстура вас не устраивает.

В итоге у нас получилось:

Этап 6: Сохранение

Закончив с обработкой изображения вам нужно будет его сохранить на компьютер. Делается это очень просто:

  1. В верхней панели Фотошопа нажмите на кнопку «Файл».
  2. Из контекстного меню выберите вариант «Сохранить как».
  3. Откроется «Проводник», в котором нужно будет выбрать директорию для сохранения изображения.
  4. В «Имя файла» пропишите, как будет называться ваша фотография. Если желаете, то можно оставить значение по умолчанию.
  5. В «Тип файла» выберите формат, в котором сохраните изображение. Для размещения его где-то в интернете выбирайте формат JPG или PNG. Если вам нужно будет в дальнейшем производить над ним какие-либо манипуляции, то сохранит его в PSD или PDF-формате.
  6. Нажмите на «Сохранить».

В любом случае желательно сохранять фотографию и в формате PSD, и в графическом (JPG, PNG). Дело в том, что в будущем, если вдруг вам потребуется внести корректировки в это изображение, файл-исходник со слоями всегда будет под рукой, следовательно, редактирование можно продолжить с того места, где сохранились.

Читайте также:
Как в Фотошопе (Photoshop) размыть задний план — инструкция
Инструкция как создать мультяшный эффект в Фотошопе (Photoshop)
Как в Фотошопе (Photoshop) добавить рамку — подробная инструкция
Ретушь фотографий онлайн, обзор сервисов

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

Понравилась статья? Поделиться с друзьями:
Задайте вопрос или оставьте свое мнение

Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности.