Создаем имитацию дождя в Фотошопе

Как легко сделать эффект дождя в фотошопе различными способами?

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

Если вы являетесь частым гостем на моем блоге, то наверное должны были читать мою статью о том, как сделать эффект падающего снега в фотошопе. Разве это было сложно? Ничуть. Так вот здесь принцип примерно такой же, за исключением некоторых нюансов. И конечно же я вас не оставлю с одним способом, а дам аж два. Так что смотрим и проделываем то же самое. Готовы? Тогда поехали!

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

Техстура дождя

Самый простой способ наложить дождик — это просто поставить текстуру. Для этого зайдите в любую поисковую систему и введите в поиске по картинкам «Текстура дождя» . Вам должно выдаться множество картинок с идущими осадками на черном фоне. Это то, что нам нужно. Ну если возникли какие-то проблемы, то я для вас приготовил все необходимые материалы. Взять их вы можете здесь. Файл находится в архиве, так что если вы не умеете распаковывать файлы, то прочитайте мою статью на эту тему.

1. Открываем фотошоп и первым делом загружаем туда непосредственно фотографию с девушкой.
2. Дальше откройте в этом же документе саму текстуру. Она может быть больше или меньше изображение нашей мадемуазель с зонтом, поэтому подгоните всё как надо с помощью трансформации.
3. Когда вы все сделали и подровняли, вам осталось немного. Убедитесь, что вы стоите на слое с текстурой и выберите режим наложения «Экран» . Что у нас получилось? Правильно! Черный фон исчез и теперь льет нормальный здоровый дождик).
4. Ну а если вам кажется, что дождь какой-то сильный и чересчур белесый фон, то вы можете в параметрах немного уменьшить непрозрачность до 80-85. Но это еще не всё.
5. Чтобы сделать осадки более реалистичными, нам нужно убрать такое обилие белого фона. Для этого в нижней части панели слоев нажмите на кнопку двух полукругов. и выберите пункт «Кривые» .
6. В открывшемся окошке вы увидите график кривых. Вам нужно зажать левую кнопку мыши на белой полоске, и не отпуская кнопку двигать своего «Ручного компьютерного грызуна», пока не найдете нужное значение, например так. По-моему вполне неплохо. Оставляем.

Таким образом дождь выглядит намного реалистичнее и картинка уже смотрится красивее. Сколько мы затратили на этот способ? 2-3 минуты, не более.

Есть еще один момент. Я знаю некоторые люди пугаются, когда после работы с кривыми не могут закрыть это окно и вернуться к окну со слоями. Тут всё просто. Ниже этого окошка есть крохотная вкладочка «Слои» . Вот на нее и нажимайте, тогда все вернется на круги своя.

Добавление картинки

Кроме текстуры вы можете использовать обычную картинку в формате png. Просто вбейте в поисковике что-нибудь типа «Дождь png» (Я всегда так картинки ищу, когда они нужны на прозрачном фоне) и вам вывалится куча изображений. На всякий случай я положил такую картинку в ту же папку с материалами к статье.

1. Загрузите фото девушки в фотошоп.
2. А теперь откройте на этом же слое рисунок с дождиком и растяните его на все изображение (либо сузьте, если оно больше). Нажимаем Enter.
3. Вот по хорошему и всё, но вы опять же можете поиграться с непрозрачностью слоя, чтобы уменьшить интенсивность дождя, и даже сделать реалистичнее. Процентов 30 вполне хватит.

Всё. Вроде получилось вполне себе неплохо и по-моему этот способ еще легче. А вы как считаете?

Фильтры

Напоследок я хочу рассказать о самом длинном, но несложном способе появления дождя в фотошопе. Да, всё придется делать ручками, поэтому хрустните пальчиками и поехали!

1. Я думаю, что уже понятно, что девушка с зонтом уже должна быть открыта. Чудесно. Теперь создайте новый слой (SHIFT+CTRL+N) и с помощью инструмента «Заливка» полностью закрасьте его черным цветом. Что получилось? Правильно, квадрат прямоугольник Малевича. Так и надо.
2. Теперь идем в меню «Фильтры» и там выбираем «Шум» — «Сделать шум» . Эффект ставим процентов на 90-100. Нам будет вполне достаточно. Также оставляем галочку «По Гауссу» и оставляем режим «Монохромный» . Ну а дальше просто жмем ОК. Что у нас получилось? Пока это трудно назвать дождем.
3. Ну дальше мы снова идем в фильтры и там выбираем «Размытие» — «Размытие в движении» . Здесь надо ставить 2 параметра. Я поставил смещение 30, а угол — 60 градусов, но вы можете поиграться с ползунками сами и посмотреть, что у вас получится.
4. Теперь проделываем знакомую нам фишку, а именно меняем режим наложения с обычного на «Экран» . Только вначале убедитесь, что вы стоите на нашем отфильтрованном слое. Как-то слишком белым-бело. Вы так не считаете? Будем исправлять.
5. Вспоминаем, как мы пользовались «Кривыми» в первом способе и делаем то же самое, т.е. отодвигаем диагональную линию, пока не добьемся нужного эффекта.
6. Если вам кажется, что изображение темновато, то вы можете добавить ему яркости и контрастности.

В итоге у вас должна получиться что-то вроде этого. Такой мелкий моросящий противный дождь настиг нашу мадаму. Можно сделать и больше, просто надо «играться» со значениями.

Ну вот вроде бы и всё. Скажите пожалуйста, а какой из способов больше всего нравится вам?

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

Ну а на этом я свой сегодняшний урок заканчиваю. Надеюсь, что он пришелся вам по вкусу и что он вам пригодится. Если это так, то не забывайте подписываться на обновления моего блога и делиться с друзьями в социальных сетях. Увидимся в других статьях. Пока-пока!

Как создать эффект дождя в фотошопе

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

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

Создайте новый документ шириной 1400px и высотой 1200px.

Прежде всего, откройте изображение, на котором вы хотите применить эффект дождя. Нажмите Ctrl + A, чтобы выделить все изображение, затем нажмите Ctrl + C, чтобы скопировать его. Наконец, перейдите в только что созданный новый документ и нажмите Ctrl + V, чтобы вставить это изображение в новый слой. Если размер вставленного изображения не соответствует размеру изображения, нажмите Ctrl + T для изменения размера.

Вначале нужно создать элементы, из которых будут созданы струи дождя. Для этого создайте новый слой выше слоя изображения. Залейте его цветом # 000000 с помощью Paint Bucket Tool (Заливка) и для удобства назовите его Rain1. Затем зайдите в меню Filter(Фильтр)> Add noise (Добавить шум) и использовать следующие значения.

После этого идите в Filter (Фильтр)> Blur (Размытие)> Motion Blur (Размытие в движении) и используйте настройки как на скриншоте ниже. Угол наклона отрегулируйте в зависимости от направления, в котором вы хотите отобразить дождь.

В панели Layers (Слои) становите режим наложения этого слоя на Screen (Экран). Подробнее о режимах наложения.

Создайте еще один новый слой выше слоя изображения. Залейте его цветом #000000 с помощью Paint Bucket Tool (Заливка) и для удобства назовите его Rain2. Затем зайдите в меню Filter(Фильтр)> Add noise (Добавить шум) и использовать следующие значения.

После этого снова используйте Filter (Фильтр)> Blur (Размытие)> Motion Blur (Размытие в движении) и задайте значения как на картинке ниже. Установите угол наклона такой же, как у слоя Rain1, но сократите дистанцию, чтобы четче и толще прорисовать струи дождя. Так как слой Rain2 будет служить в качестве основного слоя дождя.

Установите режим наложения этого слоя на Screen (Экран) и непрозрачность 70%.

Реалистичности картинке придадут отражения фонарей на залитой водой дороге. Создадим пятна отражений на дороге. Создайте дубликат слоя: Layer (Слой)> Duplicate Layer (Дубликат слоя). Дальше продолжайте работать с копией основного слоя. Любым удобным и привычным для вас способом выделите дорогу.

После этого нажмите на иконку Add layer mask (Добавить маску слоя), на нижней части панели Layers (Cлои). Выделенная область дороги должна быть белой в изображении маски и остальная площадь – в черном цвете.

Нажмите на изображение цепочки в панели Layers (Cлои) между копией изображения и маской этого слоя, чтобы они не были связаны. После этого щелкните мышкой на эскиз изображения этого слоя и выполните команду к Edit (Редактирование)> Transform (Трансформация)> Flip Vertical (Отразить вертикально). Используйте инструмент Move Tool (Перемещение) для размещения отражение правильно.

Затем идем в меню Layer (Слой)> Layer Mask (Маска слоя)> Apply (Добавить). Затем снова идем в Layer (Слой)> Layer Mask (Маска слоя)> Hide All (Скрыть все). Теперь выберите инструмент Eraser tool (Ластик) (кисть с мягкими краями, непрозрачность 50%) и немного постирайте пятна света на дороге таким образом, чтобы вдали отражения были менее яркими и казались слегка размытыми.

Теперь мы будем создавать эффект брызг дождя. Создайте новый слой над слоями Rain1 и Rain2. Назовите его Rain Splatter (брызги дождя). Установите белый цвет # FFFFFF как цвет переднего плана. Выберите мягкую круглую кисть, откройте панель Brush (Кисть) и задайте такие настройки как здесь.

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

Создайте новый слой под слоем Rain Splatter (брызги дождя). Выбирайте кисти брызг (Как добавить кисти в фотошоп) и нарисуйте брызги на дороге. Удобнее всего использовать эти кисти в нескольких слоях в виде пятен, так легче потом редактировать. Используйте кисти-всплески на дороге. После того, как всплески и брызги нарисованы, объедините все слои с брызгами в одну группу для удобства работы.

Измените режим наложения этой группы брызг на Linear Dodge (Add) (Линейное осветление) и установите непрозрачность до 60%.

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

Как легко сделать эффект дождя в фотошопе различными способами?

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

Если вы являетесь частым гостем на моем блоге, то наверное должны были читать мою статью о том, как сделать эффект падающего снега в фотошопе. Разве это было сложно? Ничуть. Так вот здесь принцип примерно такой же, за исключением некоторых нюансов. И конечно же я вас не оставлю с одним способом, а дам аж два. Так что смотрим и проделываем то же самое. Готовы? Тогда поехали!

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

Техстура дождя

Самый простой способ наложить дождик — это просто поставить текстуру. Для этого зайдите в любую поисковую систему и введите в поиске по картинкам «Текстура дождя» . Вам должно выдаться множество картинок с идущими осадками на черном фоне. Это то, что нам нужно. Ну если возникли какие-то проблемы, то я для вас приготовил все необходимые материалы. Взять их вы можете здесь. Файл находится в архиве, так что если вы не умеете распаковывать файлы, то прочитайте мою статью на эту тему.

1. Открываем фотошоп и первым делом загружаем туда непосредственно фотографию с девушкой.
2. Дальше откройте в этом же документе саму текстуру. Она может быть больше или меньше изображение нашей мадемуазель с зонтом, поэтому подгоните всё как надо с помощью трансформации.
3. Когда вы все сделали и подровняли, вам осталось немного. Убедитесь, что вы стоите на слое с текстурой и выберите режим наложения «Экран» . Что у нас получилось? Правильно! Черный фон исчез и теперь льет нормальный здоровый дождик).
4. Ну а если вам кажется, что дождь какой-то сильный и чересчур белесый фон, то вы можете в параметрах немного уменьшить непрозрачность до 80-85. Но это еще не всё.
5. Чтобы сделать осадки более реалистичными, нам нужно убрать такое обилие белого фона. Для этого в нижней части панели слоев нажмите на кнопку двух полукругов. и выберите пункт «Кривые» .
6. В открывшемся окошке вы увидите график кривых. Вам нужно зажать левую кнопку мыши на белой полоске, и не отпуская кнопку двигать своего «Ручного компьютерного грызуна», пока не найдете нужное значение, например так. По-моему вполне неплохо. Оставляем.

Таким образом дождь выглядит намного реалистичнее и картинка уже смотрится красивее. Сколько мы затратили на этот способ? 2-3 минуты, не более.

Есть еще один момент. Я знаю некоторые люди пугаются, когда после работы с кривыми не могут закрыть это окно и вернуться к окну со слоями. Тут всё просто. Ниже этого окошка есть крохотная вкладочка «Слои» . Вот на нее и нажимайте, тогда все вернется на круги своя.

Добавление картинки

Кроме текстуры вы можете использовать обычную картинку в формате png. Просто вбейте в поисковике что-нибудь типа «Дождь png» (Я всегда так картинки ищу, когда они нужны на прозрачном фоне) и вам вывалится куча изображений. На всякий случай я положил такую картинку в ту же папку с материалами к статье.

1. Загрузите фото девушки в фотошоп.
2. А теперь откройте на этом же слое рисунок с дождиком и растяните его на все изображение (либо сузьте, если оно больше). Нажимаем Enter.
3. Вот по хорошему и всё, но вы опять же можете поиграться с непрозрачностью слоя, чтобы уменьшить интенсивность дождя, и даже сделать реалистичнее. Процентов 30 вполне хватит.

Всё. Вроде получилось вполне себе неплохо и по-моему этот способ еще легче. А вы как считаете?

Фильтры

Напоследок я хочу рассказать о самом длинном, но несложном способе появления дождя в фотошопе. Да, всё придется делать ручками, поэтому хрустните пальчиками и поехали!

1. Я думаю, что уже понятно, что девушка с зонтом уже должна быть открыта. Чудесно. Теперь создайте новый слой (SHIFT+CTRL+N) и с помощью инструмента «Заливка» полностью закрасьте его черным цветом. Что получилось? Правильно, квадрат прямоугольник Малевича. Так и надо.
2. Теперь идем в меню «Фильтры» и там выбираем «Шум» — «Сделать шум» . Эффект ставим процентов на 90-100. Нам будет вполне достаточно. Также оставляем галочку «По Гауссу» и оставляем режим «Монохромный» . Ну а дальше просто жмем ОК. Что у нас получилось? Пока это трудно назвать дождем.
3. Ну дальше мы снова идем в фильтры и там выбираем «Размытие» — «Размытие в движении» . Здесь надо ставить 2 параметра. Я поставил смещение 30, а угол — 60 градусов, но вы можете поиграться с ползунками сами и посмотреть, что у вас получится.
4. Теперь проделываем знакомую нам фишку, а именно меняем режим наложения с обычного на «Экран» . Только вначале убедитесь, что вы стоите на нашем отфильтрованном слое. Как-то слишком белым-бело. Вы так не считаете? Будем исправлять.
5. Вспоминаем, как мы пользовались «Кривыми» в первом способе и делаем то же самое, т.е. отодвигаем диагональную линию, пока не добьемся нужного эффекта.
6. Если вам кажется, что изображение темновато, то вы можете добавить ему яркости и контрастности.

В итоге у вас должна получиться что-то вроде этого. Такой мелкий моросящий противный дождь настиг нашу мадаму. Можно сделать и больше, просто надо «играться» со значениями.

Ну вот вроде бы и всё. Скажите пожалуйста, а какой из способов больше всего нравится вам?

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

Ну а на этом я свой сегодняшний урок заканчиваю. Надеюсь, что он пришелся вам по вкусу и что он вам пригодится. Если это так, то не забывайте подписываться на обновления моего блога и делиться с друзьями в социальных сетях. Увидимся в других статьях. Пока-пока!

Рисуем реалистичный дождь с молниями в Фотошопе

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

Сложность: Высокая

Дата: 08.08.2009

Обновлено: 17.03.2012

Если Вам надоели белые облака, льющийся с неба свет, а настроение требует красочного небесного представления, то добро пожаловать. В данном уроке Фотошопа, мы будем создавать темное небо, дождь и конечно же молнии, одним словом будем творить феерическое представление.
ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.

Финальный результат

Приступаем к уроку Фотошопа

↓ Материалы использованные в уроке:

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

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

2. Теперь мы должны удалить старое небо, каким образом Вы будете это делать, остается на Ваше усмотрение. Один из вариантов, это воспользоваться Magic Wand Tool (Инструмент ‘Волшебная палочка’ / Клавиша ‘W’) с толерантностью ‘15‘. (Также можно использовать инструмент Pen Tool (Инструмент Перо / Клавиша ‘P’)). При работе обратите внимание на левый нижний край изображения, там находится кабель.

3. Создайте маску слоя для нашего города, и используя Brush Tool (Инструмент Кисть / Клавиша ‘B’) сотрите старое небо (цвет кисти черный). Вставьте фотографию неба (изображения подбираем сами) (слой с ним, должен быть под слоем с изображением города). Размер моего изображения неба мал, чтобы перекрыть полностью город. Чтобы это исправить, выберите инструмент Clone Stamp Tool (Инструмент Клонирующий штамп / Клавиша ‘S’), и клонируйте небо (как источник, подходит часть неба, которое лежит за зданием, так Вы избежите удвоения).

4. Существующее небо нам не подходит с эстетической точки зрения, оно не ‘драматичное’. Поэтому, создаем слой ‘Color Balance‘ (Layer > New Adjustment Layer > Color Balance (Слой > Новый корректирующий слой > Цветовой баланс)), настройки, как на изображении: ↓

5. Теперь нам надо избавится от надоедливой мелочи, а именно от солнечной полосы на здании: ↓

Для этого воспользуемся фильтром: Filter > Vanishing Point (Фильтр > Исправление перспективы / Сочетание клавиш ‘Alt+Ctrl+V’). Тяните трапецию по линии фасада здания. Копировальным источником, должна быть часть стены, расположенная между окнами.

6. Теперь самое время, установить вход в метро. Для этого, аккуратно вырежьте вход в метро, используя инструмент Pen Tool (Инструмент Перо / Клавиша ‘P’).

7. Затем Select > Refine Edge tool (Выделение > Уточнить край / Сочетание клавиш ‘Ctrl+Alt+R’), выбираем вторую вкладку: ↓

8. Перетащите вход в метро в основную картинку и поиграйте с натройками уровней (Image > Adjustments > Levels (Изображение > Коррекция > Уровни / Сочетание клавиш ‘Ctrl+L’)): ↓

9. Создаем новый слой, заливаем, его светло серым, цветом, режим смешивания – ‘Overlay‘ (Перекрытие).

10. Теперь идем в → Filter > Noise > Add noise (Фильтры > Шум > Добавить шум), настройки, как на картинке нжие: ↓

11. Теперь идем в → Filter > Blur > Motion blur (Фильтр > Размытие > Размытие в движении), настройки, как на картинке: ↓

12. Настройки стиля слоя, как на картинке: ↓

13. Настройки перспективы (Edit > Transform > Perspective (Редактирование > Трансформация > Перспектива)), как на картинке: ↓

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

15. Новый слой, режим смешивания – ‘Multiply‘ (Умножение), линейным градиентом проведите линию, через картину, далее используйте фильтр (Filter > Render > Difference Clouds (Фильтр > Рендеринг > Облака с наложением)): ↓

Резинкой сотрите не нужное: ↓

16. Поиграйте с натройками → Image > Adjustments > Hue/Saturation (Изображение > Коррекция > Цветовой тон/Насыщенность – Сочетание клавиш ‘Ctrl+U’), чтобы молния сверкала, дублируйте слой с молнией и используйте фильтр – ‘Filter > Blur > Gaussian Blur‘ (Фильтр > Размытие > Размытие по Гауссу).

17. Откройте изображение с рисом, и используйте Image > Adjustments > Levels (Изображение > Коррекция > Уровни / Сочетание клавиш ‘Ctrl+L’), с настройками, как на рисунке: ↓

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

Жмем Del: ↓

19. Теперь сделаем, рис более похожий на искры, для этого, будем использовать фильтр → Filter > Blur > Radial Blur (Фильтр > Размытие > Радиальное размытие): ↓

20. Используя специальные кисти, либо как захотите, рисуем туман на переднем плане фотографии: ↓

21. Включим фонари (у нас их три штуки), для этого на новом слое, кистью с диаметром 100 px., ставим белую точку, непрозрачность – 80%, твердость кисти 0%.

22. Увеличим контрастность картины, чтобы создать последний драматический штрих.