Как сделать эффект боке в фотошопе — бесплатный онлайн урок для новичков
Наверное, каждый из вас хотя бы раз в своей жизни тратил время на то, чтобы подобрать красивые обои для рабочего стола. Я же предлагаю сделать эти обои самостоятельно, с учетом всех ваших вкусовых предпочтений. Давайте попробуем создать фоновую картинку с эффектом боке в фотошопе. Для начала краткий экскурс в историю фотографии. Что же такое «эффект боке».
Эффект боке имеет довольно интересную природу. Это ничто иное, как пучок отраженного света, находящийся не в фокусе, проявляющийся на фотографии. Как правило этот эффект имеет круглую форму, разную интенсивность освещенности, а нередко даже цвет. Сейчас мы попытаемся сделать имитацию подобной вещи.
Создаем новый файл. Размер не имеет большого значения. У меня 2000 на 1500 пикселей. Теперь нам следует создать кисть для боке. Для этого нам требуется создать окружность, для чего мы воспользуемся инструментом «эллипс».
Цвет выбираем черный, в этом нам поможет инструмент «палитра цветов».
Зажимая клавишу shift(так окружность получится ровной формы) ставим окружность на рабочей области.
Давайте зададим нужные настройки.
В окне слоев выбираем верхний, кликаем по нему правой клавишей мыши и выбираем параметры наложения.
В появившемся окне выставляем следующие настройки:
Непрозрачность заливки 52%.
Обводка: размер 10 пикселей, положение внутри, цвет черный.
В итоге у нас должен получиться вот такой круг. Он-то нам и нужен для создания кисти для боке.
Переходим к окну слоев и отключаем фоновый слой. Просто кликните по пиктограмме в виде глаза рядом со слоем.
Теперь мы видим нашу рабочую область вот такой
Не забудьте растрировать слой с нашей заготовкой.
Давайте же создадим кисть. Найдите вкладку «редактирование» на верхней панели. Там и содержится команда «определить кисть».
Дайте имя своему творению.
А теперь мы создадим фоновое поле для эффекта боке. Сделаем красивый градиент. Инструмент для его создания вы найдете на боковой панели.
Давайте зададим настройки цветов.
Перечислю заданные цвета слева направо:
#000000 #171717 #3c1800 #0d0d0d #140001
Вы можете выбрать любые цвета. Но помните, что для того, чтобы эффект боке получился красивым, переход должен быть достаточно мягким.
Создаем новый слой.
А теперь протягиваем мышкой по рабочей области. Вот то, что должно получиться у вас в итоге.
Вновь создаем новый слой. После чего выбираем инструмент кисть и переходим к его настройкам, которые вы опять же найдете на верхней панели.
Задайте те же настройки, что и на приведенных изображениях.
Цвет кисти выбираем #8d5d02. Размер: 246 пикселей. Проводим кистью по полю. Что имеем в итоге:
Теперь я настало время очень интересного эффекта, существующего в фотошопе. Называется он «размытие по Гауссу».
Устанавливаем следующие настройки. Как можно заметить на заднем фоне, боке размывается.
Ну а далее, думаю, вы сможете разобраться сами. Повторяем те же команды.
Новый слой. Проводим кистью. Размываем. Но уменьшайте на 3 эффект размытия.
Я бы еще порекомендовала менять цвет кисти для получения более интересного эффекта. В моем случае, я брала цвета для второго слоя #c2a161. И для третьего #dbbb7e.
Эффект боке в фотошопе готов. Вот что вышло у меня.
Как видите, выполнить подобную манипуляцию у нас труда не составило. Выглядит ну очень эффектно. Думаю, вы уже успели понять, что здесь огромный простор для вашей фантазии. Мало того, подобный эффект боке с помощью фотошопа вы можете сделать не только на градиентной заливке, но и на своем фото, если поиграете с прозрачностью и грамотно расположите элементы.
Как создать эффект Боке в Photoshop
Боке – это японское слово, которое переводится как размытие, нечеткость или дымка. В искусстве фотографии Боке используется для выделения качеств некой области изображения, которая оказывается не в фокусе. Эффект Боке зависит от ряда факторов, в том числе от используемой линзы на фотоаппарате, выбранной диафрагмы, и отдаленности переднего плана от фона.
В этом уроке мы научимся достигать эффекта Боке с помощью программы Фотошоп за четыре простых шага.
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), измените положение и размер новой группы. Создайте дополнительные копии группы, чтобы добиться необходимого эффекта. Вы также можете изменять режим смешивания для некоторых групп с «Обычные» на «Линейный осветлитель (добавить)», чтобы придать им дополнительный эффект.
Теперь вы знаете, как можно добиться эффекта Боке с помощью программы Фотошоп. Вы сможете использовать заготовки с эффектом Боке на своих фотографиях, чтобы придать им оригинальности и новых красок!
И в дополнение к статье посмотрите видео-урок:
В этом уроке мы научимся достигать эффекта Боке с помощью программы Фотошоп за четыре простых шага.
Добавьте своим фотографиям оригинальности и новых цветов!
Теги: photoshop, фотошоп
- 6521
-
Опубликовано
- Видео, Уроки Фотошоп
- прокомментируйте статью
- расскажите друзьям
Как добавить эффект боке в Photoshop к вашим фотографиям
Дженн МишраА- А+
Скачать как PDF
Подпишитесь ниже, чтобы скачать статью немедленно
Вы также можете выбрать свои интересы для бесплатного доступа к нашему обучению премиум-класса:
Основы бизнеса
Шпаргалки
Детская фотография
Состав
Творческая фотография
Креативные концепции портрета
Цифровые фотоколлажи
Сказочная портретная фотография
Фотография еды
Интерьерная фотография
Редактирование ландшафта
Пейзажная фотография
Обработка Lightroom
Пресеты Lightroom
Длинная выдержка
Макрофотография
Фотография Млечного Пути
Моя камера и фотография
Органический маркетинг
Домашние животные
Фотография товара
Фотография неба
Социальные сети
Натюрморт
Интервальная съемка
Туристическая фотография
Городская фотография
Фотография дикой природы
Ваша конфиденциальность в безопасности.
Я никогда не поделюсь вашей информацией.Боке — это фотографический термин, используемый для описания эстетического качества размытия, возникающего в нерезких частях изображения. Его можно использовать для создания эфирного и мечтательного эффекта на ваших фотографиях или просто для того, чтобы сделать их более интересными. В этом уроке вы узнаете, как добавить эффект боке в Photoshop.
[ Примечание: ExpertPhotography поддерживается читателями. Ссылки на продукты на ExpertPhotography являются реферальными ссылками. Если вы воспользуетесь одним из них и купите что-нибудь, мы немного заработаем. Нужна дополнительная информация? Посмотрите, как это все работает здесь. ]
Как создать эффект боке в Photoshop
Давайте добавим боке на фотографию. Мы будем использовать фотографию с далеко не идеальным фоном. Вы можете оставить огни боке на заднем плане или перенести их на передний план в виде мягкого наложения боке.
Шаг 1.
Откройте файл в Adobe PhotoshopЧтобы создать изображения боке в Photoshop, начните с открытия файла. Не беспокойтесь о текущем фоне. Но используйте фото с сильным сюжетом.
Щелкните раскрывающееся меню «Файл» и выберите 9.0090 Файл > Открыть . Перейдите к файлу, который хотите открыть.
Мы будем работать с изображением ниже. Есть небольшое размытие фона, но оно отвлекает и занято.
Шаг 2: копирование фонового слоя
Начните с копирования фона. Перейдите в раскрывающееся меню «Слой» и нажмите «Слой» > «Создать» > «Слой из фона » (Ctrl/Command+J). Назовите этот слой «Размытие фона».
Шаг 3: Переместите объект на новый слой
Мы собираемся рассмотреть наш фон и тему отдельно. Итак, давайте выберем и переместим объект на отдельный слой.
Сначала щелкните инструмент «Быстрое выделение» на панели инструментов. На панели параметров над фотографией выберите «Выбрать тему».
Увеличьте масштаб и проверьте края выделения.
Используйте инструмент «Быстрое выделение», чтобы уточнить края. Чтобы удалить выделение, удерживайте клавишу Alt или Option. Используйте клавиши со скобками, чтобы увеличить или уменьшить размер инструмента.
После того, как вы довольны выбором, перейдите в раскрывающееся меню «Слой». Выберите Слой > Создать > Слой через Копировать (Ctrl/Command+J). Назовите этот слой «Тема».
Шаг 4: Удалить объект из фонового слоя
Через минуту мы собираемся размыть фоновый слой. Но сначала давайте удалим объект и сделаем весь слой фоном.
Выделив слой «Тема», щелкните инструмент «Быстрый выбор». На панели параметров выберите «Выбрать тему». Этот выбор не должен быть идеальным.
Вернитесь к слою с надписью «Размытие фона». Марширующие муравьи должны по-прежнему показывать выбранный предмет. Перейдите в раскрывающееся меню «Правка» и выберите 9.0090 Правка > Заполнить. В раскрывающемся меню «Содержимое» отображается «Content-Aware», нормальный режим и непрозрачность 100 %.
Нажмите «ОК».
Скройте слой «Тема», щелкнув значок глаза рядом со слоем. Фон заполняет место, где раньше был объект. Не беспокойтесь, если рисунок выглядит грубым или части объекта все еще видны.
Шаг 6. Преобразуйте слой в смарт-объект
Преобразуйте размытие фона в смарт-объект. С помощью смарт-объекта мы можем отредактировать слой, а затем вернуться и отредактировать слой позже.
Перейдите в раскрывающееся меню «Слой». Щелкните Слой > Смарт-объекты > Преобразовать в смарт-объект. В правом нижнем углу слоя появляется значок, показывающий, что это смарт-объект.
Шаг 7. Создание размытия фона боке
Выбрав слой «Размытие фона», перейдите в раскрывающееся меню «Фильтр». Выберите «Фильтр» > «Галерея размытия» > «Размытие поля».
Фильтр «Размытие по полю» позволяет размыть части изображения, но у него есть еще одна полезная функция. У него есть слайдер боке!
Боке Шаги наложения
- Начните с размытия фона.
Переместите ползунок Blur вправо где-то между 100 и 200 пикселями. - Откройте вкладку Эффекты.
- Переместите ползунок Light Bokeh вправо, пока не появятся мягкие светящиеся шары. В зависимости от вашего изображения вы можете создать много боке или только несколько световых шаров.
- Поэкспериментируйте с ползунком «Цвет боке».
- Также поэкспериментируйте с ползунком Light Range. Перемещение вкладок влево может показать яркое боке и скрыть темные пиксели. Вы можете быть удивлены результатами!
- Нажмите кнопку ОК.
Переместите ползунок Blur вправо где-то между 100 и 200 пикселями.Количество боке, которое можно создать на скучном фоне, может вас удивить. Но если вам не нравится эффект размытия, используйте другую фотографию для создания фона боке.
Шаг 8. Затемнение фона с помощью корректирующего слоя «Кривые»
Затемнение слоя «Размытие фона» поможет вам позже смешать боке с фотографией.
Добавьте корректировку кривой, чтобы затемнить слой. Перейдите в раскрывающееся меню «Изображение».
Выберите Изображение > Коррекция > Кривые (Ctrl/Command+M).
Выберите точку на линии примерно на треть высоты и перетащите ее вниз. Вы также можете осветлить боке, выбрав точку в верхней части линии и перетащив ее вверх.
Нажмите OK.
Шаг 9. Включите режим наложения «Экран»
Над панелью «Слои» измените режим наложения на «Экран». Раскрывающееся меню режимов наложения находится на панели «Слои».
Шаг 10. Улучшите светлый боке
В зависимости от вашего изображения вы можете увеличить или переместить фоновое боке с помощью инструмента «Трансформация» (T). Вы можете скопировать слой размытия и добавить боке.
Уменьшите эффект боке в Photoshop, уменьшив непрозрачность слоя. Вы также можете добавить маску слоя, чтобы удалить или уменьшить свет, который не работает с изображением.
Кроме того, вы можете решить, хотите ли вы переместить объект перед боке. Если вы это сделаете, просто включите слой «Тема».
Боке появится только на заднем плане.
Шаг 11 (необязательно): Размытие фона
Вы можете вернуться к исходному фоновому изображению и немного размыть фон. Используйте для этого тот же фильтр «Размытие поля».
Создайте новую копию фонового слоя. Не забудьте преобразовать его в смарт-объект. Откройте размытие поля в галерее размытия.
Начните с того, что прикрепите булавку к объекту. Просто нажмите на свою фотографию. Переместите ползунок «Размытие» на ноль.
Затем поместите булавку на задний план и добавьте размытие. Вы можете разместить вокруг изображения столько булавок, сколько хотите, и настроить размытие для каждой булавки отдельно.
Заключение
Готово! Создать боке в Photoshop очень просто. Просто вытащите размытие боке из фона изображения с помощью функции «Размытие по полю». Как только вы сделаете наложение боке, вы можете использовать его на других фотографиях.
Попробуйте электронную книгу «Волшебная фотография» и добавьте к своим фотографиям другие яркие эффекты!
2 простых шага для создания искусственного боке в фотошопе
Создание искусственного боке в фотошопе — очень простой процесс, если у вас есть подходящее изображение для работы
В этом уроке вы научитесь создавать искусственные боке в Photoshop, которые будут выглядеть реалистично, используя 2 простых шага.
поэтому, чтобы получить наилучшие результаты от этого урока, убедитесь, что у вас есть изображение с низким освещением, и на нем есть немного света на заднем плане, как на изображении, которое мы имеем сегодня
Если вы хотите следовать этому уроку, используя это изображение , вы можете скачать его из раздела учебных ресурсов выше. фон.
1 — Выберите и замаскируйте объект Начните с дублирования фонового изображения, нажав ctrl/Cmd + J , и теперь, чтобы выбрать объект, мы можем использовать функцию «выбрать объект» в Photoshop.
Итак, перейдите к , выберите > тему.
После того, как вы выбрали активный объект, щелкните значок маски слоя, чтобы добавить маску слоя и скрыть фон.
Если вы удерживаете Alt или option и щелкаете по маске слоя, вы сможете подробно увидеть свою маску слоя, а также можете уточнить свой выбор, нажав на «выбрать и замаскировать» кнопка.
отсюда, вы можете использовать инструмент «Уточнить края кисти», чтобы улучшить маску слоя.
В этом случае вид находится в режиме наложения, и вы также можете управлять непрозрачностью фона с помощью ползунка непрозрачности,
вы можете выбрать инструмент кисти для уточнения краев и использовать его для уточнения маски слоя и исправления любых недостающих областей. как волосы.
Теперь, если вы хотите восстановить область обратно, вы можете переключиться на инструмент кисти, а затем использовать alt/option переключение между «плюс» + добавить и «минус» — убрать.
После того, как ваш выбор будет готов, перейдите в конец и измените вывод на «Маска слоя» и нажмите «ОК»
Это применит изменения к маске слоя
2 — Удалить тему из Фонтеперь, когда мы выделили объект на новом слое, нам нужно удалить его из слоя фонового изображения, чтобы мы не получили эффект ореола вокруг объекта при добавлении размытия,
Итак, мы собираемся использовать выделение из маски слоя, и для этого ctrl/cmd щелкните маску слоя объекта, чтобы загрузить его как выделение.
Теперь перейдите к выберите > изменить > расширить
в этом случае я собираюсь расширить маску слоя на 20px , нажмите ОК, и если вы нажмете Q , вы сможете чтобы лучше видеть расширенную область.
теперь вы можете переключиться на кисть, а затем вы можете рисовать поверх любой области, которая отсутствует.
Теперь снова нажмите Q , чтобы вернуться к выделению, убедитесь, что выбран слой фонового изображения, затем перейдите к edit > content-aware fill .
Здесь вы можете позволить Photoshop автоматически заполнять выделение информацией из фона, и это также не обязательно должно быть идеальным, потому что фон все равно будет размыт.
далее, в «вывод» с правой стороны измените его на «дублировать слой» и затем нажмите ок.
Затем нажмите Ctrl/cmd + D , чтобы отменить выбор, и теперь у нас есть объект, отделенный от фона, и мы готовы добавить размытие.
Прежде чем применить фильтр размытия, щелкните правой кнопкой мыши дублированный слой и выберите «Преобразовать в смарт-объект» .
Теперь перейдите в фильтр > галерея размытия> наклон-сдвиг .
в фильтре наклона и сдвига все, что находится внутри первых двух основных линий, будет в фокусе, а все, что между ними, будет размыто.
Вы можете переместить первые линии, чтобы расширить область фокусировки, а также вы можете переместить пунктирные линии, чтобы добавить переход.
В этом случае мы хотим, чтобы весь фон был не в фокусе, поэтому нам нужно переместить область фокусировки за пределы холста.
Вы также можете увеличить степень размытия, чтобы немного лучше видеть.
4 — Добавить боке с помощью панели эффектов Теперь, чтобы добавить эффект боке, мы можем сделать это с помощью панели «эффекты» внизу, увеличив значение «светлое боке» слайдер.
Если ползунок светлого боке не дает желаемых результатов, это означает, что вам нужно увеличить диапазон освещения с помощью ползунка «диапазон света» внизу, поэтому все, что находится между двумя контрольными точками, является суммой свет, в котором будет видно боке.
Итак, чтобы добавить больше боке, все, что вам нужно сделать, это увеличить диапазон света, и в этом случае, если я увеличу диапазон слишком сильно, вы увидите, что это также начинает быть видимым в небе.
Очевидно, мы этого не хотим, поэтому я собираюсь вернуть его, пока он не станет невидимым с неба.
Вы также можете добавить больше цвета боке, используя ползунок «Цвет боке» .
Теперь все, что вам нужно сделать, это смешать и сопоставить значения между светлым боке и световым диапазоном, чтобы получить нужные вам результаты.
Как видите, это с эффектом боке и без него.
Теперь, если вы переместите ползунок размытия, вы увидите, как эффект боке реагирует на степень размытия, поэтому в данном случае я оставлю значение около 100px
нажмите ОК.
