Den här steg-för-steg-tutorialen visar hur du skapar en regneffekt i Photoshop som enkelt kan läggas till i alla foton. Fungerar med alla versioner av Photoshop. För alla nivåer.
De flesta av oss föredrar att undvika att fångas i regnet om möjligt, särskilt om vi har våra kameror med oss. Men vad händer om du är en av ett stort antal människor som tycker om att ta bilder på vädret? Även om väderfotografering inte är ditt huvudintresse, förnekar det inte att regn lägger till en helt ny dimension till dina bilder. Så hur fångar du foton av regn utan att bli din kamera helt våt?
Lätt! Vänta tills det slutar regna, ta bilden och lägg sedan till regnet igen med Photoshop, vilket är exakt vad vi ska lära oss att göra.
Denna version av självstudien är för Photoshop CS5 och tidigare. Photoshop CC- och CS6-användare vill kolla in vår helt uppdaterade Photoshop Rain Effect-handledning.
Här är det foto jag ska arbeta med för denna effekt:
Den ursprungliga bilden.
Och här är samma bild efter att ha lagt regnet i Photoshop. Det kommer verkligen ner där ute!
Det slutliga resultatet.
Denna självstudie kommer från vår Photo Effects-serie. Låt oss börja!
Hur man skapar en regneffekt med Photoshop
Steg 1: Duplicera bakgrundsskiktet
Det första vi behöver göra för denna effekt är att kopiera vårt bakgrundsskikt. Med vår bild öppen i Photoshop kan vi se i lagpaletten att vi för närvarande har ett lager, som heter Bakgrund . Detta lager innehåller vår ursprungliga bild:
Lagerpaletten i Photoshop visar oss den ursprungliga bilden på bakgrundsskiktet.
Vi måste skapa en kopia av det här lagret, så låt oss använda snabbtangentgenvägen, Ctrl + J (Win) / Command + J (Mac). Inget tycks ha hänt i dokumentfönstret, men om vi tittar igen i vår lagpalett kan vi se att vi nu har två lager - det ursprungliga bakgrundsskiktet på botten och en kopia av den, som Photoshop har namngivit " Skikt 1 ", ovanför:
Duplicera bakgrundsskiktet genom att trycka på "Ctrl + J" (Win) / "Kommando + J" (Mac).
Steg 2: Lägg till lite extra kanvasutrymme runt bilden
Nästa sak vi ska göra är att lägga till lite extra kanfasutrymme runt bilden. Anledningen är att vi kommer att använda "Motion Blur" -filtret på bilden, och Motion Blur-filtret tenderar att stöta på problem när vi hanterar kanter, så vi kommer att göra det lättare med det genom att ge det lite mer utrymme runt kanterna att arbeta med. Du kommer se vad jag menar senare, men för nu, låt oss lägga till lite extra dukutrymme. Innan vi gör det, låt oss dock återställa våra förgrunds- och bakgrundsfärger i Photoshop genom att trycka på D på tangentbordet. Detta ställer in svart som förgrundsfärgen och vit som bakgrundsfärg. Vi kan se detta i färgrutorna nära botten av verktygspaletten:
Återställ förgrunds- och bakgrundsfärgerna.
Låt oss nu lägga till vårt dukutrymme. För det använder vi beskärningsverktyget . Välj den från verktygspaletten eller tryck helt enkelt på C på tangentbordet:
Välj beskärningsverktyget.
Klicka sedan och dra ett urval över hela bilden med beskärningsverktyget valt. Om du arbetar med att din bild visas i ett dokumentfönster trycker du på F på tangentbordet för att växla Photoshop till helskärmsläge med menyfältet, vilket gör det enklare. Klicka sedan utanför det övre vänstra hörnet av bilden och dra ner under det nedre högra hörnet.
När du släpper musknappen ser du små fyrkantiga handtag runt bilden. Håll knappen Alt (Win) / Option (Mac) intryckt och dra antingen vänster eller höger handtag utåt för att lägga till utrymme på båda sidor om bilden. När du håller ner Alt eller Alternativ berättar Photoshop att flytta handtagen på båda sidor på en gång, vilket gör det lättare för oss. Lägg till en extra tum eller två på sidorna. Gör sedan samma sak för topp och botten. Håll ner Alt / Alternativ och dra antingen det övre eller nedre handtaget för att lägga till samma mängd utrymme över och under bilden. Oroa dig inte för att lägga till för mycket utrymme eftersom vi kommer att beskära det senare ändå. För tillfället är det bättre att lägga till för mycket än inte tillräckligt:
Dra handtagen för att lägga till mer dukutrymme runt bilden.
När du är klar med att dra ut handtagen trycker du på Enter (Win) / Return (Mac), och Photoshop kommer att fylla det extra utrymmet med vår nuvarande bakgrundsfärg som är vit:
Photoshop fyller det extra utrymmet med den aktuella bakgrundsfärgen.
Steg 3: Lägg till ett nytt tomt lager
Vi måste lägga till ett nytt tomt lager till vårt dokument på denna punkt, så med det översta lagret valt i paletten Lager (du kan berätta vilket lager som är markerat med vilket markeras med blått), klicka på ikonen Nytt lager på nedre delen av lagerpaletten:
Klicka på ikonen "Nytt lager" för att lägga till ett nytt tomt lager.
Photoshop lägger till ett nytt tomt lager för oss ovanför våra andra två lager. Återigen verkar ingenting ha hänt med själva bilden, och det beror på att vårt nya lager för närvarande är tomt, men vi kan se det nya lagret högst upp på lagpaletten. Photoshop namnger det "lager 2":
Det nya tomma lagret längst upp på lagpaletten.
Steg 4: Fyll det nya lagret med svart
Vi kommer att fylla det nya lagret med svart. Eftersom svart för närvarande är vår förgrundsfärg, kan vi använda den enkla kortkommandot Alt + Backspace (Win) / Option + Delete (Mac), som berättar Photoshop att fylla lagret med vår förgrundsfärg.
Bilden kommer nu att visas fylld med svart svart, och döljer vårt foto tillfälligt från vyn.
Steg 5: Lägg till brus i skiktet
Gå upp till filtermenyn längst upp på skärmen, välj buller och välj sedan Lägg till buller . Detta skapar Photoshops filterdialogruta "Lägg till brus". Dra skjutreglaget Mängd åt höger för att lägga till mycket ljud till din bild. Det finns inget exakt värde att ange, bara lägga till mycket. Jag kommer att dra mitt belopp till cirka 150%. Se också till att monokromatiska alternativet längst ned är markerat:
Lägg till brus i det svartfyllda lagret.
Klicka på OK när du är klar för att tillämpa bruset på bilden och stänga ur dialogrutan.
Steg 6: Applicera Gaussian suddighetsfilter på buller
Vi måste lägga till en liten mängd suddighet till bruset, så gå tillbaka till filtermenyn och välj suddighet och sedan Gaussian oskärpa . Detta skapar filterdialogen "Gaussian Blur". Allt vi behöver är en liten oskärpa, så ange ett värde på cirka 0, 5 för Radius- värdet och klicka sedan på OK för att lämna dialogrutan:
Applicera Gaussian suddighetsfiltret på bruset.
Steg 7: Lägg till ett nivåjusteringslager
Kommer du ihåg hur jag just har sagt till dig att lägga till mycket ljud till bilden? Nåväl, nu har vi alldeles för mycket, men vi kommer att fixa det med nivåer. Vi kommer dock att använda ett justeringslager så att vi kan gå tillbaka och ändra inställningarna i nivåer när som helst. Vi vill också se till att vårt nivåjusteringslager bara påverkar bullerskiktet och inte har någon effekt på andra lager, så för att göra det, håll ner Alt (Win) / Alternativ- tangenten och klicka på ikonen Nytt justeringslager på nedre delen av lagerpaletten:
Håll ner "Alt" (Win) / "Alternativ" (Mac) och klicka på ikonen "Nytt justeringslager".
Dra sedan musen upp och välj Nivåer i listan över justeringslager:
Välj "Nivåer" i listan.
Eftersom vi höll ner Alt / Option-tangenten kommer Photoshop att öppna dialogrutan Nytt lager innan du lägger till justeringslagret. Det är här vi säger till Photoshop att vi bara vill att detta nivåjusteringslager ska påverka lagret under det, vilket kommer att vara brusskiktet. För att göra det, klicka i kryssrutan till vänster om där det står Använd tidigare lager för att skapa klippmask :
Photoshops dialogruta "Nytt lager".
Klicka på OK i det övre högra hörnet för att gå ur dialogrutan, och Photoshop lägger nivåjusteringslagret för oss. Det tar också upp dialogrutan Nivåer, som vi tittar på nästa.
Steg 8: Minska mängden buller och öka kontrasten
Vi kommer att använda nivåer för att både minska mängden buller vi har och för att öka kontrasten i det buller som finns kvar. När dialogrutan Nivåer är öppen ser du ett stort diagram i den övre halvan. Detta kallas ett histogram . Vi behöver inte ta reda på detaljer om det här, men direkt under histogrammet ser du tre reglage - en svart till vänster, en vit till höger och en grå i mitten. Klicka på den svarta till vänster och börja dra den åt höger.
När du gör börjar du se att något av bruset försvinner i bilden. Klicka sedan på den vita till höger och börja dra den åt vänster, vilket kommer att öka kontrasten i det ljud som finns kvar:
Ta bort brus med den svarta skjutreglaget till vänster och öka kontrasten med reglaget till höger.
Oroa dig inte för den grå reglaget i mitten. Det kommer att röra sig själv när du drar de svarta och vita. Du kan använda skärmdumpen ovan som en guide för hur långt du kan flytta de svarta och vita skjutreglagen, eller helt enkelt experimentera på egen hand tills din bild ser mindre ut som en hel massa brus och mer som en stjärnklar natt:
Minska mängden brus i bilden med den svarta skjutreglaget och öka kontrasten i bruset med den vita skjutreglaget.
Klicka på OK längst upp till höger i dialogrutan Nivåer när du är klar för att avsluta den.
Steg 9: Använd rörelsesuddighetsfiltret på buller
Allt detta buller som finns kvar i vår bild kommer att bli vårt regn. Det ser inte mycket ut som regn ännu, men vi kommer att hjälpa det genom att använda "Motion Blur" -filtret, som kommer att ge vårt regn lite rörelse och riktning. Innan vi kan använda filtret på bruset, måste vi först välja det i lagpaletten, eftersom vi för närvarande har justeringslagret för nivåer valt. Klicka på "Layer 2" för att välja det:
Välj brusskiktet i paletten Lager.
Nu när vi har valt rätt lager, gå tillbaka till filtermenyn högst upp på skärmen, välj oskärpa och välj sedan Motion oskärpa, som öppnar dialogrutan "rörelse oskärpa". Du kan ställa in riktningen att regnet faller genom att justera vinkelalternativet . Jag ska ställa in min vinkel på cirka 60 °. Ange sedan ett värde på cirka 50 pixlar för avståndet, även om du kanske måste experimentera lite med det värdet beroende på storleken på din bild, men 50 pixlar fungerar bra för ett standard 4x6-foto:
Ställ in riktningen som regnet kommer att falla i "Vinkel" -alternativet och ställ sedan "Avståndet" till cirka 50 pixlar.
Klicka på OK för att lämna dialogrutan.
Steg 10: Justera de svarta och vita reglagen i nivåer efter behov
Beroende på hur långt du dra dina svarta och vita skjutreglage i dialogrutan Nivåer tidigare, kan ditt brus nu försvinna helt i din bild efter att ha använt Motion Blur-filtret. För att få tillbaka den, justera helt enkelt reglagen genom att dubbelklicka direkt på miniatyren för nivåns justeringslager i paletten Lager:
Ta tillbaka dialogrutan Nivåer genom att dubbelklicka på miniatyren i paletten Lager.
Detta ger tillbaka dialogrutan Nivåer, och eftersom vi använder ett justeringslager kan vi gå tillbaka för att justera reglagen så ofta som vi vill utan att skada vår bild. Du måste förmodligen dra den svarta skjutreglaget lite åt vänster för att få tillbaka ditt brus och du kanske vill dra den vita skjutreglaget lite mer till vänster för att lägga till mer kontrast:
Dra både de svarta och vita skjutreglagen mer åt vänster för att få bruset tillbaka i bilden.
Återigen kan du använda skärmdumpen ovan som en guide, men du är bättre på att experimentera med reglagen medan du håller ett öga på din bild. När du har lyckats få tillbaka ljudet klickar du på OK för att åter gå ur dialogrutan. Din bild ska nu se ut så här:
Det suddiga rörelsen är nu synlig i bilden.
Om du tittar noga längs bildens övre och nedre kanter ser du att saker ser lite konstiga ut, och det är på grund av problemet jag nämnde i början av tutorialen med Motion Blur-filtret som har problem runt kanterna. Inga bekymmer dock för att vi lagt till extra utrymme runt kanterna, så inget av det problemområdet kommer att påverka vårt foto. I själva verket kommer vi att beskära det i nästa steg.
Steg 11: Beskära bort det extra dukutrymmet
Nu när vi har använt vårt Motion Blur-filter kan vi skära bort det extra dukutrymmet som vi har lagt till tidigare. För att göra det högerklickar du (Win) / Control-klickar (Mac) direkt på miniatyrbilden för "Layer 1" i paletten Layers:
"Högerklicka" (Win) / "Kontrollklicka" (Mac) i lager 1s miniatyrbild i paletten Lager.
Lager 1 är en kopia av vårt bakgrundsskikt och det innehåller vår ursprungliga bild innan vi lägger till det extra dukutrymmet. När du högerklickar (Win) eller Kontrollklickar (Mac) i miniatyren ser du ett urval i dokumentet som är den exakta storleken på vår ursprungliga bild:
Ett val visas i dokumentet.
Allt vi behöver nu är att gå upp till Bild- menyn högst upp på skärmen och välja Crop . Photoshop beskär bilden runt urvalet, tar bort det extra kanfasutrymmet och tar tillbaka vår bild till den storlek som det var när vi började.
När du har beskurit bilden trycker du på Ctrl + D (Win) / Command + D (Mac) för att ta bort markeringen från skärmen.
Steg 12: Ändra blandningsläget för brusskiktet till "skärm"
Vi är nästan klara. Det enda problemet som återstår är att brusskiktet fortfarande blockerar vår ursprungliga bild från vyn. För att blanda den med bilden och ge oss vår regneffekt behöver vi bara ändra bullerlagets blandningsläge . Välj brusskiktet ("Lager 2") i paletten Lager. Gå sedan upp till det övre vänstra hörnet av lagpaletten, klicka på den nedåtpekande pilen till höger om ordet "Normal", som är standardblandningsläget, och välj Skärm från listan:
Ändra blandningsläget för brusskiktet från "Normal" till "Skärm".
Så snart du ändrar blandningsläget blir originalfotoet synligt i dokumentet och vårt rörelseruddiga buller blir regnet!
Om du vill finjustera regneffekten, dubbelklickar du bara en gång på nivåns justeringslagers miniatyrbild i paletten Lager för att få tillbaka dialogrutan Nivåer och justera de svarta och vita skjutreglagen tills du är nöjd med regneffekt. Klicka på OK när du är klar för att lämna det.
Här är min slutliga regneffekt:
Den slutliga effekten.
Och det är hur du lägger till regn till ett foto i Photoshop och undvik att skada din kamera! Besök vårt fotoeffektavsnitt för mer instruktioner för Photoshop-effekter!