Hvordan Animere Bilder I Photoshop! 2.5 D Parallax Effect

Lær denne fantastiske teknikken for å enkelt animere bilder i Photoshop!

i denne opplæringen vil vi dekke Photoshops 3D – og animasjonsfunksjoner for å skape en 2.5 D parallax-effekt for å gjøre bildene dine til liv!

det fantastiske bildet som brukes i denne opplæringen er Av Marc Rafanell Lopez. Du kan laste ned det samme bildet ved å klikke her, men du kan også bruke et bilde til å følge med!

er du klar til å starte?

Bruk Velg Emne For Å Opprette Valget

hvis du vil animere et bilde I Photoshop, starter du med å dele bildet i to lag: Forgrunnen (består av de to mannlige hopperne) og bakgrunnen deres.

For å gjøre det, gå Til Velg > Emne og la Photoshop bruke Adobe Sensei, en innovativ Kunstig Intelligens (AI), for å oppdage fagene i bildet og lage et utvalg rundt det.

Hvis Du har å gjøre med en eldre Versjon Av Photoshop, kan du fortsatt bruke Quick Selection-verktøyet til å lage et utvalg rundt emnet.

Avgrens Valget Med Hurtigmaskemodus

når du har gjort et godt valg, trykker Du På q-tasten på tastaturet for Å gå Inn I Hurtigmaskemodus. Denne modusen legger et rødt overlegg på deler av bildet som er utenfor det gjeldende valget.

Med Penselverktøyet kan du male med hvitt (#ffffff) for å legge til utvalget og male med svart (#000000) for å trekke fra valget.

PRO TIPS: Trykk På x-tasten på tastaturet for å bytte Forgrunnen og Bakgrunnsfargen!

for denne delen er det greit å lage et løs utvalg. Siden vi jobber ikke-destruktivt, kan du alltid komme tilbake til dette senere og videreutvikle det.

når du er ferdig med å velge, trykker Du På Q-tasten på tastaturet for å gå Ut Av Hurtigmaskemodus og vise det nye valget.

neste, dupliser gjeldende ved å klikke og dra laget Til Det nye lagikonet, som er nederst til høyre på Lagpanelet.

Klikk på Lagmaskeikonet for å legge til en lagmaske til det dupliserte laget, og det vil bare vise hoppemnene.

deretter går Du Til Velg > Endre > Utvid for å gjøre valget større.

i Vinduet Utvid Markering angir Du Utvid etter verdi til 4 piksler.

trykk DERETTER PÅ OK.

hvis du zoomer inn, vil du se hvordan kantene på valget nå er 4 piksler lenger fra forrige innstilling.

hvis det fortsatt er områder som er en Del av Forgrunnen, men ikke er valgt, bruker Du lasso-verktøyet og mens Du holder Nede Skift-tasten, klikker du og drar rundt området for å legge det til i det merkede området.

Dupliser bakgrunnen ved å klikke og dra den over til Det nye lagikonet.

Bruk Innholdstilpasset Fyll Til Å Opprette En Ren Bakgrunnsplate

På den dupliserte kopien går du Til Rediger > Innholdstilpasset Fyll. Den Innholdsbevisste teknologien vil da fylle pikslene der fagene pleide å være.

det grønne overlegget viser området der Den Innholdsbevisste teknologien er prøvepiksler fra, og for denne delen gjør den en utmerket jobb. Selv om det ikke er perfekt, er det helt justerbart.

Trykk Ctrl D (Windows) Eller Kommando D (MacOS) for å velge bort når jeg fokuserer på neste del, der jeg vil vise deg hvordan du løser inkonsekvensene i bakgrunnspikslene.

med de genererte pikslene på det nye laget valgt, hold Shift-tasten mens du også velger bunnlaget.

trykk Deretter Ctrl E (Windows) eller Kommando E (MacOS) for å slå sammen begge de valgte lagene i ett enkelt lag.

Bruk Klonstempelverktøyet Til Å Finjustere Bakgrunnen

Zoom inn i en del av bildet som trenger forbedring. Ved Hjelp Av Clone Stamp tool kan jeg kopiere valgte piksler og lime den inn på en annen. Gjør dette ved å holde Nede alt (Windows) eller Tilvalg (MacOS) – tasten på tastaturet for å finne eksempelkilden..

Når det er satt, vil du se hvordan du maler med pikslene tatt fra prøvekilden.

ta deg tid til å finjustere dette området, og du kan alltid tilbakestille eksempelkilden ved å trykke Alt (Windows) eller Tilvalg (MacOS).

bruk Deretter Det Rektangulære Markeringsverktøyet til å velge de stablede trepanelene og trykk Ctrl J (Windows) Eller Kommando J (MacOS).

Trykk Ctrl T (Vindu) Eller Kommando T (MacOS) for å transformere det kopierte valget og flytte det til siden.

Høyreklikk Og velg Vend Horisontal.

høyreklikk deretter igjen for å velge Forvreng og juster valget tilsvarende for å matche bakgrunnen.

Trykk Enter (Windows) eller Retur (MacOS) – tasten for å avslutte Transformeringsmodus.

siden mannen er en del av utvalget, bruk Klonstempelverktøyet igjen for å male piksler fra En Prøvekilde og rengjør området.

Du kan også ta denne tiden til å fylle området mellom de stablede trepanelene for å gjøre det konsistent.

du kan se et annet betydelig område med et inkonsekvent mønster på høyre side av de stablede trepanelene, og du kan også fikse dette med Clone Stamp tool.

når du er ferdig med disse viktige trinnene, kan du fortsette å kombinere dem i ett enkelt lag.

Gjør dette ved å holde Nede Skift-tasten mens du markerer gjeldende lag og Bakgrunnskopien, og trykk Deretter Ctrl E (Windows) Eller Kommando E (MacOS) for å slå dem sammen.

Omdøpe dette laget til «Ren Bakgrunn.»

Bruk Uskarphet I Bakgrunnen

Gå Til Filter > Uskarphetsgalleri > Tilt-Shift.

klikk og dra deretter referansepunktet nedover.

Klikk og dra også det nederste håndtaket for å utvide området og få uskarpheten til å starte fra midten til det øverste området av bildet.

på Blur-verktøyene setter Du Blur-verdien til 6px. Umiddelbart vil du legge merke til at noen av ufullkommenhetene i bakgrunnen lett kan skjules med den ekstra uskarpheten.

Trykk PÅ OK for å legge til endringene.

Konverter Bakgrunnen Og Forgrunnen TIL 3D-Lag

Aktiver Forgrunnslaget igjen, og du bør se at til tross for endringene som er brukt, ser bildet fortsatt realistisk ut.

for å unngå ytterligere forvirring har jeg omdøpt Forgrunnslaget til «Jumping.»

opprett 3d-lag UT AV de to lagene for å animere et hvilket som helst bilde I Photoshop. For denne opplæringen er Det Hopp og De Rene Bakgrunnslagene.

Start med å velge Den Rene Bakgrunnen og deaktivere Hoppelaget.

deretter går DU TIL 3D > Nytt Nett Fra Lag > Postkort, og dette vil konvertere ditt nåværende lag til ET 3d-Postkort. Et Postkort betyr et fly som du kan rotere rundt I 3D-rom.

Når Flytteverktøyet er valgt, ser DU 3d-verktøy nederst til venstre i dokumentvinduet og bruker disse verktøyene til å rotere 3D-kameraet i Photoshop.

Deaktiver det opprinnelige Bakgrunnslaget og bruk verktøyene for å bli kjent med funksjonene og funksjonene. Hvis du vil gå tilbake til standardvisningen, dobbeltklikker du På Clean Background thumbnail, da dette tar DEG til 3d-panelet, og velger Standard Kamera.

Gå tilbake Til Lagpanelet og aktiver Hoppelaget for å konvertere det til ET 3d-Postkort også. Igjen, gå TIL 3D > Nytt Nett Fra Lag > Postkort.

for øyeblikket vil begge 3d-kameraene ikke fungere samtidig fordi begge er i to forskjellige 3d-lag. For maksimal rekkevidde av evner, må du kombinere dem i ett enkelt lag.

Gå Til Lagpanelet og velg Hoppelaget.

mens Du holder Shift-tasten, velger Du Også Den Rene Bakgrunnen og trykker Ctrl E (Windows) Eller Kommando E (MacOS) for å slå dem sammen.

MERK: det lille kubeikonet på hjørnet av laget ditt betyr at laget er I 3D. hvis du dobbeltklikker på det, tar DET DEG til 3D-panelet.

Når Flytt-verktøyet er valgt, bruker DU 3d-verktøyene nederst til å styre kameraet. Du vil kanskje prøve å klikke på ET 3D-lag, og en kube med piler vises foran den, og klikk og dra den hvite kuben for å skalere OPP 3D-laget.

Slik Animerer Du Forgrunnen Og Bakgrunnen Med Tidslinjepanelet

Endelig, det virkelige trikset på hvordan du animerer et bilde i Photoshop!

Gå Til Windows > Tidslinje. Denne funksjonen lar Oss lage en tidslinje med bilder og 3d-objekter På Photoshop.

På midten av tidslinjepanelet klikker Du På Knappen Opprett Video Tidslinje. Hvis du ikke kan se det, klikker du på nedoverpilen, og på rullegardinmenyen velger Du Opprett Video Tidslinje.

Klikk på pil ned på hvert av de to lagene for å frigjøre elementene og nøkkelrammene som vil være avgjørende under de følgende trinnene.

hvis Du bruker Orbit 3D-Kameraet til å se 3D-lagene dine i et annet perspektiv, vil du se avstanden mellom Hoppelaget og Den Rene Bakgrunnen. Ved å legge til nøkkelbildet for 3d-Kameraposisjon,

plasser Deretter Spillehodet på en hvilken som helst posisjon i Tidslinjen,

Og begynn å rotere kameraet.

Hvis Du ruller Opp Tidslinjen og trykker På Avspillingsknappen, Fyller Photoshop tidslinjen med en bryter AV 3D-kameraposisjonen fra den opprinnelige keyframe til 2nd keyframe—og slik animerer DU 3D-bildene dine.

for å slette en keyframe, høyreklikk bare på en keyframe og velg Slett. Jeg vil slette både den opprinnelige keyframe og 2nd keyframe for å fjerne tidslinjen min.

hvis du vil gjøre en 2 sekunders animasjon, drar Du Spillehodet til begynnelsen av tidslinjen. Deretter klikker og drar du slutten av Tidslinjeskyveknappen på 2 sekunders merket for å angi det som lengden på animasjonen.

PÅ 3d-panelet klikker Du På Standardkameraet og klikker Deretter På Clean Background Mesh også.

Gå over til dokumentvinduet, og klikk og dra på den hvite kuben for å skalere jevnt og utvide visningen av bakgrunnen.

deretter klikker du og drar på det blå punktet for å skalere bakgrunnen til den fyller lerretet. Hvis du har det vanskelig å se forskjellen, dobbeltklikker du på håndverktøyet for å passe bildet til skjermen.

Bruk Orbit 3D-Kameraet vil tillate deg å se den bredere avstanden mellom Hoppenettet og Det Rene Bakgrunnsnettet.

Angre de siste endringene ved å trykke Ctrl Z (Windows) Eller Kommando Z (MacOS) og utvide omfanget Av Ren Bakgrunnsnett ytterligere.

under egenskapene Til Det Rene Bakgrunnsnettet klikker DU PÅ 3d-Kameraposisjonen.

Rull ned langs elementene. Under 3D Masker, aktivere Stoppeklokke for Både Ren Bakgrunn og Hopping. Dette vil skape keyframes for plasseringen av disse maskene.

nå, klikk-og-dra Spillehodet i 2-sekunders mark og bruk 3d Orbit-Kameraet til å omplassere det.

Du kan også velge Hoppenettet, trekke Det fremover for å gjøre det større, og ta det ned.

Når du trykker På Play-knappen, Vil Hoppemnet bevege seg gjennom 3D-rommet!

for et mer dramatisk bilde, flytt perspektivet med 3d Orbit-Kameraet eller skaler Det Rene Bakgrunnsnettet til et mindre perspektiv.

når du er klar til å lagre videoen, klikker du bare På Flyout-menyen og velger Render Video. Deretter deler du arbeidet ditt på sosiale medier og merker meg på # PhotoshopTrainingChannel!

Og det er slik å animere et bilde i Photoshop! Jeg håper denne opplæringen har vært nyttig for deg og dine fremtidige prosjekter.