Hoe maak je een GIF in Adobe Photoshop

Hoe maak je een GIF in Adobe Photoshop

GIF's zijn overal. De eens zo bescheiden geanimeerde afbeelding is nu de onofficiële taal van het web. GIF's zijn de snelste manier om een ​​emotie op Twitter te uiten, en je kunt uren verspillen door ze op Reddit en Facebook te bekijken.





Er zijn tal van plaatsen om GIF's te vinden, maar er gaat niets boven het maken van je eigen GIF's. U kunt een geanimeerde GIF in Photoshop maken door video's te converteren of een reeks statische afbeeldingen te gebruiken. Laten we eens kijken hoe we beide kunnen doen.





Maak een GIF in Photoshop van een video

Er zijn veel manieren om converteer een video naar een GIF , en het is ook heel eenvoudig om een ​​GIF in Photoshop te maken met een van je eigen films.





Begin door naar te gaan Bestand > Importeren > Videoframes naar lagen . U hoeft niet eerst een nieuw bestand aan te maken. Selecteer je video en klik op Open .

In het dialoogvenster dat volgt, kunt u kiezen of u de hele video wilt importeren of slechts een geselecteerd gedeelte. Als u voor het laatste kiest, sleept u de trimgrepen onder het voorbeeldvenster naar binnen om nieuwe begin- en eindpunten in te stellen. Alles tussen deze handvatten wordt geïmporteerd; alles buiten weggegooid.



Houd er rekening mee dat hoe meer video je importeert, hoe groter je resulterende GIF zal zijn.

Als u een grote clip importeert, selecteert u Beperk tot elke 2 frames (of meer) is een eenvoudige manier om het formaat te verkleinen zonder al te veel afbreuk te doen aan de kwaliteit. Knip echter niet te veel frames, anders krijg je geen vloeiende GIF.





Zorg ervoor dat Frame-animatie maken is aangevinkt, klik dan op Oke . De video wordt geïmporteerd. Het kan even duren, afhankelijk van hoe groot het is. Als het klaar is, heb je een nieuw afbeeldingsbestand, waarin elk frame van de video op een eigen laag wordt geplaatst.

Onder aan het scherm staat de Tijdlijn palet. Dit toont alle frames waaruit je GIF bestaat, waarbij elk frame overeenkomt met een andere laag in de afbeelding.





U kunt frames toevoegen of verwijderen of een van de bestaande lagen bewerken, net zoals u een normale laag op een andere afbeelding zou doen. Maar voor een rechtstreekse export van een video naar een GIF, drukt u gewoon op de Toneelstuk knop onderaan voor een voorbeeld. Als je tevreden bent, ben je klaar om de GIF op te slaan.

Een GIF exporteren in Photoshop

Ga naar Bestand > Exporteren > Opslaan voor web (verouderd) . Stel in het vak dat wordt geopend het formaat in op GIF, Kleuren tot 256, en verminder de Afbeeldingsgrootte naar iets kleiners als een manier om de algehele bestandsgrootte laag te houden.

U kunt linksonder in het voorbeeldvenster zien hoe groot uw resulterende bestand zal zijn. Als het te groot is, sleept u de verliesgevend schuif naar rechts. Dit heeft invloed op de kwaliteit, maar vermindert ook de bestandsgrootte aanzienlijk.

Eindelijk, hit Opslaan om uw geanimeerde GIF te exporteren.

Maak een GIF in Photoshop met behulp van stilstaande beelden

Als je geen video hebt om te gebruiken, kun je handmatig een GIF maken van een reeks statische afbeeldingen. Er zijn apps om je te helpen foto's animeren op je telefoon , en je kunt het ook in Photoshop doen.

U maakt uw GIF van een enkel afbeeldingsbestand dat meerdere lagen bevat en de lagen worden gebruikt om de inhoud voor elk frame van uw animatie te leveren. Er zijn twee manieren om te beginnen.

Als je de afbeeldingen voor je animatie al hebt gemaakt, importeer ze dan door naar Bestand > Scripts > Bestanden in stapel laden .

hoe ziet het eruit als iemand je blokkeert op snapchat

Klik Bladeren , selecteer alle afbeeldingen die je nodig hebt en druk op Oke . Elke afbeelding wordt dan op zijn eigen individuele laag in hetzelfde bestand geplaatst.

Als alternatief, als je de afbeeldingen nog niet hebt gemaakt, doe dat dan nu. Onthoud dat elk deel van de animatie op zijn eigen laag moet gaan.

Een geanimeerde GIF bewerken in Photoshop

Dit is hoe het werkt:

  • Wanneer u handmatig een frame in de animatie maakt, wordt elke laag in uw afbeelding die is ingesteld op Zichtbaar zal in dat kader worden opgenomen.
  • Lagen ingesteld op Verborgen zal niet worden opgenomen in het frame.

U maakt uw animatie door voor elk frame verschillende lagen in de afbeelding te tonen of te verbergen.

Dus voor het eerste frame wil je misschien de achtergrondlaag instellen op Zichtbaar en alle andere lagen om Verborgen . Dan, in het tweede frame, wil je misschien de tweede laag zichtbaar maken, en dan de derde laag in het derde frame, enzovoort. Het wordt duidelijk als je eenmaal aan de slag bent.

Ga eerst naar Venster > Tijdlijn . Klik in het midden van het paneel dat wordt geopend op Frame-animatie maken . Hiermee wordt het eerste frame van uw animatie gemaakt. In de Lagen palet, verberg de lagen die u niet in dit frame wilt hebben door het vinkje weg te halen bij Oog pictogrammen.

Klik nu op de Nieuw frame knop, die het vorige frame dupliceert. Verberg nogmaals de lagen die u niet in dit nieuwe frame wilt opnemen en maak de lagen die u wel wilt zichtbaar.

Herhaal dit proces totdat je alle frames hebt toegevoegd die je nodig hebt in je GIF.

Stel de framesnelheid in en maak een looping GIF

Stel om af te sluiten de Framevertraging - dit is in feite de framesnelheid. Klik op het eerste frame, dan Shift-klik het laatste kader.

Klik nu op de vervolgkeuzepijl onder een van de frames en selecteer een vertraging. Geen vertraging betekent dat de animatie snel doorloopt, terwijl een bepaald aantal seconden betekent dat elk frame gedurende die tijd op het scherm blijft.

Stel tot slot de Looping-opties , die u onderaan het tijdlijnpaneel vindt. Het stelt in hoe vaak de GIF wordt afgespeeld. In de meeste gevallen wilt u dit instellen op Voor altijd .

Druk nu op de Toneelstuk onderaan het scherm om een ​​voorbeeld van uw GIF te bekijken. Je zou nu je geanimeerde GIF in actie moeten zien.

U kunt frames bewerken door ze te selecteren en aan te passen welke lagen zichtbaar zijn (u kunt ook de dekking aanpassen of andere, meer geavanceerde aanpassingen maken). Voeg meer lagen toe als je ze nodig hebt, of druk op de Prullenbak pictogram om ze te verwijderen.

Als je tevreden bent, kun je doorgaan naar het gedeelte Een GIF exporteren. Of lees verder om de animatie te verfijnen en een vloeiende GIF te maken.

Geavanceerde animaties met tweening

Photoshop ondersteunt een krachtige animatiefunctie genaamd tweening. Hiermee kunt u vloeiende GIF-animaties maken door automatisch overgangsframes te genereren tussen twee bestaande frames.

Stel bijvoorbeeld dat u een laag wilt laten infaden. U zou één frame maken met die laag ingesteld op Verborgen , en een andere met het ingesteld op Zichtbaar . Dan zou je tussen die twee frames 'tweeten' en Photoshop doet de rest.

In ons voorbeeld gaan we tussen alle frames tween om onze sterrenhemel meer een fonkelend effect te geven.

Selecteer eerst het eerste frame en klik op de Tween op de werkbalk onder aan het deelvenster Tijdlijn.

In het dialoogvenster dat wordt geopend, stelt u in Tween met tot Volgende frame , en Frames om toe te voegen tot het aantal overgangsframes dat u wilt. Een hoger getal betekent een vloeiender maar langzamer effect. Klik Oke om de nieuwe frames te genereren.

hoe liedjes gratis te downloaden

Herhaal nu het proces voor de andere originele frames die u hebt gemaakt. Wanneer je de laatste krijgt, wil je misschien instellen Tween met tot Eerste frame . Dit helpt bij het creëren van een soepele overgang terug naar het begin van een lopende GIF.

Druk op de Toneelstuk om een ​​voorbeeld van het effect te bekijken.

Een GIF exporteren in Photoshop

Als u klaar bent, moet u eerst uw bestand opslaan in de PSD-indeling. Hiermee wordt alle laag- en animatie-informatie opgeslagen, zodat u later terug kunt komen en deze indien nodig kunt bewerken. Daarna kunt u het exporteren als een GIF.

Ga naar Bestand > Exporteren > Opslaan voor web (verouderd) . Controleer in het dialoogvenster dat wordt geopend of het formaat is ingesteld op GIF, en de Kleuren optie is ingesteld op 256 (dit zorgt voor maximale kwaliteit).

Andere instellingen die u mogelijk wilt wijzigen, zijn de Afbeeldingsgrootte en Looping-opties als je dat niet eerder hebt gedaan.

Het voorbeeldvenster laat zien hoe groot het bestand zal zijn wanneer u het opslaat. U kunt ook op de klikken Voorbeeld om de animatie in een browservenster te testen. Klik ten slotte op Opslaan om uw GIF op te slaan en te exporteren.

GIF's maken en bewerken in Photoshop

Het is vrij eenvoudig om een ​​GIF te maken in Photoshop, en het is de moeite waard om te doen omdat het je volledige controle geeft over het resultaat.

En maak je geen zorgen als je geen Photoshop hebt. Er zijn tal van goedkopere editors die ook GIF-making-functionaliteit hebben.

Deel Deel Tweeten E-mail De 5 beste GIF Maker-apps voor je smartphone

Soms is de juiste GIF voor uw behoeften niet online beschikbaar. Daarom heb je een van deze GIF-maker-apps nodig.

Lees volgende
Gerelateerde onderwerpen
  • Creatief
  • Adobe Photoshop
  • GIF
  • Photoshop-zelfstudie
Over de auteur Andy Betts(221 artikelen gepubliceerd)

Andy is een voormalig printjournalist en tijdschriftredacteur die al 15 jaar over technologie schrijft. In die tijd heeft hij bijgedragen aan talloze publicaties en copywritingwerk voor grote techbedrijven. Hij heeft ook deskundig commentaar geleverd voor de media en heeft panels gehost op branche-evenementen.

Meer van Andy Betts

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