How to Add Rain to a Photo with Photoshop

Written by Steve Patterson.

W tym poradniku pokazuję, jak dodać deszcz do zdjęcia za pomocą Photoshopa! Dodanie deszczu do zdjęcia może być świetnym sposobem na dodanie dramatyzmu lub nadanie nastroju. A dzięki tworzeniu go w Photoshopie, nie ma ryzyka, że zła pogoda uszkodzi twój aparat.

Tworzenie deszczu jest łatwe dzięki filtrom Photoshopa. Pokażę Ci też, jak zachować możliwość edycji efektu, abyś mógł eksperymentować z ilością deszczu i kierunkiem, z którego pada, w celu znalezienia ustawień, które działają najlepiej.

Używam Photoshopa CC 2021, ale każda najnowsza wersja będzie działać.

Oto przykład tego, jak będzie wyglądał końcowy efekt deszczu, gdy skończymy:

Efekt deszczu utworzony w Photoshopie.

Efekt końcowy.

Zacznijmy!

Pobierz ten samouczek jako gotowy do druku plik PDF!

Ustawienia dokumentu

Możesz podążać za nim, otwierając dowolny odpowiedni obraz w Photoshopie. Ja użyję tego obrazu z Adobe Stock:

Oryginalne zdjęcie przed dodaniem efektu deszczu.

Oryginalne zdjęcie.

W panelu Warstwy obraz pojawia się na warstwie Tło:

Panel warstw programu Photoshop przedstawiający zdjęcie na warstwie Tło.

Panel warstw programu Photoshop.

Powiązane: Dowiedz się, jak wprowadzać zdjęcia do Photoshopa

Krok 1: Dodaj nową pustą warstwę nad obrazem

Aby efekt deszczu był oddzielony od oryginalnego obrazu, dodamy deszcz na jego własnej warstwie.

Kliknij ikonę Add New Layer (Dodaj nową warstwę) w dolnej części panelu Layers (Warstwy):

Kliknięcie ikony Add New Layer (Dodaj nową warstwę) w panelu Layers (Warstwy) Photoshopa

Kliknięcie ikony Add New Layer (Dodaj nową warstwę).

Nowa pusta warstwa o nazwie Layer 1 (Warstwa 1) pojawia się nad warstwą Background (Tło):

Panel Layers (Warstwy) przedstawiający nową warstwę Rain (Deszcz).

Nowa warstwa zostaje dodana.

Kliknij dwukrotnie nazwę Layer 1 (Warstwa 1) i zmień jej nazwę na Rain (Deszcz). Następnie naciśnij klawisz Enter (Win) / Return (Mac) na klawiaturze, aby ją zaakceptować:

Zmień nazwę nowej warstwy na Rain

Zmień nazwę nowej warstwy.

Krok 2: Wypełnij nową warstwę kolorem czarnym

Wypełnij nową warstwę kolorem czarnym, przechodząc do menu Edit (Edycja) na pasku menu i wybierając polecenie Fill (Wypełnij):

Wybierz polecenie Fill (Wypełnij) z menu Edit (Edycja) w programie Photoshop.

Przejście do menu Edycja > Wypełnienie.

W oknie dialogowym Wypełnienie zmień opcję Zawartość na Czarny, a następnie kliknij przycisk OK:

Okno dialogowe Wypełnienie w programie Photoshop.

Zmiana opcji Zawartość na Czarny.

Photoshop wypełnia warstwę kolorem czarnym, co tymczasowo ukrywa przed widokiem znajdujący się pod nią obraz:

Dokument po wypełnieniu warstwy

Dokument po wypełnieniu warstwy „Deszcz” kolorem czarnym.

Krok 3: Zastosuj filtr Dodaj szum

Przejdź do menu Filtr, wybierz opcję Szum, a następnie wybierz opcję Dodaj szum:

Wybierając filtr Dodaj szum z menu Filtr programu Photoshop

Przejdź do opcji Filtr >Szum >Dodaj szum.

Filtr Dodaj szum dodaje do warstwy losowe kropki, czyli szum. Zmienimy te kropki w nasze krople deszczu.

Ustaw wartość parametru Ilość na 25% i wybierz rozkład gaussowski. Ogranicz kolory kropek do czarnego i białego, wybierając na dole opcję Monochromatyczne. Następnie kliknij OK, aby zamknąć okno dialogowe:

Okno dialogowe Dodaj szum

Opcje dodawania szumu.

Photoshop wypełnia warstwę szumem. W tej chwili kropki są zbyt małe, więc naprawimy to w następnej kolejności:

Warstwa

Warstwa „Deszcz” po wypełnieniu jej szumem.

Krok 4: Przeskaluj szum o 400%

Aby powiększyć kropki, przejdź do menu Edycja, wybierz polecenie Przekształć, a następnie wybierz polecenie Skala:

Wybieranie polecenia Skala w Photoshopie.

Przejście do menu Edit > Transform > Scale.

Na pasku opcji kliknij ikonę łącza między wartościami Width (W) i Height (H):

Połączenie opcji Width (Szerokość) i Height (Wysokość) na pasku opcji programu Photoshop.

Połączenie opcji Width (Szerokość) i Height (Wysokość).

Zmień wartość parametru Width (Szerokość) na 400%. Ponieważ Szerokość i Wysokość są ze sobą powiązane, Photoshop ustawia Wysokość na 400%, aby dopasować:

Powiększanie szerokości i wysokości do 400%.

Powiększanie szerokości i wysokości do 400%.

Następnie kliknij znacznik wyboru na pasku opcji, aby je zaakceptować:

Kliknięcie znacznika wyboru na pasku opcji.

Kliknięcie znacznika wyboru.

I teraz kropki są znacznie większe:

Szum po przeskalowaniu szerokości i wysokości o 400 procent.

Szum po przeskalowaniu szerokości i wysokości o 400%.

Powiązane: How to scale, rotate, distort and more with Free Transform

Step 5: Crop away the hidden areas

Problem z tak dużym powiększeniem zawartości warstwy Rain polega na tym, że znacznie zwiększyliśmy również rozmiar pliku dokumentu. Ten dodatkowy rozmiar może spowolnić działanie Photoshopa podczas wykonywania pozostałych kroków. Aby więc zmniejszyć rozmiar pliku, musimy wykadrować cały szum, który teraz rozciąga się poza płótno (widoczny obszar dokumentu) i na otaczający go szary obszar pasteli.

Aby to zrobić, przejdź do menu Select (Zaznacz) i wybierz opcję All (Wszystkie). Wokół krawędzi płótna pojawi się kontur zaznaczenia:

Wybierając polecenie Zaznacz wszystko.

Przejście do polecenia Zaznacz >Wszystko.

Przejdź do menu Obraz i wybierz polecenie Kadruj:

Wybierając polecenie Kadruj z menu Obraz programu Photoshop.

Going to Image > Crop.

And then remove the selection outline by going back to the Select menu and choosing Deselect. Wszystko poza płótnem jest teraz wykadrowane:

Wybierając polecenie Deselect (Odznacz) z menu Select (Zaznacz) programu Photoshop.

Going to Select (Zaznacz) > Deselect (Odznacz).

Related (Powiązane): Mój kompletny przewodnik po kadrowaniu obrazów w Photoshopie

Krok 6: Przekształć warstwę Rain (Deszcz) w obiekt inteligentny

Za chwilę zamienimy szum w padający deszcz za pomocą filtru Motion Blur (Rozmycie ruchu) Photoshopa. Aby jednak zachować możliwość edycji ustawień filtra, zastosujemy Motion Blur jako filtr inteligentny. Aby to zrobić, musimy najpierw przekształcić warstwę Rain (Deszcz) w obiekt inteligentny.

W panelu Layers (Warstwy) upewnij się, że warstwa Rain (Deszcz) jest zaznaczona. Następnie kliknij ikonę menu w prawym górnym rogu panelu:

Kliknij ikonę menu panelu Layers (Warstwy) w programie Photoshop

Kliknij ikonę menu panelu Layers (Warstwy).

I wybierz z menu polecenie Convert to Smart Object (Przekształć w obiekt inteligentny):

Wybierz polecenie Convert to Smart Object (Przekształć w obiekt inteligentny) z menu panelu Layers (Warstwy) programu Photoshop

Wybierz polecenie Convert to Smart Object (Przekształć w obiekt inteligentny).

W miniaturce podglądu warstwy pojawia się ikona informująca nas, że warstwa znajduje się teraz wewnątrz obiektu inteligentnego:

Miniaturka obiektu inteligentnego w miniaturce podglądu warstwy.

Ikona obiektu inteligentnego.

Krok 7: Zmiana trybu mieszania na Ekran

Aby wtopić szum w obraz, zmień tryb mieszania obiektu inteligentnego Deszcz z Normalny na Ekran:

Zmiana trybu mieszania warstwy z Normalny na Ekran.

Zmiana trybu mieszania warstwy na Ekran.

Tryb mieszania Ekran ukrywa wszystkie obszary czerni, pozostawiając widoczne tylko białe kropki:

Efekt deszczu po zmianie trybu mieszania na Ekran.

Efekt po zmianie trybu mieszania na Ekran.

Powiązane: Learn Photoshop’s five essential blend modes

Step 8: Apply the Motion Blur filter

Aby zamienić kropki w spadający deszcz, dodamy do nich ruch za pomocą filtra Motion Blur.

Przejdź do menu Filter (Filtr), wybierz Blur (Rozmycie), a następnie Motion Blur (Rozmycie ruchu):

Wybieranie filtru Motion Blur (Rozmycie ruchu) w Photoshopie.

Przejdź do Filter (Filtr) > Blur (Rozmycie) > Motion Blur (Rozmycie ruchu).

W oknie dialogowym Motion Blur (Rozmycie ruchu) ustaw kierunek deszczu za pomocą wartości Angle (Kąt). Możesz wprowadzić wartość bezpośrednio lub kliknąć i przeciągnąć pokrętło, aby ją obrócić. Ustawię mój kąt na 65°.

Następnie ustaw odległość rozmycia ruchu. Przeciągnij suwak na dole, aby zmienić wartość i podejrzeć rezultaty na zdjęciu. Ja ustawię odległość na 75 pikseli, ale wartość, która będzie najlepsza dla Twojego obrazu, zależy od jego rozmiaru. Nie martw się o to, aby uzyskać dokładnie to samo na teraz, ponieważ pokażę ci, jak zmienić wartość później, jeśli będzie to konieczne.

Kliknij przycisk OK, gdy skończysz, aby zamknąć okno dialogowe:

Opcje rozmycia ruchu.

Opcje rozmycia ruchu.

A oto wynik z zastosowanym rozmyciem ruchu:

Efekt deszczu po zastosowaniu filtru Rozmycie ruchu do szumu.

Efekt deszczu po zastosowaniu rozmycia ruchu do szumu.

W panelu Layers (Warstwy) filtr Motion Blur pojawia się jako filtr inteligentny poniżej obiektu inteligentnego. Wrócimy do tego później:

Panel warstw programu Photoshop pokazujący nowy filtr inteligentny Rozmycie ruchu

Filtry inteligentne są wymienione poniżej ich obiektu inteligentnego.

Krok 9: Przeskaluj obiekt inteligentny Deszcz do 110%

Jak dotąd wszystko jest w porządku, z wyjątkiem jednego problemu. Efekt rozmycia ruchu wzdłuż krawędzi obrazu, zwłaszcza u góry i u dołu, nie wygląda dobrze.

Trudno to dostrzec na zrzucie ekranu, ale jeśli powiększę górną część obrazu, zauważę, że efekt wydaje się jaśniejszy tuż poniżej krawędzi. Powodem jest to, że usunęliśmy cały szum poza obszar płótna, więc filtr Motion Blur zderzył się z krawędzią i nie miał gdzie się podziać:

Krawędzie obrazu nie wyglądają dobrze po zastosowaniu filtra Motion Blur

Krawędzie stanowiły problem dla filtra Motion Blur.

Rozwiązaniem jest przeskalowanie szumu na tyle, aby przesunąć te problematyczne obszary poza obszar płótna.

Z zaznaczonym obiektem inteligentnym Rain (Deszcz) w panelu Layers (Warstwy) wróć do menu Edit (Edycja), wybierz polecenie Transform (Przekształć) i jeszcze raz wybierz Scale (Skaluj):

Wybieranie polecenia Scale (Skaluj) w Photoshopie.

Przejście do Edit (Edycja) > Transform (Przekształć) > Scale (Skaluj).

Photoshop ostrzega, że inteligentny filtr Motion Blur (Rozmycie ruchu) zostanie tymczasowo wyłączony do czasu zakończenia skalowania. Kliknij OK, aby zamknąć okno dialogowe:

Ostrzeżenie, że inteligentne filtry zostaną tymczasowo wyłączone

Ostrzeżenie, że inteligentne filtry zostaną tymczasowo wyłączone.

W pasku opcji ustaw Width (W) (Szerokość) na 110%. Gdy ikona łącza jest nadal zaznaczona, Photoshop automatycznie zmienia wysokość (H) na 110%:

Skalowanie szerokości i wysokości obiektu inteligentnego Rain (Deszcz) o 110 procent

Skalowanie szerokości i wysokości szumu o 110 procent.

Następnie kliknij znacznik wyboru na pasku opcji, aby go zaakceptować:

Kliknięcie znacznika wyboru na pasku opcji.

Kliknięcie znacznika wyboru.

Photoshop ponownie włącza filtr Motion Blur (Rozmycie ruchu), a krawędzie zostają naprawione:

Krawędzie efektu deszczu wyglądają lepiej po przeskalowaniu szumu

Krawędzie wyglądają teraz lepiej po przeskalowaniu szumu.

Krok 10: Dodaj warstwę dopasowania Poziomy

Aby zmniejszyć ilość deszczu i dodać trochę kontrastu do efektu, użyjemy warstwy dopasowania Poziomy.

W panelu Layers (Warstwy) kliknij u dołu ikonę New Fill (Nowe wypełnienie) lub Adjustment Layer (Warstwa dopasowania):

Kliknięcie ikony New Adjustment Layer (Nowa warstwa dopasowania) w panelu Layers (Warstwy) programu Photoshop

Kliknięcie ikony New Fill (Nowe wypełnienie) lub Adjustment Layer (Warstwa dopasowania).

I wybierz z listy opcję Levels (Poziomy):

Adding a Levels adjustment layer

Adding a Levels adjustment layer.

A Levels adjustment layer appears above the Rain smart object:

Photoshop's Layers panel showing the Levels adjustment layer

The Levels adjustment layer appears.

Krok 11: Utwórz maskę przycinającą

Aby ograniczyć działanie warstwy dopasowania tylko do znajdującego się pod nią obiektu inteligentnego Rain (dzięki czemu nie będzie ona miała wpływu również na oryginalny obraz), utwórz maskę przycinającą, klikając ikonę menu panelu Layers (Warstwy):

Kliknij ikonę menu panelu Layers (Warstwy).

Kliknij ikonę menu panelu Layers (Warstwy).

I wybranie polecenia Create Clipping Mask (Utwórz maskę przycinającą) z menu:

Wybranie polecenia Create Clipping Mask (Utwórz maskę przycinającą) z panelu Layers (Warstwy) programu Photoshop.

Zatrzaśnięcie warstwy dopasowania na znajdującym się pod nią obiekcie inteligentnym.

Krok 12: Przeciągnij suwaki Black (Czarny) i White Point (Punkt bieli)

W panelu Properties (Właściwości) programu Photoshop pojawiają się elementy sterujące warstwy dopasowania Levels (Poziomy). W środku panelu znajduje się histogram, wykres przedstawiający zakres tonalny obrazu.

Poniżej histogramu znajdują się trzy suwaki. Po lewej stronie znajduje się suwak punktu czerni, po prawej suwak punktu bieli, a po środku suwak tonów średnich. Aby dostosować efekt deszczu, potrzebujemy tylko suwaków czerni i bieli:

Suwaki Poziomy czarnego punktu i białego punktu.

Suwaki czarnego punktu (po lewej) i białego punktu (po prawej) poniżej histogramu.

Po pierwsze, aby zmniejszyć ilość deszczu, kliknij czarny suwak po lewej stronie i zacznij go przeciągać w prawo. W miarę przeciągania obserwuj swój obraz, a zobaczysz, że najciemniejsze obszary deszczu stają się coraz ciemniejsze, a w końcu całkowicie znikają.

Jeśli chcesz rozjaśnić deszcz, który jest nadal widoczny, kliknij na biały suwak i przeciągnij go w lewo, ponownie obserwując obraz.

Prawdopodobnie będziesz musiał poruszać się tam i z powrotem z dwoma suwakami, aby znaleźć ustawienia, które działają najlepiej:

Przeciąganie suwaków Poziomy czarny punkt i Biały punkt.

Dostosowywanie suwaków czarny i biały.

Możesz włączać i wyłączać warstwę dopasowania Poziomy, aby porównać rezultat z oryginalnym efektem deszczu, klikając ikonę widoczności warstwy dopasowania w panelu Warstwy:

Kliknij ikonę widoczności warstwy dopasowania Poziomy w panelu Warstwy programu Photoshop

Kliknij ikonę widoczności warstwy dopasowania Poziomy.

Tutaj jest mój efekt deszczu po przeciągnięciu suwaków. Deszcz jest teraz ogólnie mniejszy, a efekt ma większy kontrast:

Obraz po dostosowaniu efektu deszczu za pomocą opcji Poziomy.

Efekt po wzmocnieniu deszczu za pomocą opcji Poziomy.

Krok 13: W razie potrzeby dostosuj ustawienia opcji Rozmycie ruchu lub Poziomy

Na koniec, po przesunięciu suwaków może się okazać, że do deszczu nie jest już stosowany wystarczający ruch. Aby dostosować wielkość rozmycia ruchu, kliknij dwukrotnie inteligentny filtr Motion Blur w panelu Layers (Warstwy):

Kliknij dwukrotnie inteligentny filtr Motion Blur.

Kliknij dwukrotnie inteligentny filtr Motion Blur.

Otworzy to ponownie okno dialogowe Motion Blur (Rozmycie ruchu), w którym możesz zwiększyć (lub zmniejszyć, jeśli to konieczne) wartość parametru Distance (Odległość). W moim przypadku zwiększę ją z 75 pikseli do 150 pikseli, ale to znowu będzie zależało od rozmiaru Twojego obrazu. Możesz również dostosować wartość kąta, ale ja zostawię mój ustawiony na 65°. Kliknij przycisk OK, aby zamknąć okno dialogowe:

Dodanie więcej rozmycia ruchu do deszczu przez edycję inteligentnego filtra Motion Blur

Dodanie więcej rozmycia ruchu do deszczu.

A jeśli musisz edytować suwaki punktu czerni i punktu bieli w warstwie dopasowania Levels (Poziomy), po prostu kliknij ikonę histogramu, aby ponownie wybrać warstwę dopasowania:

Wybieranie warstwy dopasowania Levels (Poziomy) w panelu Layers (Warstwy) programu Photoshop.

Wybieranie warstwy dopasowania Poziomy.

Następnie w panelu Właściwości przeciągnij suwaki zgodnie z potrzebą:

Wykonanie ostatecznych regulacji suwaków Punkt czerni i Punkt bieli.

Wykonanie ostatecznych regulacji ilości i jasności deszczu.

I na tym koniec! Oto mój końcowy efekt deszczu w Photoshopie:

Efekt padającego deszczu stworzony w Photoshopie CC 2021

Wynik końcowy.

I oto mamy! Teraz, gdy już wiesz jak dodać deszcz do zdjęcia, dlaczego nie dodać kolorowej tęczy? Albo jak wykorzystać wiele z kroków, których nauczyłeś się tutaj, aby dodać spadający śnieg do obrazu, a nawet dodać gwiazdy do nocnego nieba!

Odwiedź naszą sekcję Efekty fotograficzne, aby uzyskać więcej poradników. I nie zapomnij, że wszystkie nasze samouczki Photoshopa są gotowe do pobrania jako pliki PDF do druku!

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.