Добавляем дождь на фотографию

Автор Дмитрий Евсеенков На чтение 5 мин Просмотров 425
Обновлено 03.11.2021

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

В материале я буду использовать Photoshop CC (Creative Cloud), но урок также подойдёт и к версии Photoshop CS6. В версиях CS5 и ниже урок также выполним, но надо учесть незначительные изменения в интерфейсе.

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

Вот моё исходное изображение:

Готовый результат после создания эффекта дождя:

Давайте начнем!

Содержание

Добавляем новый слой

Открываем исходное фото в Photoshop, в панели слоёв создаём новый слой и называем его «Rain»:

Залейте этот слой чёрным, последовательно нажав клавиши D и Alt+Delete:

Применяем фильтр «Добавить шум»

Теперь добавим шум на чёрный фон, в последствии этот шум станет основой для создания капель дождя. Идём по вкладке главного меню Фильтр —> Шум —> Добавить шум (Filter —> Noise —> Add Noise) и в диалоговом окне фильтра задайте следующие параметры:
Эффект (Amount) — 25%
Распределение (Distribution) — по Гауссу (Gaussian)
Монохромный (Monochromatic) — поставить галку

Нажмите OK для выхода из из диалогового окна и применения действия фильтра, после чего Photoshop заполнит слой Rain шумом:

Увеличиваем слой с дождём до 400% и изменяем режим наложения

На данный момент, белые точки шума слишком малы, чтобы стать каплями. Давайте сделаем их больше. При активном слое Rain нажмите на клавиши Ctrl+T для активации инструмента «Свободная трансформация».
Вверху рабочего окна программы, в панели параметров введите значение ширины и высоты 400%

Нажмите клавишу Enter для применения действия инструмента.

Точки шума стали несколько больше:

Изменяем режим наложения слоя на «Экран» (Screen):

Этот режим наложения скрывает все тёмные области в слое Rain и оставляет видимыми только белые точки шума:

Преобразуем слой Rain в смарт-объект

Сейчас мы собираемся превратить эти белые точки в дождь, применяя фильтр «Размытие в движении» (Motion Blur), но, для разных размеров изображений требуются разные параметры этого фильтра, поэтому параметры придётся подбирать экспериментально. Для того, чтобы мы могли изменять параметры фильтра после его применения, необходимо преобразовать слой в смарт-объект (Smart Object), в следствии чего фильтр «Размытие в движении» будет применён в качестве смарт-фильтра, что сделает его полностью редактируемым после применения.

Для преобразования слоя в смарт-объект кликаем по нему правой клавишей мыши и в контекстном меню нажимаем на пункт «Преобразовать в смарт-объект» (Convert to Smart Object). На миниатюре слоя появится значок смарт-объекта:

Применение фильтра «Размытие в движении» (Motion Blur)

Теперь, когда мы преобразовали слой в смарт-объект, мы можем размыть шум при помощи фильтра «Размытие в движении» (Motion Blur). Пройдите по вкладке главного меню Фильтр —> Размытие —> Размытие в движении (Filter —> Blur —> Motion Blur), после чего откроется диалоговое окно фильтра.
Для начала, установим угол направления падения капель дождя. Я установил угол 65°, но, конечно, возможно Вам потребуется другое значение для Вашей фотографии. Затем установите значение параметра «Смещение» (Distance). Я задал его значение в 75 пикселей, но, опять-таки, оно во многом будет зависеть от размеров Вашего изображения. Не беспокойтесь о том, если Вы зададите неправильное значения, т.к. мы используем смарт-фильтр, и всегда можем вернуться и при необходимости изменить значение позже:

Нажмите OK, чтобы выйти из диалогового окна и применить фильтр к изображению (если картинка большая, то это может занять несколько секунд). Вот то получилось:

В панели слоёв появился фильтр «Размытие в движении»:

Добавляем корректирующий слой «Уровни» (Levels Adjustment)

На данный момент на изображении у нас имеются дождевые капли, но они несколько крупноваты и бледны. Сейчас мы это исправим с помощью добавления к изображению корректирующего слоя «Уровни«.

Зажмите клавиатурную клавишу Alt, кликните по значку создания нового корректирующего слоя (New Adjustment Layer) в панели слоёв и, не отпуская левую клавишу мыши, выберите слой «Уровни» (Levels) из контекстного меню.

Откроется диалоговое окно, где необходимо проставить галку у опции «Использовать предыдущий слой для создания обтравочной маски» (Use Previous Layer to Create Clipping Mask). Это позволит применить «Уровни» как обтравочную маску к слою с шумом, иными словами, корректирующий слой «Уровни» будет действовать только на слой «Rain», расположенный под ним:

Photoshop добавит новый корректирующий слой над слоем «Rain», обтравочная маска будет обозначена небольшой стрелкой слева от значка слоя:

Коррекция капель дождя «Уровнями»

В панели свойств слоя «Уровни» начните аккуратно перетаскивать чёрный ползунок вправо, при этом Вы увидите, как «капли» начнут становиться тоньше, зрительно уменьшая количество дождя.

Затем нажмите на белый ползунок медленно перетаскивайте его влево, при этом яркость и контрастность капель будет постепенно увеличиваться. Лучше немного поиграть с ползунками, перетаскивая их взад-вперёд, чтобы добиться оптимального изображения. Кроме того, мы всегда можем изменить настройки смарт-фильтра «Размытие в движении»:

Вот какой эффект получился у меня после перетаскивания ползунков:

Подстройка фильтра и уровней при необходимости

Эти действия следует производить, если Вы не удовлетворены полученным эффектом дождя. Если необходимо отрегулировать фильтр «Размытие в движении», просто дважды щелкните на самом названии фильтра палитре слоёв:

Это действие вновь откроет его диалоговое окно, позволяющее увеличить (или уменьшить) значение смещения размытия. В моем случае, исходное изображение довольно большое, поэтому первоначальное значение «Смещения» в 75 пикселей было слишком низким. Я увеличу его до 150 пикселей. Также можно отрегулировать угол, пока диалоговое окно открыто, но я оставлю его установленным на 65°:

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

Перетащите ползунки для осветления или затемнения капель, я установился на следующих значениях:

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

Готово!

Как сделать эффект дождя в Adobe Photoshop

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

Содержание

1. Как сделать имитацию дождя в Adobe Photoshop
2. Этап 1: Замена неба
3. Этап 2: Добавление дождя
4. Этап 3: Добавление деталей
5. Этап 4: Цветокоррекция
6. Этап 5: Добавление капель

Процесс создания качественной имитации может занять много времени. Плюс, для понимая инструкции вам потребуется хотя бы средний навык работы в Photoshop. Еще многое зависит от самой фотографии, на которой вы собираетесь сделать дождь. Например, вам может потребоваться отдельная фотография с тучами, особенно, если вы собираетесь редактировать фото, сделанное в ясную погоду.

Дальше раздели весь процесс на несколько этапов, чтобы вам проще было воспринимать информацию.

Этап 1: Замена неба

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

Перейдем непосредственно к процессу замены:

1. Загрузить в интерфейс Photoshop для начала основную фотографию с пейзажем, для которой вам требуется заменить небо. Сделать это можно просто перенеся изображение в рабочую область программы из «Проводника». У вас может появиться предупреждение о несоответствии цветового профиля. Просто нажмите «Ок». На дальнейшую работу это никак не скажется.
2. Теперь сделайте дубликат основного слоя – воспользуйтесь сочетанием клавиш Ctrl+J или кликните правой кнопкой мыши по главному слою и выберите из контекстного меню пункт «Дублировать».
3. Обратите внимание на левую панель управления. Там нужно выбрать инструмент «Быстрое выделение». Это наиболее удобный инструмент в большинстве случаев, но вы можете использовать другой, например, «Лассо».
4. Обведите основные объекты на изображении, не затрагивая небо. Ничего страшного, если обводка немного неровная. У вас должен четко прослеживаться основной контур. По возможности не заходите на небо.
5. Теперь обратите внимание на верхнее меню. Там нужно воспользоваться кнопкой «Уточнить край».
6. По умолчанию данный инструмент настроен более-менее правильно. Пройдитесь кисточкой по границе неба и основных объектов на изображении. Это нужно для того, чтобы сгладить края и добавить прозрачность некоторым элементам.
7. Когда закончите нажмите «Ок», чтобы корректировки в выделении были успешно внесены.
8. Изменения в выделении применятся автоматически, а окошко для уточнения края закроется. Сделайте дубликат выделенных объектов на отдельный слой. Для этого, не снимая выделения, воспользуйтесь сочетанием клавиш Ctrl+J.
9. Теперь вам осталось только вставить изображение с тучами в рабочую область. Перенесите его прямо из «Проводника».
10. По умолчанию оно вставится поверх всех остальных слоев, перекрыв все объекты на изображении. Ничего страшного, так как вы сможете переместить слой с изображением позже. Воспользуйтесь манипуляторами, появившимися по краям картинки с тучами, чтобы отредактировать ее размер. Растяните ее так, чтобы она закрывала приблизительно ту область, где ранее находилось небо.
11. Нажмите Enter, чтобы заданный размер картинки с тучами применился. Теперь в панели слоев вам требуется переместить слой с тучами так, чтобы он находился за слоем с основными объектами.

Возможно, что где-то на вырезанных слоя будут прослеживаться «покусанные» края. В таком случае вы можете воспользоваться специальным инструментом, чтобы их сгладить:

1. В левой панели инструментов выберите инструмент «Размытие». Его расположение показано на скриншоте ниже.
2. Настройте размер кисти так, чтобы она была не слишком большой и сильно не выходила за контуры.
3. Пройдись этой кисточкой по краям, где основное изображение «стыкуется» с небом. Однако слишком усердствовать тоже не стоит, так как вы можете получить слишком размытые края.

Этап 2: Добавление дождя

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

1. Сделайте слепок всех слоев. Это можно реализовать, воспользовавшись сложным сочетанием клавиш — CTRL+SHIFT+ALT+E. Поверх всех слоев должен появиться общий слой, где будут совмещены пасмурное небо и основной пейзаж, которые вы вырезали ранее. Сделать слепок необходимо для того, чтобы фильтр корректно применился.
2. Выполните дублирование слоя с отпечатком. С верхнего слоя, который будет являться дублем уберите видимость, кликнув по иконке глаза. Этот слой пригодится нам позже. Для работы пока выделите тот, что расположен под ним.
3. Теперь перейдите к работе с фильтрами. Кликните по соответствующему пункту в верхнем меню. Из выпавшего списка выберите раздел «Шум». Там воспользуйтесь инструментом «Добавить шум».
4. В открывшемся окошке с настройками шума выставьте следующие параметры:
   • Обязательно поставьте галочку у параметра «Монохромный». Многие пользователи забывают об этом, так как данный параметр находится в самом низу открывшегося окна и практически не видим. Однако, если его не отметить, то фильтр будет наложен некорректно.
   • В блоке «Распределение» поставьте маркер у пункта «По Гауссу».
   • Параметр «Эффект» здесь индивидуален. Выставьте его до тех значений, чтобы получить эффект, который продемонстрирован на скриншоте ниже.
5. Теперь для созданного шума нужно сделать размытие в движении, чтобы он был похож на дождь. Снова откройте «Фильтр» и выберите там категорию «Размытие», а затем «Размытие в движении».
6. Откроется окошко настройки размытия в движении. В поле «Угол» можно установить угол, под которым будут падать капли. Смещение же рекомендуется задать в районе 10-20 пикселей, чтобы точки не выглядели статично. Примените фильтр, нажав на кнопку «Ок».
7. Теперь можно включить видимость для верхнего слоя. Ему тоже требуется установите те же фильтры. Однако при добавлении шума в параметрах «Угол» и «Смещение» нужно задать немного другие, чем в предыдущих шагах. Насколько другие решать вам.
8. Для верхнего слоя задайте маску. Как это сделать показано на скриншоте – нужно нажать на специальную иконку в панели слоев.
9. На слой с маской требуется наложить еще один фильтр (точнее на саму маску, а не слой). Переходим в меню «Фильтр – Рендеринг – Облака». Ничего настраивать не нужно, все происходит в автоматическом режиме.
10. Измените режим наложения на «Мягкий свет».
11. Аналогичные действия проделайте и для слоя ниже.

Этап 3: Добавление деталей

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

Для начала создадим небольшую дымку от дождя:

1. Создайте новый пустой слой, воспользовавшись соответствующей иконкой в нижней части панели слоев.
2. В левой панели инструментов выберите «Кисть». Основной цвет для нее укажите серый. Образец лучше всего взять с туч на заднем плане.
3. Нарисуйте толстую полосу у линии горизонта.
4. На этом же слое наложите размытие. Перейдите в «Фильтр» и выберите категорию «Размытие», а затем переключитесь на параметр «Размытие по Гауссу».
5. Радиус задавайте на глаз, но ориентируйтесь на те значения, при которых серая полоса у горизонта превращается в небольшую дымку.

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

1. За образец возьмем кусок неба. Выделите его любым удобным инструментом. Для примера воспользуемся самым простым инструментом выделения – «Прямоугольная область».
2. Переключитесь на слой с общим слепком (без масок) и возьмите там образец неба. Отнесите его на отдельный слой, воспользовавшись комбинацией клавиш Ctrl+J.
3. Создайте новый пустой слой.
4. Теперь вам нужно выделить тот объект, который вы собираетесь «намочить». Для выделения используйте любой инструмент, который вам удобен.
5. Закрасьте выделенный участок любым цветом. Примечательно, что это нужно делать на ранее созданном новом слое. После того, как закрасите выделенную область вы можете снять выделение воспользовавшись сочетанием клавиш Ctrl+D.
6. С зажатой клавишей ALT перетащите слой с вырезанным куском неба на слой, где вы ранее наносили цвет.
7. Этот слой применится в качестве маски. Чтобы не было такого чувства, что небо полностью отражается, установите для слоя параметры непрозрачности примерно на 30-50%.
8. Дополнительно нужно сгладить слишком резкие границы. Создайте обтравочную маску и пройдитесь черной кистью с настройками непрозрачности в 25-30% по границам.

Этап 4: Цветокоррекция

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

Читайте также:
Создание размытия в Photoshop
Создание двойной экспозиции в Adobe Photoshop
Создание постера в стиле Hope в Photoshop
Делаем объёмный текст в Adobe Photoshop

Уменьшение насыщенности происходит по следующей инструкции:

1. Находясь на самом верхнем слое, вызовите меню с корректирующими слоями. Там выберите «Цветовой то/Насыщенность».
2. В графе «Насыщенность» поставьте значение -20 или -30 пунктов. Если поставить слишком низкие значения, то может получится эффект черно-белой фотографии.

Этап 5: Добавление капель

Это завершающий этап работы. Осталось добавить иллюзию запотевшего стекла и дождевых капель. Предварительно придется скачать текстуру дождевых капель на стекле, но найти их в Яндекс или Google Картинках не составит особого труда.

1. Сделайте отпечаток всех слоев, воспользовавшись сочетанием клавиш CTRL+SHIFT+ALT+E. Продублируйте созданный отпечаток.
2. Верхнюю копию нужно слегка размыть, сделав наложение размытия по Гауссу.
3. Поверх всех слоев поместите текстуру с дождевыми каплями на стекле. С помощью манипуляторов установите ей такой размер, чтобы она полностью закрывала рабочую область. Для слоя с текстурой установите режим наложения «Мягкий свет».
4. Теперь этот слой нужно объединить с предыдущим. Кликните по нему правой кнопкой мыши. В контекстном меню выберите «Объединить с предыдущим».
5. Скорее всего, вам не нужно, чтобы слой с текстурой перекрывал основное изображение полностью. Решить проблему можно наложением маски на слой с текстурой.
6. Пройдитесь черной кистью по маске, удаляя текстуру с основной части изображения.

На этом обработку можно завершить. Сохраняйте изображение.

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

Как добавить дождь на фото с помощью Photoshop

Узнайте, как добавить дождь на фотографии, не намочив камеру, создав эффект дождя в Photoshop!

Автор Стив Паттерсон.

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

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

Я использую Photoshop 2021, но подойдет любая последняя версия. Вы можете получить последнюю версию Photoshop здесь.

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

Финальный эффект.

Начнем!

Настройка документа

Вы можете продолжить, открыв любое подходящее изображение в Photoshop. Я буду использовать это изображение из Adobe Stock:

.

Оригинальное фото.

На панели «Слои» изображение появляется на фоновом слое:

Панель слоев Photoshop.

Связанный: узнайте, как перенести изображения в Photoshop

Шаг 1: Добавьте новый пустой слой над изображением

Чтобы сохранить эффект дождя отдельно от исходного изображения, мы добавим дождь на отдельный слой.

Щелкните значок «Добавить новый слой» в нижней части панели «Слои»:

Щелкните значок Добавить новый слой .

Новый пустой слой с именем Слой 1 появляется над фоновым слоем:

Добавлен новый слой.

Дважды щелкните имя Layer 1 и переименуйте его в Rain . Затем нажмите Введите (Win) / Верните (Mac) на клавиатуре, чтобы принять его:

Переименование нового слоя.

Шаг 2: Залейте новый слой черным цветом

Залейте новый слой черным цветом, перейдя в меню Edit в строке меню и выбрав Fill :

Переходим к Правка > Заполнить.

В диалоговом окне «Заливка» измените Contents на Black и нажмите OK:

Изменение параметра содержимого на черный.

Photoshop заполняет слой черным цветом, что временно скрывает изображение под ним из поля зрения:

Документ после заливки слоя «Дождь» черным цветом.

Шаг 3. Примените фильтр «Добавить шум»

Перейдите в меню Filter , выберите Noise , а затем выберите Add Noise :

Перейдите в Фильтр > Шум > Добавить шум.

Фильтр «Добавить шум» добавляет к слою случайные точки или шум . И мы превратим эти точки в наши капли дождя.

Установите значение Amount на 25% и выберите Gaussian для распределения. Ограничьте цвета точек черным и белым, выбрав Монохроматический внизу. Затем нажмите OK, чтобы закрыть диалоговое окно:

Параметры добавления шума.

Фотошоп заполняет слой шумом. В данный момент точки слишком малы, поэтому мы исправим это следующим образом:

.

Слой «Дождь» после заливки его шумом.

Шаг 4. Масштабируйте шум на 400%

Чтобы увеличить точки, перейдите в меню Edit , выберите Transform , а затем выберите Scale :

Перейдите в меню «Правка» > «Трансформировать» > «Масштаб».

На панели параметров щелкните значок ссылки между Ширина ( Ш ) и Высота ( В ) значения:

Связывание ширины и высоты.

Измените ширину на 400% . Поскольку ширина и высота связаны друг с другом, Photoshop устанавливает высоту на 400%, чтобы соответствовать:

.

Увеличение ширины и высоты до 400%.

Затем щелкните галочку на панели параметров, чтобы принять его:

Нажатие галочки.

И теперь точки намного больше:

Шум после масштабирования ширины и высоты на 400%.

Связанный: Как масштабировать, вращать, искажать и многое другое с помощью Free Transform

Шаг 5. Обрежьте скрытые области

Проблема с увеличением содержимого слоя Rain заключается в том, что мы также увеличили размер файла документа. И добавленный размер может снизить производительность Photoshop до минимума, когда мы пройдем оставшиеся шаги. Таким образом, чтобы уменьшить размер файла, нам нужно обрезать весь шум, который теперь выходит за пределы холста (видимая область документа) и попадает в серую область монтажного стола, окружающую его.

Для этого перейдите в меню Select и выберите All . По краям холста появляется контур выделения:

Собираюсь выбрать > Все.

Перейдите в меню Image и выберите Crop :

Перейдите в Изображение > Обрезать.

Затем удалите контур выделения, вернувшись в меню Select и выбрав Deselect . Все, что находится за пределами холста, теперь обрезано:

Собираюсь выбрать > Отменить выбор.

Связанный: Мое полное руководство по обрезке изображений в Photoshop

Шаг 6. Преобразуйте слой дождя в смарт-объект

Через мгновение мы превратим шум в падающий дождь, используя фильтр Photoshop Motion Blur. Но чтобы сохранить редактируемые настройки фильтра, мы применим Motion Blur в качестве интеллектуального фильтра. И для этого нам сначала нужно преобразовать слой Rain в смарт-объект .

На панели «Слои» убедитесь, что Выбран слой Rain . Затем щелкните значок меню в правом верхнем углу панели:

Щелкните значок меню панели «Слои».

И выберите Convert to Smart Object из меню:

Выбор Преобразовать в смарт-объект .

На миниатюре предварительного просмотра слоя появляется значок, сообщающий нам, что слой теперь находится внутри смарт-объекта:

Значок смарт-объекта.

Шаг 7. Измените режим наложения на Экран

Чтобы смешать шум с изображением, измените режим наложения смарт-объекта Rain с Normal на Screen :

Изменение режима наложения слоя на Экран.

Режим наложения экрана скрывает все области черного цвета, оставляя видимыми только белые точки:

Эффект после изменения режима наложения на Экран.

Связанный: изучите пять основных режимов наложения Photoshop

Шаг 8. Примените фильтр «Размытие в движении»

Чтобы превратить точки в падающий дождь, мы добавим к ним движение с помощью фильтра Motion Blur.

Перейдите в меню Filter , выберите Blur , а затем выберите Motion Blur :

Перейдите в Фильтр > Размытие > Размытие в движении.

В диалоговом окне «Размытие в движении» задайте направление дождя, используя значение Угол . Вы можете ввести значение напрямую или щелкнуть и перетащить циферблат, чтобы повернуть его. Я установлю свой угол на 65° .

Затем установите Расстояние размытия в движении. Перетащите ползунок внизу, чтобы изменить значение и просмотреть результаты на своем изображении. Я установлю расстояние 75 пикселей , но значение, которое лучше всего подходит для вашего изображения, будет зависеть от его размера. Не беспокойтесь о том, чтобы сделать это точно сейчас, потому что я покажу вам, как изменить значение позже, если это необходимо.

Когда закончите, нажмите OK, чтобы закрыть диалоговое окно:

Параметры размытия в движении.

А вот результат с применением размытия в движении:

Эффект дождя после применения размытия движения к шуму.

На панели «Слои» размытие в движении отображается как смарт-фильтр под смарт-объектом. Мы вернемся к этому позже:

Смарт-фильтры перечислены под их смарт-объектом.

Шаг 9. Масштабируйте смарт-объект «Дождь» до 110 %

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

На снимке экрана немного сложно разглядеть, но если я увеличу верхнюю часть изображения, то замечу, что эффект проявляется ярче чуть ниже края. Причина в том, что мы обрезали весь шум за пределами холста, поэтому фильтр Motion Blur упирался в край и некуда было деваться:

Края были проблемой для фильтра Motion Blur.

Решение состоит в том, чтобы масштабировать шум ровно настолько, чтобы переместить эти проблемные области за пределы холста.

С Rain смарт-объект, выбранный на панели Layers, вернитесь в меню Edit , выберите Transform и еще раз выберите Scale :

Перейдите в меню «Правка» > «Трансформировать» > «Масштаб».

Photoshop предупреждает, что интеллектуальный фильтр Motion Blur будет временно отключен до завершения масштабирования. Нажмите OK, чтобы закрыть диалоговое окно:

Предупреждение о временном отключении смарт-фильтров.

На панели параметров установите Ширина ( Ш ) до 110% . При выбранном значке ссылки Photoshop автоматически изменяет высоту ( H ) на 110% :

.

Масштабирование ширины и высоты шума на 110 процентов.

Затем щелкните галочку на панели параметров, чтобы принять его:

Нажатие галочки.

Photoshop снова включает фильтр размытия в движении, и края фиксируются:

Края теперь выглядят лучше после масштабирования шума.

Шаг 10: Добавьте корректирующий слой «Уровни»

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

На панели «Слои» щелкните значок «Новый слой-заливка» или «Корректирующий слой » внизу:

Щелкните значок «Новый слой-заливка» или «Корректирующий слой».

И выберите Уровни из списка:

Добавление корректирующего слоя «Уровни».

Над смарт-объектом Rain появляется корректирующий слой «Уровни»:

Появится корректирующий слой «Уровни».

Шаг 11: Создайте обтравочную маску

Затем, чтобы ограничить эффект корректирующего слоя только смарт-объектом Rain под ним (чтобы он также не влиял на исходное изображение), создайте обтравочную маску, щелкнув значок меню панели «Слои» :

Щелкните значок меню панели «Слои».

И выбрав Создать обтравочную маску из меню:

Обрезка корректирующего слоя со смарт-объектом под ним.

Шаг 12. Перетащите ползунки Black и White Point

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

Под гистограммой находятся три ползунка . Слева есть ползунок с черной точкой , 9Ползунок 0035 white point справа и ползунок средних тонов посередине. Для настройки эффекта дождя нам нужны только черный и белый ползунки:

Ползунки черной точки (слева) и белой точки (справа) под гистограммой.

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

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

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

Регулировка черного и белого ползунков.

Вы можете включать и выключать корректирующий слой «Уровни», чтобы сравнить результат с исходным эффектом дождя, щелкнув значок 9 корректирующего слоя.0035 значок видимости на панели «Слои»:

Щелкните значок видимости корректирующего слоя «Уровни».

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

Эффект после усиления дождя Уровнями.

Шаг 13. При необходимости измените настройки размытия в движении или уровней

Наконец, после перемещения ползунков вы можете обнаружить, что к дождю больше не применяется достаточное движение. Чтобы отрегулировать степень размытия движения, дважды щелкните на интеллектуальном фильтре Motion Blur на панели «Слои»:

Двойной щелчок по интеллектуальному фильтру Motion Blur.

Это снова открывает диалоговое окно «Размытие в движении», где вы можете увеличить (или уменьшить, если необходимо) значение Distance . В моем случае я увеличу его с 75 пикселей до 150 пикселей , но опять же это будет зависеть от размера вашего изображения. Вы также можете настроить значение угла, пока вы здесь, но я оставлю свое значение равным 65 °. Нажмите OK, когда закончите, чтобы закрыть диалоговое окно:

Добавление большего размытия движения к дождю.

И если вам нужно отредактировать ползунки черной точки и белой точки в корректирующем слое «Уровни», просто щелкните значок гистограммы , чтобы повторно выбрать корректирующий слой:

Повторный выбор корректирующего слоя «Уровни».

Затем на панели свойств перетащите ползунки по мере необходимости:

Окончательная корректировка количества и яркости дождя.

На этом мы закончили! Вот мой окончательный эффект дождя в Photoshop:

Окончательный результат.

И вот оно! Теперь, когда вы знаете, как добавить дождь на фотографию, почему бы не добавить красочную радугу? Или как использовать многие шаги, которые вы узнали здесь, чтобы добавить падающий снег на изображение и даже добавить звезды на ночное небо!

Посетите наш раздел «Фотоэффекты» для получения дополнительных руководств. И не забывайте, что все наши уроки Photoshop готовы к загрузке в виде готовых к печати PDF-файлов!

Добавление дождя к фотографии с помощью Photoshop

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

Автор сценария Стив Паттерсон.

Большинство из нас предпочли бы по возможности не попасть под дождь, особенно если у нас есть камеры. Но что, если вы один из многих людей, которым нравится фотографировать погоду? Даже если фотография погоды не является вашим основным интересом, нельзя отрицать, что дождь добавляет совершенно новое измерение вашим изображениям. Так как же сделать фотографии дождя, не промочив камеру?

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

Эта версия руководства предназначена для Photoshop CS5 и более ранних версий. Пользователи Photoshop CC и CS6 захотят ознакомиться с нашим полностью обновленным учебным пособием по эффекту дождя в Photoshop.

Вот фотография, с которой я буду работать для этого эффекта:

Исходное изображение.

А вот то же изображение после добавления дождя в Photoshop. Это действительно идет вниз там!

Окончательный результат.

Этот урок из нашей серии фотоэффектов. Давайте начнем!

Шаг 1: Дублируйте фоновый слой

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

.

Палитра слоев в Photoshop показывает нам исходное изображение на фоновом слое.

Нам нужно создать копию этого слоя, поэтому воспользуемся быстрым сочетанием клавиш, Ctrl+J (Победа) / Command+J (Mac). В окне документа, казалось бы, ничего не произошло, но если мы снова посмотрим на нашу палитру слоев, то увидим, что теперь у нас есть два слоя — исходный фоновый слой внизу и его копия, которую Photoshop назвал « Слой 1″, над ним:

Дублируйте фоновый слой, нажав «Ctrl+J» (Win) / «Command+J» (Mac).

Шаг 2. Добавьте дополнительное пространство холста вокруг изображения

Следующее, что мы собираемся сделать, это добавить дополнительное пространство холста вокруг изображения. Причина в том, что мы собираемся использовать фильтр «Размытие в движении» на изображении, а фильтр «Размытие в движении» имеет тенденцию сталкиваться с проблемами при работе с краями, поэтому мы собираемся упростить его работу, предоставив ему немного больше места по краям для работы. Позже вы поймете, что я имею в виду, а пока давайте добавим дополнительное пространство на холсте. Прежде чем мы это сделаем, давайте сбросим цвета переднего плана и фона в Photoshop, нажав 9.0035 D на клавиатуре. Это устанавливает черный цвет в качестве цвета переднего плана и белый в качестве цвета фона. Мы можем видеть это на образцах цвета в нижней части палитры инструментов:

.

Сброс цветов переднего плана и фона.

Теперь давайте добавим пространство для холста. Для этого мы будем использовать Crop Tool . Выберите его в палитре инструментов или просто нажмите C на клавиатуре:

Выберите инструмент кадрирования.

Затем, выбрав инструмент Crop Tool, щелкните и перетащите выделение вокруг всего изображения. Если вы работаете с изображением, отображаемым внутри окна документа, нажмите F на клавиатуре, чтобы переключить Photoshop в полноэкранный режим с панелью меню , что упростит задачу. Затем просто щелкните за пределами верхнего левого угла изображения и перетащите вниз под нижний правый угол.

Когда вы отпустите кнопку мыши, вокруг изображения появятся маленькие квадратные маркеры. Удерживая нажатой клавишу Alt (Win) / Option (Mac), перетащите левый или правый маркер наружу, чтобы добавить пространство с обеих сторон изображения. Удерживание Alt или Option указывает Photoshop перемещать маркеры с обеих сторон одновременно, что упрощает нам задачу. Добавьте дополнительный дюйм или два по бокам. Затем проделайте то же самое с верхом и низом. Удерживая нажатой клавишу Alt/Option, перетащите верхний или нижний маркер, чтобы добавить одинаковое пространство над и под изображением. Не беспокойтесь о добавлении слишком большого пространства, потому что мы все равно обрежем его позже. На данный момент лучше добавить слишком много, чем недостаточно:

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

Когда вы закончите перетаскивать ручки, нажмите Enter (Win) / Return (Mac), и Photoshop заполнит дополнительное пространство нашим текущим цветом фона, который является белым:

Photoshop заполняет дополнительное пространство текущим фоновым цветом.

Шаг 3. Добавьте новый пустой слой

На этом этапе нам нужно добавить новый пустой слой в наш документ, поэтому, выбрав верхний слой в палитре слоев (вы можете определить, какой слой выбран, какой из них выделен синим цветом), щелкните значок 9.0035 Значок нового слоя внизу палитры слоев:

Щелкните значок «Новый слой», чтобы добавить новый пустой слой.

Photoshop добавляет новый пустой слой над двумя другими слоями. Опять же, похоже, что с самим изображением ничего не произошло, и это потому, что наш новый слой в настоящее время пуст, но мы можем видеть новый слой в верхней части палитры слоев. Photoshop называет его «Слой 2»:

.

Новый пустой слой в верхней части палитры слоев.

Шаг 4: Залейте новый слой черным цветом

Залейте новый слой черным цветом. Поскольку в настоящее время нашим цветом переднего плана является черный, мы можем использовать простое сочетание клавиш Alt+Backspace (Win) / Option+Delete (Mac), которое указывает Photoshop заполнить слой нашим цветом переднего плана.

Теперь изображение будет заполнено сплошным черным цветом, что временно скроет нашу фотографию из поля зрения.

Шаг 5: Добавьте шум к слою

Перейти на Фильтр меню в верхней части экрана, выберите Шум , а затем выберите Добавить шум . Это вызывает диалоговое окно фильтра Photoshop «Добавить шум». Перетащите ползунок Amount вправо, чтобы добавить шуму к изображению. Точное значение вводить не нужно, просто добавьте много. Я собираюсь довести свою сумму примерно до 150%. Кроме того, убедитесь, что внизу отмечена опция Монохроматический :

Добавьте шум к слою с черной заливкой.

Когда закончите, нажмите OK, чтобы применить шум к изображению и выйти из диалогового окна.

Шаг 6. Примените фильтр размытия по Гауссу к шуму

Нам нужно добавить небольшое размытие к шуму, поэтому вернитесь в меню Фильтр и на этот раз выберите Размытие , а затем Размытие по Гауссу . Это вызывает диалоговое окно фильтра «Размытие по Гауссу». Все, что нам нужно, это небольшое размытие, поэтому введите значение около 0,5 для значения Radius , затем нажмите OK, чтобы выйти из диалогового окна:

Примените фильтр Gaussian Blur к шуму.

Шаг 7: Добавьте корректирующий слой «Уровни»

Помнишь, как я только что закончил говорить тебе добавить много шума к изображению? Что ж, теперь у нас их слишком много, но мы исправим это с помощью Уровней. Мы собираемся использовать корректирующий слой , чтобы мы могли вернуться и изменить настройки уровней в любое время. Мы также хотим убедиться, что наш корректирующий слой «Уровни» влияет только на шумовой слой и не влияет ни на какие другие слои, поэтому для этого удерживайте нажатой кнопку 9.0035 Alt (Win) / Option и щелкните значок New Adjustment Layer в нижней части палитры слоев:

Удерживая нажатой клавишу «Alt» (Win)/«Option» (Mac), щелкните значок «Новый корректирующий слой».

Затем перетащите мышь вверх и выберите Уровни из списка корректирующих слоев:

Выберите «Уровни» из списка.

Поскольку мы удерживали клавишу Alt/Option, Photoshop откроет диалоговое окно New Layer перед добавлением корректирующего слоя. Здесь мы сообщаем Photoshop, что хотим, чтобы этот корректирующий слой «Уровни» влиял только на слой под ним, который будет слоем шума. Для этого щелкните внутри флажка слева от цифры 9.0035 Использовать предыдущий слой для создания обтравочной маски :

Диалоговое окно Photoshop «Новый слой».

Нажмите «ОК» в правом верхнем углу, чтобы выйти из диалогового окна, и Photoshop добавит для нас корректирующий слой «Уровни». Это также вызывает диалоговое окно «Уровни», которое мы рассмотрим далее.

Шаг 8: Уменьшите количество шума и увеличьте его контрастность

Мы собираемся использовать Уровни, чтобы уменьшить количество шума, который у нас есть, и повысить контраст оставшегося шума. Открыв диалоговое окно «Уровни», вы увидите большой график в верхней половине. это называется Гистограмма . Нам не нужно вдаваться в подробности здесь, но прямо под гистограммой вы увидите три ползунка — черный слева, белый справа и серый посередине. Нажмите на черный слева и начните перетаскивать его вправо.

Когда вы это сделаете, вы начнете замечать, что некоторые шумы на изображении исчезают. Затем нажмите на белый справа и начните перетаскивать его влево, что увеличит контраст в оставшемся шуме:

Удалите шум с помощью черного ползунка слева и увеличьте контрастность с помощью ползунка справа.

Не беспокойтесь о сером ползунке посередине. Он будет двигаться сам по себе, когда вы перетаскиваете черные и белые. Вы можете использовать приведенный выше снимок экрана в качестве руководства о том, как далеко двигать черно-белые ползунки, или просто экспериментировать самостоятельно, пока ваше изображение не будет похоже не на кучу шума, а на звездную ночь:

Уменьшите количество шума на изображении с помощью черного ползунка и увеличьте контрастность шума с помощью белого ползунка.

Когда вы закончите, нажмите OK в правом верхнем углу диалогового окна «Уровни», чтобы выйти из него.

Шаг 9: Примените фильтр Motion Blur к шуму

Весь этот шум, который остался в нашем изображении, станет нашим дождем. Пока это не очень похоже на дождь, но мы собираемся помочь ему, применив фильтр «Размытие в движении», который придаст нашему дождю движение и направление. Прежде чем мы сможем применить фильтр к шуму, нам сначала нужно выбрать его в палитре «Слои», поскольку в настоящее время у нас выбран корректирующий слой «Уровни». Нажмите «Слой 2», чтобы выбрать его:

Выберите слой шума в палитре слоев.

Теперь, когда у нас выбран правильный слой, вернитесь к меню Filter в верхней части экрана, выберите Blur , а затем выберите Motion Blur , что вызывает диалоговое окно «Motion Blur». Вы можете установить направление, в котором падает дождь, отрегулировав параметр Angle . Я собираюсь установить угол около 60°. Затем введите значение около 50 пикселей для Расстояние , хотя вам, возможно, придется немного поэкспериментировать с этим значением в зависимости от размера вашего изображения, но 50 пикселей хорошо подходят для стандартной фотографии 4×6:

Установите направление дождя в опции «Угол», затем установите «Расстояние» примерно на 50 пикселей.

Нажмите OK, чтобы выйти из диалогового окна.

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

В зависимости от того, как далеко вы ранее передвинули черно-белые ползунки в диалоговом окне «Уровни», ваш шум теперь может полностью исчезнуть на вашем изображении после применения фильтра «Размытие в движении». Чтобы вернуть его, просто перенастройте ползунки, дважды щелкнув непосредственно по миниатюре корректирующего слоя «Уровни» в палитре «Слои»:

Верните диалоговое окно «Уровни», дважды щелкнув его миниатюру в палитре «Слои».

Это возвращает диалоговое окно «Уровни», и, поскольку мы используем корректирующий слой, мы можем возвращаться к повторной настройке ползунков так часто, как мы хотим, не повреждая наше изображение. Вам, вероятно, потребуется перетащить черный ползунок немного назад влево, чтобы вернуть шум в поле зрения, и вы также можете перетащить белый ползунок немного левее, чтобы добавить больше контраста:

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

Опять же, вы можете использовать приведенный выше снимок экрана в качестве руководства, но вам лучше поэкспериментировать с ползунками, не спуская глаз с изображения. После того, как вам удалось вернуть шум, нажмите «ОК», чтобы снова выйти из диалогового окна. Теперь ваше изображение должно выглядеть примерно так:

.

На изображении теперь виден размытый шум движения.

Если вы внимательно посмотрите на верхний и нижний края изображения, вы увидите, что все выглядит немного странно, и это из-за проблемы, о которой я упоминал в начале урока, когда фильтр Motion Blur имеет проблемы с краями. Не беспокойтесь, потому что мы добавили дополнительное пространство по краям, поэтому ни одна из этих проблемных областей не повлияет на нашу фотографию. На самом деле, мы будем обрезать его на следующем шаге.

Шаг 11. Обрежьте лишнее пространство холста

Теперь, когда мы применили фильтр «Размытие в движении», мы можем обрезать дополнительное пространство холста, которое мы добавили ранее. Для этого щелкните правой кнопкой мыши (Win) / , удерживая нажатой клавишу Control, (Mac) непосредственно на миниатюре «Слой 1» в палитре слоев:

«Щелкните правой кнопкой мыши» (Win) / «Control-click» (Mac) на миниатюре слоя 1 в палитре «Слои».

Слой 1 является копией нашего фонового слоя и содержит исходное изображение до того, как мы добавили дополнительное пространство холста. Когда вы щелкаете правой кнопкой мыши (Win) или щелкаете, удерживая клавишу Control (Mac), на его миниатюре, вы увидите выделение внутри документа, размер которого точно соответствует исходному изображению:

Внутри документа появляется выделение.

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

После обрезки изображения нажмите Ctrl+D (Win) / Command+D (Mac), чтобы убрать выделение с экрана.

Шаг 12. Измените режим наложения слоя шума на «Экран»

Мы почти закончили. Единственная оставшаяся проблема заключается в том, что шумовой слой по-прежнему блокирует исходное изображение из поля зрения. Чтобы смешать его с изображением и дать нам эффект дождя, все, что нам нужно сделать, это изменить режим наложения слоя шума . Выберите слой шума («Слой 2») в палитре «Слои». Затем поднимитесь в верхний левый угол палитры «Слои», щелкните стрелку вниз справа от слова «Обычный», который является режимом наложения по умолчанию, и выберите Экран 9.