Уроки фотошопа, графика, дизайн
arrow

Эффект боке в фотошопе

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

Вон он, тот самый эффект боке, который мы сейчас и будем делать в фотошопе:

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

Итак, давайте приступим к нашему photoshop уроку.

Эффект боке в фотошопе: создание кисти

1. Для начала нам нужно создать кисть для рисования кругов боке. Для этого нам понадобится новый документ размером 400x400px (можно больше). На нём с помощью инструмента Ellipse Tool (Эллипс) нарисуйте чёрный круг (удерживайте клавишу Shift для получение ровного круга):

Эффект боке в фотошопе

2. Теперь уменьшите значение Fill (заполнение) для слоя с кругом до 55%:

Эффект боке в фотошопе

3. Перейдите в Layer Style (Правой кнопкой мыши ->Blending Options (Параметры смешивания)), выберите вкладку Stoke (Обводка) и установите такие параметры:

Эффект боке в фотошопе

4. Растеризуйте слой. Чтобы это сделать, нажмите по нему правой кнопкой мыши и выберите Rasterize Layer (Растеризовать). Теперь пройдите в Edit -> Define Brush Preset (Определить кисть) и дайте имя новой кисти:

Эффект боке в фотошопе

Отлично! Подготовительный этап для создания эффекта боке в фотошопе закончен. Этот документ нам больше не понадобится, поэтому можете закрыть его. Создайте теперь новый документ с размером 1280x1024px.

Создаём эффект боке в фотошопе

5. Залейте документ цветом #1d0800 (Инструмент Paint Bucket Tool (Заливка) ) и выберите только что созданную кисть:

Эффект боке в фотошопе

6. Нажмите F5, и вы окажетесь в настройках кисти. Вам нужны следующие параметры:

Эффект боке в фотошопе

Эффект боке в фотошопе

Эффект боке в фотошопе

Эффект боке в фотошопе

7. Теперь создайте новый слой (Ctrl+Shift+N), возьмите понравившийся цвет и нарисуйте несколько кругов кистью с размером 292:

Эффект боке в фотошопе

Теперь примените Filter (Фильтр) -> Blur (Размытие) -> Gaussian Blur (По Гауссу) со значением Radius (Радиус) 13px:

Эффект боке в фотошопе

8. Повторите наг 7, только размер кисти на этот раз установите 164px, а радиус размытия 6px, а режим смешивания слоя установите Screen:
Эффект боке в фотошопе

9. И ещё раз тоже самое, только с кистью 65px и размытием 2,5px (не забудьте про режим смешивания Screen:

Эффект боке в фотошопе

10. А сейчас мы раскрасим наше однотонное боке, для этого нам понадобится ещё один слой и инструмент Gradient Tool (Градиент). Я взял такой градиент:

Эффект боке в фотошопе

Выполнил заливку

Эффект боке в фотошопе

И установил режим смешивания Color:

Эффект боке в фотошопе

Вот и всё, мы получили желаемый эффект боке в фотошопе :)

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

M@X
Веб-дизайнер, основатель проекта psforce.ru и студии веб-дизайна Disarto.

Комментарии (16)

  1. k.maslakov k.maslakov:

    Я в инете видел похожий урок,но этот реалистичней! :)

  2. icyclopys:

    Последний режим смешивания никак не Color. D: по крайней мере в CS5. Просто не удается достичь такого смешивания.

    • M@X M@X:

      Всё верно. Последний режим смешивания именно Color. Если цвета получаются слишком насыщенными, экспериментируйте со значением Opacity (Непрозрачность).

  3. Галина:

    Замечательный урок. Все подробно описано, садись и делай. Даже не знала, что этот эффект называется — боке.

  4. Анна:

    извините есть проблема с заливкой можете подробно описать как она производиться?

    • M@X M@X:

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

  5. Юлия:

    Максим, а где вы установили «режим смешивания Color»?))

  6. M@X M@X:

    В режимах смешивания. Вот они:

    Режимы смешивания

  7. ATale:

    Отличный урок! Внесу свои дополнения: 1. В некоторых версия Photoshop растеризация становится активной только после перевода слоя в режим Smart (Щелчеком правой кнопкой мыши на слое + Convert to Smart Object). 2. Рисовать получившейся кистью лучше на двух слоях. К нижнему слою Boke хорошо бы применить эффект свечения.

  8. Elena:

    напишите,пожалуйста, подробней как кисточку делать!:) в пункте 2 видно что используется маска…у меня что то не получается и кнопка Растеризовать у меня не активна(заморожена). Спасибо!

    • M@X M@X:

      В пункте 2 не маска, это фигура (эллипс). Для её создания используйте инструмент Ellipse Tool (U).

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

  9. Darya:

    Ничего не получилось, к сожалению…Руки не из того места растут, наверное…

  10. Натали:

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

  11. Александр:

    Разве по этим объяснениям можно что-либо делать?? для кого это пишется??

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

Имя: *

Сообщение: