Hur man gör en rolig animering i Photoshop med Puppet Warp

Har du någonsin velat manipulera ett helt motivs rörelser på ett naturligt, dockliknande sätt i Photoshop? Här kommer vi att visa dig inte bara hur du kan uppnå det, utan också hur du kan göra det till en rolig animation.

Ett av de senaste warp-verktygen i Photoshop är Puppet Warp Tool. Även om de flesta varpverktyg fungerar väldigt lika, har Puppet Warp Tool en rolig aspekt som verkligen hjälper till att skapa naturliga kroppsrörelser.

Vad är Photoshops Puppet Warp?

Namnet ger oss en ledtråd om vad Puppet Warp Tool kan göra, men för lite mer detaljer, låt oss diskutera vad Puppet Warp är.

Föreställ dig en docka på ett snöre, där strängarna ansluter till dockans lemmar. Dessa kopplingar tillåter dockans kropp att röra sig något naturligt som en människas; Puppet Warp Tool fungerar för att manipulera en bild på ett liknande sätt.

Liksom många varpverktyg applicerar Puppet Warp Tool i Photoshop ett nät på motivet som låter dig trycka och dra motivet till dina önskade rörelser. Tillsammans med det triangulära nätet låter Puppet Warp dig placera stift på vilken del av nätet som helst för att skapa fogar. Dessa leder hjälper Photoshop att skapa naturlig skevning som liknar en kropps verkliga rörelser.

Till att börja med, hitta en lämplig bild att använda. Effekten fungerar bäst på en människo- eller djurkropp som är tydligt isolerad från bakgrunden. När du har valt din bild öppnar du den i Photoshop. Duplicera lagret i lagerpanelen genom att högerklicka på bilden och klicka Duplicera lager.

Först måste du välja ämne. Även om du kan välja det manuellt med en mängd olika metoder, om din valda bild har ett uppenbart ämne kontrasterad mot en neutral bakgrund kan du använda innehållsmedveten fyllning för att automatiskt välja motiv.

Med ditt duplicerade lager valt, se till att Rektangulärt markeringsverktyg, eller ett annat markeringsverktyg, är valt. Klicka på i menyn Välj > Ämne. Ditt motiv kommer nu att ha springande myror runt kanten, som skiljer det från bakgrunden.

Relaterad: Allt du behöver veta om ämnesvalsverktyget i Photoshop

Med ditt ämne valt, högerklicka på bilden och klicka Innehållsmedveten fyllning. Detta kommer att få upp ett nytt fönster som visar två jämförelsefönster.

I popup-fönstret kommer du att märka att din originalbild till vänster nu har en grön skärmsampling runt motivets neutrala bakgrund. Förhandsgranskningsfönstret till höger visar dig resultaten av Content-Aware Fill.

Om din förhandsgranskningsskärm fortfarande visar en svag kontur av var ditt motiv tidigare satt, kan du lägga till 10 px i fjäderrutan längst upp, med 7 - 10 px, och klicka på Bygga ut. Detta tar bort konturen och gör att bilden ser mer naturlig ut där motivet har tagits bort. Klick Tillämpa eller OK när du är nöjd med resultatet.

De springande myrorna från ditt urval kommer fortfarande att synas, även om ditt ämne nu har försvunnit. Avmarkera inte eftersom du kommer att fortsätta använda markeringsformen för nästa steg.

På lagerpanelen drar du det duplicerade lagret ovanför ditt nyligen isolerade ämneslager. Sedan med det duplicerade lagret markerat klickar du på Lägg till lagermask knappen längst ned på lagerpanelen.

Detta ger motsatsen till Content-Aware Fill och skapar en mask för att ta bort bakgrunden från ditt motiv. Detta kommer nu att ge dig ett lager med ett isolerat motiv och ett lager med bara en synlig bakgrund, plus din originalbild som ett eget lager som kommer att komma till användning senare.

Relaterad: Hur man maskerar ett ämne i Photoshop med hjälp av ämnesvalsverktyget

Högerklicka på lagret på det maskerade lagret och klicka Konvertera till Smart Object. Gå sedan till huvudmenyn och klicka Redigera > Puppet Warp. Du kommer att märka att detta applicerar ett triangulärt nät över ditt isolerade motiv, så att du kan förvränga det.

Du kan välja att hålla nätet synligt, men det är lättare att lägga till stiften och se hur bilden manipuleras om du stänger av maskens synlighet. I mesh-verktygsfältet högst upp finns en växlingsknapp för Visa Mesh. Det spelar ingen roll för hur bilden förvrids om nätet är synligt eller inte, men det kan hjälpa dig att se detaljerna i ditt motiv om du stänger av det.

Nu, med Puppet Warp Tool på, kommer du att märka att markören visas som en nål. Använd stiftet och klicka på varje lemled på ditt motiv, med kroppens naturliga rörelser i åtanke – varje lem behöver bara en stift.

När du har placerat nålarna kan du dra kroppsdelarna som en docka. Var medveten om ytterligare skevhet; detta är en anledning till att det är bättre att stänga av nätet så att du kan se oönskad skevhet innan det är för sent.

Vi föreslår att du flyttar varenda lem, så ingenting är på samma plats eller position som originalbilden. Var medveten om naturliga kroppsrörelser – även om Puppet Warp är väldigt intuitivt kan det ibland skeva onaturligt.

Om du drar en lem genom en befintlig del av urvalet kan den föra fram den även om det skulle vara fysiskt omöjligt för kroppen att röra sig på det sättet. Om detta händer, högerklicka helt enkelt på det berörda området och klicka Ta fram eller Skicka bakåt att fixa det.

När du väl har vridit motivet till önskad position kan du helt enkelt klicka på valfri knapp på verktygspanelen och ett popup-fönster kommer att fråga om du vill använda varpen. Klick Tillämpa. Du kan nu se din sista skeva marionett.

Hur man animerar din docka i Photoshop

När du har skapat din marionettvarp kan du använda den för att göra en animation som du kan förvandla till en GIF. Detta kan helt enkelt vara för skojs skull snarare än en seriös animation, men dina förvrängningsförmåga kan göra att du kan skapa en flytande rörelse för en längre animation.

Relaterad: Hur man använder Photoshop och After Effects för att skapa animerad grafik

På din lagerpanel markerar du det maskerade bakgrundslagret och lagret med ditt isolerade motiv och slår samman dessa lager genom att högerklicka på ett av de två markerade lagren och klicka på Slå samman lager. Du bör vara kvar med din originalbild på det nedre lagret och din nya skeva bild på det översta lagret.

Klick Fönster > Tidslinje för att ta fram Photoshops animationstidslinje. Detta kommer att föra in ett av dina lager i tidslinjen som en ram. Klicka på Konvertera till ramanimering knappen i det nedre vänstra hörnet av tidslinjepanelen, klicka sedan på tidslinjemenyknappen på höger sida och klicka Gör ramar av lager. Detta kommer att ta med dina andra lager till tidslinjepanelen.

Med alla dina lager i animeringens tidslinje, klicka på pilen under varje bildruta för att ställa in tidpunkten. För en snabb animering föreslår vi 0,2 för varje bildruta. Klick Spela i tidslinjen för att se hur dina animationer ser ut.

När du är nöjd med resultatet kan du spara det. Gå till Fil > Exportera > Spara för webben (legacy). De flesta av inställningarna bör vara som du behöver dem. Se till att du sparar din fil som en GIF, eftersom de andra formaten inte tillåter rörliga bilder.

Gör roliga animationer i Photoshop

Nu har du lärt dig hur du använder Photoshop Puppet Warp, du kan manipulera många bilder för roliga eller realistiska användningar. Att förvandla dina dockor till en animation kan vara kul, eller helt enkelt en extra redigeringsförmåga i bakfickan.

Varsågod och testa dem på andra poser, djur eller icke-levande ämnen för att se hur långt du kan driva Puppet Warp Tool.

Hur man skapar en multipelbild i Photoshop

En multiplicitetsbild innehåller kloner av en person eller ett föremål för att berätta en historia inom en enda bildruta. Så här gör du en i Photoshop.

Läs Nästa

Om författaren