Hvordan lage en morsom animasjon i Photoshop ved å bruke Puppet Warp

Har du noen gang ønsket å manipulere et helt motivs bevegelser på en naturlig, dukkelignende måte i Photoshop? Her vil vi vise deg ikke bare hvordan du kan oppnå det, men også hvordan du kan gjøre det om til en morsom animasjon.

Et av de nyeste warp-verktøyene i Photoshop er Puppet Warp Tool. Selv om de fleste varpverktøy fungerer veldig likt, har Puppet Warp Tool et morsomt aspekt som virkelig hjelper til med å skape naturlig kroppslig bevegelse.

Hva er Photoshops Puppet Warp?

Navnet gir oss en pekepinn på hva Puppet Warp Tool kan gjøre, men for litt mer detaljer, la oss diskutere hva Puppet Warp er.

Se for deg en dukke på en snor, der strengene kobles til dukkens lemmer. Disse forbindelsene lar marionettens kropp bevege seg litt naturlig som et menneskes; Puppet Warp Tool fungerer for å manipulere et bilde på en lignende måte.

Som mange warp-verktøy, bruker Puppet Warp Tool i Photoshop et nett til motivet som lar deg skyve og trekke motivet til dine ønskede bevegelser. Sammen med det trekantede nettet lar Puppet Warp deg plassere pinner til hvilken som helst del av nettet for å lage skjøter. Disse leddene hjelper Photoshop med å skape naturlig vridning som ligner på kroppens bevegelser i det virkelige liv.

For å begynne, finn et passende bilde å bruke. Effekten fungerer best på en menneske- eller dyrekropp som er tydelig isolert fra bakgrunnen. Når du har valgt bildet ditt, åpner du det i Photoshop. Dupliser laget i lagpanelet ved å høyreklikke på bildet og klikke Dupliser lag.

Først må du velge emnet. Selv om du kan velge det manuelt ved hjelp av en rekke metoder, hvis det valgte bildet har et åpenbart motiv kontrast mot en nøytral bakgrunn, kan du bruke Content-Aware Fill til å automatisk velge motivet.

Med det dupliserte laget ditt valgt, sørg for at Rektangulært markeringsverktøy, eller et annet utvalgsverktøy, er valgt. I menyen klikker du Plukke ut > Emne. Motivet ditt vil nå ha løpende maur rundt kanten, som skiller det fra bakgrunnen.

I slekt: Alt du trenger å vite om emnevalgverktøyet i Photoshop

Med emnet ditt valgt, høyreklikk på bildet og klikk Innholdsbevisst fyll. Dette vil få opp et nytt vindu som viser to sammenligningsvinduer.

I popup-vinduet vil du legge merke til at originalbildet til venstre nå vil ha en grønn skjermsampling rundt den nøytrale bakgrunnen til motivet. Forhåndsvisningsvinduet til høyre vil vise deg resultatene av Content-Aware Fill.

Hvis forhåndsvisningsskjermen fortsatt viser en svak omriss av hvor motivet ditt tidligere satt, kan du legge til 10 px i Feather-boksen øverst, med 7 - 10 px, og klikke Utvide. Dette vil fjerne omrisset og få bildet til å se mer naturlig ut der motivet er fjernet. Klikk Søke om eller OK når du er fornøyd med resultatet.

Løpmaurene fra utvalget ditt vil fortsatt bli sett, selv om motivet ditt nå har forsvunnet. Ikke fjern markeringen da du vil fortsette å bruke valgformen for neste trinn.

På lagpanelet drar du det dupliserte laget over det nylig isolerte emnelaget. Deretter med det dupliserte laget valgt, klikker du på Legg til lagmaske knappen på bunnen av lagpanelet.

Dette produserer det motsatte av Content-Aware Fill og skaper en maske for å fjerne bakgrunnen fra motivet. Dette vil nå gi deg ett lag med et isolert motiv og ett lag med kun en synlig bakgrunn, pluss originalbildet ditt som sitt eget lag som vil komme godt med senere.

I slekt: Hvordan maskere et emne i Photoshop ved å bruke emnevalgverktøyet

Høyreklikk på det maskerte laget og klikk Konverter til Smart Object. Gå deretter til hovedmenyen og klikk Redigere > Puppet Warp. Du vil legge merke til at dette legger et trekantet nett over det isolerte motivet ditt, slik at du kan deformere det.

Du kan velge å holde masken synlig, men det er lettere å legge til pinnene og se hvordan bildet manipuleres hvis du slår av maskenes synlighet. I mesh-verktøylinjen øverst er det en veksleknapp for Vis Mesh. Det spiller ingen rolle for hvordan bildet forvrider seg om nettet er synlig eller ikke, men det kan hjelpe deg med å se detaljene til motivet hvis du slår det av.

Nå, med Puppet Warp Tool på, vil du legge merke til at markøren vises som en nål. Bruk pinnen, klikk på hvert lemledd på motivet ditt, og hold kroppens naturlige bevegelser i tankene - hvert lem trenger bare én nål.

Når du har plassert pinnene, kan du dra kroppsdelene som en dukke. Vær oppmerksom på ytterligere vridning; Dette er en av grunnene til at det er bedre å slå av nettet, slik at du kan se uønsket vridning før det er for sent.

Vi foreslår å flytte hver enkelt lem, så ingenting er på samme sted eller posisjon som originalbildet. Vær oppmerksom på naturlige kroppsbevegelser – selv om Puppet Warp er veldig intuitivt, kan det noen ganger vri seg unaturlig.

Hvis du drar et lem gjennom en eksisterende del av utvalget, kan det bringe det frem selv om det ville være fysisk umulig for kroppen å bevege seg på den måten. Hvis dette skjer, høyreklikker du bare på det berørte området og klikker Bring frem eller Send bakover å fikse det.

Når du har vridd motivet til ønsket posisjon, kan du ganske enkelt klikke på en hvilken som helst annen knapp på verktøypanelet, og en popup vil spørre om du vil bruke deformeringen. Klikk Søke om. Du kan nå se den siste skjeve dukken din.

Slik animerer du dukken din i Photoshop

Når du har laget dukkevarpen din, kan du bruke den til å lage en animasjon som du kan gjøre om til en GIF. Dette kan ganske enkelt være for moro skyld i stedet for en seriøs animasjon, men dine fordreiningsferdigheter kan tillate deg å lage en flytende bevegelse for en lengre animasjon.

I slekt: Hvordan bruke Photoshop og After Effects til å lage animert grafikk

På lagpanelet markerer du det maskerte bakgrunnslaget og laget med det isolerte motivet, og slår sammen disse lagene ved å høyreklikke på ett av de to uthevede lagene og klikke Fusjonere lag. Du bør sitte igjen med det originale bildet på det nederste laget og det nye forvrengte bildet på det øverste laget.

Klikk Vindu > Tidslinje for å få opp Photoshops animasjonstidslinje. Dette vil bringe et av lagene dine inn i tidslinjen som en ramme. Klikk på Konverter til rammeanimasjon -knappen nederst til venstre i tidslinjepanelet, klikk deretter på menyknappen for tidslinje på høyre side og klikk Lag rammer fra lag. Dette vil bringe dine andre lag inn i tidslinjepanelet.

Med alle lagene dine i animasjonstidslinjen, klikk på pilen under hvert bilde for å angi tidspunktet. For en rask animasjon foreslår vi 0,2 for hver ramme. Klikk Spille i tidslinjen for å se hvordan animasjonene dine ser ut.

Når du er fornøyd med resultatene, kan du lagre det. Gå til Fil > Eksport > Lagre for nett (eldre). De fleste innstillingene skal være slik du trenger dem. Sørg for at du lagrer filen som en GIF, siden de andre formatene ikke tillater bevegelige bilder.

Lag morsomme animasjoner i Photoshop

Nå har du lært hvordan du bruker Photoshop Puppet Warp, du kan manipulere mange bilder for morsomme eller realistiske bruk. Å gjøre dukkene om til en animasjon kan være morsomt, eller bare en ekstra redigeringsferdighet i baklommen.

Gå videre og test dem på andre positurer, dyr eller ikke-levende motiver for å se hvor langt du kan presse Puppet Warp Tool.

Hvordan lage et multiplisitetsbilde i Photoshop

Et mangfoldsbilde inneholder kloner av en person eller et objekt for å fortelle en historie innenfor en enkelt ramme. Slik lager du en i Photoshop.

Les Neste

Om forfatteren