How do you animate rain in Photoshop?

Skab Animeret Regn i Photoshop

Hvem siger, du ikke kan styre vejret? Med Adobe Photoshop kan du faktisk lade det regne i dine billeder og videoer. Selvom det måske ikke er det mest intuitive værktøj til animation sammenlignet med dedikerede programmer som After Effects, tilbyder Photoshop kraftfulde funktioner som Smart Objekter og Tidslinjen, der gør det muligt at skabe overraskende realistiske og komplekse animationer, herunder animeret regn. Denne guide vil føre dig gennem processen trin for trin, fra at skabe en enkelt regndråbe til at transformere den til en fuldbyrdet regnbyge.

Metoden, vi vil udforske, bygger på principperne om at skabe en grundlæggende animeret enhed (en regndråbe), indkapsle den som et Smart Objekt og derefter duplikere og manipulere dette Smart Objekt for at bygge en tættere og mere kompleks animation. Denne tilgang er smart, fordi den giver mulighed for at redigere den oprindelige dråbe, og ændringerne vil automatisk afspejles i alle dens duplikerede instanser. Lad os dykke ned i processen.

How do you animate rain in Photoshop?
Choose Filter Blur>Motion Blur set it to around 93 distance and choose 90 for the angle (It will be much easier to animate in at 90deg and rotate the result later, than to try and animate in at an angle. I've seen other tutorials where they animate the angle and the rain looks like it sliding sideways, not a good look.
Indholds

Trin 1: Skab en Enkelt Regndråbe

For at skabe realistisk regn har vi brug for en dråbe, der ser ud som en stribe med bevægelsessløring, da regn falder hurtigt og ofte ses som spor snarere end individuelle dråber. Vi starter med at lave en lille, lodret streg.

Begynd med et nyt dokument. En god størrelse til videoformål er 1920x1080 pixels (Full HD). Opret et nyt, tomt lag ovenpå baggrunden. Dette lag kan du passende kalde "Regn". Vælg en lille, hårdkantet, hvid pensel. Størrelsen afhænger af, hvor store regndråber du ønsker, men start lille, måske 2-4 pixels i diameter. Klik én gang på det nye lag for at skabe en lille, hvid prik. Nu skal vi tilføje bevægelsessløring for at omdanne prikken til en regnstribe.

Gå til menuen Filter > Sløring > Bevægelsessløring... (Filter > Blur > Motion Blur). Indstil vinklen til 90 grader. Dette er vigtigt, da vi skal animere dråben til at falde lige nedad på Tidslinjen. Det er langt nemmere at animere lodret og derefter rotere den samlede regn senere, hvis du ønsker en vinkel (simulerer vind). Indstil afstanden (Distance) til en værdi omkring 90-100 pixels. Eksperimenter med afstanden for at opnå den ønskede længde på regnstriben. Klik OK.

For at gøre stripen mere synlig eller tættere, kan du duplikere laget med stripen et par gange (Ctrl/Cmd+J) og derefter flette de duplikerede lag sammen (vælg dem alle, højreklik, og vælg Flet lag eller Merge Layers, eller brug genvejen Ctrl/Cmd+E). Brugen af en sløret prik i starten giver ofte en mere naturlig afslutning på stripen end at starte med en hård linje.

Trin 2: Gør Regndråben til et Smart Objekt

For at kunne animere regndråben effektivt og derefter duplikere animationen, skal vi indkapsle den i et Smart Objekt. Dette giver os mulighed for at have animation inde i et lag, som vi kan manipulere og duplikere frit. Derudover er det vigtigt, at Smart Objektet har samme dimensioner som dit dokument (1920x1080), ellers vil animationen potentielt blive beskåret eller ikke fungere korrekt.

For at sikre de korrekte dimensioner på Smart Objektet, kan du duplikere din baggrund (hvis du har en, eller bare opret et nyt lag og fyld det med sort eller hvidt midlertidigt) og placere dette lag *under* dit regndråbelag. Vælg nu *både* baggrundslaget (eller det midlertidige lag med dokumentets dimensioner) og dit regndråbelag i Lag-panelet. Højreklik på et af de valgte lag og vælg Konverter til Smart Objekt (Convert To Smart Object). Nu har du et Smart Objekt, der indeholder din regndråbe og har dokumentets fulde størrelse.

Dobbeltklik på miniaturen for dette Smart Objekt i Lag-panelet. Dette vil åbne Smart Objektet i et nyt, separat dokumentvindue. Herinde arbejder vi med indholdet af Smart Objektet.

Trin 3: Animering af den Enkelte Regndråbe

Nu skal vi animere regndråben til at falde fra toppen til bunden i Smart Objektets dokument. Åbn Tidslinjen ved at gå til menuen Vindue > Tidslinje (Window > Timeline). Klik på knappen Opret videotidslinje (Create Video Timeline), hvis den vises. Hvis du allerede ser lag i Tidslinjen, er videotidslinjen allerede aktiv.

Find dit regndråbelag i Tidslinjen. Klik på den lille pil ud for lagets navn for at udvide indstillingerne. Du vil se muligheder som Transformer, Opacitet og Stil. Klik på stopursikonet ud for Transformer (Transform) for at indstille den første keyframe. Keyframes markerer punkter i tiden, hvor en egenskab (som position) har en bestemt værdi.

Placer afspilningshovedet (den blå lodrette linje) helt i starten af tidslinjen. Vælg dit regndråbelag i dokumentvinduet og flyt regndråben opad, så den lige netop er uden for den øverste kant af billedet. Dette er startpositionen for animationen.

Flyt nu afspilningshovedet fremad på tidslinjen. En varighed på lidt mindre end 1 sekund (f.eks. 20-25 billeder ved 25 fps) er ofte passende for en enkelt dråbe. Vælg igen regndråbelaget og træk dråben nedad, indtil den lige netop er uden for den nederste kant af billedet. Hold Shift-tasten nede, mens du trækker, for at begrænse bevægelsen til perfekt lodret.

Ved at flytte dråben på et andet tidspunkt har Photoshop automatisk oprettet en ny keyframe. Afspil nu animationen ved at trykke på mellemrumstasten. Du skulle gerne se regndråben falde jævnt fra top til bund.

Hvis du brugte et midlertidigt baggrundslag til at give Smart Objektet dimensioner, kan du nu skjule det i lagpanelet, da det kun var en guide. Juster længden af regndråbelaget i Tidslinjen ved at trække i højre kant, så det kun varer lige så længe som animationen (fra første til sidste keyframe). Sørg for, at looping er slået til i Tidslinjens menu (ofte et tandhjulsikon eller i panelets menu).

Gem ændringerne i Smart Objektet (Ctrl/Cmd+S) og luk Smart Objektets dokumentvindue. Du er nu tilbage i dit hoveddokument, hvor Smart Objektet burde vise den animerede regndråbe.

Trin 4: Forlæng Regnanimationen

Nu hvor vi har en enkelt, animeret regndråbe, skal vi forlænge animationen, så den varer længere end det ene sekund, vi animerede den i Smart Objektet. I dit hoveddokument, åbn Tidslinjen igen. Hvis dit Smart Objekt vises som et statisk billede, kan du være nødt til at konvertere det til en videoanimation i Tidslinjen. Højreklik på laget i Tidslinjen og vælg Konverter til videoanimation (Convert to Video Animation).

Afspiller du nu, vil du se dråben falde én gang. Fordi looping er aktiveret i Smart Objektet, vil den fortsætte med at falde, men selve "klippet" i Tidslinjen varer kun den oprindelige længde af din Smart Objekt-animation. For at få den til at falde kontinuerligt i længere tid, skal vi duplikere Smart Objekt-laget.

Vælg dit Smart Objekt-lag i Lag-panelet og dupliker det et par gange (Ctrl/Cmd+J). I Tidslinjen vil du nu have flere kopier af dit Smart Objekt. Træk disse klip ved siden af hinanden i Tidslinjen, så de ligger i forlængelse af hinanden. Nu vil animationen afspille flere gange efter hinanden.

For at gøre det hurtigere at forlænge animationen betydeligt, kan du markere alle de duplikerede Smart Objekt-lag i Lag-panelet, højreklikke og vælge Konverter til Smart Objekt igen. Dette indkapsler nu flere gentagelser af animationen i et nyt Smart Objekt. Du kan derefter duplikere dette nye Smart Objekt og placere kopierne ved siden af hinanden i Tidslinjen. Ved hver duplikering fordobler du længden af din regnanimation.

Trin 5: Skab en Regnbyge

En enkelt regnstribe ser ikke ud af meget. For at skabe en regnbyge skal vi have mange, mange striber, der falder samtidigt. Dette trin indebærer at duplikere vores Smart Objekt, der nu indeholder den gentagne animation af en enkelt dråbe, og sprede disse kopier ud over billedet. Vær opmærksom på, at denne proces kan være ressourcekrævende for din computer.

Vælg det Smart Objekt, der indeholder din forlængede regnanimation. Dupliker det (Ctrl/Cmd+J). I Lag-panelet vil du se en ny kopi. Hvis du arbejder med Video Grupper i Tidslinjen, skal du trække det duplikerede lag *ud* af gruppen, så det ligger på et separat "spor" eller lag i Tidslinjen, typisk over det originale lag. Sørg for, at det nye klip starter ved samme tidspunkt som det originale i Tidslinjen.

Nu skal vi positionere denne nye regnbyge. Vælg det nye Smart Objekt-lag og brug Fri Transformering (Ctrl/Cmd+T). Træk i hjørnerne for at flytte, rotere og eventuelt skalere denne nye instans af regn. Du kan placere den et andet sted i billedet. Det kan være en god idé at skalere nogle kopier op eller ned for at simulere perspektiv – større dråber tættere på, mindre dråber længere væk. Større dråber vil også se ud til at falde hurtigere, hvilket bidrager til realismen.

I Tidslinjen kan du også flytte det nye Smart Objekt-klip en smule sidelæns (frem eller tilbage i tid) for at forskudt timingen. Dette sikrer, at alle regndråberne ikke starter og slutter deres fald præcis samtidigt, hvilket ville se meget unaturligt ud.

Gentag nu processen: Dupliker Smart Objektet, flyt det til et nyt spor/lag, positioner og transformer (skaler/roter), og forskyd timingen i Tidslinjen. For at gøre processen mere håndterbar, kan du med jævne mellemrum vælge *alle* de Smart Objekter, der repræsenterer regn, og konvertere dem til et *nyt*, enkelt Smart Objekt (indkapsling eller nesting). Dette hjælper med at holde Lag-panelet og Tidslinjen mere overskuelig, selvom det øger kompleksiteten inde i Smart Objektet.

Efterhånden som du duplikerer og indkapsler, vil tætheden af regn hurtigt stige. Fortsæt, indtil du har den ønskede mængde regn.

Når du har en tilstrækkelig mængde regn, kan du rotere hele regnsystemet for at simulere vind. Vælg det yderste Smart Objekt, der indeholder al din regn. Brug Fri Transformering (Ctrl/Cmd+T) og træk uden for et hjørne for at rotere. Juster også størrelsen, så regnen dækker hele billedet og ikke bliver beskåret i kanterne, især hvis du har roteret det markant.

For at regnen skal blande sig naturligt med et bagvedliggende billede eller en video, skal du ændre lagets blandingstilstand (Blending Mode). En god blandingstilstand for lysere elementer som hvid regn er Lysne (Lighten) eller Skærm (Screen). Prøv Lysne. Reducer også lagets Opacitet (Opacity) til en passende værdi, f.eks. mellem 15% og 40%, afhængigt af den ønskede intensitet af regnen. Placer nu et baggrundsbillede eller en videoklip under dit regn-Smart Objekt for at se effekten.

Trin 6: Eksportering af Regnvideoen

Når du er tilfreds med din animerede regn, skal du eksportere den som en videofil. Der er to hovedscenarier for eksport:

  1. Eksporter den færdige video (Regn + Baggrund): Hvis du har placeret dit baggrundsbillede eller videoklip under regnlaget i Photoshop og er klar til at rendere det endelige resultat, skal du gå til menuen Filer > Eksporter > Render video... (File > Export > Render Video...). Vælg de ønskede indstillinger for format og preset (f.eks. H.264 med et YouTube 1080p preset). Vælg en destination for filen og klik på Render.
  2. Eksporter kun regnlaget med gennemsigtighed (til brug i f.eks. Premiere Pro eller After Effects): Hvis du ønsker at bruge regnen som et separat element, du kan lægge ovenpå andre optagelser i et videoredigeringsprogram, skal du sørge for, at baggrundslaget (eller det midlertidige lag, du brugte til dimensioner) er skjult i Lag-panelet. Gå til Filer > Eksporter > Render video.... Vælg formatet QuickTime og codec'et Animation. Meget vigtigt: Under indstillingerne for Matting i bunden af dialogboksen skal du vælge Straight - Unmatted. Dette sikrer, at regnen eksporteres med en alfakanal (gennemsigtighed), så du kan lægge den ovenpå andre klip i dit videoredigeringsprogram, og kun regnen vil være synlig. Vælg destination og klik på Render. Animation-codec'et giver store filer, men bevarer kvalitet og gennemsigtighed.

Alternativ: Animeret Regn i Adobe After Effects

Selvom det er muligt at skabe animeret regn i Photoshop, er det værd at bemærke, at Adobe After Effects er designet specifikt til motion graphics og visuelle effekter og har indbyggede værktøjer, der gør denne opgave betydeligt nemmere.

I After Effects er processen typisk meget mere ligetil:

  1. Opret en ny komposition (Comp) med de ønskede dimensioner (f.eks. 1920x1080).
  2. Importer dit baggrundsbillede eller videoklip, og træk det ind i din komposition.
  3. Opret et nyt, tomt solidt lag (Layer > New > Solid).
  4. Med det nye solide lag valgt, gå til menuen Effekt > Simulation > CC Rain (Effect > Simulation > CC Rain).
  5. I Effektkontrol-panelet kan du nu justere en række parametre for at tilpasse regnen: Drops (antal dråber/tæthed), Speed (hastighed), Size (størrelse på dråberne), Wind (vinkel/vindstyrke), Splatter (stænk ved kontaktflade, selvom dette kræver en "ground plane" opsætning).
  6. After Effects render øjeblikkeligt effekten, og du kan se regnen falde i realtid, mens du justerer indstillingerne.

Denne After Effects-metode er markant hurtigere og tilbyder mere fleksibilitet i justeringen af regnens udseende sammenlignet med den lag- og Smart Objekt-baserede tilgang i Photoshop.

Photoshop vs. After Effects: En Sammenligning for Regn Animation

Funktion Photoshop Metode After Effects Metode
Kompleksitet Høj (kræver mange trin, Smart Objekter, Tidslinje manipulation) Lav (indbygget effekt med justerbare parametre)
Real-time preview Begrænset (kan blive langsomt med mange lag/Smart Objekter) God (designet til real-time effektvisning)
Fleksibilitet (justering) Lav (ændringer i udseende kræver redigering af det oprindelige Smart Objekt og kan være svære at justere for hele regnen) Høj (parametre kan nemt justeres for hele effekten)
Kontrol (individuelle dråber) Høj (du manipulerer hver enkelt "instans" af regn) Lav (kontrolleres via globale effektparametre)
Performance Kan blive meget langsom med tæt regn Generelt bedre optimeret til effekter
Indbygget værktøj Ingen specifik regn-effekt; bygges manuelt op Har en dedikeret CC Rain effekt

Ofte Stillede Spørgsmål om Animeret Regn i Photoshop

Q: Hvorfor bliver min computer så langsom, når jeg laver meget regn?
A: Hver duplikeret Smart Objekt-instans af regnen skal beregnes af Photoshop for hvert billede i animationen. Når du har hundredvis eller tusindvis af disse, stiller det meget store krav til din processors og grafikkorts ydeevne. At indkapsle lag i nye Smart Objekter (nesting) kan hjælpe en smule med at organisere, men den samlede beregningsbyrde forbliver høj.

Q: Regnen ser ikke rigtig ud, den falder sidelæns i stedet for nedad. Hvad gør jeg forkert?
A: Når du animerede den enkelte dråbe i Smart Objektet, skulle vinklen for Bevægelsessløring være 90 grader, og du skulle trække dråben lige op og ned (hold Shift nede) i Tidslinjen. Hvis regnen falder sidelæns, kan det skyldes, at du har animeret positionen med en vinkel inde i Smart Objektet, eller at du har roteret det yderste Smart Objekt, der indeholder al regnen, uden at justere størrelsen, så regnen dækker hele billedet efter rotationen.

Q: Hvordan laver jeg kraftigere eller lettere regn?
A: Kraftigere regn opnås ved at duplikere Smart Objekter flere gange for at øge antallet af dråber. Du kan også øge opaciteten på det yderste regn-Smart Objekt. Lettere regn kræver færre duplikeringer og lavere opacitet.

Q: Kan jeg tilføje lyn eller stænk med denne metode?
A: Denne specifikke metode fokuserer udelukkende på de faldende regnstrier. Lyn og stænk er separate effekter, der kræver andre teknikker i Photoshop eller er ofte nemmere at opnå i After Effects.

Q: Hvorfor skal jeg bruge "Straight - Unmatted" ved eksport med gennemsigtighed?
A: Når du eksporterer et klip med gennemsigtighed (en alfakanal), skal softwaren vide, hvordan den skal håndtere kanterne af de gennemsigtige områder. "Straight - Unmatted" gemmer farveinformationen præcist, som den er, sammen med alfakanalen. Dette er den korrekte måde at eksportere aktiver med gennemsigtighed på til brug i andre programmer og forhindrer uønskede kanter eller glorier.

At skabe animeret regn i Photoshop er en god øvelse i at mestre Tidslinjen, Smart Objekter og effekter. Selvom det kan være en tidskrævende proces for at opnå et overbevisende resultat, viser det Photoshops alsidighed ud over traditionel billedredigering. Husk at gemme dit arbejde ofte og vær tålmodig, især når du bygger en tæt regnbyge.

Hvis du vil læse andre artikler, der ligner Skab Animeret Regn i Photoshop, kan du besøge kategorien Fotografi.

Avatar photo

Franne Voigt

Mit navn er Franne Voigt, jeg er en 35-årig fotograf fra Danmark med en passion for at fange øjeblikke og dele mine erfaringer gennem min fotoblog. Jeg har arbejdet med både portræt- og naturfotografi i over et årti, og på bloggen giver jeg tips, teknikker og inspiration til både nye og erfarne fotografer. Fotografi er for mig en måde at fortælle historier på – én ramme ad gangen.

Go up