Share
Digitalt opprettet snø kan ofte være ganske vanskelig å generere i Photoshop, på en realistisk utseende. Vi har nylig publisert en veiledning som viser hvordan du legger til snø på et stillbilde, så i denne opplæringen bestemte vi oss for at det ville være morsomt å vise hvordan å skape en realistisk utseende animert snøfallseffekt i Photoshop, og deretter slå den inn i en animert GIF fil. La oss komme i gang!
For å fullføre opplæringen trenger du følgende ressurser:
Denne videoen ble tatt opp under prosessen med å lage denne opplæringen. Dessverre kunne vi ikke ta opp lyd for denne videoen, så det er stille. Vi ønsket å inkludere den med den skriftlige delen av denne opplæringen bare hvis det kunne være litt hjelp.
Opprett et nytt dokument 800 px med 800 px.
Velg Penselverktøy (B) og sett Størrelse til et lite tall som 4.
På et nytt lag, male noen svarte prikker tilfeldig over lerretet. Hver prikk blir en enkelt snøfnugg. Navn dette laget snowflakes. Det er viktig å unngå å gruppere for mange snøflak i et område.
Før vi begynner å animere snøfnuggene, er det viktig å vurdere hvordan de faller. Når snøflak faller fra himmelen, ser jeg til at de flyter frem og tilbake i nedstigningen, og gir dem et grasiøst utseende. (Se bildet nedenfor). Etter denne tolkningen av fallende snø kan vi identifisere to bevegelser; fallende (nedover) og flytende (side til side). For å animere fallende snø, begynner vi med den lille side til side bevegelsen.
Åpne Tidslinjepanel (Vindu> Tidslinje).
De Tidslinjepanel vises, men det vil ikke vise en tidslinje først. I stedet vises en enkelt knapp som spør hvilken tidslinje du vil bruke. Pass på å velge Opprett video tidslinje.
Nå som en video tidslinje er opprettet, bør to lag være synlige på tidslinjen - disse tilsvarer de to lagene i Lagpanel. I Tidslinjepanel, klikk på pilen ved siden av Snowflake lag for å avsløre animasjonsegenskapene.
Pass på at spillhodet er posisjon i den første rammen og klikk på stoppeklokkeikonet til Aktiver Keyframe Animation. Dette plasserer automatisk en keyframe på den første rammen.
Før vi legger til bevegelse, hjelper det å sette opp noen guider. Zoom inn i en av snøflakene og legg en vertikal guide over den.
Plasser to guider på hver side av snøfnetten. Dette vil representere avstanden vi vil flytte snøfnetten side til side.
Tips: Bruke Linjalinjen (Command / Ctrl + R) for å sørge for at de to støttelinjene er like avstand fra midtveiledningen.
Nå som vår scene er satt opp og nøkkel animasjon er aktivert, kan vi begynne å flytte snøfnuggene våre til å animere. Flytt avspillingshode til en sekunders markør (1: 00f) på tidslinjen, og bruk Flytteverktøy, flytt snøfnetten til den når den venstre styren.
Tips: Holdeskift vil begrense bevegelsen horisontalt.
Deretter fortsetter du spillerhodet til den tre andre markøren (3: 00f) på tidslinjen og flytter snøfnetten til høyre.
Til slutt skal du skyte spillhodet til den fire andre markøren (4: 00f) og flytte snøfnetten tilbake til midtveiledningen.
Siden animasjonen vår skal spille over fire sekunder, må vi sette slutten av arbeidsområdet til den fire andre markøren. Dra Slutt på arbeidsområdet markør til den fire andre markøren (4: 00f). Klikk også på fly-menyen øverst til høyre på Tidslinjepanel og velg Loop Playback.
trykk Mellomrom for å forhåndsvise animasjonen.
Etter å ha sett på animasjonen, er snøfnuggens bevegelse for hard. Dette kan myknes ved å legge til noen ekstra keyframes. Dra avspillingshode rett før den ene sekundens markør (1:00). Legg merke til snøfnuggens posisjon.
Bruker Piltastene, Nudge snøfnetten nærmere guiden.
Gjenta dette for den andre siden av en minuttmarkøren (1: 00f)
Gjør det samme ved tre sekunders markør (3: 00f).
Forhåndsvis animasjonen ved å trykke Mellomrom. Ved å knuse snøflakene nærmere guiden, har vi gjort det enkelt inn og ut av retningsendringen (dermed gir den en mer naturlig bevegelse).
Nå som snøfnuggene har en side-til-side-animasjon, må vi sørge for at ingen av dem blir animert av lerretet. Kontroller kantene på animasjonen for å forsvinne snøflak og bruk Eraser Tool (E) for å fjerne dem.
Klikk på øyeikonet på Bakgrunn lag i vår Lagpanel. Dette vil skjule det hvite laget, slik at våre snøflak vises på en gjennomsiktig bakgrunn.
Velg begge lagene i Lagpanel og høyreklikk. Velge Konverter til Smart Object. Det er viktig at begge lagene er valgt.
Det neste trinnet er å utvide lerretet vårt for å få rom til å animere den fallende snøen. Bruker Beskjæringsverktøy (C), Ta tak i den nederste kanten og trekk nedover for å forlenge lerretet. Holding alt vil forlenge lerret like i begge retninger.
Lag et nytt lag under snowflakes lag og Fylle med hvitt.
Plasser snowflakes lag mot toppen av lerretet.
I Tidslinjepanel, klikk pilen på snowflakes lag for å avsløre animasjonsegenskapene. Legg merke til at Stilling eiendommen har blitt erstattet av Forvandle eiendom siden dette er nå et smart objekt.
Skyv Slutt på arbeidsområdet markør til den fire andre markøren (4: 00f).
Flytt avspillingshode til den første rammen, og klikk på stoppeklokkeikonet til Aktiver Keyframe Animation og å plassere en keyframe ved første ramme.
Flytt spillehodet til den fire andre markøren (4: 00f) og bruk Flytt verktøyet (V) å dra snowflakes lag til bunnen av lerretet.
trykk Mellomrom for å forhåndsvise animasjonen. Som du ser, faller snøen nå med en liten side-til-side bevegelse. I de neste trinnene vil vi fylle opp snøen for å dekke resten av lerretet.
Lag en duplikatkopi (Layer> Duplicate Layer) av snowflakes lag. Dette kan også gjøres i Lagpanel ved å dra laget over Opprett et nytt lag-ikon. Dupliserer laget beholder animasjonen. Merk: Trykk på Kommando / Ctrl + J vil ikke fungere som det ikke kopierer animasjonsegenskapene over.
Flytt det nye laget nedover tidslinjen til rundt den tiende rammemarkøren (10f).
trykk Mellomrom for å forhåndsvise animasjonen. Snøen fortsetter nå å falle fra toppen av lerretet.
Fortsett denne teknikken til hele lerretet er dekket av fallende snø. Det kan være nødvendig å justere keyframes manuelt for noen av lagene.
Legg merke til hvordan snøfallet ser ut til å være jevnt. For å legge til litt variasjon, kan vi lage et annet duplikatlag og keyframe det å falle i raskere enn resten av snøen.
For å legge til enda mer variasjon, endre keyframes av noen av lagene for å flytte raskere eller langsommere. Bare vær sikker på at det ikke er noen hull i snøfallet.
Velg alle snowflakes lag og Konverter til Smart Object.
Snøfallet begynner å se bedre ut, men det er fortsatt mer som kan gjøres. I de neste trinnene legger vi til mer variasjon og tetthet til snøfallet. Start med å lage en Kopier (Command / Ctrl + J) av snowflakes lag (siden all animasjonen er inne i smarte objektet, kan vi kopiere den smarte objekten og likevel beholde animasjonen).
Pass på at spillhodet er i første ramme slik at laget vårt animerer hele fire sekunder.
Transform (Command / Ctrl + T) dette laget slik at det er litt større og rotert utenfor sentrum.
Lag en annen Kopier (Command / Ctrl + J), og endre størrelsen og roter den i motsatt retning. Dette vil få snøen til å krysse, noe som gir den en mer realistisk oppførsel.
Fortsett å legge til nye kopier av snø og forvandle dem på forskjellige måter for å legge til variasjon i størrelse og hastighet (et lag som er økt vertikalt, ser ut til å ha raskere snøfall den som er blitt redusert vertikalt). Vær forsiktig så du ikke overdriver noen av transformasjonene.
trykk Mellomrom for å forhåndsvise resultatene. Siden vi har lagt til lag og lag med animerte smarte objekter, kan det hende at Photoshop sakter seg litt mens du prøver å gjøre en forhåndsvisning.
Til slutt, sørg for at Slutt på arbeidsområdet har blitt flyttet til den fire andre markøren (4: 00f). Når du er fornøyd med resultatene, velger du alle lag og Konverter til Smart Object. Gi nytt navn til laget til Snøfall. Lagre (Command / Ctrl + S) filen.
Nå som snøfallet er opprettet, kan vi jobbe med å få et bilde klar for å motta snøfallet. Åpne bildet av ditt valg. I dette tilfellet bruker jeg et bilde av Tuts + Photoshop Editor, Grant Friedman i Central Park.
Det neste trinnet er å beskjære bildet. Jeg er aldri en stor fan av å beskjære bilder som ikke er mine. Men siden sluttresultatet blir en firkantet GIF, må det gjøres. Bruke Beskjæringsverktøy (C) og sett aspektforholdet til 1: 1 (Square).
Juster skjermveiledningene på skjermen for å beskjære bildet til 600 px med 600 px. Klikk på merket (eller trykk Enter) for å forplikte seg til endringene.
Gå til snøfallsdokumentet, og klikk på lerretet og dra laget opp til dokumentfanen som inneholder bildet. Hovering over tabellen åpner dokumentet. Fortsett å dra over fotodokumentet og slipp museknappen. Den smarte gjenstanden skal plasseres på toppen av bildet vårt.
Hvis Tidslinjepanel er ikke allerede åpen, gå til Vindu> Tidslinje. Klikk på knappen til Opprett video tidslinje.
Skyv Slutt på arbeidsområdet til den fire andre markøren (4: 00f).
trykk Mellomrom for å forhåndsvise animasjonen. Som nevnt tidligere, kan det ta litt tid for Photoshop å gjøre animasjonen. Snøfallet skal være lett å se siden det er alt i svart (vi vil endre dette senere).
Nå er det på tide å legge til lag med snø på bildet. Begynn med å endre størrelse (Command / Ctrl + T) de snøfall lag så det er bare større enn lerretet.
Kopier (Command / Ctrl + J) de snøfall lag og Transform (Command / Ctrl + T) den passer inn i området mot baksiden av banen. Siden snølaget er mindre, ser snøfallet seg langsommere, akkurat som i virkeligheten.
For å hindre at snøen vises og forsvinner plutselig fra toppen og bunnen av laget, må vi legge til en lagmaske. Først skjul originalen snøfall lag (vi vil se det kopierte laget tydelig). Deretter klikker du på Legg til lagmaske ikon og bruk en stor, myk børste for å maskere ut toppen og bunnen av laget.
trykk Mellomrom for å forhåndsvise animasjonen. Snøen ser ut til å falle bak trelinjen og stoppe på bakken i lang avstand.
Lage en Kopier (Command / Ctrl + J) av dette laget og endre størrelsen på det (Command / Ctrl + T) å være litt større enn forrige lag. Dette lag av snø synes å være halvveis nedover banen.
Lagmasken vil også kopiere over. Rediger dette for større snølag.
Lag en annen Kopier (Command / Ctrl + J). Denne gangen kaster du bort lagmasken i papirkurvikonet nederst på siden Lagpanel. Photoshop vil spørre deg om hva du skal gjøre med laget. Å velge Slett.
Endre størrelsen på dette laget. Fortsett å lage flere kopier og Transform (Command / Ctrl + T) dem på forskjellige måter å legge til variasjon.
Deretter oppretter du en annen Kopier (Command / Ctrl + J) og endre størrelsen på laget til rundt 175%.
Legg til en Gaussian Blur (Filter> Blur Gaussian Blur) med en Radius på 2,9 px. Dette vil gi illusjonen om at snøen er ute av fokus, faller rett foran kameraet.
Som et valgfritt trinn legger du til en liten mengde Gaussian Blur til de to bakste lagene.
En av de siste tingene som må gjøres er å gjøre snøfnuggene hvite. Å gjøre dette, Dobbeltklikk en av miniatyrbildene av snøfall smarte objekter. Dette åpner den smarte gjenstanden for redigering. Sørg for å avdekke det hvite bakgrunnslaget.
Deretter legger du til Inverter justeringslag til toppen av lagstakken. Resultatet skal være hvit snø på en svart bakgrunn.
Lagre (Kommando / Ctrl + S) Den smarte objektdokumentet og gå tilbake til arbeidsdokumentet. Du kan merke at bildet ikke lenger er synlig. Velg alle Snøfall lag og endre Blend Mode til skjerm.
trykk Mellomrom å forhåndsvise. Alle lagene av snø som vi har lagt til, har skapt en parallell effekt, noe som skaper utseendet til dybden til snøfallet.
Siden alt ble opprettet ved hjelp av smarte objekter, kan vi enkelt redigere snøfallet. I dette tilfellet kan snøen synes å være tykkere og kanskje litt mykere. For å redigere snøen, Dobbeltklikk miniatyrbildet av en av de smarte objektene.
Hvis snøfallet så for jevnt ut i vår første forhåndsvisning, så ta deg tid her for å omplassere og endre størrelsen på Snowflake lag til du er fornøyd med variasjonen.
Fortsette å Dobbeltklikk hver smart objekt til vi kommer til originalen snowflakes lag.
Dobbeltklikk de snowflakes lag og legg til en svart Ytre glød lagformat ved hjelp av innstillingene nedenfor. Klikk på OK.
Lagre (Command / Ctrl + S) og Lukk hvert smart objekt dokument til vi kommer tilbake til snøfall scenen vår. trykk Mellomrom for å forhåndsvise animasjonen. Snøen ser mye bedre ut.
Den raskeste måten å opprette en GIF på er vanligvis å bruke Lagre for web alternativ. Men siden vi har brukt mange lagrede smarte objekter for å bygge vår scene, vil Photoshop utvilsomt avta når vi prøver å behandle all den informasjonen. I stedet vil vi først lage en videofil. Gå til Fil> Eksporter> Render Video
I Render Video panelet, endre innstillingene slik det passer deg, eller bruk innstillingene under og klikk Render.
Når filen er ferdig, kan du finne den på datamaskinen og åpne den på nytt i Photoshop. Photoshop skal automatisk åpne dette som en videofil
Nå, gå til Fil> Lagre for web og juster innstillingene til din smak og klikk Ferdig. Hvis du vil at animasjonen skal sløyfe, må du sørge for å slå på looping. For mer informasjon om hvordan du optimaliserer en GIF-fil, sjekk ut Martin Perhiniaks innlegg 10 måter å optimalisere en animert GIF-fil.
I denne opplæringen har vi lært hvordan å ta en tradisjonelt komplisert animasjon som å falle snø og bryte den ned i flere enkle animasjoner ved hjelp av smarte objekter. Forhåpentligvis har denne opplæringen vist deg hvor enkelt animasjon i Photoshop virkelig kan være.
Accentsconagua