Foto ‘ S Animeren In Photoshop! 2.5 D Parallax Effect

leer deze fantastische techniek om eenvoudig foto ‘ s te animeren in Photoshop!

in deze tutorial zullen we de 3D-en animatiefuncties van Photoshop behandelen om een 2.5 D parallax-effect te creëren om uw foto ‘ s tot leven te laten komen!

de verbazingwekkende foto die in deze tutorial is gebruikt is van Marc Rafanell Lopez. U kunt dezelfde foto downloaden door hier te klikken, maar u kunt ook elke foto gebruiken om mee te volgen!

bent u klaar om te beginnen?

gebruik onderwerp selecteren om de selectie te maken

om een foto in Photoshop te animeren, begin met het scheiden van de afbeelding in twee lagen: de voorgrond (bestaat uit de twee mannelijke jumpers) en hun achtergrond.

Ga hiervoor naar Selecteer > onderwerp en laat Photoshop gebruik maken van Adobe Sensei, een innovatieve kunstmatige intelligentie (AI), om de onderwerpen in de afbeelding te detecteren en er een selectie omheen te maken.

Als u te maken hebt met een oudere versie van Photoshop, kunt u nog steeds gebruik maken van de snelle selectie tool om een selectie te maken rond het onderwerp.

verfijn de selectie met de Snelmasker-modus

als u een goede selectie hebt gemaakt, drukt u op de Q-toets op uw toetsenbord om de snelmasker-modus in te gaan. Deze modus plaatst een rode overlay op Delen van uw afbeelding die buiten de huidige selectie vallen.

met het penseelgereedschap kun je met wit tekenen (#ffffff) om aan de selectie toe te voegen en met zwart tekenen (#000000) om van de selectie af te trekken.

TIP voor experts: druk op de X toets op je toetsenbord om de voorgrond en de achtergrondkleur te verwisselen!

voor dit deel is het goed om een losse selectie te maken. Omdat we niet destructief werken, kun je hier altijd later op terugkomen en het verder verfijnen.

als u klaar bent met selecteren, drukt u op de Q-toets op uw toetsenbord om de modus Snelmasker te verlaten en uw nieuwe selectie te onthullen.

dupliceer vervolgens de huidige door op de laag te klikken en te slepen naar het pictogram Nieuwe laag, dat zich rechtsonder in het paneel lagen bevindt.

klik op het pictogram laagmasker om een laagmasker toe te voegen aan de gedupliceerde laag en zo zal het alleen de springonderwerpen tonen.

ga dan naar Selecteer > Wijzig > uitvouwen om de selectie groter te maken.

stel in het venster Selectie uitvouwen de waarde uitvouwen in op 4 pixels.

druk vervolgens op OK.

Als u inzoomt, ziet u dat de randen van de selectie nu 4 pixels verder van de vorige instelling staan.

als er nog gebieden zijn die deel uitmaken van de voorgrond, maar niet geselecteerd zijn, gebruik dan het Lasso gereedschap en terwijl u de Shift toets ingedrukt houdt, klikt u en sleept u door het gebied om het aan uw selectie toe te voegen.

dupliceer de achtergrond door te klikken-en-slepen naar het pictogram Nieuwe laag.

gebruik Inhoudbewuste vulling om een schone achtergrondplaat

te maken op de gedupliceerde kopie, ga naar Bewerken > Inhoudbewuste vulling. De Content-Aware technologie zal dan de pixels vullen waar de onderwerpen zich vroeger bevonden.

de groene overlay toont het gebied waar de Content-Aware-technologie Pixels uit neemt, en voor dit deel doet het uitstekend werk. Hoewel het niet perfect is, is het volledig verstelbaar.

druk op Ctrl D (Windows) of Command D (MacOS) om te deselecteren terwijl ik me concentreer op het volgende deel, waar ik u zal laten zien hoe u de inconsistenties in de achtergrondpixels kunt herstellen.

met de gegenereerde pixels op de nieuwe laag geselecteerd, houdt u de Shift toets ingedrukt terwijl u ook de onderste laag selecteert.

druk vervolgens op Ctrl E (Windows) of Command E (MacOS) om beide geselecteerde lagen samen te voegen tot één enkele laag.

gebruik het Kloonstempelgereedschap om de achtergrond te verfijnen

Zoom in op een deel van de afbeelding dat verfijnd moet worden. Met behulp van de Clone Stamp tool kan ik geselecteerde pixels kopiëren en plakken op een andere. Doe dit door de toets Alt (Windows) of Option (MacOS) op uw toetsenbord ingedrukt te houden om de voorbeeldbron te bepalen..

Zodra dat is ingesteld, zult u zien hoe u schildert met de pixels uit de voorbeeldbron.

neem de tijd om dit gebied te verfijnen, en u kunt altijd uw voorbeeldbron resetten door op Alt (Windows) of Option (MacOS) te drukken.

gebruik dan het rechthoekige Marquee gereedschap om de gestapelde houten panelen te selecteren en druk op Ctrl J (Windows) of Command J (MacOS).

druk op Ctrl T (venster) of Command T (MacOS) om de gekopieerde selectie te transformeren en naar de zijkant te verplaatsen.

Klik met de rechtermuisknop en Selecteer Horizontaal omdraaien.

klik vervolgens nogmaals met de rechtermuisknop om Distort te selecteren en pas de selectie aan om overeen te komen met de achtergrond.

druk op Enter (Windows) of Return (MacOS) om de Transformatiemodus te verlaten.

aangezien de man deel uitmaakt van de selectie, gebruik je het Kloonstempelgereedschap nogmaals om pixels van een Voorbeeldbron te schilderen en het gebied schoon te maken.

u kunt ook deze tijd nemen om het gebied tussen de gestapelde houten panelen te vullen om het consistent te maken.

aan de rechterkant van de gestapelde houten panelen ziet u een ander significant gebied met een inconsistent patroon, en u kunt dit ook repareren met het gereedschap Kloonstempel.

Als u klaar bent met deze cruciale stappen, kunt u verder gaan met het combineren tot één enkele laag.

houd de Shift-toets ingedrukt terwijl u de huidige laag en de Achtergrondkopie selecteert en druk vervolgens op Ctrl E (Windows) of Command E (MacOS) om ze samen te voegen.

hernoem deze laag naar “Achtergrond schoonmaken”.”

een vervaging toepassen op de achtergrond

Ga naar Filter > vervaging-galerij > Kantelverschuiving.

klik en sleep het referentiepunt naar beneden.

klik en sleep het onderste handvat om het gebied uit te breiden en laat het vervagende begin van het midden naar het bovenste gebied van de afbeelding.

stel de vervaging waarde in op 6px. Onmiddellijk zult u merken dat een van de onvolkomenheden op de achtergrond gemakkelijk kan worden verborgen met de toegevoegde vervagen.

druk op OK om de wijzigingen toe te voegen.

zet de achtergrond en voorgrond om in 3D lagen

Activeer de Voorgrondlaag nogmaals, en u zult zien dat ondanks de aangebrachte wijzigingen de afbeelding er nog steeds realistisch uitziet.

om verdere verwarring te voorkomen, heb ik de Voorgrondlaag hernoemd naar “Jumping.”

om een foto in Photoshop te animeren, maakt u 3D-lagen uit de twee lagen. Voor deze tutorial, het is de springen en de schone achtergrond lagen.

start door de schone achtergrond te selecteren en de Springlaag uit te schakelen.

ga dan naar 3D > Nieuwe Mesh van laag > postkaart, en dit zal uw huidige laag omzetten in een 3D postkaart. Een ansichtkaart betekent een vlak dat je rond kunt draaien in 3D-ruimte.

met uw Verplaatsingsgereedschap geselecteerd, ziet u 3D-hulpmiddelen linksonder in uw documentvenster en gebruikt u deze hulpmiddelen om de 3D-camera in Photoshop te draaien.

Schakel de originele achtergrondlaag uit en gebruik de tools om vertrouwd te raken met hun functies en functies. Als u wilt terugkeren naar de standaardweergave, dubbelklikt u op de schone achtergrondminiatuur, omdat dit u naar het 3D-paneel brengt en standaardcamera selecteert.

Ga terug naar het paneel lagen en schakel de Springlaag in om deze ook om te zetten naar een 3D-Ansichtkaart. Nogmaals, ga naar 3D > Nieuwe Mesh van lagen > postkaart.

op dit moment zullen beide 3D-camera ‘ s niet tegelijkertijd werken omdat beide in twee verschillende 3D-lagen zijn. Voor het maximale bereik van mogelijkheden, je nodig hebt om ze te combineren in een enkele laag.

Ga naar het paneel lagen en selecteer de Springlaag.

terwijl u de Shift-toets ingedrukt houdt, selecteert u ook de schone achtergrond en drukt u op Ctrl E (Windows) of Command E (MacOS) om ze samen te voegen.

opmerking: Het kleine kubuspictogram in de hoek van uw laag betekent dat de laag in 3D is. als u erop dubbelklikt, komt u in het 3D-paneel.

met het verplaatsgereedschap geselecteerd, gebruik je de 3D-tools onderaan om de camera te bedienen. U kunt proberen om te klikken op een 3D-laag, en een kubus met pijlen zal verschijnen in de voorkant van het, klik-en-sleep de witte kubus om de schaal van de 3D-laag.

hoe de voorgrond en de achtergrond te animeren met het Tijdlijnpaneel

eindelijk, de echte truc om een foto te animeren in Photoshop!

Ga naar Windows > tijdlijn. Met deze functie kunnen we een tijdlijn maken met afbeeldingen en 3D-objecten op Photoshop.

Klik in het midden van het paneel tijdlijn op de knop Video tijdlijn maken. Als u het niet kunt zien, klikt u op de pijl naar beneden en in het vervolgkeuzemenu selecteert u video-tijdlijn maken.

klik op de pijltjes naar beneden op elk van de twee lagen om de elementen en keyframes vrij te geven die essentieel zijn tijdens de volgende stappen.

als u de Orbit 3D-Camera gebruikt om uw 3D-lagen in een ander perspectief te zien, ziet u de afstand tussen uw springende laag en de schone achtergrond. Door het toevoegen van de 3D-camerapositie keyframe,

plaats vervolgens de afspeelkop op elke positie in de tijdlijn,

en begin de camera te draaien, Photoshop voegt een tweede keyframe toe.

als u de tijdlijn omhoog scrolt en op de knop afspelen drukt, vult Photoshop de tijdlijn in met een schakelaar van de 3D—camerapositie van het originele keyframe naar het 2e keyframe-en dit is hoe u uw 3D-afbeeldingen animeert.

om een keyframe te verwijderen, klikt u met de rechtermuisknop op een keyframe en selecteert u verwijderen. Ik zal zowel de originele keyframe en de 2e keyframe verwijderen om mijn tijdlijn te wissen.

als u een animatie van 2 seconden wilt uitvoeren, sleept u de afspeelkop naar het begin van de tijdlijn. Klik-en-sleep vervolgens het einde van de schuifregelaar tijdlijn op de 2-seconden markering om het in te stellen als de lengte van de animatie.

op het 3D paneel, klik op de standaard Camera en klik vervolgens op schone achtergrond Mesh ook.

Ga naar het documentvenster en klik en sleep op de witte kubus om gelijkmatig te schalen en de weergave van de achtergrond uit te breiden.

klik vervolgens op en sleep op het blauwe punt om de achtergrond terug te schalen totdat deze het canvas vult. Als je het moeilijk hebt om het verschil te zien, dubbelklik dan op het handgereedschap om de afbeelding op het scherm te passen.

gebruik de Orbit 3D-Camera zal u toelaten om de bredere afstand tussen het springen Mesh en de schone achtergrond Mesh Zien.

maak de recente wijzigingen ongedaan door op Ctrl Z (Windows) of Command Z (MacOS) te drukken en vergroot de schaal van schoon Achtergrondnetwerk verder.

onder de eigenschappen van de schone achtergrond Mesh, klik op de 3D-Camera positie.

Scroll naar beneden langs de elementen. Schakel Onder 3D-mazen de Stopwatch in voor zowel de schone achtergrond als het springen. Dit creëert keyframes voor de positie van deze mazen.

nu, klik-en-sleep de afspeelkop in de 2-seconden merk en gebruik de 3D-Orbit Camera om het te verplaatsen.

u kunt ook het Jumping Mesh selecteren, het naar voren trekken om het groter te maken, en het naar beneden halen.

zodra u op de Play-knop drukt, zal het Springonderwerp door de 3D-ruimte bewegen!

voor een meer dramatische opname, herpositioneert u het perspectief met de 3D-Orbit-Camera of schaalt u de schone achtergrond Mesh naar een kleiner perspectief.

zodra u klaar bent om de video op te slaan, klikt u op het Vangmenu en selecteert u video Render. Daarna, deel je werk op uw sociale media en tag me op # PhotoshopTrainingChannel!

en dat is hoe je elke foto in Photoshop animeren! Ik hoop dat deze tutorial nuttig is geweest voor u en uw toekomstige projecten.