Hoe maak je een gif animatie?

header

I love animated gifs and they are so easy to make! Today I’m going to show you how.
Gifjes, ik ben er gek op. Ze zijn vaak grappig, droog en heel erg simpel. Soms kun je er net wat meer mee vertellen dan een stilstaand plaatje. Een gifje maken is heel makkelijk, vandaag laat ik zien hoe het moet!

club_sandwich_teamconfetti

Dit is een gifje. Een plaatje wat meerdere afbeeldingen achter elkaar laat zien en daarna weer overnieuw begint. Bovenstaande gif maakte ik om op een simpele wijze te laten zien wat er allemaal op een club sandwich gaat. Ik zal nu uitleggen hoe ik dit heb gemaakt:

Allereerst verzamel je de afbeeldingen die je voor de gif wil gebruiken. Hoeveel het er zijn maakt niet uit. Maar hoe meer afbeeldingen je gebruikt, hoe zwaarder hij wordt. Zorg dat alle afbeeldingen even groot zijn en dezelfde verhouding hebben.

Voor het maken van de gif gebruik ik een website genaamd makeagif.com. Schrijf je eerst even in, dat is heel simpel. De website slaat je gifjes op en onthoudt je naam zodat je de volgende keer meteen weer aan de slag kunt.

To make a gif you go to makeagif.com and register, it’s really easy. 

how_to_mak_an_animated_gif_1

Homepage.
Als je je hebt ingelogd, ga je naar de hoofdpagina, waar je dit te zien krijgt. Je kunt op verschillende manieren een gif maken, wij doen het met losse plaatjes, dit geeft, vind ik, het leukste effect.

how_to_mak_an_animated_gif_2

Add pictures.
Klik op Add Pictures en selecteer de afbeeldingen die je wil gebruiken. Sla voordat je hiermee begint de plaatjes op met een oplopend cijfer, zodat je weet op welke volgorde ze moeten komen. Dat is makkelijker selecteren.

how_to_mak_an_animated_gif_3

Choose animation speed. I chose slower.
Klik op Continue. Dan krijg je dit scherm te zien. Kies je snelheid. Dit moet je een beetje inschatten, want je krijgt geen voorbeeld te zien. Als je een paar keer een gif hebt gemaakt voel je dit vanzelf aan en anders maak je hem nog een keer opnieuw om het verschil te zien. Ik heb voor slower gekozen zodat je goed kunt zien wat er allemaal op mijn broodje gaat.

how_to_mak_an_animated_gif_4

Resize your images. Choose custom.
Wil je je gif gebruiken voor op je website of blog, dan wil je waarschijnlijk dat hij een bepaalde breedte heeft. Kies bij Resize Your Images Custom.

how_to_mak_an_animated_gif_5

To find out the height and width of your pictures, select Image Size…
Wil je erachter komen wat de breedte en de hoogte is van je plaatjes die straks een gif gaan worden, kijk dan in Photoshop (of een ander beeldbewerkingsprogramma). In Photoshop ga je naar Image en kies je Image Size…

how_to_mak_an_animated_gif_6

Check height and width.
Mijn afbeelding is 690 pixels breed en 676 pixels hoog.

how_to_mak_an_animated_gif_8

Fill in the rest of the boxes and click Create your gif.
Vul deze waarden en de overige vakjes in en klik op Create your gif.

how_to_mak_an_animated_gif_10

Your gif is ready to download. Be sure so save as .gif
En je gif is klaar! Je kunt hem nu downloaden. Let erop dat je je gif opslaat als .gif. Mijn gif heet nu dus clubsandwich.gif

Heel erg veel plezier met gifjes maken! Heb je een leuk gifje gemaakt, laat dan een linkje achter in de comments!

REACTIES:

  1. Frauke

    Ahhh leuk hè, gifjes! Ik maak ze altijd met een fotobewerkingsprogramma (wow, zo’n woord :p) op mijn computer, vind het altijd zo’n grappig effect geven :).

    Reageren
  2. Denise

    Bedankt voor je heldere uitleg, ben nogal onhandig als het om dit soort dingen gaat. Wie weet ga ik het een keer proberen want je clubsandwich.gif was erg leuk!!

    Reageren
  3. Tamara

    Handige uitleg! Zelf gebruik ik het liefst Photoshop of Fireworks, maar met deze tool krijg je ook goede kwaliteit. En je sandwich gif had ik nog niet eerder gezien, maar die is erg leuk geworden!

    Reageren
      1. Meike

        Als je een uurtje hebt ;) Heel kort door de bocht uitgelegd, in Photoshop heb je onder het menu ‘Window’ > ‘Animation’.
        Wanneer je deze aanklikt dan krijg je onderin je scherm animatie frames, deze kun je vervolgens aanvullen met verschillende plaatjes en aangeven hoelang ze in beeld moeten. Als je klaar bent kies je ‘Save for web and devices’ en maakt ie er vanzelf een GIF van.

        Hier een simpele video tutorial: https://www.youtube.com/watch?v=T9TN5tPcfIs

        Reageren
  4. Debbie

    Wat leuk, die site is wat uitgebreider dan die ik vorige keer heb gebruikt toen ik een gifje nodig had. Ik ga ‘m aan mijn favorieten toevoegen. Thanks.

    Reageren

Laat een antwoord achter aan Meike Reactie annuleren

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *