Hoe maak je een GIF in Photoshop (of een gratis alternatief)

GIF's zijn geweldig. Ze zijn als de flipbooks van het internet -- geweldig om gedachten en emoties in woorden over te brengen kan het niet beschrijven, omdat ze de capriolen van je schattige huisdieren laten zien of je een goed geven grinniken.

Inhoud

  • Een geanimeerde GIF maken van een video (Photoshop)
  • Een geanimeerde GIF maken met stilstaande beelden (Photoshop)
  • Een geanimeerde GIF maken met stilstaande beelden (gratis)
  • Stel eerst uw stilstaande beelden in
  • Een geanimeerde GIF maken met een gratis tool
  • Hoe maak je een geanimeerde GIF van een video (gratis)
  • Hoe maak je een GIF van een YouTube-video

Misschien heb je een GIF op je telefoon gebruikt om een ​​grappige animatie naar een vriend te sturen, of heb je ze zien verschijnen in de reacties op Facebook. Maar heb je ooit je eigen GIF gemaakt? Je hebt misschien ideeën voor de grootste GIF's, maar misschien weet je niet hoe je die droom kunt waarmaken. Maak je geen zorgen: deze eenvoudige tutorial zou je door het proces van het maken van eersteklas GIF's moeten leiden, zelfs als we je niet definitief kunnen vertellen hoe je het moet uitspreken.

Aanbevolen video's

Gematigd

20 minuten

  • Photoshop of een gratis online tool zoals Giphy

  • Stilstaande beelden die u voor uw GIF wilt gebruiken

  • Een video waarvan je je GIF wilt maken

  • Een pc

Een geanimeerde GIF maken van een video (Photoshop)

Voordat we meteen naar de tutorial gaan, moeten we de olifant in de kamer aanspreken. Adobe Photoshop is waarschijnlijk de beste software die beschikbaar is voor het maken van GIF's (of het bewerken van afbeeldingen in het algemeen). Als u geen Photoshop heeft, kunnen andere programma's u een deel van dezelfde functionaliteit bieden, zoals GIMP, maar als je serieus wilt worden met het maken van GIF's, is Photoshop de juiste keuze.

Stap 1: Zoek een goede videoreeks op internet die u in een GIF wilt veranderen. Dit kan praktisch alles zijn, maar probeer een clip te kiezen die niet te lang is, want beknoptheid is de sleutel tot een goede GIF.

Stap 2: Sla de video op uw computer op. Bekijk onze gids op hoe YouTube-video's te downloaden als je hulp nodig hebt bij het rippen van beeldmateriaal van internet. Trim de beelden tot alleen de lengte die u wilt dat de GIF afspeelt. Twee of drie seconden is geweldig, vijf is duwen, en 10 of meer is mogelijk met de juiste hak, maar het bestand zal groot zijn en moeilijk om mee te werken. De algemene vuistregel is om uw idee in zo min mogelijk frames over te brengen.

Verwant

  • Beste Adobe Photoshop-deals: ontvang de fotobewerkingssoftware gratis
  • PDF-bestanden combineren op Windows, macOS of internet
  • Hoe een webpagina als pdf op te slaan

Stap 3: Open de video met Photoshop. Navigeer hiervoor naar Bestand > Importeren > Videoframes naar lagen. Selecteer het gewenste videobestand en Photoshop opent het als een reeks stilstaande beelden. Je kunt ervoor kiezen om de hele video van begin tot eind te importeren of schuifregelaars gebruiken om een ​​kleiner deel van de clip te selecteren. U kunt de import beperken tot elk ander (of elk derde, vierde, enz.) frame om het bestand kleiner te maken, maar hierdoor wordt de video ook schokkeriger.

Een video importeren in lagen in Photoshop.

Stap 4: Knoeien met de instellingen. U kunt op dit moment de kleurbalans en dergelijke met Photoshop aanpassen als u dat wilt. Als je alles er perfect uitziet, ga dan naar Bestand > Sparen voor internet. Je krijgt dan een venster te zien dat er ongeveer zo uitziet:

GIF-instellingen in Photoshop.

Stap 5: Je kunt deze instellingen aanpassen om je GIF kleiner te maken. In het ideale geval wilt u het niet groter maken dan 1 MB, zodat het niet lang duurt om op webpagina's te laden. Speel met al deze totdat je een goede plek vindt.

  • kleuren: Dit beperkt het aantal kleuren dat wordt gebruikt om de afbeelding te maken, dus hoe hoger, hoe beter (GIF's zijn beperkt tot maximaal 256 kleuren). Ga alleen naar 128 of lager als het moet of als je GIF in de eerste plaats niet veel kleur heeft.
  • Dither: Dithering verstrooit verschillende gekleurde pixels in een afbeelding om het te laten lijken alsof er tussenliggende kleuren zijn in afbeeldingen met een beperkt kleurenpalet. Hogere instellingen leveren mooiere afbeeldingen op, maar hierdoor wordt het bestand ook groter.
  • met verlies: Gebruik deze instelling om een ​​opzettelijke kwaliteitsvermindering toe te passen. Een lagere instelling is beter, maar er kan wat kwaliteitsverlies nodig zijn om uw bestand klein genoeg te maken.
  • Maat: Het wijzigen van de afmetingen van uw GIF kan een enorme impact hebben op de bestandsgrootte.

Stap 6: Sla op en deel! Selecteer de Redden knop om uw creatie af te ronden. Als je klaar bent, kun je het uploaden naar een gratis site voor het hosten van afbeeldingen, zoals Imgur om het te delen met je vrienden en in te sluiten in blogs en websites.

Een geanimeerde GIF maken met stilstaande beelden (Photoshop)

U kunt ook geanimeerde GIF's maken in Photoshop door stilstaande beelden aan elkaar te rijgen. Dit proces bestaat uit het in lagen aanbrengen van elk frame van onder naar boven en het vervolgens rangschikken van de lagen met behulp van de animatie-/tijdlijntool van Photoshop.

Stap 1: Verzamel de stilstaande beelden die u wilt rangschikken voor uw GIF en plaats ze in een enkele map. Kies vervolgens in Photoshop Bestand > Scripts > Laad bestanden in de stapel. Selecteer vervolgens Bladeren en kies de afbeeldingen op je bureaublad die je aan elkaar wilt rijgen tot een GIF.

Stap 2: Selecteer OK, en een nieuwe compositie zou moeten openen met deze foto's die nu worden weergegeven als afzonderlijke lagen in één afbeelding. Schik ze dienovereenkomstig; je eerste frame zou de onderste laag moeten bezetten, enzovoort.

Stap 3: U kunt ook elke laag afzonderlijk in Photoshop zelf maken in plaats van uw foto's in batches als lagen te uploaden. Voer Photoshop uit en maak een nieuwe afbeelding door te selecteren Bestand > Nieuw en dan selecteren OK. Ontgrendel vervolgens de achtergrondlaag door tweemaal de te selecteren Slot pictogram, maak een nieuwe laag door te openen Laag > Nieuw… > Laagen ontwerp elk frame dienovereenkomstig.

Stap 4: Nogmaals, rijg je animatie van onder naar boven. (Dit proces werkt als u een oudere versie van Photoshop gebruikt die niet beschikt over de optie "Bestanden in stapel laden".) Laad uw foto's naar Photoshop, sleep ze naar uw nieuwe project en verklein de nieuw gemaakte lagen dienovereenkomstig met behulp van de transformatietool van Photoshop (Bewerking > Gratis transformeren of Ctrl+T), sleep vervolgens de hoeken om het formaat van het object te wijzigen).

U wilt dat uw resultaat er zo uitziet, met elk frame van de animatie gescheiden als een laag en chronologisch gerangschikt van onder naar boven:

Lagenscherm in Photoshop.

Stap 5: Nu je je lagen dienovereenkomstig hebt gerangschikt, kun je beginnen met het rangschikken van je lagen. Nogmaals, dit proces is afhankelijk van de versie van Photoshop die u gebruikt. Als je nog steeds CS5 of lager gebruikt (hey, we zullen niet oordelen), ga dan naar het animatievenster door te openen Venster + Animatie. Selecteer ook Venster + tijdlijn in Photoshop CS6 en Photoshop CC om toegang te krijgen tot het tijdlijnvenster. Selecteer voor Photoshop CC de Drop-down menu in het midden van het tijdlijnvenster en selecteer Frame-animatie maken.

Stap 6: Nadat u de sequencing-tool van Photoshop hebt geopend, selecteert u de Kleine, naar rechts gerichte pijl in de rechterbovenhoek en kies vervolgens Maak kaders van lagen.

U kunt ook de Pijl naar rechts om handmatig een nieuw frame te maken (of u kunt de sneltoetsopdracht gebruiken Ctrl > Verschuiving > alt > F).

Stap 7: Selecteer vanaf daar de Oog pictogram naast elke laag om de lagen te verbergen die u niet wilt weergeven in het frame dat u hebt gemaakt.

Laag 3-scherm in Photoshop.

Stap 8: Gebruik vanaf hier het menu onder elk frame om de duur ervan te wijzigen. Het menu in de linkerbenedenhoek bepaalt hoe vaak je GIF opnieuw wordt afgespeeld - stel het in op Voor altijd als je wilt dat het eindeloos doorloopt.

Stap 9: Gefeliciteerd! U hebt een geanimeerde GIF gemaakt met behulp van stilstaande beelden en nu hoeft u deze alleen nog maar uit Photoshop te exporteren met behulp van het hierboven beschreven proces. Voor een korte samenvatting:

Ga naar Bestand > Sparen voor internet. Vergeet niet om je GIF niet groter te houden dan 1 MB. Pas indien nodig de kleur-, dither-, verlies- en grootte-instellingen aan totdat het formaat van uw GIF dienovereenkomstig is aangepast. Als je tevreden bent, sla je je nieuw geslagen GIF op.

Een geanimeerde GIF maken met stilstaande beelden (gratis)

Als u geen toegang heeft tot Photoshop, er zijn gratis methodes je kunt gebruiken om een ​​GIF te maken, hoewel de kwaliteit van het eindproduct misschien niet zo hoog is. Er zijn dus verschillende gratis programma's (zoals GIMP of Pixlr) die de basisfuncties van Photoshop bieden waardoor je stilstaande beelden kunt maken en ze achter elkaar kunt afspelen, en websites waar je GIF's uit kunt knippen video. Geen van deze processen zal zo effectief zijn als Photoshop, maar ze zijn goedkoper en vrij eenvoudig.

Stel eerst uw stilstaande beelden in

Met verschillende in-browser-apps kun je GIF's maken van een reeks stilstaande beelden. Als voorbeeld zullen we gebruiken Ezgif. Op deze site kun je een reeks afbeeldingen uploaden, ze ordenen en er een geanimeerde GIF van maken. Hiervoor is natuurlijk een reeks afbeeldingen nodig die op volgorde werken. Om dit te doen, hebben we een gratis Photoshop-vervanger nodig. We zullen gebruiken Pixlr in dit voorbeeld.

Stap 1: Het eerste dat u moet doen, is een nieuwe afbeelding uploaden. Kies de canvasgrootte, maar houd er rekening mee dat hoe groter de bestandsgrootte van een GIF, hoe langzamer deze wordt geladen, dus probeer de hoeveelheid dingen die op het canvas passen te verminderen. Eenvoudiger en kleiner is vaak beter.

Stap 2: Zodra je een canvas hebt, maak je het eerste frame van je GIF. Voor dit voorbeeld gebruiken we het vormgereedschap om een ​​persoon te maken uit een cirkel, rechthoeken en lijnen, waarbij we deze afbeelding opslaan om het eerste frame te maken.

Het animatieproces bestaat uit het afspelen van een reeks afbeeldingen met kleine wijzigingen om de illusie van beweging te wekken. Om een ​​GIF te maken, moet je meerdere afbeeldingen maken, elk met een kleine afwijking van de vorige. Omwille van de eenvoud zal deze GIF maar een paar frames hebben, dus het zal niet mooi zijn, maar het zou het concept moeten illustreren.

Stok figuur persoon stilstaand beeld.

Stap 3: Voor het volgende frame laten we de figuur zijn armen opheffen door ze te wissen en nieuwe armen omhoog te trekken. Sla de afbeelding op om het tweede frame te maken.

Tweede stilstaand beeld van GIF-afbeelding met stokfiguur. Deze stokfiguur heeft beide armen in de lucht.

Stap 4: Vervolgens gebruiken we de Type tool om tekst te laten verschijnen, en we slaan deze afbeelding op als het derde frame.

Derde stilstaand beeld van stokfiguur. Deze heeft het woord Zie! ben ermee bezig.

Stap 5: Vervolgens voegen we wat meer tekst toe en slaan deze op als het vierde frame.

Dit is het vierde stilstaande beeld van de stick figure GIF. Deze heeft de woorden Behold! Een GIF! eraan toegevoegd.

Een geanimeerde GIF maken met een gratis tool

Met onze frames klaar, zullen we ze uploaden naar Ezgif. Zo voltooi je het maken van je GIF met Ezgif:

Stap 1: Selecteer het tabblad met het label GIF-maker en selecteer de Bladeren knop. Selecteer alle afbeeldingsbestanden die aan uw GIF zijn gekoppeld.

Stap 2: Selecteer vervolgens de knop met het label Upload en maak een GIF!. Als de afbeeldingsbestanden klaar zijn met laden, controleer dan of ze in de juiste volgorde staan. U kunt ook de vertragingstijd instellen, de tijd tussen frames, en kiezen hoe vaak (of helemaal niet) u de GIF wilt herhalen.

De walkthrough van de GIF-maker van de EZGIF-website.

Stap 3: Als u klaar bent, selecteert u de knop met het label Maak een GIF!

Stap 4: Uw GIF zou dan moeten verschijnen, samen met knoppen om deze te bewerken of op te slaan op uw computer.

De GIF opslaan die is gemaakt op EZGIF.

Hoe maak je een geanimeerde GIF van een video (gratis)

Als je een bepaald fragment van een video voor een GIF wilt gebruiken, kunnen talloze sites je helpen om ze te maken met heel weinig input van jouw kant. Ezgif, Giphy, ImgFlip, Gfycat, en vele andere online services stellen je in staat om GIF's te maken zonder de hulp van een creditcard, hoewel het gemak gepaard gaat met een opoffering van het niveau van controle dat je hebt.

Stap 1: Het gebruik van een van deze online tools is ongelooflijk eenvoudig. Als voorbeeld gebruiken we Giphy. Op deze site kun je de URL voor een bepaalde video plakken of een videobestand vanaf je computer uploaden. Voer de URL in of upload je video en ga verder met stap 2.

De GIF-maker van de Giphy-website.

Stap 2: Zodra je dat hebt gedaan, kun je het punt in de video kiezen waar de GIF zal beginnen en kiezen hoe lang de GIF zal draaien. U kunt desgewenst ook een onderschrift invoeren.

De lengte van een GIF bewerken in Giphy.

Stap 3: Zodra u over die elementen hebt beslist, selecteert u de GIF maken knop, en laat de site voor de rest zorgen.

Het proces is min of meer hetzelfde voor andere sites, waaronder ImgFlip. Als u echter meer controle wilt over de resulterende kwaliteit van uw GIF, moet u waarschijnlijk bij Photoshop blijven. Dat gezegd hebbende, voor basis video-naar-GIF-functionaliteit zouden sites zoals Giphy prima moeten werken.

Hoe maak je een GIF van een YouTube-video

U kunt de bovenstaande sites en meer gebruiken om een ​​GIF te maken van een YouTube-video. We hebben ook een stappenplan dat je kan helpen maak geweldige GIF's van elke YouTube-video.

En dat is het! Je bent nu een GIF-goeroe (of een GIF Jedi, als je de voorkeur geeft aan de zachte "g"-uitspraak), en je social media-feeds staan ​​op het punt oneindig veel spannender te worden.

Hoewel we u waarschijnlijk moeten waarschuwen: met grote macht komt grote verantwoordelijkheid. Kies uw momenten verstandig en overspoel uw vrienden niet met een overweldigende aanval van laagwaardige katten-GIF's, hoe schattig ze ook zijn. Er is een tijd en plaats, en kwaliteit gaat altijd boven kwantiteit. De GIF is misschien bescheiden, maar het is ook een legende; het verdient uw respect. Bestudeer het, oefen het, beheers het.

Aanbevelingen van de redactie

  • Een screenshot maken op je Mac: de beste methoden in 2023
  • Afdrukken vanaf een Chromebook - op de gemakkelijke manier
  • Hoeveel RAM heb je nodig?
  • De beste gratis software voor ouderlijk toezicht voor pc, Mac, iOS en Android
  • Hoe games op Steam cadeau te doen