Heb je ooit de bewegingen van een heel onderwerp op een natuurlijke, marionetachtige manier willen manipuleren in Photoshop? Hier laten we je niet alleen zien hoe je dat kunt bereiken, maar ook hoe je er een leuke animatie van kunt maken.
Een van de nieuwste warp-tools in Photoshop is de Puppet Warp Tool. Hoewel de meeste warp-tools op dezelfde manier werken, heeft de Puppet Warp Tool een leuk aspect dat echt helpt bij het creëren van natuurlijke lichaamsbeweging.
Wat is de Puppet Warp van Photoshop?
De naam geeft ons een idee van wat de Puppet Warp Tool kan doen, maar laten we voor wat meer detail bespreken wat de Puppet Warp is.
Stel je een pop aan een touwtje voor, waarbij de touwtjes verbonden zijn met de ledematen van de pop. Door die verbindingen kan het lichaam van de pop enigszins natuurlijk bewegen zoals dat van een mens; de Puppet Warp Tool werkt om een afbeelding op een vergelijkbare manier te manipuleren.
Zoals veel warp-tools, past de Puppet Warp Tool in Photoshop een mesh toe op het onderwerp waarmee je het onderwerp naar de gewenste bewegingen kunt duwen en trekken. Samen met het driehoekige gaas kun je met Puppet Warp pinnen op elk deel van het gaas plaatsen om verbindingen te maken. Deze gewrichten helpen Photoshop om natuurlijke krommingen te creëren, vergelijkbaar met de echte bewegingen van een lichaam.
Zoek om te beginnen een geschikte afbeelding om te gebruiken. Het effect werkt het beste op een menselijk of dierlijk lichaam dat duidelijk van de achtergrond is geïsoleerd. Nadat u uw afbeelding hebt gekozen, opent u deze in Photoshop. Dupliceer de laag in het Lagenpaneel door met de rechtermuisknop op de afbeelding te klikken en te klikken op Dubbele laag.
Eerst moet je het onderwerp selecteren. Hoewel je het op verschillende manieren handmatig kunt selecteren, als de door jou gekozen afbeelding een duidelijk onderwerp heeft contrasteert met een neutrale achtergrond, kunt u de inhoudsbewuste vulling gebruiken om het onderwerp automatisch te selecteren.
Zorg ervoor dat, terwijl je gedupliceerde laag is geselecteerd, de Rechthoekig selectiekader, of een ander selectiegereedschap, is geselecteerd. Klik in het menu op Selecteer > Onderwerp. Je onderwerp heeft nu mieren rond de rand, die het van de achtergrond scheiden.
Verwant: Alles wat u moet weten over het hulpmiddel voor onderwerpselectie in Photoshop
Met uw onderwerp geselecteerd, klik met de rechtermuisknop op de afbeelding en klik op Inhoudsbewuste vulling. Dit zal een nieuw venster openen met twee vergelijkingsvensters.
In de pop-up ziet u dat uw originele afbeelding aan de linkerkant nu een groen scherm heeft rond de neutrale achtergrond van uw onderwerp. Het Preview-venster aan de rechterkant toont u de resultaten van de Content-Aware Fill.
Als uw voorbeeldscherm nog steeds een vage omtrek laat zien van waar uw onderwerp eerder zat, kunt u 10 px toevoegen in het vak Feather bovenaan, met 7 - 10 px, en klikken Uitbreiden. Hierdoor wordt de omtrek verwijderd en ziet de afbeelding er natuurlijker uit waar het onderwerp is verwijderd. Klik Van toepassing zijn of oke als je eenmaal tevreden bent met het resultaat.
De rennende mieren uit je selectie zullen nog steeds te zien zijn, hoewel je onderwerp nu is verdwenen. Maak de selectie niet ongedaan, want u blijft de selectievorm gebruiken voor de volgende fase.
Sleep in het Lagenpaneel de gedupliceerde laag boven uw recente geïsoleerde onderwerplaag. Klik vervolgens met de gedupliceerde laag geselecteerd op de Breng een laag masker aan knop aan de onderkant van het deelvenster Lagen.
Dit produceert het tegenovergestelde van Content-Aware Fill en creëert een masker om de achtergrond van je onderwerp te verwijderen. Dit geeft je nu één laag met een geïsoleerd onderwerp en één laag met alleen een zichtbare achtergrond, plus je originele afbeelding als zijn eigen laag, wat later van pas zal komen.
Verwant: Een onderwerp maskeren in Photoshop met behulp van het gereedschap Onderwerp selecteren
Klik op de gemaskeerde laag met de rechtermuisknop op de laag en klik op Converteren naar slim object. Ga dan naar het hoofdmenu en klik op Bewerk > Marionet verdraaiing. Je zult merken dat dit een driehoekig gaas over je geïsoleerde onderwerp toepast, waardoor je het kunt vervormen.
U kunt ervoor kiezen om de mesh zichtbaar te houden, maar het is gemakkelijker om de pinnen toe te voegen en te zien hoe de afbeelding manipuleert als u de mesh-zichtbaarheid uitschakelt. In de mesh-werkbalk bovenaan bevindt zich een schakelknop voor: Mesh tonen. Het maakt niet uit hoe het beeld vervormt of het gaas zichtbaar is of niet, maar het kan u helpen de details van uw onderwerp te zien als u het uitschakelt.
Nu, met de Puppet Warp Tool ingeschakeld, zul je merken dat de cursor als een speld wordt weergegeven. Klik met behulp van de pin op elk ledemaatgewricht op uw onderwerp, waarbij u de natuurlijke bewegingen van het lichaam in gedachten houdt - elke ledemaat heeft slechts één pin nodig.
Nadat je de pinnen hebt geplaatst, kun je de lichaamsdelen als een marionet slepen. Houd rekening met verder kromtrekken; dit is een van de redenen waarom het beter is om het gaas uit te schakelen, zodat je ongewenste kromtrekken kunt zien voordat het te laat is.
We raden aan om elk ledemaat te verplaatsen, zodat niets zich op dezelfde plaats of positie bevindt als het originele beeld. Wees je bewust van natuurlijke lichaamsbewegingen - hoewel Puppet Warp erg intuïtief is, kan het soms onnatuurlijk kromtrekken.
Als je een ledemaat door een bestaand deel van de selectie sleept, kan het naar voren komen, ook al zou het fysiek onmogelijk zijn voor het lichaam om op die manier te bewegen. Als dit gebeurt, klikt u met de rechtermuisknop op het getroffen gebied en klikt u op Naar voren brengen of Terug sturen om het te repareren.
Zodra u uw onderwerp in de gewenste positie hebt vervormd, kunt u eenvoudig op een andere knop in het gereedschapspaneel klikken en een pop-upvenster zal u vragen of u de kromming wilt toepassen. Klik Van toepassing zijn. Je kunt nu je laatste vervormde pop zien.
Hoe u uw marionet kunt animeren in Photoshop
Als je eenmaal je marionet-warp hebt gemaakt, kun je deze gebruiken om een animatie te maken die je in een GIF kunt veranderen. Dit kan gewoon voor de lol zijn in plaats van een serieuze animatie, maar met je kromtrekkende vaardigheden kun je misschien een vloeiende beweging maken voor een langere animatie.
Verwant: Photoshop en After Effects gebruiken om geanimeerde afbeeldingen te maken
Markeer in je Lagenpaneel de gemaskeerde achtergrondlaag en de laag met je geïsoleerde onderwerp, en voeg deze lagen samen door met de rechtermuisknop op een van de twee gemarkeerde lagen te klikken en te klikken Lagen samenvoegen. Je zou je originele afbeelding op de onderste laag moeten hebben en je nieuwe vervormde afbeelding op de bovenste laag.
Klik Venster > Tijdlijn om de animatietijdlijn van Photoshop te openen. Hiermee wordt een van je lagen als een frame in de tijdlijn geplaatst. Klik op de Converteren naar frame-animatie knop in de linkerbenedenhoek van het tijdlijnpaneel, klik vervolgens op de tijdlijnmenuknop aan de rechterkant en klik op Frames maken van lagen. Dit brengt je andere laag(en) in het tijdlijnpaneel.
Klik met al je lagen in de animatietijdlijn op de pijl onder elk frame om de timing in te stellen. Voor een snelle animatie raden we 0.2 voor elk frame aan. Klik Toneelstuk in de tijdlijn om te zien hoe uw animaties eruitzien.
Als u tevreden bent met de resultaten, kunt u deze opslaan. Ga naar Bestand > Exporteren > Opslaan voor internet (verouderd). De meeste instellingen moeten zijn zoals u ze nodig hebt. Zorg ervoor dat u uw bestand opslaat als een GIF, aangezien de andere indelingen geen bewegende beelden toestaan.
Maak leuke animaties in Photoshop
Nu je hebt geleerd hoe je de Photoshop Puppet Warp moet gebruiken, kun je veel afbeeldingen manipuleren voor grappig of realistisch gebruik. Je poppen in een animatie veranderen kan leuk zijn, of gewoon een extra bewerkingsvaardigheid in je achterzak.
Ga je gang en test ze op andere poses, dieren of niet-levende onderwerpen om te zien hoe ver je de Puppet Warp Tool kunt duwen.
Een multipliciteitsafbeelding bevat klonen van een persoon of object om een verhaal te vertellen binnen een enkel frame. Hier leest u hoe u er een maakt in Photoshop.
Lees volgende
- Creatief
- Photoshop-zelfstudie
- Computer animatie
- Foto-editor

Ruby is een schrijver in de categorie Creative van MUO en richt zich op het schrijven over ontwerpsoftware. Ruby heeft gewerkt als ontwerper, illustrator en fotograaf en heeft ook een BA in grafische communicatie en een MA in Engels met creatief schrijven.
Abonneer op onze nieuwsbrief
Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!
Klik hier om je te abonneren