Добавляем дождь на фотографию
Автор Дмитрий Евсеенков На чтение 5 мин Просмотров 264 Обновлено
В этом уроке по созданию фотоэффектов мы узнаем, как добавить простой, но убедительный эффект дождя к фотографии, это отличный способ создать сырую, дождливую атмосферу на фото, при этом не намочив фотоаппарат!
В материале я буду использовать 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°:
Внесение изменений в эффект размытия движения может потребовать дополнительных корректировок ползунков белых и черных точек в уровнях, чтобы снова открыть панель свойств корректирующего слоя, дважды кликните по его значку в палитре слоёв:
Перетащите ползунки для осветления или затемнения капель, я установился на следующих значениях:
Вот мой окончательный результат:
Готово!
Анимация дождя в Фотошоп / Creativo.
one Анимация дождя в Фотошоп / Creativo.oneГлавнаяУрокиАнимацияАнимация дождя в Фотошоп
Анимация дождя в Фотошоп
В этом уроке Вы узнаете, как сделать анимацию дождя.
Сложность урока: Сложный
В этом уроке попробуем анимировать пасмурную погоду.
Героя событий выбирайте сами.
Так как это урок по анимации я кратко опишу этапы создания центрального персонажа, не вдаваясь в подробности.
Для начала создаём Новый документ (например, 450х500pix).
Переводим фоновый в состояние простого слоя (двойной клик ЛКМ).
И применяем к этому слою Стиль Градиент (Layer-Layer Style-Gradient Overlay).
Мягкой Кистью (Brush Tool
) светло-голубого цвета на Новом слое рисуем полоску в нижней части документа и снижаем её Непрозрачность (Opacity) примерно до 50%.
Это граница земли.
Теперь нарисуем облака.
Опять, используем мягкую голубоватую кисть. Немного размоем линии (фильтр Гауссово размытие – Filter-Gaussian Blur). Размытие всего 2-4pix. Степень размытия подбирайте в зависимости от размера своего документа и желаемого результата. И добавим отдельные точки на Новом слое, немного снизив их Непрозрачность (Opacity). Степень уменьшения непрозрачности выбирайте сами.
Поехали дальше.
Главный герой, которому пришлось гулять под дождём )))
Я работала Кистью (Brush Tool), изменяя Непрозрачность (Opacity) и используя Гауссово размытие (Filter-Gaussian Blur).
Можно объединить все слои в группу (Ctrl+G) или слить в один слой (Ctrl+E, если уверены, что больше коррекции не потребуется )))
Добавим отражение – поверхность то мокрая…..
Копия Главного героя, отражение её по вертикали (Edit-Transform-Flip Vertical), снижение Непрозрачности (Opacity) слоя примерно до 65% (можно ещё мягким Ластиком – Eraser Tool немного подтереть) и размазываем отражение Пальцем (Smudge Tool) Strength—60%.
Дождь.
Жесткой белой Кистью 1-3pix рисуем несколько точек. Чтобы струйки дождя получились тонкие, берите кисть меньшего диаметра. В зависимости от расстояния между точками меняется плотность дождя.
Какой дождь Вам больше нравится?
При помощи Трансформации (Edit-Transform) растягиваем точки. Копируем слой и заполняем всё пространство рисунка.
Далее сливаем все части дождя вместе. Полученный слой копируем и располагаем копии однy под другой. Объединяем.
Снижаем Непрозрачность полученного слоя примерно до
Теперь, для слоя Дождь создаём Маску (Add layer mask – кнопка внизу панели слоёв) и закрашиваем следующие области:
Выделение собачки делаем, кликнув по иконке данного слоя +Ctrl, а остальное дорисовываем мягкой кистью.
Мы закрасили те места, где не будет видно дождя.
Кстати, можно сделать задний план дождя: капли мельче, непрозрачность ниже.
Распределение такое же. И потом слить вместе слои переднего и заднего плана.
Оставим пока слой Дождь в покое.
Сделаем круги на земле от капель дождя.
Есть такая Кисточка, называется Splish Splash с каплями воды, она нам и пригодится.
Создаём три слоя и на них белым или голубоватым цветом рисуем круги от воды.
Уменьшаем размер каждого слоя по вертикали и добавляем перспективу – расширение на переднем и сужение на заднем плане. Дабы придать объём пространству.
Помните о том, что размер капель на земле должен соответствовать размеру капель дождя!
Вот, что получилось:
Это пример одного из слоёв. Слои можно назвать: Капли на земле, Капли на земле 1, Капли на земле 2.
К каждому слою Капли на земле я присоединила Маску слоя и черной мягкой кистью непрозрачностью 50% провела полоску в дальней части поверхности с каплями.
Чем дальше – тем хуже видно.
Проще сделать одну Маску и скопировать её на оставшиеся слои (прижать иконку маски
Ещё я немного затенила нижнюю часть сапог собаки и основание отражения.
Теперь нарисуем брызги от дождя на одежде.
Опять три Новых слоя и на каждом жесткой белой Кистью рисуем различные точки, а потом применяем фильтр Гауссово размытие (Filter-Gaussian Blur). Степень размытие выбирайте сами. Поэкспериментируйте так же с Непрозрачностью.
Ещё можно воспользоваться Кистью Splish Splash. Я использовала вариант с разбрызгиванием капель воды в разные стороны.
Уменьшаем кисть и распределяем такие капельки по плащу. Ненужные детали стираем Ластиком .
Для слоев Капли на одежде создаём Маску слоя , скрывающую собаку (клик по иконке данного слоя +Ctrl).
Так как, мы нарисовали капли, падающие сверху, а не стекающие по объекту. Полученную маску копируем на другие слои Капель на одежде (как делать — см. выше).
Получается много слоёв – и как я уже говорила, удобно их объединить в группы: Осадки, Собака и т.д.
Подготовка анимации завершена.
Переходим к оживлению картинки.
Открываем Окно Анимации (Window-Animation) и начинаем работать.
Я расскажу, как сделать более простой вариант анимации, например, для аватара и более сложный, но больший по «весу» вариант.
Начнём с простого.
Для примера, я сделаю аватарку с разрешением 150х175pix.
Алгоритм, который мы будем использовать для создания анимации, я уже рассказывала в своих уроках:
на движение основного объекта накладываются движения других объектов.
Дождь двигается, а собака на месте стоит ))) Дождь — это основной объект.
Для первого кадра поднимаем слой с дождём вверх. Двигать лучше не при помощи Трансформации (Edit-Transform), а стрелками или прижав ЛКМ.
Делаем копию кадра (1 – Duplicates selected frames), и для второго кадра передвигаем дождь вниз.
Создаём серию кадров (2 – Tweens animation frames) и в открывающемся окне ставим число 2.
Теперь удаляем последний – 4-ый кадр для создания равномерного движения.
У нас получилась анимация из 3-х кадров.
«Оживляем» капли на земле и на плаще.
А именно:
1-ый кадр — Капли на земле, Капли на одежде
2-ый кадр — Капли на земле 1, Капли на одежде 1
3-ий кадр — Капли на земле 2, Капли на одежде 2.
Время для всех кадров 0,2 сек.
Получается вот так:
А теперь попробуем что-нибудь посложнее.
Немного дополнительной подготовки.
Во-первых: если хотите, чтобы анимация была длиннее по количеству кадров, то есть количеству отличающихся между собой событий (иначе просто нет смысла делать одинаковые кадры, увеличивая объём файла) надо сделать слой с дождём длиннее – чтобы дольше тёк ))) То есть объединять не две копии дождя одна под другой, а три.
Во-вторых: копируем слой Облака (в итоге три слоя) и к двум из них применяем фильтр Пластика (Filter-Liquify) или Трансформацию (Edit-Transform-…), чтобы немного изменить положение облаков.
В-третьих: на Новом слое (над облаками) рисуем Кистью молнию.
Копируем этот слой, немного увеличиваем размер копии (Edit-Transform).
Теперь делаем сведенную копию всех видимых слоёв – это удобно сделать поверх всех слоёв документа. Как делать: встаём на самый верхний слой и нажимаем – Ctrl+Alt+Shift+E.
При помощи Уровней (Image-Adujstmens-Levels…) делаем этот слой ярким. Ещё я немного уменьшила его цветность (Image-Adujstmens-Hue\Saturation…). И при помощи маски слоя скрыла часть блика (закрашивание невидимой части слоя черной мягкой большой по размеру кистью). Этот слой назовём Свет.
Ещё мне захотелось, чтобы собачка подмигивала )))
Делаем копию мордашки на Новый слой и при помощи фильтра Пластика (Filter-Liquify) немного сжимаем щёчку (следите, чтобы края слоя-копии не сдвинулись с места) как она поднимается при подмигивании.
Именно эту копию мы и будем включать в тот кадр, где собака будет подмигивать.
А теперь рисуем второй открытый глаз и закрашиваем видимость закрытого. Это можно сделать на Новом слое или, если Вы свели все слои с изображением собаки вместе, на основном. Это главное положение морды во время всей анимации.
Теперь по кадрам…
Как и в первом случае, создаём два кадра с движением дождя, но сейчас создаём серию из 6 кадров (последний удаляем). Всего получается 7 кадров.
Время я поставила — 0,1 сек.
Делаем копию 4-го кадра, время у исходного кадра и его копии меняем на 0 сек.
То же делаем с теперь уже ставшим 6-м кадром (ранее 5-м): копия и меняем время.
Получилось 9 кадров. 5-ый кадр – это копия 4-го, 7-ой – копия 6-го (ранее 5-го).
Моё распределение слоёв по кадрам:
1 – Облака, Капли на одежде, Капли на земле,
2 – Облака, Капли на одежде 1, Капли на земле 1
3 – Облака 1, Капли на одежде 2, Капли на земле 2, Молния
4 – Облака 1, Капли на одежде, Капли на земле 1, Свет
5 – Облака 1, Капли на одежде, Капли на земле 1, Молния сору (большего размера)
6 – Облака 2, Капли на одежде 1, Капли на земле, Свет
7 – Облака 2, Капли на одежде 1, Капли на земле, Молния сору
8 – Облака 2, Капли на одежде 2, Капли на земле 2
9 – Облака, Капли на одежде 3, Капли на земле 1, Собачка подмигивающая
Пояснения: облака движутся медленнее, чем дождь; слои капель на одежде и на земле повторяются на кадрах, длящихся по времени 0 сек – эти дополнительные кадры для молнии; следите чтобы на первом и последнем кадрах не было одинаковых слоёв – будет задержка (если это конечно не задумка такая).
Вот и всё!
Экспериментируйте: делайте капли дождя разными по размеру, прозрачности, ищите свой вариант создания брызг на одежде, попробуйте нарисовать стекающие капли, собачка может дёргать ушком… Как обычно – простор для фантазии и творчества!
Всем удачи!
Источник: creativo.one
Новые работы пользователей
По заданным фильтрам работы не найдены
Попробуйте изменить критерий поиска или сбросить фильтры
Смотреть все работы
Хотите взять максимум?
Активируй Premium подписку и получи 15 преимуществ на Creativo
Premium-контент
110 видеоуроков только для Premium-пользователей.
Закрытые трансляции
Регулярные трансляции с профессионалами, обычным аккаунтам они доступны платно.
Приоритет в проверке работ
Все работы в вашем портфолио рассматриваются в приоритетном порядке.
Статистика переходов в соцсети
Сколько человек перешли по ссылкам из вашего профиля
Возможность
скачивать видеоуроки
Вы сможете скачивать все бесплатные видеоуроки без ограничений
Premium-статус
на аватаре
На вашей аватарке будет отображаться значок, обозначающий Premium-статус.
Короткая именная ссылка
Получите именную ссылку на профиль вида https://creativo.one/sasha
Возможность отложенной
публикации постов
Вы сами решаете, в какое время пост появится в ленте.
Светлая / темная
тема сайта
Меняйте тему оформления сайта под свое настроение.
Расширенные возможности опросов
Голосования с прогрессивным рейтингом, создание викторин
Поддержка от кураторов
Напрямую получайте поддержку от кураторов команды Creativo.
Поддержка в телеграм-чате
Обменивайтесь опытом, делитесь заказами и отвечайте на вопросы друг друга в закрытом чате.
Подарки, призы, розыгрыши
Получите возможность выиграть ценные призы и подарки от команды Creativo и партнеров.
Разбор работ от авторов
Ежемесячные тренировочные интерактивы по разным направлениям для отточки мастерства и разбора работ.
Активировать Premium
Хотите узнавать
обо всех событиях?
Выберите, куда хотите получать уведомления
Скопировать ссылку
Работа скрыта
Войти, чтобы проголосовать
{{percent(index)}}{{(index + 1)}}.
Изображение удалено
{{percent(index)}}
Всего проголосовало: {{total}}
Вы можете выбрать до {{max_variants}} вариантов. Голос будет распределён равномерно между всеми выбранными.
{{item.title}}
Изображение удалено
Создать опрос
Сделать мультиголосование
Можно выбрать несколько вариантов. Максимум {{lex(‘response’, max_variants)}}
Название опроса
Ответ {{(index + 1)}} Удалить ответ
Добавить ответ
Прогрессивный подсчет результатов
Автоматически завершить опрос 0″> через {{lex(‘days’,closeday)}}
{{lex(‘feed_type_’ + tp)}} {{counts[tp]}}
Сортировка:
По релевантности По дате По популярности
Показывать превью
subtitle»>{{item.subtitle}}
Закреплен
Опрос
По вашему запросу ничего не найдено
Попробуйте изменить критерий поиска, или сбросить фильтры.
Не удалось загрузить работу. Возможно она была удалена.
= 0}»> GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
Жалоба
Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты
Спасибо! Ваше обращение ушло на рассмотрение.
1.
Название и описание
2. Миниатюра
3. Исходник
4. Тэги
5. Прочие настройки
Название работы
Описание работы (необязательно)
Комментарий
Скрывать в портфолио (доступ по ссылке)
Ваша миниатюра:
Название:
{{name}}
Описание:
Исходник:
{{source.name}} {{source.name}}
Тэги:
#{{tag.label}}Есть ли у вас исходник к работе?
Исходник — это файл из исходных изображений, которые использовались для создания вашей работы.
Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px
Пример исходника
Выберете тэги работы:
Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев.
Стиль работы Тематика Ятаквижу
Стиль работы:
#{{tag.label}}
Тематика:
#{{tag.label}}
Ятаквижу:
#{{tag.label}}
Не более десяти тэгов на одну работу
Работа 18+
Отключить комментарии
Комментарии к работе будут отключены, на их месте будет выведена реклама.
После добавления работы:
Автоматически перейти в портфолио
Остаться на текущей странице
Запланировать публикацию
{{pub_dates[pub_date] || pub_dates[0]}}
Отменить планирование
Запланировать
Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее
Дождь на фотографии – это почти всегда хмурый серый пейзаж, люди под зонтами, некоторая размытость изображения и, в лучшем случае, лужи под ногами, в которых что-то отражается. Фотографируя во время ливня, фотографу-любителю почти никогда не удается запечатлеть сам дождь: косые струи дождя, капли и брызги. В этом уроке вы узнаете, как создать реалистичный эффект дождя в Photoshop. Вы также узнаете, как создать отражение и эффект брызг воды. Фото с фотостока Кисти-брызги Шаг 1 Создайте новый документ шириной 1400px и высотой 1200px. Шаг 2 Прежде всего, откройте изображение, на котором вы хотите применить эффект дождя. Нажмите Ctrl + A, чтобы выделить все изображение, затем нажмите Ctrl + C, чтобы скопировать его. Наконец, перейдите в только что созданный новый документ и нажмите Ctrl + V, чтобы вставить это изображение в новый слой. Если размер вставленного изображения не соответствует размеру изображения, нажмите Ctrl + T для изменения размера. Шаг 3 Вначале нужно создать элементы, из которых будут созданы струи дождя. Для этого создайте новый слой выше слоя изображения. Шаг 4 После этого идите в Filter (Фильтр)> Blur (Размытие)> Motion Blur (Размытие в движении) и используйте настройки как на скриншоте ниже. Угол наклона отрегулируйте в зависимости от направления, в котором вы хотите отобразить дождь. В панели Layers (Слои) становите режим наложения этого слоя на Screen (Экран). Подробнее о режимах наложения. Шаг 5 Создайте еще один новый слой выше слоя изображения. Залейте его цветом #000000 с помощью Paint Bucket Tool (Заливка) и для удобства назовите его Rain2. Затем зайдите в меню Filter(Фильтр)> Add noise (Добавить шум) и использовать следующие значения. Шаг 6 После этого снова используйте Filter (Фильтр)> Blur (Размытие)> Motion Blur (Размытие в движении) и задайте значения как на картинке ниже. Установите режим наложения этого слоя на Screen (Экран) и непрозрачность 70%. Шаг 7 Реалистичности картинке придадут отражения фонарей на залитой водой дороге. Создадим пятна отражений на дороге. Создайте дубликат слоя: Layer (Слой)> Duplicate Layer (Дубликат слоя). Дальше продолжайте работать с копией основного слоя. Любым удобным и привычным для вас способом выделите дорогу. После этого нажмите на иконку Add layer mask (Добавить маску слоя), на нижней части панели Layers (Cлои). Выделенная область дороги должна быть белой в изображении маски и остальная площадь — в черном цвете. Шаг 8 Нажмите на изображение цепочки в панели Layers (Cлои) между копией изображения и маской этого слоя, чтобы они не были связаны. После этого щелкните мышкой на эскиз изображения этого слоя и выполните команду к Edit (Редактирование)> Transform (Трансформация)> Flip Vertical (Отразить вертикально). Шаг 9 Затем идем в меню Layer (Слой)> Layer Mask (Маска слоя)> Apply (Добавить). Затем снова идем в Layer (Слой)> Layer Mask (Маска слоя)> Hide All (Скрыть все). Теперь выберите инструмент Eraser tool (Ластик) (кисть с мягкими краями, непрозрачность 50%) и немного постирайте пятна света на дороге таким образом, чтобы вдали отражения были менее яркими и казались слегка размытыми. Шаг 10 Теперь мы будем создавать эффект брызг дождя. Создайте новый слой над слоями Rain1 и Rain2. Назовите его Rain Splatter (брызги дождя). Установите белый цвет # FFFFFF как цвет переднего плана. Выберите мягкую круглую кисть, откройте панель Brush (Кисть) и задайте такие настройки как здесь. Теперь «порисуйте» кистью на дороге и на скамейке, чтобы показать, как отскакивают капли дождя. Уменьшите непрозрачность этого слоя до 60%. Шаг 11 Создайте новый слой под слоем Rain Splatter (брызги дождя). Шаг 12 Измените режим наложения этой группы брызг на Linear Dodge (Add) (Линейное осветление) и установите непрозрачность до 60%. Вот и все. Надеюсь, вам понравился урок по созданию реалистичного эффекта дождя. Мы будем ждать ваших отзывов. Следует заметить, что очень часто на фотографиях, сделанных во время дождя, уже есть вполне естественное отражение пятен света, деревьев, людей от мокрого асфальта. В этом случае вполне достаточно нарисовать только дождь.Источник урока http://blog.entheosweb.com/tutorials/learn-how-to-create-a-night-effect-in-photoshop , перевод Ирина Сподаренко |
Но всегда можно дорисовать в фотографии дождь для ее большей выразительности. Иногда дождевые струи на картинке – это именно то, что сделает ее неповторимой и запоминающейся.
Залейте его цветом # 000000 с помощью Paint Bucket Tool (Заливка) и для удобства назовите его Rain1. Затем зайдите в меню Filter(Фильтр)> Add noise (Добавить шум) и использовать следующие значения.
Я постараюсь учесть подобные детали в ходе этого урока, и, конечно, как обычно вам будет доступен мой PDS фаил со всеми слоями и эффектами, где все можно будет посмотреть, покрутить, попробовать изменить. Но сейчас мы начинаем делать правильный дождь в Фотошопе.
Как он выделяет цвета, чем руководствуется, как выделить одну область а другую не выделить. Сейчас же, выберите Select > Color Range В диалоговом окне кликните по небу пипеткой. Затем выберите пипетку с плюсиком и водите по небу пока не выделите его все. И ОК при завершении.
Затем выберите кисть Brush Tool, но уже не с твердыми краями а максимально мягкими и закрасьте их. Другой способ — выберите инструмент Blur Tool и просто смягчите эти места. С маской можно работать точно так же как и со всем остальным. Когда закончите, нажмите ALT и опять кликните по иконке маски чтобы вернуться в обычный режим просмотра.
Теперь, когда серый слой является Смарт слоем применим фильтры.
Работаем со вторым. В настройках смешивания я верну режим смешивания на Normal и поиграю с настройками Blend If. Суть этих ползунков в следующем. Blend If — скрывает светлые пиксели и темные пиксели. Выберите черный ползунок и подвиньте его в сторону белого, пока черные и серые пиксели не начнут исчезать. Не трудно заметить что получившееся изображение ободрано. Это потому что Blend If не использует Anti-Alias. Нажмите ALT и кликните по черному ползунку. Вы увидите что он раздвоится и область между его двумя частями создаст плавный переход от светлых пикселей к серым.
Он совершенно одинаковый на фоне неба, на фоне домов, на фоне деревьев. В этом суть его неестественности. Я создам маску на слое с дождем Layer > Layer Mask > Reveal Selection и черной кистью с мягкими краями скрою дождь в разных местах. Теперь он «сидит» в фотографии более гармонично.
Точка, из которой ударяет молния всегда светится.
Обычно, во время дождя мы плохо видим дальние объекты. Хорошо видим близкие объекты и понятно почему. Порой дальние виды могут полностью скрываться слоем дождя, через ливень не видно ни домов, ни пейзажей. Поэтому нам нужен второй дождь, и я использую тот слой с дождем на котором я демонстрировал функцию Blend If.
Уроки на эту тему уже существуют в Интернете, но мы пойдем дальше, сделав картинку реалистичнее путем добавления отражений и луж.
Убедитесь что активен слой “Base”, нажмите CMD/CTRL + G чтобы поместить его в группу, и создайте маску из выделения, чтобы спрятать небо.
Назовите оба слоя “Fog” и поместите их под группой базы.
В примере мы масштабировали шум до 250% и указали угол наклона размытости в 79°.
Назовите группу “Floor Mask.”
Для этого дублируйте слой “Sky” и поместите копию под группой “Floor Mask”. Отразите по вертикали (CMD/CTRL + T, клик правой кнопкой мыши, и выберите Flip-Vertical) и укажите непрозрачность в 15% opacity. Обратите внимание: на этом этапе нужно перенести эффект Black & White над слоем “Pier”.
Используя инструмент Rectangular Marquee Tool (M), выделите кусок стены слева от парочки и поднимите его. Не снимая выделение, примените наклонное трансформирование (CMD/CTRL+T, right-click > Skew), чтобы придать стене эффект перспективы.
После завершения нужно поменять режим наложения для каждого слоя на «Мягкий свет».
Выделение снимаем клавишами CTRL+D.
Немного размываем верхнюю копию по Гауссу.Добавление дождя к фотографии с помощью Photoshop
В этом пошаговом руководстве показано, как создать эффект дождя в Photoshop, который можно легко добавить к любой фотографии.
Работает с любой версией Photoshop. Для всех уровней мастерства.
Автор сценария Стив Паттерсон.
Большинство из нас предпочли бы по возможности не попасть под дождь, особенно если у нас есть камеры. Но что, если вы один из многих людей, которым нравится фотографировать погоду? Даже если фотография погоды не является вашим основным интересом, нельзя отрицать, что дождь добавляет совершенно новое измерение вашим изображениям. Так как же сделать фотографии дождя, не промочив камеру?
Легко! Подождите, пока дождь перестанет, сделайте снимок, а затем снова добавьте дождь в Photoshop, что мы и собираемся научиться делать.
Эта версия руководства предназначена для Photoshop CS5 и более ранних версий. Пользователи Photoshop CC и CS6 захотят ознакомиться с нашим полностью обновленным учебным пособием по эффекту дождя в Photoshop.
Вот фотография, с которой я буду работать для этого эффекта:
Исходное изображение.
А вот то же изображение после добавления дождя в Photoshop.
Это действительно идет вниз там!
Окончательный результат.
Этот урок из нашей серии фотоэффектов. Давайте начнем!
Шаг 1: Дублируйте фоновый слой
Первое, что нам нужно сделать для этого эффекта, это продублировать фоновый слой. Открыв наше изображение в Photoshop, мы видим в палитре слоев, что в настоящее время у нас есть один слой с именем Background . Этот слой содержит исходное изображение:
.Палитра слоев в Photoshop показывает нам исходное изображение на фоновом слое.
Нам нужно создать копию этого слоя, поэтому воспользуемся быстрым сочетанием клавиш Ctrl+J (Win) / Command+J (Mac). В окне документа, казалось бы, ничего не произошло, но если мы снова посмотрим на нашу палитру слоев, то увидим, что теперь у нас есть два слоя — исходный фоновый слой внизу и его копия, которую Photoshop назвал « Слой 1″, над ним:
Дублируйте фоновый слой, нажав «Ctrl+J» (Win) / «Command+J» (Mac).
Шаг 2. Добавьте дополнительное пространство холста вокруг изображения
Следующее, что мы собираемся сделать, это добавить дополнительное пространство холста вокруг изображения. Причина в том, что мы собираемся использовать фильтр «Размытие в движении» на изображении, а фильтр «Размытие в движении» имеет тенденцию сталкиваться с проблемами при работе с краями, поэтому мы собираемся упростить его работу, предоставив ему немного больше места по краям для работы. Позже вы поймете, что я имею в виду, а пока давайте добавим дополнительное пространство на холсте. Прежде чем мы это сделаем, давайте сбросим цвета переднего плана и фона в Photoshop, нажав 9.0031 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.
0031 Значок нового слоя внизу палитры слоев:
Щелкните значок «Новый слой», чтобы добавить новый пустой слой.
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.0031 Alt (Win) / Option и щелкните значок New Adjustment Layer внизу палитры слоев:
Удерживая нажатой клавишу «Alt» (Win)/«Option» (Mac), щелкните значок «Новый корректирующий слой».
Затем перетащите мышь вверх и выберите Уровни из списка корректирующих слоев:
Выберите «Уровни» из списка.
Поскольку мы удерживали клавишу Alt/Option, Photoshop откроет диалоговое окно New Layer перед добавлением корректирующего слоя.
Здесь мы сообщаем Photoshop, что хотим, чтобы этот корректирующий слой «Уровни» влиял только на слой под ним, который будет слоем шума. Для этого щелкните внутри флажка слева от цифры 9.0031 Использовать предыдущий слой для создания обтравочной маски :
Диалоговое окно Photoshop «Новый слой».
Нажмите «ОК» в правом верхнем углу, чтобы выйти из диалогового окна, и Photoshop добавит для нас корректирующий слой «Уровни». Это также вызывает диалоговое окно «Уровни», которое мы рассмотрим далее.
Шаг 8. Уменьшите количество шума и увеличьте его контрастность
Мы собираемся использовать Уровни, чтобы уменьшить количество шума, который у нас есть, и повысить контраст оставшегося шума. Открыв диалоговое окно «Уровни», вы увидите большой график в верхней половине. это называется Гистограмма . Нам не нужно вдаваться в подробности здесь, но прямо под гистограммой вы увидите три ползунка — черный слева, белый справа и серый посередине.
Нажмите на черный слева и начните перетаскивать его вправо.
Когда вы это сделаете, вы начнете замечать, что некоторые шумы на изображении исчезают. Затем нажмите на белый справа и начните перетаскивать его влево, что увеличит контраст в оставшемся шуме:
Удалите шум с помощью черного ползунка слева и увеличьте контрастность с помощью ползунка справа.
Не беспокойтесь о сером ползунке посередине. Он будет двигаться сам по себе, когда вы перетаскиваете черные и белые. Вы можете использовать приведенный выше снимок экрана в качестве руководства о том, как далеко сдвинуть черно-белые ползунки, или просто поэкспериментировать самостоятельно, пока ваше изображение не будет похоже не на кучу шума, а на звездную ночь:
Уменьшите количество шума на изображении с помощью черного ползунка и увеличьте контрастность шума с помощью белого ползунка.
Когда вы закончите, нажмите OK в правом верхнем углу диалогового окна «Уровни», чтобы выйти из него.
Шаг 9.
Примените фильтр размытия в движении к шумуВесь этот шум, который остался в нашем изображении, станет нашим дождем. Пока это не очень похоже на дождь, но мы собираемся помочь ему, применив фильтр «Размытие в движении», который придаст нашему дождю движение и направление. Прежде чем мы сможем применить фильтр к шуму, нам сначала нужно выбрать его в палитре «Слои», поскольку в настоящее время у нас выбран корректирующий слой «Уровни». Нажмите «Слой 2», чтобы выбрать его:
Выберите слой шума в палитре слоев.
Теперь, когда у нас выбран правильный слой, вернитесь к меню Filter в верхней части экрана, выберите Blur , а затем выберите Motion Blur , что вызывает диалоговое окно «Motion Blur». Вы можете установить направление, в котором падает дождь, отрегулировав параметр Угол . Я собираюсь установить угол около 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.0032 из списка:
Измените режим наложения слоя шума с «Обычный» на «Экран».
Как только вы измените режим наложения, исходная фотография станет видна в документе, а шум, размытый движением, станет дождем!
Если вы хотите точно настроить эффект дождя, просто еще раз дважды щелкните миниатюру корректирующего слоя «Уровни» в палитре «Слои», чтобы снова открыть диалоговое окно «Уровни», и повторно настройте черный и белый ползунки, пока не будете довольны результатом.
эффект дождя. Нажмите OK, когда закончите, чтобы выйти из него.
Вот мой окончательный эффект дождя:
Финальный эффект.
Вот как добавить дождь на фото в Photoshop и не повредить камеру! Посетите наш раздел «Фотоэффекты» для получения дополнительных руководств по эффектам Photoshop!
Как добавить дождь на фотографию с помощью Photoshop
Узнайте, как добавить дождь на фотографии, не намочив камеру, создав эффект дождя в Photoshop! Пошаговое руководство для Photoshop CC 2021 и более ранних версий.
Автор Стив Паттерсон.
В этом уроке я покажу вам, как добавить дождь на фотографию с помощью Photoshop! Добавление дождя к изображению может быть отличным способом добавить драматизма или создать настроение. А создав его в Photoshop, вы избавитесь от риска повреждения камеры плохой погодой.
Создать дождь легко благодаря фильтрам Photoshop. И я покажу вам, как сохранить редактируемый эффект, чтобы вы могли поэкспериментировать с количеством дождя и направлением дождя, чтобы найти настройки, которые работают лучше всего.
Я использую Photoshop CC 2021, но подойдет любая последняя версия.
Вот пример того, как будет выглядеть окончательный эффект дождя, когда мы закончим:
Финальный эффект.
Начнем!
Настройка документа
Вы можете продолжить, открыв любое подходящее изображение в Photoshop. Я буду использовать это изображение из Adobe Stock:
.Оригинальное фото.
На панели «Слои» изображение появляется на фоновом слое:
Панель слоев Photoshop.
Связанный: узнайте, как перенести изображения в Photoshop
Шаг 1: Добавьте новый пустой слой над изображением
Чтобы сохранить эффект дождя отдельно от исходного изображения, мы добавим дождь на отдельный слой.
Щелкните значок «Добавить новый слой» в нижней части панели «Слои»:
Щелкните значок Добавить новый слой
.
Новый пустой слой с именем Слой 1
появляется над фоновым слоем:
Добавлен новый слой.
Дважды щелкните имя Слой 1
и переименуйте его Дождь
. Затем нажмите Введите (Win) / Верните (Mac) на клавиатуре, чтобы принять его:
Переименование нового слоя.
Шаг 2: Залейте новый слой черным цветом
Залейте новый слой черным цветом, перейдя в меню Edit в строке меню и выбрав Fill :
Переходим к Правка > Заполнить.
В диалоговом окне «Заливка» измените Contents на Black 9.0032 , а затем нажмите OK:
.Изменение параметра содержимого на черный.
Photoshop заполняет слой черным цветом, что временно скрывает изображение под ним из поля зрения:
Документ после заливки слоя «Дождь» черным цветом.
Шаг 3. Примените фильтр «Добавить шум»
Перейдите в меню Filter , выберите Noise , а затем выберите Add Noise :
Перейдите в Фильтр > Шум > Добавить шум.
Фильтр «Добавить шум» добавляет случайные точки или шум
, к слою. И мы превратим эти точки в наши капли дождя.
Установите значение Amount на 25% и выберите Gaussian для распределения. Ограничьте цвета точек черным и белым, выбрав Монохроматический внизу. Затем нажмите OK, чтобы закрыть диалоговое окно:
Параметры добавления шума.
Фотошоп заполняет слой шумом. В данный момент точки слишком малы, поэтому мы исправим это следующим образом:
.Слой «Дождь» после заливки его шумом.
Шаг 4. Масштабируйте шум на 400 %
Чтобы увеличить точки, перейдите в меню Edit , выберите Transform , а затем выберите Scale :
Перейдите в меню «Правка» > «Трансформировать» > «Масштаб».
На панели параметров щелкните значок ссылки между значениями ширины ( W ) и высоты ( H ):
Связывание ширины и высоты.
Измените ширину на 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
.
Затем щелкните значок меню в правом верхнем углу панели:
Щелкните значок меню панели «Слои».
И выберите Преобразовать в смарт-объект из меню:
Выбор Преобразование в смарт-объект
.
На миниатюре предварительного просмотра слоя появляется значок, сообщающий нам, что слой теперь находится внутри смарт-объекта:
Значок смарт-объекта.
Шаг 7: Измените режим наложения на Экран
Чтобы смешать шум с изображением, измените режим наложения смарт-объекта Дождь
с Нормальный на Экран :
Изменение режима наложения слоя на Экран.
Режим наложения экрана скрывает все области черного цвета, оставляя видимыми только белые точки:
Эффект после изменения режима наложения на Экран.
Связанный: изучите пять основных режимов наложения Photoshop
Шаг 8. Примените фильтр «Размытие в движении»
Чтобы превратить точки в падающий дождь, мы добавим к ним движение с помощью фильтра Motion Blur.
Перейдите в меню Filter , выберите Blur , а затем выберите Motion Blur :
Перейдите в Фильтр > Размытие > Размытие в движении.
В диалоговом окне «Размытие в движении» задайте направление дождя, используя значение Угол . Вы можете ввести значение напрямую или щелкнуть и перетащить циферблат, чтобы повернуть его. Я установлю свой угол на 65° .
Затем установите Расстояние размытия в движении. Перетащите ползунок внизу, чтобы изменить значение и просмотреть результаты на своем изображении. Я установлю расстояние 75 пикселей , но значение, которое лучше всего подходит для вашего изображения, будет зависеть от его размера. Не беспокойтесь о том, чтобы сделать это точно сейчас, потому что я покажу вам, как изменить значение позже, если это необходимо.
Когда закончите, нажмите OK, чтобы закрыть диалоговое окно:
Параметры размытия в движении.
А вот результат с применением размытия в движении:
Эффект дождя после применения размытия движения к шуму.
На панели «Слои» размытие в движении отображается как смарт-фильтр под смарт-объектом. Мы вернемся к этому позже:
Смарт-фильтры перечислены под их смарт-объектом.
Шаг 9. Масштабируйте смарт-объект «Дождь» до 110 %
Пока все хорошо, за исключением одной проблемы. Эффект размытия в движении по краям изображения, особенно вверху и внизу, выглядит неправильно.
На снимке экрана немного сложно разглядеть, но если я увеличу верхнюю часть изображения, то замечу, что эффект проявляется ярче чуть ниже края. Причина в том, что мы обрезали весь шум за пределами холста, поэтому фильтр Motion Blur упирался в край и некуда было деваться:
Края были проблемой для фильтра Motion Blur.
Решение состоит в том, чтобы масштабировать шум ровно настолько, чтобы переместить эти проблемные области за пределы холста.
С 9Смарт-объект 0303 Rain , выбранный на панели «Слои», вернитесь в меню Edit , выберите Transform и еще раз выберите Scale :
Перейдите в меню «Правка» > «Трансформировать» > «Масштаб».
Photoshop предупреждает, что интеллектуальный фильтр Motion Blur будет временно отключен до завершения масштабирования. Нажмите OK, чтобы закрыть диалоговое окно:
Предупреждение о временном отключении смарт-фильтров.
На панели параметров установите Ширина ( Ш ) до 110% . При выбранном значке ссылки Photoshop автоматически изменяет высоту ( H ) на 110% :
.Масштабирование ширины и высоты шума на 110 процентов.
Затем нажмите галочку на панели параметров, чтобы принять его:
Нажатие галочки.
Photoshop снова включает фильтр размытия в движении, и края фиксируются:
Края теперь выглядят лучше после масштабирования шума.
Шаг 10: Добавьте корректирующий слой «Уровни»
Чтобы уменьшить количество дождя и добавить контрастности эффекту, мы будем использовать корректирующий слой «Уровни».
На панели «Слои» щелкните значок «Новый слой-заливка» или «Корректирующий слой » внизу:
Щелкните значок «Новый слой-заливка» или «Корректирующий слой».
И выберите Уровни из списка:
Добавление корректирующего слоя «Уровни».
Над смарт-объектом Rain
появляется корректирующий слой Levels:
Появится корректирующий слой «Уровни».
Шаг 11: Создайте обтравочную маску
Затем, чтобы ограничить эффект корректирующего слоя только смарт-объектом Rain
под ним (чтобы он также не влиял на исходное изображение), создайте обтравочную маску, щелкнув значок меню панели «Слои» :
Щелкните значок меню панели «Слои».
И выбрав Создать обтравочную маску из меню:
Обрезка корректирующего слоя со смарт-объектом под ним.
Шаг 12. Перетащите ползунки Black и White Point
Элементы управления для корректирующего слоя «Уровни» отображаются на панели «Свойства» Photoshop . А в центре панели находится гистограмма, график, показывающий тональный диапазон изображения.
Под гистограммой находятся три ползунка . Слева есть ползунок черная точка , 9Ползунок 0031 white point справа и ползунок midtones посередине. Для настройки эффекта дождя нам нужны только черный и белый ползунки:
Ползунки черной точки (слева) и белой точки (справа) под гистограммой.
Во-первых, чтобы уменьшить количество дождя, нажмите на черный ползунок слева и начните перетаскивать его вправо. Во время перетаскивания следите за своим изображением, и вы увидите, как самые темные области дождя становятся темнее и в конечном итоге полностью исчезают.
Затем, если вам нужно осветлить дождь, который все еще виден, щелкните белый ползунок и перетащите его влево, снова не сводя глаз с изображения.
Возможно, вам придется перемещать два ползунка вперед и назад, чтобы найти наиболее подходящие настройки:
Регулировка черного и белого ползунков.
Вы можете включать и выключать корректирующий слой «Уровни», чтобы сравнить результат с исходным эффектом дождя, щелкнув значок 9 корректирующего слоя.0031 значок видимости на панели «Слои»:
Щелкните значок видимости корректирующего слоя «Уровни».
Вот мой эффект дождя после перетаскивания ползунков. В целом теперь меньше дождя, а эффект стал более контрастным:
Эффект после усиления дождя Уровнями.
Шаг 13. При необходимости измените настройки размытия в движении или уровней
Наконец, после перемещения ползунков вы можете обнаружить, что к дождю больше не применяется достаточное движение. Чтобы отрегулировать степень размытия движения, дважды щелкните на интеллектуальном фильтре Motion Blur на панели «Слои»:
Двойной щелчок по интеллектуальному фильтру Motion Blur.
Это снова открывает диалоговое окно «Размытие в движении», в котором можно увеличить (или уменьшить, если необходимо) значение Расстояние . В моем случае я увеличу его с 75 пикселей до 150 пикселей , но опять же это будет зависеть от размера вашего изображения. Вы также можете настроить значение угла, пока вы здесь, но я оставлю свое значение равным 65°. Нажмите OK, когда закончите, чтобы закрыть диалоговое окно:
Добавление большего размытия движения к дождю.
И если вам нужно отредактировать ползунки черной точки и белой точки в корректирующем слое «Уровни», просто щелкните значок гистограммы , чтобы повторно выбрать корректирующий слой:
Повторный выбор корректирующего слоя «Уровни».
Затем на панели Свойства перетащите ползунки по мере необходимости:
Окончательная корректировка количества и яркости дождя.
На этом мы закончили! Вот мой окончательный эффект дождя в Photoshop:
Окончательный результат.
И вот оно! Теперь, когда вы знаете, как добавить дождь на фотографию, почему бы не добавить красочную радугу? Или как использовать многие шаги, которые вы узнали здесь, чтобы добавить падающий снег на изображение и даже добавить звезды на ночное небо!
Посетите наш раздел «Фотоэффекты» для получения дополнительных руководств. И не забывайте, что все наши уроки Photoshop готовы к загрузке в виде готовых к печати PDF-файлов!
Как сделать реалистичный дождь в Photoshop [Free Brush]
Если вы видели урок о том, как создать эффект дождя в Photoshop, вы, вероятно, знаете, что вы можете создать его с помощью фильтров шума или волокон. Но в этом уроке я покажу вам, как сделать реалистичный дождь в Photoshop, создав пользовательскую кисть дождя с нуля.
И, на мой взгляд, использование пользовательской кисти намного лучше, потому что вы можете создать ее один раз, а затем использовать снова и снова, вместо того, чтобы выполнять несколько шагов добавления фильтров каждый раз, когда вы хотите добавить эффект дождя.
Итак, приступим
Учебное изображение Скачать
Мы добавим эффект дождя поверх этого изображения. Но сначала давайте создадим пользовательскую кисть дождя.
1– Как создать кисть дождя в Photoshop
начните с создания нового документа, установите размер 1000 на 1000 пикселей и нажмите «Создать».
Убедитесь, что цвет фона белый, затем создайте новый слой. Возьмите инструмент «Кисть», измените цвет переднего плана на черный, а затем возьмите жесткую кисть и немного увеличьте мягкость. и нажмите один раз
теперь у вас будет такой черный круг.
Далее вы собираетесь преобразовать этот круг, нажав ctrl/cmd + T , а также удерживая shift + alt/optn , чтобы разблокировать пропорциональную шкалу и сжать ее. вниз до тех пор, пока вы не получите тонкую линию, как это.
мы собираемся добавить несколько из них, поэтому, удерживая клавишу Alt/opt, нажмите и перетащите, чтобы создать несколько копий, и измените их размеры, чтобы получить несколько линий дождя разных размеров.
и эти варианты линий — это то, что создаст случайный эффект дождя, но прежде чем мы преобразуем его в пресет кисти, мы можем внести в него несколько изменений, чтобы добавить несовершенства и сделать их более похожими на реалистичный дождь. строка
Далее вам нужно выбрать все созданные вами слои, нажать ctrl/cmd + E , чтобы объединить их,
Теперь выберите этот слой и перейдите к filter > pixelate > mezzotint , выберите «coarse точки» из выпадающего списка, а затем нажмите «ОК».
Еще раз примените фильтр, но на этот раз выберите мелкие точки, затем нажмите «ОК», это добавит деревенский эффект и добавит некоторые несовершенства линиям дождя. > blur > Gaussian blur и добавьте немного Gaussian blur, чтобы убрать резкость и сделать изображение менее совершенным, поэтому около 0,8 пикселя достаточно.
Затем примените еще один фильтр размытия, выбрав фильтр > размытие > размытие в движении , обязательно измените угол на 0 и немного увеличьте расстояние, чтобы промежутки между линиями были частично заполнены, в этом случае я добавил около 7 или 8 пикселей.
Последнее, что вам нужно сделать, это добавить несколько уровней, нажав Ctrl/cmd + L
И если вы перетащите ползунок средних тонов влево, вы усилите эффект несовершенства. А если вы также перетащите его вправо, линии станут более плавными, как и раньше.
В этом случае переместите ползунок средних тонов немного влево, а также переместите нижний ползунок вправо, чтобы сделать общие линии менее заметными, вот так
Итак, это все изменения, которые вам нужно сделать. Теперь мы можем преобразовать его в пресет кисти, и для этого перейдите в edit > определить пресет кисти . Затем вы можете переименовать свою кисть и нажать ОК.
AdvertisementsВот как выглядит кисть. На данный момент она не совсем похожа на реалистичный дождь, и для этого мы собираемся изменить некоторые настройки кисти.
Во-первых, вернитесь к исходному документу и создайте новый слой поверх него,
Теперь вы можете открыть панель настроек кисти, чтобы изменить некоторые настройки.
Если вы не видите вкладку настроек кисти, вы всегда можете открыть ее, нажав собираюсь в окно > настройки кисти .
Таким образом, когда вы вносите изменения на панели настроек кисти, вы увидите, как ваша кисть будет выглядеть в окне предварительного просмотра, и первое, что вам нужно сделать, это увеличить расстояние под формой кончика кисти. меню, затем включите динамику формы и увеличьте дрожание размера.
Как вы можете видеть здесь, мы добавим некоторые вариации размера кисти и будем делать мазки все меньше и больше, чтобы рандомизировать эффект.0003
Затем сохраните «минимальный диаметр» и «угловой джиттер» на 0 , а затем под «управлением» измените раскрывающийся параметр на «начальное направление» .
Это заставит эффект дождя следовать за направлением вашего мазка кистью.
Итак, теперь, в каком бы направлении вы ни рисовали мышью, вы увидите, что дождь будет следовать за ним.
Ок, дальше нужно включить «рассеивание» , затем проверить «обе оси» и увеличьте рассеивание по своему вкусу.
Это добавит интервал между мазками кисти и улучшит эффект дождя. Посмотрите немного больше, реалистичнее.
Почти готово, следующая вещь, которую вы собираетесь включить, это «перенос» , а затем увеличить дрожание непрозрачности
помогает сделать эффект реалистичным, так что для меня около 40% выглядит хорошо.
И последнее, что вы собираетесь проверить, это «наращивание» .
что наращивание делает, так это то, что оно позволит вам щелкнуть и удерживать мышь, медленно добавлять мазки кистью и создавать эффект.
Итак, это все настройки, которые нам нужно было настроить на панели настроек кисти, и теперь, чтобы сохранить эти настройки, вам нужно преобразовать их в пресет кисти.
Для этого нажмите на меню в правом верхнем углу и выберите «новая предустановка кисти» , и прежде чем вы нажмете «ОК», вы увидите, что у вас есть несколько параметров, которые вы можете проверить.
AdvertisementsПервый — это «размер кисти захвата» , что говорит само за себя, он будет сохранять и поддерживать точный размер кисти, когда вы конвертируете эту кисть в пресеты кистей.
Далее следует «включить настройки инструмента» , то есть настройки из панели настроек кисти.
И, наконец, вы также можете включить цвет, который является вашим текущим цветом из образца в левом нижнем углу.
Итак, в этом случае я снял флажок «захват размера кисти» и оставил два других параметра включенными.
Как только вы это сделаете, вы найдете только что созданную кисть в нижней части панели кистей. Теперь все эти настройки сохранены, и вы можете использовать эту кисть снова и снова, когда захотите.
2 — Как добавить эффект дождя в Photoshop
Итак, теперь, когда вы знаете, как создать реалистичную кисть дождя с нуля, давайте добавим к нашему изображению несколько эффектов дождя. 907:25 Итак, мы собираемся добавить эффект дождя в несколько слоев, первый слой — небольшой дождь на заднем плане, затем еще один слой — более крупный дождь на переднем плане, чтобы эффект выглядел реалистично.
Итак, на новом слое возьмите кисть маленького размера, отрегулируйте расстояние по своему вкусу и закрасьте фон белым цветом.
Если эффект дождя выглядит не так сильно, как хотелось бы, вы всегда можете продублировать слой, чтобы увеличить контраст, и объединить эти два слоя вместе, используя ctrl/cmd + E и регулируйте видимость с помощью ползунка непрозрачности.
Это первый слой эффекта дождя, и, очевидно, мы не хотим, чтобы он был поверх объекта.
Итак, что я сделал, так это использовал инструмент «Перо», чтобы сделать выделение вокруг объекта, но во многих случаях с помощью «выбрать тему» проще быстро создать выделение вашего объекта, перейдя к «Выбрать> Тема»
После того, как у вас есть выделение, создайте инвертированную маску слоя, щелкнув значок маски слоя, удерживая клавишу Alt или опцию, и это замаскирует эффект от объекта 9.0003 Рекламные объявления
Теперь мы можем добавить еще один слой дождя поверх этого, поэтому снова выберите кисть дождя и на этот раз увеличьте размер кисти для этого слоя, в моем случае я также увеличил интервал и снова закрасил сверху белым
Мы также собираемся добавить эффект глубины резкости к этому слою, добавив немного размытия линзы, но прежде чем мы это сделаем, добавьте новый слой под ним и залейте этот слой черным цветом, затем объедините эти два слоя вместе, Причина этого в том, что мы можем лучше видеть эффект размытия объектива.
Чтобы заполнить слой черным цветом, сначала нажмите D, чтобы сбросить образец цвета до цвета по умолчанию, теперь ваш цвет переднего плана должен быть черным, затем нажмите alt + BSapce (win) или option + delete ( mac)
Теперь давайте применим размытие линзы, выбрав filter > blur > blur .
Не забудьте изменить предварительный просмотр на «более точный» , а затем вы можете увеличить эффект размытия линзы с помощью ползунка радиуса, в этом случае я выбрал радиус от 25 до 30, нажмите ок, а затем изменить режим наложения этого слоя на экран, чтобы скрыть черные.
Таким образом, как видите, мы создали некоторый эффект глубины резкости.
3 – Как добавить отражающиеся капли дождя
Итак, со всем этим дождем, добавленным к изображению, я думаю, будет более разумно добавить несколько капель дождя, отражающихся от зонта, чтобы эффект выглядел реалистично.
Итак, начнем с создания нового слоя сверху, а внутри панели кистей мы собираемся использовать кисть пыли, чтобы создать эффект капель дождя, и в этом примере это будет выглядеть очень хорошо.