Проводка

Как в фотошопе сделать боке. Эффект боке в фотошопе (урок по созданию кистей-боке)

Как в фотошопе сделать боке. Эффект боке в фотошопе (урок по созданию кистей-боке)

В этом уроке я научу вас создавать фотоэффект «Боке», а также покажу, как отвлечь внимание от заднего фона фотографии.
Фотография до обработки:

Откройте изображение, которое нужно обработать. Перейдите в Изображение – Размер холста, там мы подбираем размер изображения. Размер, который использовал я:

Дублируйте изображение два раза. Пока второй слой сделайте невидимым. Активируйте первый дубликат. Перейдите в режим быстрой маски (Q). Затем выберите Радиальный градиент, черно-белый. Проведите линию градиента от цента изображения вправо, как показано стрелкой:

Выйдите из режима быстрой маски.

Перейдите в Фильтр — Размытие — Размытие при малой глубине резкости. Установите следующие настройки:

Снимите все выделение. Затем добавьте Фильтр Размытие по Гауссу, радиус 2 пикс.
Вернитесь на второй дублированный слой, сделайте его активным и видимым.
Теперь добавьте фильтр Умная резкость со следующими настройками:
Эффект: 100%
Радиус: 0.5 пикс
Удалить: Размытие по Гауссу
Галочка на «Точнее»
Угол: 0
Отделите цветы от заднего фона, используя фильтр «Извлечь» (Extract Filter). (В некоторых версиях Фотошоп этот фильтр отсутствуют, но его легко можно скачать и установить, воспользуйтесь поисковой системой).

Установите настройки текущего слоя: Непрозрачность -42%. Загрузите выделение из вырезанного слоя.
Перейдите в Выделение – Модификация – Сжать – 2 пикс.
Затем перейдите Выделение – Модификация – Растушевка – 8 пикс.
Добавьте маску слоя.

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

Вставьте текстуру «Боке» в Фотошоп файл.

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

Перейдите на дублированный слой, установите режим наложения слоя на Экран, непрозрачность уменьшите до 25%.

Дублируйте слой с «боке» еще раз и поместите его между слоями с цветами. Установите режим наложения слоя на Экран, а непрозрачность уменьшите до 45%.

Объедините все слои.

Перейдите в Изображение – Коррекция – Цветовой тон/Насыщенность.

Перейдите в Фильтр –– Коррекция дисторсии – Заказная.
Установите следующие настройки:

Мы закончили! Вот наш финальный результат:

Ссылка на оригинал урока.


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

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


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


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

Эффект боке можно имитировать, обрабатывая фотографии в графическом редакторе. Однако в реальном фотоснимке степень размытия предметов зависит от расстояния до объектива – чем дальше, тем более размыто. Воспроизвести боке достоверно с помощью средств графических редакторов, например фотошопа, непросто. В программе Photoshop наиболее сходное с оптическим размытие получается при использовании фильтра Lens Blur (Размытие При Малой Глубине Резкости). Но недостаток часто превращается в достоинство при творческом подходе. Можно создать интересные эффекты, напоминающие боке, чтобы акцентировать внимание на какой-то части фотографии или получить необычный фон для создания коллажа.

В этом уроке от ABDUZEEDO Вы узнаете, как за несколько несложных шагов можно создать такой эффект цифрового боке в Photoshop.

Процесс очень лёгкий. Для создания эффекта боке мы будем использовать одну из самых мощных и превосходных вещей в Photoshop - Brush Engine (Создание и настройка кистей).

Создайте новый документ в Photoshop, размером 1920 на 1200 px. Обычно я использую стандартное разрешение монитора 1920 на 1200 px. Залейте фоновый слой очень тёмным серым цветом. Если выберете чёрный цвет эффект не будет работать. Я использовал цвет #262626

Выберите на панели инструментов фотошоп инструмент Ellipse Tool (Еллипс) и нарисуйте круг чёрного цвета. Чтобы получился ровный круг, удерживайте клавишу Shift.

Выполните команду меню Layer > Layer Style > Blending Options (Слой > Стили слоя > Параметры наложения). В открывшемся окне измените значение заливки Fill Opacity (Непрозрачность заливки) на 50%. После этого выберите Stroke (Обводка) и на этой вкладке установите значения: 10 pxl для Size (Размер), Position (Расположение) - Inside (Внутри), цвет - чёрный.

В палитре слоев выполните команду контекстного меню Rasterize Layer (Преобразовать в растровый).

На основе нарисованного круга создадим новую кисть для рисования эффекта боке. Выделите круг и идите в меню Edit (Редактирование) > Define Brush (Определить кисть). Дайте кисти имя Боке (Bokeh). Мы получили новую кисть для создания эффекта боке.

Выполните кманду меню Window (Окно) > Brushes (Кисти). Сначала выберите созданную Вами новую кисть. Её размер не имеет значения, потому что его будем изменять его во время использования. Щелкните на Brush Tip Share и с помощью ползунка задайте значение параметра Spacing (Интервалы) 100%.

На вкладке Shape Dynamics (Динамика формы) задайте параметры Size Jitter (Разброс размеров) 100% и Minimum Diameter (Минимальный диаметр) 50%, затем на вкладке Scattering (Рассеивание) передвиньте ползунки на значения Scatter 1000% и Count 5. На вкладке Other dynamics (Другие динамики) задайте настройки для прозрачности кисти: Opacity Jitter 50% и Flow Jitter 50% как на картинке ниже:

Рисовать боке будем в новом слое. Создайте новый слой для эффекта боке и залейте его цветным градиентом с такими настройками: Blend Mode - Overlay (Режим наложения - Перекрытие), Opacity (Непрозрачность) - 100%, Style - Linear (Стиль - Линейный) и Angle (Угол) 45%. Цвета, которые я использовал: жёлтый (#00085), синий (#1bdaeb), пурпурный (#9b3b81) и Orange (#d27e34). Вы можете создать другой градиент и использовать его.

Зайдите в палитру Layers (Слои) и создайте новую папку, переименуйте её в "Боке" и измените режим наложения на Color Dodge (Осветление основы).

Затем создайте новый слой, на панели инструментов выберите белый цвет и включите инструмент Brush Tool (Кисть). Выберите новую кисть Боке, для нее задайте большой размер - 500-600 px и нарисуйте несколько кругов нашей недавно созданной кистью.

Перейдите в меню Filter (Фильтр) - Blur (Размытие) - Gaussian Blur (Размытие по Гауссу) Для этого первого слоя установите радиус размытия 20 px.

Создайте новый слой и ещё порисуйте кистью Боке. В этот раз задайте размер кисти поменьше.

Снова идите в меню Filter (Фильтр) - Blur (Размытие) - Gaussian Blur (Размытие по Гауссу) Для этого первого слоя установите радиус размытия 4 px.

Создайте ещё один новый слой и повторите предыдущий шаг, но с ещё меньшим размером кисти. Примените Gaussian Blur (Размытие по Гауссу), но совсем небольшое - задайте радиус размытия 1 px.

Заключение

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

Всё в ваших руках!

Наверное, каждый из вас хотя бы раз в своей жизни тратил время на то, чтобы подобрать красивые обои для рабочего стола. Я же предлагаю сделать эти обои самостоятельно, с учетом всех ваших вкусовых предпочтений. Давайте попробуем создать фоновую картинку с эффектом боке в фотошопе. Для начала краткий экскурс в историю фотографии. Что же такое «эффект боке».

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

Создаем новый файл. Размер не имеет большого значения. У меня 2000 на 1500 пикселей. Теперь нам следует создать кисть для боке. Для этого нам требуется создать окружность, для чего мы воспользуемся инструментом «эллипс».

Цвет выбираем черный, в этом нам поможет инструмент «палитра цветов».


Зажимая клавишу shift(так окружность получится ровной формы) ставим окружность на рабочей области.

Давайте зададим нужные настройки.

В окне слоев выбираем верхний, кликаем по нему правой клавишей мыши и выбираем параметры наложения.


В появившемся окне выставляем следующие настройки:


Непрозрачность заливки 52%.


Обводка: размер 10 пикселей, положение внутри, цвет черный.

В итоге у нас должен получиться вот такой круг. Он-то нам и нужен для создания кисти для боке.


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


Теперь мы видим нашу рабочую область вот такой


Не забудьте растрировать слой с нашей заготовкой.


Давайте же создадим кисть. Найдите вкладку «редактирование» на верхней панели. Там и содержится команда «определить кисть».


Дайте имя своему творению.


А теперь мы создадим фоновое поле для эффекта боке. Сделаем красивый градиент. Инструмент для его создания вы найдете на боковой панели.


Давайте зададим настройки цветов.



Перечислю заданные цвета слева направо:

#000000 #171717 #3c1800 #0d0d0d #140001

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

Создаем новый слой.


А теперь протягиваем мышкой по рабочей области. Вот то, что должно получиться у вас в итоге.


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


Задайте те же настройки, что и на приведенных изображениях.




Цвет кисти выбираем #8d5d02. Размер: 246 пикселей. Проводим кистью по полю. Что имеем в итоге:


Теперь я настало время очень интересного эффекта, существующего в фотошопе. Называется он «размытие по Гауссу».


Устанавливаем следующие настройки. Как можно заметить на заднем фоне, боке размывается.


Эффект боке в фотошопе готов. Вот что вышло у меня.


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

В одном из уроков на сайте уже был материал на тему эффекта боке, посмотреть его можно по этой ссылке - Эффект Bokeh (Боке) . В этом уроке Кузьмичев Алексей расскажет как сделать боке в фотошопе . Для создания эффекта боке лучше всего подойдет фотография, сделанная в вечернее время и на которой присутствует большое количество разнообразных светящихся объектов. В этом случае текстура будет выглядеть намного интереснее. Ниже представлен готовый вариант урока.

Открываем изображение и создаем дубликат слоя через сочетание клавиш "Ctrl+J".

После этого переходим в меню "Фильтр -> Размытие -> Размытие при малой глубине резкости" (Filter -> Blur-> Lens Blur).

Открывается новое окно с фильтром. Как раз с его помощью мы и будет создавать эффект боке . В настройках фильтра выставляем:

  • Источник - Прозрачность;
  • Фокусное расстояние - можно менять по своему желанию. Перетаскивая ползунок вправо мы возвращаем детали на фотографию, а влево - убираем; В нашем примере можно оставить на 149;
  • Форма - позволяет выбрать форму бликов. Можно выбрать из множества вариантов. Все зависит от ваших вкусов и предпочтений, поэтому выбирайте то, что вам нравится больше. В нашем примере будет "Восьмиугольник";
  • Радиус - позволяет задать радиус бликов. Соответственно чем больше показатель, тем больше блики на фотографии;
  • Яркость - используем в том случае, если хотим добавить больше яркости нашим бликам. В нашем примере оставляем все так как есть;
  • Кривизну листа, Поворот и Шум - оставляем так как есть.

После применения настроек нажимаем кнопку "Ок".

В итоге у нас получается текстура боке как на скриншоте ниже.

Теперь эту текстуру можно скопировать через сочетание клавиш "Ctrl+A -> Ctrl+C". И вставить на любую фотографию. Открываем в новой вкладке фотографию, на которую хотим вставить текстуру. Нажимаем сочетание клавиш Ctrl+V, чтобы ее вставить.

С помощью свободного трансформирования "Ctrl+T" растягиваем текстуру. Не забываем зажимать клавишу "Shift", чтобы не искажались пропорции.

Размещаем в нужном месте на изображении и нажимаем клавишу "Enter", чтобы применить трансформирование.

После этого слою с текстурой ставим режим наложения "Экран" (Screen).

Если кажется, что текстура получилась слишком блеклая, ее можно настроить с помощью корректирующих слоев. Перейдем в "Изображение -> Коррекция -> Уровни" (Image -> Adjustments -> Levels). Сочетание клавиш "Ctrl+L".

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

1. Нарисуйте круг

Создайте новый документ (Файл > Создать; или Ctrl+N) и залейте его черным цветом. Создайте новый слой, а затем инструментом Овальная область (клавиша M) нарисуйте круг, удерживая клавишу Shift.

Перейдите в верхнем меню Выделение > Модификация > Растушевка (Select > Modify > Feather ).

Установите радиус растушевки в 10px, а затем нажмите кнопку ОК. Выберите яркий цвет переднего плана (например, #ee8f8d ), а затем нажмите Alt+Backspace, чтобы залить этим цветом выделенный круг. Снимите выделение – Ctrl+D .

2. Быстрое копирование

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

Удерживайте клавишу Alt и перетаскивайте круг, создавая таким образом копии исходного круга. Повторите многократно эту операцию, изменяя при этом цвет заливки круга и его размер.

Для изменения цвета: нажмите комбинацию Ctrl+U и перемещайте ползунки Цветовой тон, Насыщенность и Яркость.

Для изменения размера: удерживайте клавишу Shift и перетаскивайте угол ограничительной рамки. После этого нажмите Enter для применения трансформации.

3. Добавим разнообразия

Для получения различных вариаций, выделите некоторые слои и нажмите на клавиатуре клавиши от 1 до 9, чтобы быстро установить прозрачность слоя между 10-90%.

Кроме этого, примените фильтр Размытие по Гауссу (Фильтр > Размытие > Размытие по Гауссу ), с радиусом 10px и нажмите кнопку ОК.

Чтобы повторить эффект размытия на других кругах, выделите соответствующий слой и нажмите Ctrl+F .

4. Группировка и дублирование

Выделите все слои с кругами (зажмите клавишу Shift и щелкните на первом и последнем слое). Нажмите Ctrl+G , чтобы сгруппировать выделенные слои, а затем нажмите Ctrl+J , чтобы создать дубликат группы. С помощью инструмента Перемещение (V), измените положение и размер новой группы. Создайте дополнительные копии группы, чтобы добиться необходимого эффекта. Вы также можете изменять режим смешивания для некоторых групп с «Обычные » на «Линейный осветлитель (добавить) », чтобы придать им дополнительный эффект.

Теперь вы знаете, как можно добиться эффекта Боке с помощью программы Фотошоп. Вы сможете использовать заготовки с эффектом Боке на своих фотографиях, чтобы придать им оригинальности и новых красок!

И в дополнение к статье посмотрите видео-урок:

В этом уроке мы научимся достигать эффекта Боке с помощью программы Фотошоп за четыре простых шага. Добавьте своим фотографиям оригинальности и новых цветов!