Create Animated Falling Snow i Photoshop
Dette innlegget er en del av en serie som heter animasjon i Adobe Photoshop.Create en Daft Punk GIF animasjon ved hjelp av Illustrator og PhotoshopCinemagraphs: Hvordan lage animerte Fotografier i Adobe Photoshop

Digitalt opprettet snø kan ofte være ganske vanskelig å generere i Photoshop, i en realistisk utseende måte. Vi har nylig publisert en tutorial som viser hvordan du legger snø til et stillbilde, så i denne opplæringen, bestemte vi at det ville være morsomt å vise hvordan å lage en realistisk utseende animert snøfall effekt i Photoshop, og deretter slå den inn i en animert GIF fil. La oss komme i gang

Instruksjons Eiendeler

For å fullføre opplæringen du trenger følgende eiendeler:

Central Park i vinter - Foto av Grant Friedman

Un-Fortalt Video

Denne videoen ble spilt inn i løpet av prosessen med å lage denne opplæringen. Dessverre klarte vi ikke å ta opp lyd for denne videoen, så det er stille. Vi ønsket å ta det med skriftlig del av denne opplæringen bare i tilfelle det kan være til litt hjelp.

1. Skaper Snowflakes

Trinn 1

Opprett et nytt dokument 800 px med 800 px.

Trinn 2

Velg Brush Tool (B) og sette Størrelse til et lite antall som 4.

Trinn 3

På et nytt lag, male noen svarte prikker tilfeldig over lerretet. Hver prikk vil bli en eneste snøfnugg. Navn dette laget snøflak. Det er viktig å unngå å gruppere altfor mange snøfnugg i ett område.

2. Sett opp Animasjon

Trinn 1

Før vi begynner å animere snøflak, er det viktig å vurdere hvordan de faller. Som snøflak faller fra himmelen, jeg ser for oss at de flyter frem og tilbake i sin avstamning, noe som gir dem en grasiøs utseende. (Se bildet under). Etter denne tolkningen av fallende snø, kan vi identifisere to bevegelser; fallende (nedover) og flytende (side-til-side). Å animere fallende snø, vil vi starte med svak side-til-side bevegelse.

Trinn 2

Åpne Timeline Panel (Window> Tidslinje).

Trinn 3

vises The Timeline Panel, men det vil ikke vise en tidslinje på først. I stedet vises en enkelt knapp spørre som tidslinjen du vil bruke. Sørg for å velge Create Video Tidslinje.

Trinn 4

Nå som en video tidslinje er opprettet, skal to lag være synlig i tidslinje disse svarer til de to lagene i lagpanelet . I Timeline Panel, klikk på pilen ved siden av Snowflake lag for å avdekke animasjons egenskaper.

Trinn 5

Sørg for at spillehodet er posisjon på det første bildet, og klikk på stoppeklokke ikonet for å Aktiver Keyframe Animation. Dette vil automatisk plassere en keyframe på det første bildet.

Trinn 6

Før vi legge til bevegelse, hjelper det å sette opp noen guider. Zoome inn til en av snøfnugg og sett et vertikalt guide over det.

Trinn 7

Plasser to guider på hver side av snøfnugg. Dette vil representere den avstanden vi vil flytte snøfnugg side-til-side

Tips:.. Bruk Ruler Bar (Kommando /Ctrl + R) for å sørge for at de to guider er lik avstanden fra sentrum guide

3. Animere Side-til-side bevegelse

Trinn 1

Nå som vår scene er satt opp og keyframe animasjon er aktivert, kan vi begynne å flytte våre snøflak å animere. Flytt spillehodet til den andre markør (1: 00f). På tidslinjen, og ved hjelp av Move Tool, flytt snøfnugg til den når den venstre papirføreren

. Tips: Hold shift vil begrense bevegelsen horisontalt

Trinn 2

Deretter avansere spillehodet til de tre andre markør. (3: 00f) på tidslinjen og flytt snøfnugg til høyre guide

Trinn 3

Endelig fremme spillehodet til de fire andre markør. (4: 00f) og flytte snøfnugg tilbake til sentrum guide

Trinn 4

Siden vår animasjon kommer til å spille over fire sekunder, må vi sette slutten av arbeidsområdet til de fire andre markør. Dra End of Work området markør til de fire andre markør (4: 00f). Klikk også på flyout menyen øverst til høyre på Tidslinje Panel og velg Loop avspilling.

Trinn 5

Trykk mellomromstasten for å forhåndsvise animasjonen.

Trinn 6

Etter å se på animasjonen, er snøfnugg bevegelse for harde. Dette kan bli myknet ved å legge til noen ekstra nøkkelbilder. Flytt spillehodet like før ett sekund markør (01:00). Legg merke til plasseringen av snøfnugg.

Trinn 7

Ved hjelp av piltastene, dytte snøfnugg nærmere guiden.

Trinn 8

Gjenta dette for den andre siden av ett minutt markør (1: 00f)

Trinn 9

Gjør det samme på de tre andre markør. (3: 00f)

Trinn 10

Forhåndsvisning animasjonen ved å trykke på mellomromstasten. Ved å flytte snøflak nærmere guide, har vi gjort det enkelt inn og ut av retningsendring (og dermed gir det en mer naturlig bevegelse).

4. Still opp for mer Animation

Trinn 1

Nå som snøflak har en side-til-side animasjon, må vi sørge for at ingen av dem blir besjelet av lerretet. Sjekk kantene av animasjon for forsvinnings snøflak og bruke Eraser Tool (E) for å fjerne dem.

Trinn 2

Klikk øyeikonet på bakgrunnslaget i vår Layers Panel. Dette vil skjule det hvite laget slik at våre snøflak vises på en gjennomsiktig bakgrunn.

Trinn 3

Velg begge lag i lagpanelet og høyreklikk. Velg Konverter til smart objekt. Det er viktig at begge lagene er valgt.

Trinn 4

Det neste trinnet er å utvide vår lerret for å gjøre plass til animere fallende snø. Bruke Crop Tool (C), ta tak i nedre kant og trekk nedover for å utvide lerretet. Holding Alt vil utvide lerretet likt i begge retninger.

Trinn 5

Lag et nytt lag under Snowflakes lag og fyll med hvit.

Trinn 6
< p> Plasser Snowflakes lag mot toppen av lerretet.

5. Animere nedadgående bevegelse

Trinn 1

I Timeline Panel, klikk på pilen på Snowflakes lag å avsløre animasjon egenskaper. Merk at plassering eiendommen har blitt erstattet av den Transform eiendommen siden dette er nå et smart objekt

Trinn 2

Skyv End of Work området markør til de fire andre markør (4:. 00f ).

Trinn 3

Flytt spillehodet til det første bildet, og klikk på stoppeklokkeikonet for å Aktiver Keyframe Animasjon og å plassere en keyframe på den første rammen.

Trinn 4

Flytt spillehodet til de fire andre markør (4: 00f) og bruke Move Tool (V) til å dra Snowflakes lag til bunnen av lerretet

Trinn 5
.

Trykk mellomromstasten for å forhåndsvise animasjonen. Som du kan se, faller snøen nå grasiøst med en liten side-til-side bevegelse. I de neste trinnene, vil vi fylle i snøen for å dekke resten av lerretet.

6. Legg mer snø

Trinn 1

Lag en kopi (Layer> Duplicate Layer) av Snowflakes lag. Dette kan også gjøres i Lag-panelet ved å dra lag over Lag et nytt lag ikon. Duplisere laget beholder animasjon. Merk: trykke Kommando /Ctrl + J vil ikke fungere som det ikke kopiere animasjon eiendommer over.

Trinn 2

Flytt det nye laget ned i tidslinjen til rundt den tiende rammen markør (10f).

Trinn 3

Trykk Mellomrom for å forhåndsvise animasjon. Snøen nå fortsetter å falle fra toppen av lerretet.

Trinn 4

Fortsett denne teknikken til hele lerretet er dekket med snø. Det kan være nødvendig å justere nøkkel manuelt for noen av lagene.

Trinn 5

Legg merke til hvordan snøfall vises også uniform. Å legge til litt variasjon, kan vi skape et duplikat lag og nøkkel det å falle i et raskere tempo enn resten av snøen.

Hvis du vil legge enda mer variasjon, endre nøkkelbildene av noen av lagene å bevege seg raskere eller saktere. Bare sørg for at det er noen hull i snøfall.

Trinn 6

Velg alle snøflak lag og Konverter til smart objekt.

7. Legg Variasjon til Snøfall

Trinn 1

snøfall begynner å se bedre ut, men det er fortsatt mer som kan gjøres. I de neste trinnene, vil vi legge mer variasjon og tetthet til snøfall. Start med å lage en kopi (Kommando /Ctrl + J) av Snowflakes lag (siden alle animasjonen er inni smart objekt, kan vi kopiere smart objekt og fortsatt beholde animasjon).

Sørg for at hodet er på det første bildet så vårt lag animerer hele fire andre.

Trinn 2

Transform (Kommando /Ctrl + T) dette laget slik at den er litt større og roteres off-center.

Trinn 3

lage en ny kopi (Kommando /Ctrl + J), og endre størrelse og roter den i motsatt retning. Dette vil føre til at snøen til krysser, gir det en mer realistisk oppførsel.

Trinn 4

Fortsett å legge til nye kopier av snø og omforme dem på ulike måter for å legge variasjon til størrelse og hastighet (et lag som er blitt økt vertikalt vil synes å ha raskere snøfall at en som er blitt redusert vertikalt). Vær forsiktig med å overdrive noen av transformasjoner.

Trinn 5

Trykk mellomromstasten for å forhåndsvise resultatene. Siden vi har vært å legge lag på lag av animerte smarte objekter, kan Photoshop bremse ned litt mens du prøver å gjengi en forhåndsvisning.

Trinn 6

Til slutt, sørg for End of Work Area har blitt flyttet til de fire andre markør (4: 00f). Når du er fornøyd med resultatet, velger du alle lag og Konverter til smart objekt. Endre navnet på laget til snøfall. Lagre (Kommando /Ctrl + S) filen.

8. Forbereder et bilde for Snow

Trinn 1

Nå som snøfall har blitt opprettet, kan vi jobbe med å få et bilde klar til å motta snøfall. Åpne bildet du ønsker. I dette tilfellet bruker jeg et fotografi av Tuts + Photoshop Editor, Grant Friedman av Central Park.

Trinn 2

Det neste trinnet er å beskjære bildet. Jeg er aldri en stor fan av å beskjære bilder som ikke er mine. Men siden det endelige resultatet vil bli en firkantet GIF, må det gjøres. Bruk Crop Tool (C) og sette størrelsesforholdet til 1:. 1 (Square)

Trinn 3

Juster skjermen beskjære guider for å beskjære bildet til 600 px med 600 px. Klikk på haken (eller trykk Enter) for å forplikte seg til endringene.

9. Legg snø til et bilde

Trinn 4

Gå til vår snøfall dokument og klikk på lerretet og dra laget opp til kategorien dokumentet som inneholder bildet. Svever over fanen vil åpne dokumentet. Fortsett å dra over bildet dokument og slipper museknappen. Den smarte objektet skal plasseres på toppen av vår bilde.

Trinn 2

Hvis Tidslinje Panel ikke allerede er åpen, kan du gå til Window> Tidslinje. Klikk på knappen for å lage Video Tidslinje.

Trinn 3

Skyv Slutt på arbeidsplassen til de fire andre markør (4: 00f).

Trinn 4

Trykk Mellomrom for å forhåndsvise animasjon. Som nevnt før, kan det ta litt tid for Photoshop for å gjengi animasjon. Snøfall bør være lett å se, siden det er alt i svart (vi vil endre dette senere).

10. Fyll ut foto med Snø

Trinn 1

Nå er det på tide å legge lag med snø på bildet. Start med å endre størrelse (Kommando /Ctrl + T) den Snøfall lag, så det er bare større enn lerretet.

Trinn 2

Kopier (Kommando /Ctrl + J) på Snøfall lag og Transform (Command /Ctrl + T) det til å passe i området mot baksiden av banen. Siden denne snøen laget er mindre, vil snøfall vises saktere, akkurat som i det virkelige liv.

Trinn 3

For å hindre snøen fra vises og forsvinner plutselig fra toppen og bunnen av laget, må vi legge til en lagmaske. Først skjule den opprinnelige Snøfall lag (vi ønsker å se det kopierte laget klart). Deretter klikker du på Legg til lagmaske ikonet og bruke en stor, myk børste for å maskere ut toppen og bunnen av laget.

Trinn 4

Trykk mellomromstasten for å forhåndsvise animasjonen. Snøen skal vises til å falle bak tregrensen og stoppe på bakken i det fjerne.

Trinn 5

Lag Copy (Kommando /Ctrl + J) av dette laget og endre størrelse på det (Kommando /Ctrl + T) for å være litt større enn den forrige lag. Dette laget av snø skal synes å være halvveis nedover stien.

lagmaske vil kopiere over også. Redigere denne for større snø lag.

Trinn 6

lage en ny kopi (Kommando /Ctrl + J). Denne gangen, kaste bort lagmaske i papirkurven ikonet nederst i Layers Panel. Photoshop vil be deg om hva du skal gjøre med laget. Velg Slett.

Trinn 7

Resize dette laget. Fortsett å lage flere kopier og Transform (Kommando /Ctrl + T) dem på forskjellige måter å legge til variasjon.

Trinn 8

Deretter oppretter du en annen Copy (Kommando /Ctrl + J) og endre størrelse laget til rundt 175%.

Trinn 9

Legg til en Gaussian Blur (Filter> Blur Gaussian Blur) med en radius på 2,9 px. Dette vil gi en illusjon av at snøen er ute av fokus, faller rett foran kameraet.

Trinn 10

Som et valgfritt trinn, legge til en liten mengde Gaussian Blur til to tilbake de fleste lag.

11. Ferdigstille snø

Trinn 1

En av de siste tingene som må gjøres er å lage snøflak hvitt. For å gjøre dette, dobbeltklikker du en av miniatyrbilder av de Snøfall smarte stedene. Dette vil åpne opp det smart objekt for redigering. Sørg for å unhide den hvite bakgrunnslaget.

Trinn 2

Deretter legge til laget Inverter justering til toppen av laget stabelen. Resultatet skal være hvit snø på svart bakgrunn.

Trinn 3

Lagre (Kommando /Ctrl + S) smart objekt dokument og gå tilbake til arbeidsdokument. Du kan legge merke til at bildet er ikke lenger synlig. Velg alle Snøfall lag og endre Blend Mode til Screen.

Trinn 4

Trykk mellomromstasten for å forhåndsvise. Alle lag av snø som vi har lagt har opprettet en parallax effekt, skape inntrykk av dybde til snøfall.

12. Endre snø

Trinn 1

Siden alt ble opprettet ved hjelp av smarte objekter, kan vi enkelt redigere snøfall. I dette tilfellet, kan snøen ut til å være tykkere og kanskje litt mykere. Hvis du vil redigere snøen, dobbeltklikker du på miniatyrbildet av en av de smarte stedene.

Trinn 2

Hvis snøfall så altfor uniform i vår første forhåndsvisning, så ta tid her å omplassere og endre størrelse Snowflake lagene til du er fornøyd med variasjonen.

Trinn 3

Fortsett å dobbeltklikke hver smart objekt før vi kommer til den opprinnelige Snowflakes lag.

Trinn 4

Dobbeltklikk på Snowflakes laget og legge en svart Ytre glød lag stil med de innstillingene nedenfor. Klikk på OK.

Trinn 5

Lagre (Kommando /Ctrl + S) og lukke hver smart objekt dokumentet før vi kommer tilbake til vår snøfall scene. Trykk Mellomrom for å forhåndsvise animasjonen. Snøen ser mye bedre.

13. Opprett GIF

Trinn 1

Den raskeste måten å lage en GIF er vanligvis å bruke Lagre for Web alternativet. Men siden vi har brukt mye av lagdelte smarte objekter for å bygge vår scene, Photoshop vil utvilsomt tregere når du prøver å behandle all denne informasjonen. I stedet vil vi først opprette en videofil. Gå til Fil> Eksporter> Render Video

Trinn 2

I Render Video panel, endre innstillingene som det passer deg, eller bruke innstillingene nedenfor og klikk Render.

Trinn 3

Når filen er ferdig rendering, finner du det på din datamaskin og åpne den opp igjen i Photoshop. Photoshop bør automatisk åpne dette som en videofil

Trinn 4

Nå, gå til File> Save for Web og justere innstillingene til din smak og klikk på Ferdig. Hvis du vil at animasjonen til loop, sørg for å slå på looping. For mer informasjon om hvordan du kan optimalisere en GIF-fil, sjekk ut Martin Perhiniak innlegget til 10 måter å optimalisere en animert GIF-fil.

Gratulerer! Du er ferdig

I denne opplæringen, vi har lært å ta et tradisjonelt kompleks animasjon —. Som fallende snø — og bryte det ned i flere enkle animasjoner med hjelp av smarte objekter. Forhåpentligvis har denne opplæringen vist deg hvor enkelt animasjon i Photoshop virkelig kan være.