Как сделать эффект боке в фотошопе — бесплатный онлайн урок для новичков
Наверное, каждый из вас хотя бы раз в своей жизни тратил время на то, чтобы подобрать красивые обои для рабочего стола. Я же предлагаю сделать эти обои самостоятельно, с учетом всех ваших вкусовых предпочтений. Давайте попробуем создать фоновую картинку с эффектом боке в фотошопе. Для начала краткий экскурс в историю фотографии. Что же такое «эффект боке».
Эффект боке имеет довольно интересную природу. Это ничто иное, как пучок отраженного света, находящийся не в фокусе, проявляющийся на фотографии. Как правило этот эффект имеет круглую форму, разную интенсивность освещенности, а нередко даже цвет. Сейчас мы попытаемся сделать имитацию подобной вещи.
Создаем новый файл. Размер не имеет большого значения. У меня 2000 на 1500 пикселей. Теперь нам следует создать кисть для боке. Для этого нам требуется создать окружность, для чего мы воспользуемся инструментом «эллипс».
Цвет выбираем черный, в этом нам поможет инструмент «палитра цветов».
Зажимая клавишу shift(так окружность получится ровной формы) ставим окружность на рабочей области.
Давайте зададим нужные настройки.
В окне слоев выбираем верхний, кликаем по нему правой клавишей мыши и выбираем параметры наложения.
В появившемся окне выставляем следующие настройки:
Непрозрачность заливки 52%.
Обводка: размер 10 пикселей, положение внутри, цвет черный.
В итоге у нас должен получиться вот такой круг. Он-то нам и нужен для создания кисти для боке.
Переходим к окну слоев и отключаем фоновый слой. Просто кликните по пиктограмме в виде глаза рядом со слоем.
Теперь мы видим нашу рабочую область вот такой
Не забудьте растрировать слой с нашей заготовкой.
Давайте же создадим кисть. Найдите вкладку «редактирование» на верхней панели. Там и содержится команда «определить кисть».
Дайте имя своему творению.
А теперь мы создадим фоновое поле для эффекта боке. Сделаем красивый градиент. Инструмент для его создания вы найдете на боковой панели.
Давайте зададим настройки цветов.
Перечислю заданные цвета слева направо:
#000000 #171717 #3c1800 #0d0d0d #140001
Вы можете выбрать любые цвета. Но помните, что для того, чтобы эффект боке получился красивым, переход должен быть достаточно мягким.
Создаем новый слой.
А теперь протягиваем мышкой по рабочей области. Вот то, что должно получиться у вас в итоге.
Вновь создаем новый слой. После чего выбираем инструмент кисть и переходим к его настройкам, которые вы опять же найдете на верхней панели.
Задайте те же настройки, что и на приведенных изображениях.
Цвет кисти выбираем #8d5d02. Размер: 246 пикселей. Проводим кистью по полю. Что имеем в итоге:
Теперь я настало время очень интересного эффекта, существующего в фотошопе. Называется он «размытие по Гауссу».
Устанавливаем следующие настройки. Как можно заметить на заднем фоне, боке размывается.
Ну а далее, думаю, вы сможете разобраться сами. Повторяем те же команды.
Новый слой. Проводим кистью. Размываем. Но уменьшайте на 3 эффект размытия.
Я бы еще порекомендовала менять цвет кисти для получения более интересного эффекта. В моем случае, я брала цвета для второго слоя #c2a161. И для третьего #dbbb7e.
Эффект боке в фотошопе готов. Вот что вышло у меня.
Как видите, выполнить подобную манипуляцию у нас труда не составило. Выглядит ну очень эффектно. Думаю, вы уже успели понять, что здесь огромный простор для вашей фантазии. Мало того, подобный эффект боке с помощью фотошопа вы можете сделать не только на градиентной заливке, но и на своем фото, если поиграете с прозрачностью и грамотно расположите элементы.
Как добавить боке в Photoshop
Как партнер Amazon, мы зарабатываем на соответствующих покупках.
Если вы фотограф, специализирующийся на недвижимости, знание того, как добавить боке в Photoshop, может помочь вам подчеркнуть основной акцент ваших интерьерных фотографий. Фотографии будут выглядеть профессионально с размытым фоном, а зрители будут фокусироваться только на главном объекте.
Быстрая Навигация
- Как добавить боке в Photoshop
- Создайте слой изображения
- Выберите и замаскируйте слой объекта
- Вывод маски слоя
- Используйте заливку с учетом содержимого, чтобы заполнить предметную область
- Используйте максимальный фильтр, чтобы размыть фон
- Сделайте эффект боке более естественным
- Смешайте слои
- Преимущества добавления боке к изображению
- Часто задаваемые вопросы
- Что делает красивое боке?
- Как я могу захватить боке?
- Может ли шум изображения повлиять на боке в Photoshop?
- Заключительные мысли
Как добавить боке в Photoshop
Независимо от того, используете ли вы камеру APC или ваш объектив не может обеспечить малую глубину резкости, знание того, как добавить боке в Photoshop, может помочь вам улучшить внешний вид вашего изображения. Вы даже можете добиться того же качества, что и фотографии, снятые с помощью полнокадровых камер и светосильных объективов.
Как правило, боке относится к эффекту объектива камеры, который делает фон не в фокусе. Однако не все объективы фотоаппаратов могут воспроизвести этот эффект, особенно если у объектива нет светосилы. К счастью, вы можете использовать Photoshop, чтобы отредактировать фотографию и добавить эффект боке.
В отличие от объективов с боке, где у вас есть минимальный контроль над качеством эффекта боке, вы можете использовать Photoshop для настройки различных элементов качества боке. Давайте воспользуемся процедурой и различными функциями, инструментами и эффектами Photoshop, которые вы можете использовать для добавления боке к изображению.
Создайте слой изображения
Слои Photoshop позволяют накладывать фотографии друг на друга, выполнять корректировку, добавлять эффекты, а затем объединять их в одно окончательное изображение. После открытие изображения что вы хотите добавить эффекты боке, первый слой будет фоновым слоем.
Найдите панель слоев, и если вы не можете ее найти, щелкните меню Windows и выберите слои.
Создайте новый слой поверх фонового слоя, выбрав опцию «Создать новый слой». Вы можете использовать сочетание клавиш Command+J для Mac и Ctrl+J для ПК с Windows.
Используйте эту процедуру, чтобы создать два слоя с копиями фотографии, один слой для фона, а другой для объекта. Создание этих слоев поможет отделить фон от объекта.
Выберите и замаскируйте слой объекта
Этот шаг направлен на удаление фона объекта. Однако эта функция поддерживается только в Photoshop версии 2015.5 и более поздних. Выберите параметр «Выделить», а затем «Выбрать и замаскировать» или нажмите «Command + option + R», если вы используете Mac, или «Ctrl + Alt + R», если вы используете ПК с Windows.
Photoshop поставляется с несколькими вариантами такие инструменты, как лассо, Волшебная палочка и Быстрый выбор. После выбора инструмента выделения по вашему выбору щелкните параметр «Выделение и маска». Если вы не знакомы с инструментами выделения, рекомендуется использовать инструмент быстрого выделения и нажать «Выбрать тему».
Инструмент быстрого выбора автоматически обнаружит и выберет главный и наиболее заметный объект на вашей фотографии. С другой стороны, вы можете повысить точность, используя инструмент «Лассо» для рисования границ выделения.
Вывод маски слоя
Photoshop поставляется с различными режимами просмотра, такими как «луковая кожа», «наложение», «на слоях», «марширующие муравьи», «черно-белое», «на белом» и «на черном». Измените непрозрачность, переместив ползунок непрозрачности в середину, а затем измените вид на белый. Нарисуйте объект с помощью инструмента быстрого выделения.
Если у объекта есть части, которые выглядят волосатыми, вы можете использовать кисть «Уточнить края» для рисования. Выберите «Вывод в маску слоя», а затем подтвердите, нажав «ОК». Вы должны увидеть миниатюру белой маски слоя.
Используйте заливку с учетом содержимого, чтобы заполнить предметную область
Заливка с учетом содержимого Photoshop помогает удалить ненужные области изображения.
Обычно Photoshop заменяет пиксели в зависимости от согласованности текстур и цветов. Используйте инструмент лассо, чтобы выбрать объект на фоновом слое.
Тем не менее, вы должны оставить некоторое пространство вокруг предметной области при выборе. Откройте заливку с учетом содержимого, выбрав «Правка», «Заливка с учетом содержимого», а затем вырежьте объект целиком. Если заливка с учетом содержимого выделена серым цветом, это означает, что ваш выбор неверен.
После этого отмените выбор слоя, и теперь область должна быть заполнена. Вы можете использовать сочетание клавиш Command + D, чтобы отменить выбор слоя, если вы используете Mac, или Ctrl + D, если это ПК с Windows.
Используйте максимальный фильтр, чтобы размыть фон
Максимальный фильтр Photoshop помогает заглушить черный и размазать белый. В свою очередь, основные моменты расширяются, чтобы создать эффект боке. Максимальный фильтр поставляется с двумя вариантами: запас и радиус, в основном прямоугольность и округлость.
Хотя вы можете использовать любой вариант, округлость лучше всего подходит для фотографий недвижимости. Однако рекомендуется изменить фон на смарт-объект, если вы хотите позже настроить значения фильтра.
- Перейдите в раздел «Фильтры», выберите параметр «Преобразовать для интеллектуальных фильтров», а затем подтвердите.
- Перейдите к фильтру, выберите «Другое», а затем выберите «Максимум».
- Выберите параметр округлости, а затем установите флажок предварительного просмотра, если вы хотите увидеть предварительный просмотр ваших настроек в реальном времени.
- Вы можете настроить радиус округлости с помощью ползунка или оставить настройки по умолчанию.
- После нажатия OK все выделенные области теперь должны быть расширены.
Сделайте эффект боке более естественным
Несмотря на то, что к настоящему времени у вас будет некоторая форма эффекта боке, некоторые моменты могут показаться неестественными, и вам нужно будет их улучшить. Улучшите качество боке, нарисовав области, в которых должен появиться эффект боке, и сотрите эффект с областей, которые выглядят неестественно.
- Нажмите на кнопку маски, а затем выберите мягкую кисть.
- Измените цвет переднего плана кисти на черный, а затем сотрите части, которые не должны вызывать эффект боке.
- Если вы хотите добавить эффект боке в определенных областях, измените цвет переднего плана кисти на белый, а затем закрасьте области.
- Выберите фоновый слой и затем выберите Размытие поля. В зависимости от версии Photoshop, которую вы используете, вы можете найти «Размытие поля», перейдя к «Размытие», а затем «Размытие объектива» или «Фильтр», «Галерея размытия», а затем «Размытие поля».
- Начните с настройки Light Bokeh, проверяя эффект боке. Обычно этот шаг требует некоторого экспериментирования, так как вы будете создавать эффект глубины резкости, используя настройки размытия поля.
- Отрегулируйте диапазон освещенности и следите за белым треугольником. Поиграйте с черным и белым, пока они не окажутся почти друг над другом.
- Отрегулируйте ползунок размытия, следя за изменением размера круглых дисков.
- После достижения желаемых результатов нажмите OK для подтверждения
- Убедитесь, что вы установили Режим наложения для наложения или экран
Смешайте слои
Смешайте слои с помощью параметра «Смешать, если». Как правило, параметр «Смешать, если» работает почти так же, как маски «Яркость», помогая вам замаскировать некоторые области слоя в зависимости от яркости пикселей. Откройте параметры смешивания, дважды щелкнув правую сторону верхнего слоя.
Выберите параметр «Смешать, если» в нижней части диалогового окна. Нажмите и удерживайте клавишу Option на Mac или клавишу Alt на ПК с Windows, а затем щелкните треугольник, чтобы разделить ползунок на две части.
Как правило, левая половина ползунка помогает сгладить выделение, в то время как правая половина ползунка отмечает начало маскируемой области. Регулируйте эти ползунки, пока не достигнете желаемого результата.
Преимущества добавления боке к изображению
Многие фотографы, занимающиеся недвижимостью, вооружаются высококачественными полнокадровыми камерами и светосильные фикс-объективы для улучшения качества боке в своих кадрах.
Некоторые из преимуществ, которые вы можете получить при использовании малой глубины резкости, включают:
- Благодаря эффекту боке предметы интерьера на вашем изображении кажутся ближе, чем они есть на самом деле, привлекая внимание зрителя к основному предмету.
- Эффект боке делает обычный изображение выглядит как 3D-объект, делая его эстетически привлекательным
- Вы можете использовать боке, чтобы размыть другие продукты на заднем плане, которые вы не хотите, чтобы зрители видели.
Часто задаваемые вопросы
Что делает красивое боке?
Красивое боке не имеет резких или резких краев на заднем плане. Это означает, что не должно быть эффекта цвета или резкости, отвлекающего зрителя от основного объекта. Круги света, создающие эффект, также должны быть круглыми и гладкими.
Как я могу захватить боке?
Вы можете снимать боке, используя светосильные объективы с постоянным фокусным расстоянием, особенно с полнокадровыми камерами. Как правило, идеальная диафрагма для съемки боке находится в диапазоне от f/1. 2 до f/1.4. Вы также можете улучшить качество боке, подойдя ближе к объекту и увеличив расстояние от объекта до фона.
Может ли шум изображения повлиять на боке в Photoshop?
Да, шум изображения может повлиять на то, как вы добавите эффект боке в Photoshop. Например, зернистое изображение с гладким боке будет выглядеть неестественно. К счастью, вы можете использовать Photoshop, чтобы добавить соответствующий шум в боке.
Заключительные мысли
Если вы фотограф недвижимости, добавление боке к вашим фотографиям — лучший способ сделать их визуально привлекательными и убедить зрителей сосредоточиться на основном продукте. Зная, как добавить боке в Photoshop, вам не нужно беспокоиться, даже если ваш объектив не может передать боке.
Потрясающий цифровой эффект боке в Photoshop
Нашими последними обоями недели были изображения, которые я создал с помощью Pixelmator, и мне очень понравился результат. Самое приятное в этом было то, что это было довольно легко сделать в Pixelmator, но я решил ради перспективы создать тот же эффект в Photoshop. Процесс также прост, но с несколькими дополнительными шагами.
Как и в предыдущем уроке, я покажу вам, как создать цифровой эффект боке, но на этот раз в Photoshop. Процесс очень прост, и мы будем использовать супермощный движок кистей, одну из самых крутых вещей в Photoshop.
Шаг 1
Создайте новый документ в Photoshop. Как обычно, я буду использовать хорошее разрешение экрана, 1920×1200 пикселей . Залейте фоновый слой очень темно-серым цветом, а не черным. Если вы заполните его черным цветом, эффект не сработает. Я использовал цвет #262626.
Шаг 2
Выберите инструмент Ellipse Tool (U) и создайте круг. Используйте черный цвет и перейдите в Layer>Layer Style>Blending Options . Изменить Непрозрачность заливки до 50%. После этого выберите Stroke . Используйте 10 пикселей для размера, Inside для позиции и Black для цвета.
Шаг 3
Выберите эллипс и перейдите к Edit>Define Brush. Назовите свою кисть, и готово. Теперь у нас есть новая кисть 😉
Шаг 4
Перейдите в Окно>Кисти (F5). Первое, что нужно сделать в Brush Engine , это выбрать нашу новую кисть. Размер не имеет значения, потому что вы измените его, когда будете его использовать. Интервал , однако, очень важен. Измените значение на 100% . После этого выбираем Shape Dynamics, затем Scattering and Other Dynamics . Для значений используйте изображение ниже.
Шаг 5
Прежде чем мы начнем рисовать боке, давайте создадим новый слой и заполним его красочным градиентом. Я создал новый слой и использовал для этого стили слоя, но не стесняйтесь делать так, как вы привыкли. Мои настройки градиента следующие: Режим наложения — Наложение, Непрозрачность — 100%, Стиль — Линейный, Угол — 45º . Я использовал следующие цвета: Желтый (#00085), Голубой (#1bdaeb), Фиолетовый (#9b3b81), Оранжевый (#d27e34).
Шаг 6
Давайте создадим новую папку в нашей палитре слоев. Переименуйте папку в Bokehs и измените режим наложения на Color Dodge. Затем создайте новый слой, выберите белый цвет и выберите инструмент Кисть (B). Теперь просто нарисуйте несколько эллипсов нашей специальной кистью. Для этого первого слоя используйте большой размер, например 500-600px.
Шаг 7
Перейдите к Фильтр > Размытие > Размытие по Гауссу. Для этого первого слоя используйте 20 пикселей для Радиуса.
Шаг 8
Создайте еще один слой и нарисуйте больше кистей. Однако на этот раз используйте кисть меньшего размера. После этого перейдите в Фильтр > Размытие > Размытие по Гауссу. Используйте 4 пикселя для Радиуса.
Шаг 9
Создайте еще один слой и повторите предыдущий шаг, но на этот раз используйте гораздо меньшую кисть. Применить Размытие по Гауссу для этого слоя, но используйте только 1 пиксель для Радиуса.
Заключение
Теперь просто добавьте свой логотип и все. У нас есть красивые обои. Идея этого урока заключалась в том, чтобы еще раз показать мощь Brush Engine. Вы можете попробовать разные формы для того же эффекта, например, шестиугольники. Также вы можете немного поиграть с размытием, чтобы добавить больше глубины финальному дизайну. Теперь дело за вами.
Нажмите на изображение для полного предварительного просмотра
Видеоурок
Ниже приведена краткая видеоверсия, иллюстрирующая весь урок.
Цифровое боке в Photoshop от fabio sasso на Vimeo.
Загрузить файл Photoshop
Щелкните здесь, чтобы загрузить PSD-файл, использованный в этом уроке.
Редактор: Дэвид Пэрротт
Бесплатный набор эффектов боке для Photoshop
Особенный и бесплатный рождественский подарок от FilterGrade!
Великолепные светящиеся размытые огни. Эффекты боке могут быть простыми, но они добавляют изображению много интриги. Наложение боке особенно хорошо работает на портретах и живописных фотографиях с утечками света.
Извините, что мы опоздали на несколько дней, и эти бесплатные текстуры боке не были доставлены в рождественское утро, но мы решили, что вам все равно понадобится некоторое время, чтобы открыть все свои подарки и расслабиться с семьей!
Теперь, когда у вас есть новое снаряжение и цели на 2020 год, пора приступить к редактированию. Используйте эти бесплатные эффекты боке, чтобы создавать впечатляющие портреты друзей, волшебные пейзажи и многое другое.
Этот файл бесплатен для использования в личных и коммерческих проектах! Просто не перепродавайте активы как есть. Подробнее о: Файловые лицензии
Как добавить наложения боке в Photoshop
Добавить бесплатные эффекты боке в Photoshop очень просто!
Вам просто нужно открыть свое изображение, загрузить наложения боке с помощью кнопки ниже, а затем добавить их поверх ваших фотографий / дизайнов!
Шаг 1.
Выберите один из четырех бесплатных эффектов боке (в формате .jpg) и импортируйте в Photoshop.
Шаг 2.
Перетащите изображение боке в существующий документ Photoshop. Вы можете добавить боке к фотографии, изображению или сложному дизайну! Однако; имейте в виду, что эффекты наложения лучше всего работают на изображениях с проникающим светом.
Шаг 3.
Дважды щелкните слой боке и выберите Режим наложения > Экран.
Вы также можете попробовать некоторые другие режимы наложения, такие как Lighten, Overlay, Soft Light и Color Dodge для получения уникальных эффектов. Тем не менее, экран работает лучше всего практически во всех ситуациях!
Профессиональный совет .
