Рисуем дождь в Adobe Photoshop
В этом уроке мы научимся добавлять эффект дождя в Photoshop. Уроки на эту тему уже существуют в Интернете, но мы пойдем дальше, сделав картинку реалистичнее путем добавления отражений и луж.
Финальный результат
Исходники
Для выполнения урока вам понадобятся две фотографии. Скачайте их или найдите похожие.
- Прогулка по пристани
- Облачная Шотландия
1. Создаем базу
Шаг 1
Откройте картинку прогулки в Photoshop. Двойной клик по слою, чтобы разблокировать его. Назовите слой “Base.”
Первый шаг к реалистичности эффекта дождя это правдоподобные облака. В меню зайдите в File > Place… и поместите картинку с облачной Шотландией поверх базы. Вам придется немного растянуть картинку, чтобы облака полностью покрыли небо. Для этого нажмите CMD/CTRL + T (включается инструмент Free Transform). Укажите изменение размера в 120% по высоте. Переименуйте слой в “Sky” и поместите под слой “Base”.
Шаг 2
Используя ваш любимый инструмент, выделите небо в слое базы (в примере использовано Quick Selection Tool). Убедитесь что активен слой “Base”, нажмите CMD/CTRL + G чтобы поместить его в группу, и создайте маску из выделения, чтобы спрятать небо.
Доведите маску до совершенства, если она вас не вполне устраивает. Это поможет приблизить финальный результат к большей реалистичности. Для этого выделите слой-маску инструментом Brush (B) рисуйте в маске черным места, которые необходимо скрыть и белым те, что необходимо оставить видимыми.
Если у слоя с небом остался цветовой оттенок, примените к нему корректирующую слой-маску типа Black & White, чтобы выровнять цвет неба и базы.
Шаг 3
Когда идет дождь, воздух становится очень влажным, в результате чего элементы удаленные от объектива скрывает туман. Чтобы создать этот эффект, используйте инструмент Brush (кисть), выберите серый цвет (#C3C3C3) и нарисуйте прямую линию на горизонте (удерживайте Shift во время рисования, чтобы линия была идеально прямой).
Выставите непрозрачность слоя в 50%. Вы также можете дублировать слой (CMD/CTRL + J) и растянуть его по вертикали, чтобы еще больше смягчить туман. Назовите оба слоя “Fog” и поместите их под группой базы.
Создайте корректирующий слой-маску Curves, чтобы сделать картинку темнее. Поместите этот слой над всеми остальными.
2. Рисуем дождь
Шаг 1
Обычный способ создать дождь — комбинация фильтров Add Noise и Motion Blur. Создадим новый слой (CMD/CTRL + Shift + N), зальем его черным цветом (D, потом Alt + Backspace), теперь в меню выберите Filter > Noise > Add Noise. Масштабируйте получившийся шум до 400%.
Зайдите в меню Filter > Blur > Motion Blur и укажите шуму наклонное размытие в движении. Нажмите CMD/CTRL + M, чтобы открыть окно Curves и придайте слою контраста.
Смените режим наложения слоя на Screen и переименуйте его в “Rain.”
Теперь занимаемся реалистичностью. Дождь редко идет по одной прямой линии из-за ветра. Чтобы добиться эффекта рэндомности нам нужно повторить процедуру создания дождя несколько раз, используя различные размеры зернистости и угла наклона размытости. В примере мы масштабировали шум до 250% и указали угол наклона размытости в 79°.
И еще раз. Теперь масштабируем шум до 600%, а угол наклона размытия указываем в 60°.
Теперь просто создайте шум и сильно затемните его. Переименуйте слой в “Noise”.
Шаг 2
Поменяйте режим наложения всех слоев “Rain” на Screen и посмотрите, что получается.
Дождя получилось многовато. Чтобы это исправить, задайте маску каждому слою с дождем, к которому примените эффект Clouds. В меню выберите Filter > Render > Clouds. Это смягчит эффект от дождя и добавит ему рэндомности.
Также уменьшите непрозрачность слоя “Noise” до 20%.
3. Лужи и отражения
Шаг 1
С дождем разобрались, но реалистичности нашему изображению все еще не хватает. Нам нужна мокрая пристань. Для начала нужно изолировать ее. Используя ваш любимый инструмент, выделите пол и залейте выделение любым цветом в новом слое.
После этого зажмите CMD/CTRL + Click и кликните по слою в палитре Layers, чтобы создать выделение, создайте новую пустую группу слоев и сделайте маску из выделения. Назовите группу “Floor Mask.”
Шаг 2
Дублируйте слой “Base” и поместите копию в группу “Floor Mask”. В меню выберите Filter > Filter Gallery, затем найдите Bas Relief. Введите параметры, как показано на картинке ниже. Скорректируйте слой при помощи Curves. Сделайте его темнее, затем смените режим наложения на Color Dodge.
Теперь укажем слою маску с фильтром Clouds, чтобы придать рэндомности эффекту. Создайте новый слой, примените к нему фильтр. Нажмите CMD/CTRL + T, чтобы масштабировать картинку до линии горизонта. Далее в том же режиме Free Transform, нажмите правой кнопкой мыши в документе и выберите Perspective. Увеличьте нижнюю часть выделения, чтобы создать эффект перспективы, примените изменения. Нажмите CMD/CTRL + A, чтобы выделить все, затем CMD/CTRL + X, чтобы вырезать это. Задайте слою, который создали в предыдущем шаге маску, выберите маску в палитре Channels и вставьте туда вырезанные облака.
Шаг 3
Теперь наша пристань мокрая, но она должна также отражать небо. Для этого дублируйте слой “Sky” и поместите копию под группой “Floor Mask”. Отразите по вертикали (CMD/CTRL + T, клик правой кнопкой мыши, и выберите Flip-Vertical) и укажите непрозрачность в 15% opacity.
Обратите внимание: на этом этапе нужно перенести эффект Black & White над слоем “Pier”.
Шаг 4
Теперь нам нужно создать выделение между небом и пристанью. Для этого создайте выделение со слоя “Floor Mask”(CMD/CTRL + клип по группе слоев). Затем инвертируйте выделение (Select > Inverse), зажмите CMD/CTRL + Alt и кликните по группе слоев “Pier”. Не снимая выделение, дублируйте то, что попадает в зону выделения в базовом слое (CMD/CTRL + J). Назовите слой “Reflection.”
Следующий шаг немного сложнее. Чтобы вам было удобнее, спрячьте все эффекты. Также для удобства можете создать новый слой под слоем “Reflection”, залить его красным цветом (Edit > Fill) и сменить непрозрачность на 50%.
Отразите слой вертикально. Поместите его так, чтобы соприкасались ноги парочки, идущей слева. Используя инструмент Rectangular Marquee Tool (M), выделите кусок стены слева от парочки и поднимите его.
Не снимая выделение, примените наклонное трансформирование (CMD/CTRL+T, right-click > Skew), чтобы придать стене эффект перспективы.
Повторите процедуру на следующем участке стены.
Используя инструмент Lasso Tool (L), выделите мужчину с ребенком. Перенесите их ниже.
Продолжайте, пока не закончите с каждым элементом картинки.
Шаг 5
Теперь можете удалить красный слой, и поместить слой “Reflection” в папку “Floor Mask”, над слоем “Sky”. Также укажите слою режим наложения Multiply. Вы заметите, что есть места, которые нужно доработать.
Используя инструмент Smudge Tool (под Blur Tool), вы можете растушевать неидеальные части отражения. Между ногами у парочки слева можете просто нарисовать серым.
В данном случае также можно сделать маску, чтобы растушеванной кистью аккуратно скрыть части отражения. Когда закончите, снизьте непрозрачность слоя до 35%.
Шаг 6
Можно еще немного проявить пирс. Выделите все слои до “Black & White”, дублируйте их и объедините в один. Примените фильтр Reticulation (из Filter Gallery) и укажите значения, как показано ниже. Нажмите CMD/CTRL + M, чтобы вызвать окно Curves и добавьте слою контраста. Поместите слой в группу “Floor Mask” и назовите его “Reticulation.”
Готово! Можете сверить финальное расположение слоев:
Также можете сравнить оригинал фотографии и финальный вариант.
Финальный результат
Автор урока — Tony Aube.
Перевод — Дежурка.
Смотрите также:
- Создаем теплую, романтическую иллюстрацию в Photoshop
- Урок по созданию летней иллюстрации в Photoshop
- Создаем фотоманипуляцию «Матушка-природа».
Как создать капли дождя на стекле в программе фотошоп.
Домой » Уроки Photoshop » Как создать капли дождя на стекле
В этом уроке я покажу вам, как создать капли дождя на стекле в Photoshop.
Мы будем использовать фото, кисти и стили слоя для создания эффекта. И так приступим.
Шаг 1
Создайте новый документ. Я использовал 1024×768 пикселей для создания документа. Именно тут мы и будем создавать капли воды.
Шаг 2
Выбираем инструмент Заливка и заливаем наш слой темно-серым цветом
Шаг 3
Применим к нашему слою режим наложения Осветление основы
Шаг 4
Создадим новый слой
Шаг 5
Выбираем инструмент Кисть и заходим в меню Окно>Кисть
Производим настройки нашей кисти, согласно изображений ниже
Шаг 6
В палитре цветов выбираем белый цвет. Рисуем на нашем фоне будущие капли воды. Лучше делать их длиннее, так будет выглядеть реалистичнее.
Шаг 7
Заходим в меню Слои>Выполнить сведение
Шаг 8
Заходим меню в Изображение> Коррекция> Уровни.
Изменяем значения черного и белого цветов. Значения могут варьироваться в зависимости от капель. Установите такие значения чтобы не было размытых краев.
Шаг 9
Создадим копию нашего слоя, для этого перенесем наш основной слой в панели слоев на значок создать новый слой
Шаг 10
С помощью инструмента Волшебная палочка выделите черную область
Затем перейдите меню Выделение> Подобные оттенки, чтобы убедиться, что все черные области изображения у нас были выделены. Затем удалим эту область, нажав клавишу Del.
Шаг 11
Откроем нашу фотографию к которой хотим применить капли воды
Шаг 12
Выбираем инструмент Перемещение и перенесем изображение с каплями на фотографию
Шаг 13
Создадим копию нашего слоя с изображением, для этого перенесем наш основной слой в панели слоев на значок создать новый слой
Шаг 14
Переходим в меню Фильтр> Размытие> Размытие по Гауссу… Устанавливаем размытие 20 пикс.
Шаг 15
Сделаем активным наш слой с каплями
Шаг 16
Добавим стили слоя
Шаг 17
Очень внимательно добавляем стили слоя как на изображениях ниже
Шаг 18
Теперь давайте создадим надпись на нашем запотевшем стекле
Для этого создадим новый слой
Шаг 19
Выбираем инструмент Заливка. Заливаем наш слой серым цветом и устанавливаем для него непрозрачность 35%
Шаг 20
Выбираем инструмент Ластик и пишем произвольный текст.
Такой вот эффект запотевшего стекла с каплями дождя получился у меня.
Вы можете обработать свою фотографию, используя этот урок, а затем разместить фотографию к примеру как заставку на рабочем столе. Будет выглядеть очень оригинально. Обязательно пишите отзывы об уроке ниже. И до встречи на сайте FotoshopDesign.ru
Ставьте лайк, если вам понравилось, делитесь с друзьями и подписывайтесь на наш канал в Дзен, чтобы не пропустить следующие уроки
Предыдущий Открытка ко Дню всех влюбленных
Следующее Зеркальное отражение в фотошоп
Создать эффект дождя в Photoshop
Посмотрите видео для получения подробных инструкций и используйте письменные инструкции для быстрой справки.
Если вам понравилось это видео, я настоятельно рекомендую вам подписаться на мой канал Youtube — PhotoEffect .
Перейти к:
- Шаг 1: Откройте изображение и увеличьте размер холста
- Шаг 2: Создайте новый слой для эффекта дождя
- Шаг 3: Преобразуйте в смарт-объект
- Шаг 4: Добавьте шум
- Шаг 5 Добавить размытие
- Шаг 6: Добавьте размытие в движении
- Шаг 7: Отрегулируйте количество осадков с помощью уровней
- Шаг 8: Обрежьте холст
- Шаг 9: Сохраните проект
Шаг 1: Откройте изображение, затем увеличьте размер холста
Выберите File-Open (или Ctrl + O ).
Файл>Открыть.
Для этого руководства по Photoshop я буду использовать это изображение 10.
Выберите Изображение – Размер холста , чтобы увеличить размер холста.
В окне Размер холста введите ширину и высоту 100 пикселей. Не забудьте поставить галочку Relative. Нажмите «ОК».
Окно Размер холста.
Увеличение размера холста.
Шаг 2: Создайте новый слой для эффекта дождя
Выберите Layer- New Layer .
Слой>Новый слой.
В диалоговом окне «Новый слой» назовите слой, установите режим «Экран» и установите флажок «Заполнить нейтральным цветом экрана (черным)». Нажмите «ОК».
Новый слой создан.
Шаг 3: Преобразование в смарт-объект
Преобразуйте новый слой в смарт-объект, выбрав Слой-Смарт-объект-Преобразовать в смарт-объект .
Преобразование в смарт-объект.
Слой преобразован в смарт-объект.
Шаг 4: Добавить шум
Выберите Фильтр- Шум- Добавить шум .
Фильтр>Шум>Добавить шум.
Введите количество, выберите «Равномерный» или «Гауссов» и отметьте «Монохроматический». Нажмите «ОК».
Диалоговое окно «Добавить шум».
Шаг 5: Добавьте размытие
Размойте шум, выбрав Фильтр-Размытие-Размытие.
Фильтр>Размытие>Размытие.
Фильтр размытия применен.
Шаг 6. Добавьте размытие в движении
Выберите Фильтр-Размытие-Размытие в движении .
Фильтр>Размытие>Размытие в движении.
Введите Угол и Расстояние, чтобы отрегулировать направление дождя. Нажмите «ОК».
Настройки размытия в движении.
Шаг 7: Отрегулируйте количество осадков с помощью уровней
Выберите Layer-New Adjustments Layer-Levels
Слой>Новый корректирующий слой>Уровни.
Нажмите на регулировочные зажимы.
Нажмите на регулировочные зажимы.
Перетащите ползунок «Уровни ввода», чтобы установить желаемое количество дождя.
Перетащите входные уровни.
Шаг 8. Обрезка холста
Возьмите инструмент «Волшебная палочка».
Инструмент «Волшебная палочка».
На панели параметров установите для параметра Допуск значение 1.
Установите для параметра Допуск значение 1.
Нажмите на границу изображения. Выделение появится вокруг границы.
Нажмите на границу изображения.
Инвертировать выбор, выбрав Select-Inverse.
Выбрать-Инверсия.
Затем обрежьте изображение, выбрав Image-Crop .
Изображение>Обрезать.
Вот результат:
Как добавить эффект дождя на фото в Photoshop.
Шаг 9: Сохранить проект
Выберите
Эффект дождя в Photoshop | Узнайте, как создать эффект дождя в Photoshop
Photoshop можно использовать для создания потрясающих визуальных эффектов и преобразования изображения в соответствии с концепцией создателя, а многочисленные 2D- и 3D-художники и видеоредакторы в игровых студиях используют Photoshop для улучшения визуального качества , вы можете легко создать такой эффект, как дождь, с помощью Photoshop, но для этого пользователь должен ознакомиться с различными концепциями и шагами, задействованными в этом процессе, и научиться создавать другие эффекты, такие как снег, дым, разрушение, цветовые сокращения и корректировки.
Как создать эффект дождя в Photoshop?
Для создания эффекта дождя на изображении выбор изображения также играет важную роль, чтобы применить эффект и выглядеть естественно. Поэтому выберите изображение, подходящее для эффекта. Итак, мы собираемся применить эффект к изображению ниже.
Шаг № 1: Добавьте новый слой
Откройте Photoshop, загрузите изображение и добавьте новый слой с помощью параметров, представленных в правом нижнем углу, или используйте сочетание клавиш Ctrl + Shift и N вместе, чтобы загрузить новый слой на на панели «Слои» и переименуйте новый слой, дважды щелкнув его имя как «Дождь», чтобы применить к нему все эффекты.
Нажмите «ОК» или введите после завершения переименования.
Шаг #2: Залейте новый слой черным цветом
Теперь мы собираемся применить все наши атрибуты к новым слоям, чтобы наш оригинал остался в безопасности. Теперь нам нужно залить слой черным цветом. Подойдите к «Редактировать» и выберите вариант заполнения; откроется новое диалоговое окно с деталями свойств заливки для выбора.
Правка -> Заливка
Ярлык: Shift+ F5
Мы использовали раскрывающийся список в диалоговом окне заливки, чтобы выбрать несколько параметров и выбрать Черный цвет в раскрывающемся окне. Поддерживая непрозрачность 100% и режим «Множественный» по умолчанию.
После этого мы видим, что весь слой залит черным цветом, как показано ниже.
Шаг 3: Примените шумовой фильтр
Чтобы создать эффект дождя, мы используем параметр «Добавить шум» в Photoshop, чтобы белые капли выглядели на изображении как капли дождя. Для этого нам нужно нажать «Фильтр» в строке меню и поместить стрелку мыши на шум; при этом откроется подопция «Шум», выберите «Добавить шум к слою».
Фильтр -> Шум -> Добавить шум
При добавлении шума открывается диалоговое окно шума, в котором мы должны изменить несколько свойств, таких как количество процентов, которое должно быть 25%, режим распределения на гауссовский и монохромный включен.
Сумма 25 %, распределение — гауссовское и монохроматическое.
При этом слой будет заполнен точками для продолжения следующего процесса.
Шаг 4: Масштабируйте и связывайте ширину и высоту слоя.
Далее перейдите в меню «Правка», нажмите «Трансформировать» и выберите «Масштаб». Мы можем видеть несколько опций, появляющихся под строкой меню.
Правка -> Преобразование -> Масштаб.
На панели параметров щелкните ссылку (–), которая находится между значениями ширины и высоты. И в зависимости от размера изображения слой дождя взвешивает точки, которые можно масштабировать, изменяя значения ширины и высоты. Часто используемые значения высоты и веса: 400/400, 200/200 и т. д. по мере необходимости. Для этого изображения мы получим высоту и ширину по 400 каждый.
Нажмите на галочку в правом углу, чтобы применить изменения.
Шаг #5: Измените режим наложения на Screen
До сих пор слой Rain, который мы редактируем в режиме наложения, поэтому измените режим на Screen, чтобы нижние слои были видны под слоем.
Весь сплошной черный цвет исчезнет, и ниже будет виден слой, который является нашим исходным изображением с белыми каплями цвета на нем.
Слои -> Раскрывающийся список -> Экран
Шаг #6: Измените слой дождя на смарт-объект
Нам нужно добавить динамику белым каплям, чтобы они выглядели как настоящий падающий дождь; для этого выберите строку 3, которая присутствует в окне слоя в правом углу, и щелкните параметр как смарт-объект.
= -> Преобразовать в смарт-объект
Шаг № 7: Применение размытия в движении в качестве фильтра.
После применения смарт-объекта к слою с дождем мы видим миниатюру предварительного просмотра, появляющуюся для слоя.
Перейдите к фильтрам, переместите курсор на Размытие и выберите параметр размытия в движении, чтобы добавить движение к белым точкам. Чтобы получить ощущение падения капель дождя на слой.
Фильтр -> Размытие -> Размытие в движении.
Откроется диалоговое окно Motion Blur, которое необходимо настроить как необходимый момент капель на изображении.
Немногие свойства
Угол: – 65 градусов
Расстояние (черно-белый пиксель к пикселю): – 75 пикселей
Они могут варьироваться в зависимости от внешнего вида изображения; дважды проверьте и просмотрите вручную, затем нажмите «ОК».
Настроенное движение будет добавлено к слою ниже, как показано на изображении, их можно изменить, дважды щелкнув открывающиеся диалоговые окна «Движение», а затем мы можем изменить значения по мере необходимости.
Шаг #8: Добавление и настройка уровней слоя.
Чтобы отрегулировать и уменьшить количество дождя и цвета, с помощью этой опции можно изменить атрибуты изображения, такие как эффекты яркости и контрастности.
Выберите слой «Дождь» и нажмите клавишу Alt в Win / Option на Mac с клавиатуры, чтобы создать новый корректирующий слой. В нижней части панели слоев мы также можем щелкнуть и получить его напрямую.
Новые корректирующие слои -> Уровень.
Включить Использовать предыдущий слой для создания опции маски обрезки.
Создается новый корректирующий слой для корректирующего слоя дождя.
Шаг #9: Настройка точек ползунка уровня
Создается новый слой уровня, который будет связан со слоем дождя под ним; дважды щелкните новый слой, чтобы открыть диалоговое окно уровня.
У нас есть три точки для регулировки уровня, чтобы немного сдвинуть первую и последнюю точки (черный и белый ползунки) ближе друг к другу, проверяя изменения, происходящие при перемещении. И зафиксируйте уровни в точном требуемом диапазоне, чтобы мы могли получить вид и ощущение дождя, следующего под углом с определенной скоростью.
Маску уровня и размытие движения можно отрегулировать в любое время, чтобы получить точный результат. Когда изображение готово, мы можем экспортировать или сохранить его в формате .jpg или .png по мере необходимости. Новичкам нужна повторная практика, чтобы привыкнуть.
Заключение
Таким образом, мы получаем эффект дождя на фотографии.
