Hoe u uw eigen aangepaste GIF met Photoshop kunt animeren

Het creëren van geheel nieuwe animaties in Photoshop lijkt misschien ontmoedigend, maar in feite zijn ze heel eenvoudig. Start Photoshop en pak een aantal van uw bestanden. Het is tijd om de broek van je vrienden te irriteren met veel geanimeerde GIF's!

We hebben het gehad over enkele eenvoudige manieren om video- en YouTube-raps om te zetten in geanimeerde GIF's, maar vandaag laten we je zien hoe je een eenvoudige animatie kunt maken zonder videobestanden te gebruiken. Blijf lezen - deze is erg leuk.

Animaties maken met de animatiegereedschappen van Photoshop

Voor een eenvoudige animatie maken we een deel van de afbeelding op een aparte laag die we kunnen verplaatsen. We zullen alleen de beweging van de ogen animeren, maar je kunt op deze manier elke vorm van animatie maken, inclusief daadwerkelijke handgetekende animaties of bewegende foto's.

Ongeacht wat je wilt animeren, begin met minstens twee lagen. In ons voorbeeld gebruiken we het HTG-logo en bewegen we zijn ogen naar een tweede laag die we kunnen gebruiken om de beweging te animeren.

Om aan de slag te gaan, trekt u aan het animatiescherm. Vind het door naar Venster> Animatie te gaan.

Het paneel verschijnt onderaan het venster en is vrij eenvoudig te gebruiken. Elk nieuw "frame" van de animatie is een soort momentopname van het bestand. Klik op de in het animatiescherm wanneer u een nieuwe momentopname uit de huidige status van het bestand wilt maken. Maar nog niet!

Met dit paneel kunt u ook een "vertraging" instellen voor elk afzonderlijk frame, dit betekent hoe lang (in hele of fracties van een seconde) het op het scherm wordt weergegeven voordat u doorgaat naar het volgende frame. 25 frames per seconde (0,04) is een standaardtarief voor animatie, maar misschien een beetje snel voor geanimeerde GIF's. Voor ons voorbeeld hebben we met een vertraging van 0,05 gecompromitteerd, die je ook kunt gebruiken. Als u een ander aantal frames per seconde wilt gebruiken, deelt u 1 door het aantal frames om de juiste vertragingstijd te krijgen. (Bijvoorbeeld: 1 seconde gedeeld door 25 frames is gelijk aan 0,04 vertragingstijd.)

Het idee is om de ogenlaag naar binnen te verplaatsen kleine verhogingen en maak onderweg foto's. We zullen de gebruiken gereedschap verplaatsen (sneltoets "V") en onze laag aanstoten door de pijltjestoetsen. In ons voorbeeld hebben we een momentopname gemaakt na elke twee pixels of zo te hebben gepusht.

Door op te klikken in het paneel kunt u nieuwe kaders zien die in de animatie zijn gemaakt. Ze nemen de tijdvertraging van het frame voor zich op, dus u wilt misschien eerst de juiste vertraging kiezen, zodat u niet heel veel frames hoeft te veranderen als u klaar bent met het maken van de foto's.

(Opmerking van de auteur: als je op mij lijkt, zul je hoe dan ook de vertraging nog een paar duizend keer aanpassen. De dingen werken niet altijd zoals jij het wilt!)

Leg je frames neer terwijl je doorgaat en gebruik je lagenpaneel om je voorwerp te verplaatsen (in ons voorbeeld de ogen), hoe je het ook wilt, en neem heel veel snapshots. Onthoud dat ongeveer 25 seconden gelijk zijn aan één seconde, dus maak je snapshots dienovereenkomstig.

U kunt ook de vertraging van meerdere frames tegelijk bewerken door de Shift-toets te gebruiken en veel of alle frames te selecteren en de vertraging te wijzigen. Merk op dat je je vertraging onderaan naar "Andere ..." kunt instellen om onze aangepaste vertraging van 0,05 te gebruiken.

Navigeer naar Bestand> Opslaan voor web en apparaten om de tool met dezelfde naam te openen.

Met deze tool kunt u een browservriendelijke geanimeerde GIF maken en deze in de tool testen (zoals hierboven getoond, waar de pijlcursor staat). Zorg ervoor dat u uw bestandstype instelt op GIF en gebruik een van de instellingen Perceptueel, Selectief of Adaptief. Deze kunnen je afbeelding op verschillende manieren veranderen, maar voor velen van jullie zullen vrijwel identieke resultaten opleveren. Om de bestandsgrootte te verkleinen, kunt u uw Afbeeldingsgrootte (naar de bodem) en uw aantal kleuren (in de rechterbovenhoek). U kunt ook uw bestandsgrootte verkleinen door geen transparantie toe te voegen, hoewel we dit in ons voorbeeld niet hebben gedaan (whoops!).

En onze geanimeerde GIF is klaar om op internet te zetten om vreugde te scheppen, te shockeren en ontzag te scheppen.

En dat ongeveer wraps het voor animatie. Gedachten of vragen over onze methode? Heb je een betere methode, of een paar simpelere technieken? Wil je iets geavanceerder zien? Vertel ons meer over hen in de comments, of stuur ons je gedachten op [email protected], en we kunnen ze opnemen in een aankomend grafisch artikel.