Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

наш канал

стать автором

09 октября 2017

ВНИМАНИЕ! На нашем сайте объявлен новый конкурс: Портрет героя по роману «Три мушкетёра».

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

Добавляем эффект Боке в Фотошоп

02 августа 2017 9 630 просмотров | Сложность:

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

Скачать архив с материалами к уроку

Шаг 1. Выбор исходного изображения

Откройте исходное изображение города в Photoshop Файл - Открыть (File > Open) или просто воспользуйтесь комбинацией клавиш (Ctrl+О). В этом уроке я использую изображение города, вы в свою очередь можете использовать вид из окна с большим количеством огней, улицу, деревню. Нужно понимать одно - если вы собирайтесь добавлять эффект Боке, вам нужно изображение, в котором есть много огней и ночное/вечернее время суток. Именно поэтому я выбрал это изображение:

Также вы можете заметить, что данный город имеет достаточное количество огней и тёмное время суток.

Шаг 2. Создаём эффект боке

Преобразуйте изображение с города в “Смарт объект” (Smart Object). Для этого кликните правой клавишей мыши по иконке изображения и выберите пункт “Преобразовать в смарт-объект” (Create smart object). Затем перейдите в Фильтр – Размытие - Размытие по Гауссу (Filter > Blur > Gaussian blur). Фильтр “Размытие по Гауссу” поможет нам подготовить основу для будущего дождя, поэтому не бойтесь экспериментировать с размытием. Я же выставил радиус размытия в 31,9 пикс.

И вот результат:

Шаг 3. Коррекция цвета

Перейдите Слой – Новый корректирующий слой - “Цветовой тон/Насыщенность” (Layer > New Adjustment Layer > Hue/Saturation) и выберите вкладку Голубые (Blues). При помощи корректирующего слоя “Цветовой тон/Насыщенность” (Hua/Saturation) мы добавим больше света, для того чтобы в дальнейшем можно было использовать текстуру дождя, и уменьшим интенсивность синего неба, передвинув ползунок Насыщенность (Saturation) до отметки -67.

Результат:

Шаг 4. Коррекция цвета

Благодаря корректирующему слою “Цветовой тон/Насыщенность” мы уменьшили насыщенность всего города, что совсем не нужно, потому что главной целью являлось уменьшить насыщенность неба. Для исправления недочёта перейдите на маску-слоя корректирующего слоя “Цветовой тон/Насыщенность” (Hua/Saturation) и воспользуйтесь инструментом “Кисть” (Brush Tool), кисть мягкая, цвет чёрный (#000000). Красным цветом ниже показано, где вы должны удалить действие корректирующего слоя.

Вот результат:

Шаг 5. Свет огней

В этом шаге мы немного дорисуем свет огней в городе. Создайте новый слой, назовите его “Огни”, и мягкой круглой кистью дорисуйте огни. Я использовал следующие цвета:

  • Тёмно-синий
  • Жёлтый
  • Зелёный
  • Красный

Измените режим наложения для слоя “Огни” на “Осветление основы” (Color Dodge), непрозрачность слоя 100%.

Шаг 6. Регулировка основного цвета

Немного подкрутим общий цвет нашему городу. Добавьте корректирующий слой “Кривые” (Curves) и настройте “Синий” (Blue) и “Красный” (Red) каналы, как показано на скриншоте ниже:

А также на общем канале “RGB” уменьшите немного яркость.

Результат:

Шаг 7. Добавляем текстуру дождя

Откройте первую текстуру дождя, при помощи инструмента “Перемещение” (Move Tool) перенесите на наш основной документ. Слой с текстурой дождя должен располагаться выше остальных, а также не забывайте пользоваться свободным трансформированием (Ctrl+T). Для сохранения пропорций удерживаете зажатой клавишу “Shift”.

Далее измените режим наложения на “Экран” (Screen) и убавьте уровень “Непрозрачности” (Opacity) до 41%.

Шаг 8. Регулировка контрастности дождя

Добавьте корректирующий слой “Уровни” (Levels) и настройте его в качестве обтравочной маски, кликнув по значку, который отмечен красным на скриншоте ниже. Переместите черный ползунок вправо, чтобы увеличить контрастность текстуры с дождём.

Примечание переводчика: левое значение 36

Результат:

Шаг 9. Дождливый эффект

Теперь нам нужно добавить последнее исходное изображение “Текстура мокрого окна”. Поместите её на наш основной документ.

Измените режим наложения на “Экран” (Screen), непрозрачность слоя 100%.

Шаг 10. Итоговые корректировки цвета

В завершении добавьте корректирующий слой “Цветовой баланс” (Color/Balance) и отрегулируйте значение: “Средние тона” (Midtones), здесь мы будем добавлять немного желтых и красных оттенков. Проще говоря, добавляем тёплые цвета, которые отражаются в окне от города.

Примечание переводчика:

Красный (Red): +29

Зелёный (Green): -25

Синий (Blue): -34

Вот наш результат:

Шаг 11. Финал

В завершение, я использовал корректирующий слой “Поискцвета” (Color Lookup), пресет “Teel Orange Plus Contrast.” Не стесняйтесь экспериментировать с другими пресетами.

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

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

Спасибо за внимание, надеюсь, вам понравился урок!

Автор: Bunty Pundir

Понравилось? Поделитесь с друзьями!
Источник: www.psdstack.com Переводчик: Милованкин Геннадий
Прикрепить работу или скриншот Максимально-допустимый вес для загрузки изображения (jpg): 5 MB
Размещение ссылок внутри комментария допустимо только на этот список сайтов.
raido911 день назад13

Спасибо, было интересно поэкспериментировать.

mikronich18 октября 201717

отличный урок

nastenka.parfeevets17 октября 201719

Благодарю!)

Наталия Дивин13 октября 20178

Интересно) Спасибо

IZAKO GIORGADZE12 октября 20177

спасибо за урок очень приятно было работать

Раиса Разумова11 октября 201712

Спасибо за урок!!!)) очень понравилось))

kaplan10 октября 201712

спасибо!

Angelbusya08 октября 20179

Спасибо, урок как раз для осенней погоды!))

Crowlych25 сентября 20179

Спасибо за урок!

AnaFlow24 сентября 201717

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

miss-kim9318 сентября 201713

Необычно создавать боке таким образом. Но урок был достаточно познавательным.

Игорь Величко11 сентября 20179

Спасибо за познавательный урок!

lera_190327 августа 20177

Как-то так... Спасибо!

Артём Пономарёв26 августа 20179

Ох спасибо. )

Андрей Власенков25 августа 20178

Спасибо

Precious Diana24 августа 201714

Спасибо большое))

z_ivan22 августа 20175

Спасибо.

Moonlight Flower22 августа 201716

Большое спасибо!

LillandGrey21 августа 201710

Спасибо!

Sazonova Mariia15 августа 201711

Спасибо за урок. Всегда хотела научиться этому приему.

hackerman66614 августа 201712

Спасибо за урок! Вышло как-то так.

Денис Ступин14 августа 20179

Спасибо,Было интересно!

Tig@r14 августа 20176

Спасибо. Да погодка соответствует.

kira_low14 августа 20175

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

Demi Blackcrane13 августа 20179

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

Татьяна12 августа 201719

Как то так.

spot0707111 августа 201710

Спасибо огромное! Очень понравилось!)))

Настя (anonimus)10 августа 201710

буду пытаться использовать к фото)спасибо

Саша Вилков10 августа 201717

Отличный урок!

ujlp.h.08 августа 201720

Спасибо!!

Авторизация


Регистрация

Наверх