Дополнения

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

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

наш канал

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

28 ноября 2017

Надвигается Новый год! Что может быть лучше ожидания чуда и праздника! А чтобы создать волшебное настроение, мы предлагаем вам принять участие в нашем конкурсе «Новогодний корпоратив».

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

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

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

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

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

Шаг 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
Размещение ссылок внутри комментария допустимо только на этот список сайтов.
gurjevanata13 часов назад12

Спасибо)

Octavian Cucuruzean1 день назад14

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

tarasbek200226 ноября 20178

дякую, навчився чогось нового)

Fotinoulita10 ноября 201717

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

ElRicos02 ноября 201723

Спасибо, красивый эффект.

ruslan_krav01 ноября 201713

Благодарочка)

Elenafam28 октября 201718

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

mushak96y@gmail.com25 октября 201716

моя робота

raido9119 октября 201716

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

mikronich18 октября 201718

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

nastenka.parfeevets17 октября 201722

Благодарю!)

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

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

IZAKO GIORGADZE12 октября 20177

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

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

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

kaplan10 октября 201716

спасибо!

Angelbusya08 октября 201710

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

Crowlych25 сентября 201710

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

AnaFlow24 сентября 201718

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

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

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

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

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

lera_190327 августа 201710

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

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

Ох спасибо. )

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

Спасибо

Precious Diana24 августа 201715

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

z_ivan22 августа 20178

Спасибо.

Moonlight Flower22 августа 201717

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

LillandGrey21 августа 201711

Спасибо!

Sazonova Mariia15 августа 201712

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

hackerman66614 августа 201713

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

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

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

Авторизация


Регистрация

Наверх