GIF-bestanden zijn een van de meest gebruikte grafische formaten op het World Wide Web. Deze afbeeldingsbestanden, die tot 256 verschillende kleuren kunnen bevatten, zijn vooral populair vanwege de mogelijkheid om geanimeerde afbeeldingen en tekst weer te geven, net als een video. Met een aantal gratis webtools kan iedereen binnen enkele minuten zijn eigen GIF's maken van reeds bestaande video's of afbeeldingen, terwijl ervaren gebruikers software zoals Photoshop of Gimp kunnen gebruiken om helemaal opnieuw geanimeerde GIF's te maken. Laten we nu creatief worden!
Stappen
Methode 1 van 5: Een geanimeerde-g.webp" />
Stap 1. Kies een gerenommeerde video-naar-GIF-conversie-app
Er zijn er veel om uit te kiezen, zoals Giphy-g.webp
- Als je liever een app downloadt, lees dan veel recensies in de app store van je apparaat. Download en voer nooit software uit van een site die u niet vertrouwt.
- De twee genoemde apps kunnen GIF's maken van maximaal 15 seconden aan online video. Dit is gebruikelijk.
- De meeste converters vereisen dat je video wordt geüpload naar een website zoals YouTube of Vimeo waarmee je video's openbaar kunt delen. Anderen, zoals Giphy, laten je ook toe om je eigen video te uploaden.
Stap 2. Kies je bronvideo
Zoek online een video (of op uw apparaat als u een site zoals Giphy gebruikt) die tussen de 0,5 en 15 seconden beweging heeft om in een-g.webp
Stap 3. Laad de video in de converter
Deze stap zal voor verschillende apps anders zijn.
- Als je een video gebruikt op een site als YouTube, open je de video in je browser. Kopieer de volledige URL van het videobestand uit de adresbalk en plak het in het daarvoor bestemde vak in de video-naar-GIF-converter-app. In het vak moet iets staan als 'Plak hier URL'. Druk op ↵ Enter of klik op OK.
- Als je video uploadt, zoek je de knop op de video-naar-gif-conversietool (het zou zoiets moeten zeggen als "Blader door je videobestanden") en selecteer het gewenste bestand.
Stap 4. Definieer de lengte van je GIF
Elke site heeft verschillende bewerkingsopties, maar je kunt allemaal een specifiek gedeelte van de video definiëren om naar een-g.webp
Stap 5. Voeg tekst toe aan je GIF
Met bijna elke video-naar-GIF-maker kun je wat tekst of andere flair aan je-g.webp
Stap 6. Maak het bestand aan
Als je klaar bent met het creatieve proces, klik je op '-g.webp;
- Als uw-g.webp" />
- U kunt uw-g.webp" />
Methode 2 van 5: Een geanimeerde-g.webp" />
Stap 1. Verzamel een reeks afbeeldingen
Als je een geanimeerde-g.webp
Stap 2. Kies een afbeelding-naar-GIF-converter
Er zijn veel om uit te kiezen, zoals GifCreator en GIFMaker Video Maker. Beide apps, en vele andere, zijn toegankelijk op internet - geen downloads vereist.
- Deze converters hebben over het algemeen vergelijkbare functies, waaronder de mogelijkheid om de grootte van elk frame aan te passen en de animatiesnelheid te regelen. Ze kunnen ook worden gebruikt op alle mobiele apparaten met webbrowsers.
- Er zijn ook apps beschikbaar om te downloaden waarmee je GIF's kunt maken, maar veel van de gratis apps zitten vast met advertenties. Als je een app wilt downloaden, zorg er dan voor dat je de recensies van elk product leest voordat je het downloadt.
Stap 3. Upload je eerste afbeelding naar de converter
Open de converter in je browser en zoek de knop die iets zegt in de trant van "Afbeeldingen uploaden" (afhankelijk van de converter die je gebruikt). Er zou een bladervenster moeten verschijnen, zodat u uw eerste afbeelding kunt selecteren. Dubbelklik op de afbeelding of selecteer deze en klik op 'Openen'. U zou een miniatuur in de converter moeten zien verschijnen.
Stap 4. Pas de grootte van de afbeelding aan
De meeste converters zullen ook enkele aanpasbare instellingen onder de afbeelding weergeven, zoals grootte of herhalingstijden. U kunt de schuifregelaars nu verplaatsen om deze aspecten aan te passen. U kunt er later ook op terugkomen door op de miniatuur van de afbeelding te klikken.
Stap 5. Upload en pas meer afbeeldingen aan
Upload extra foto's door op de knop "Afbeeldingen uploaden" te klikken. Met de meeste converters kun je de afbeeldingen slepen om ze in verschillende volgorden te rangschikken, dus maak je geen zorgen als je ze in de verkeerde volgorde uploadt. U kunt ook de grootte van elke afbeelding aanpassen. Als je converter nog geen voorbeeld van de animatie laat zien, zoek dan naar een knop met de tekst 'Voorbeeld' of 'Afspelen' om je werk te controleren.
Stap 6. Maak het GIF-bestand
Als je klaar bent met het aanpassen van de volgorde en grootte van je animatie, klik je op 'GIF-animatie maken' of '-g.webp;
Methode 3 van 5: Een geanimeerde-g.webp" />
Stap 1. Open GIMP
Als je helemaal opnieuw een geanimeerde-g.webp
Stap 2. Maak een nieuwe afbeelding
Klik in het menu Bestand op 'Nieuw'. Er verschijnt een dialoogvenster met opties voor uw nieuwe afbeelding:
- U ziet twee vakken met de tekst Breedte en Hoogte, gevolgd door 'px', wat 'pixels' betekent. Typ uw gewenste grootte (in pixels) in elk vak. Als u zich meer op uw gemak voelt bij het visualiseren van inches, kiest u "in" uit de lijst en typt u de gewenste afbeeldingsgrootte.
- Kies naast 'Vullen met' een kleur die je wilt gebruiken voor de achtergrond van je GIF. Er zijn twee vakken onder de zijwerkbalk gevuld met kleuren. Als u "Voorgrondkleur" selecteert, wordt de kleur van het voorste vierkant als afbeeldingskleur gebruikt en "Achtergrondkleur" gebruikt de achterste vierkante kleur.
- Klik op "OK" om uw afbeelding te maken.
Stap 3. Maak het Lagendok zichtbaar
Open het menu "Windows" en selecteer "Dockable Dialogs". Selecteer "Lagen" in de lijst.
Stap 4. Maak een nieuwe laag voor je eerste element
Elk stuk van je animatie moet op een aparte laag staan. Klik op het kleine vierkante stuk papier in de linkerbenedenhoek van het vak Lagen om het dialoogvenster Nieuwe laag te openen.
- Typ een naam voor je laag naast "Laagnaam", zodat je later gemakkelijk tussen lagen kunt schakelen.
- Om een naadloze animatie te garanderen, stelt u de kleur in op 'Transparant' en klikt u vervolgens op 'OK'.
Stap 5. Voeg afbeeldingen of tekst toe aan de laag
Als je hier later op wilt tekenen, klik je op het penseelpictogram in de zijbalk, selecteer je een kleur en teken je je afbeelding. Om tekst in te voegen, klik je op de "A" in de zijbalk en klik je ergens om te beginnen met typen.
- Alles wat u in deze laag plaatst, wordt samen geanimeerd. Met andere woorden, als u wat tekst typt en een afbeelding op deze laag tekent, bevinden deze twee elementen zich in hetzelfde frame van de animatie.
- Nadat u klaar bent met het plaatsen van afbeeldingen of tekst op deze laag, kijkt u naar het dialoogvenster Lagen en ziet u de optie "Dekking". Om een laag minder dekkend te maken, schuift u de knop naar beneden totdat u het gewenste resultaat ziet.
Stap 6. Maak eventueel nog een laag aan
Deze stap kan worden herhaald voor zoveel verschillende lagen als je wilt in je animatie. Geef deze nieuwe laag een naam die uniek is voor de laatste laag en klik vervolgens op 'OK'.
Stap 7. Bekijk een voorbeeld van je animatie
Open het menu Filters en selecteer 'Animatie' en vervolgens 'Afspelen'. U ziet een voorbeeld van uw animatie, die GIMP van elk van uw lagen maakt.
Stap 8. Wijzig animatie-opties
Open het menu Bestand en klik op "Exporteren" en selecteer vervolgens "GIF-afbeelding". Zorg ervoor dat het selectievakje naast 'Als animatie' is aangevinkt.
- Als u wilt dat de animatie continu wordt herhaald, plaatst u een vinkje naast 'Loop Forever'.
- Voer naast 'Vertraging tussen frames waar niet gespecificeerd' de tijd (in milliseconden) in waarop elk frame moet worden weergegeven. Standaard is dit 100 (daarom zag uw voorbeeld er vrij snel uit). Wijzig het in iets groters, zoals 300 of 600, en klik vervolgens op 'Exporteren'.
Stap 9. Verfijn de vertraging
Als u niet wilt dat al uw lagen even lang worden weergegeven, kunt u de duur van elke laag afzonderlijk bewerken.
- Klik met de rechtermuisknop op een van de laagnamen in het lagendialoogvenster en selecteer "Laagattributen bewerken".
-
Typ naast de naam van de laag de duur (in milliseconden) rechtstreeks, zonder spatie, als volgt:
LAAGNAAM (200 ms)
- Klik op "OK om die laag op te slaan en wijzig eventuele extra lagen op dezelfde manier.
Stap 10. Bekijk een voorbeeld en exporteer uw animatie
Klik in het menu Filters op "Animatie" en selecteer "Afspelen" om te zien hoe uw wijzigingen de animatie hebben gewijzigd. Wanneer u klaar bent om de afbeelding op te slaan, klikt u op "Bestand" en vervolgens op "Exporteren" en kiest u nogmaals "GIF-afbeelding". Geef je animatie een naam en klik op "Opslaan" om te voltooien.
Methode 4 van 5: Een geanimeerde-g.webp" />
Stap 1. Maak een nieuwe afbeelding in Photoshop
Als u liever een video converteert naar een geanimeerde GIF-indeling, raadpleegt u Een geanimeerde-g.webp
- Open het menu "Bestand" en klik op "Nieuw" om de opties voor uw nieuwe bestand te bekijken. Typ een naam voor uw animatie in het vak naast 'Naam'.
- Noteer in de vakken "breedte" en "hoogte" de meettypen na de waardevakken. Het is ofwel ingesteld op inches of pixels, afhankelijk van wat je in het verleden hebt gebruikt. Als u zich op uw gemak voelt bij het specificeren van de pixelgrootte, wijzigt u het meettype in 'Pixels'. Als het voor u gemakkelijker is om inches te visualiseren, kiest u die optie. Typ uw gewenste meting in het bijbehorende vak.
- Kies een achtergrondkleur voor je animatie. Klik op het menu naast "Achtergrond" of "Achtergrondinhoud" (afhankelijk van uw versie van Photoshop) en kies uit de kleuropties.
- Klik op "OK" om uw nieuwe afbeelding met deze instellingen te maken.
Stap 2. Open de panelen Lagen en Animatie
Elk frame van uw animatie moet in een eigen laag staan, dus u wilt dat het lagenpaneel zichtbaar is. Klik op het menu Venster en vink zowel Lagen als Animaties aan. De panelen verschijnen dan in uw werkruimte.
Stap 3. Maak een nieuwe laag voor je eerste frame
Klik in het deelvenster Lagen op het plusteken (+) om een nieuwe laag toe te voegen. Typ naast 'Naam' een naam voor uw laag, zoals 'Frame 1'. Stel de vulkleur in op Transparant of de kleur van uw achtergrond. Klik op "OK" om deze nieuwe laag te maken.
Elk element van uw animatie moet op een uniek frame staan. Alles wat u op deze nieuwe laag plaatst, wordt geanimeerd als één frame
Stap 4. Voeg je tekst of tekening toe aan je nieuwe laag
Als u op deze laag wilt tekenen, kiest u een kleur uit het staalpaneel (het paneel met alle gekleurde vierkanten) en klikt u vervolgens op het penseel. Als u tekst wilt toevoegen, klikt u op de "T" om de teksttool te starten.
Stap 5. Maak je volgende frame
Maak nog een laag en bouw het tweede frame van je animatie.
- Als het volgende frame van uw animatie slechts een kleine wijziging van het eerste frame is, wilt u misschien uw laag "klonen" in plaats van een nieuwe te maken. Om de laag te klonen, klikt u met de rechtermuisknop op die laag in het deelvenster Lagen en selecteert u 'Laag dupliceren'.
- Ga door met het maken of klonen van lagen totdat je elk afzonderlijk frame van je animatie op een eigen laag hebt.
Stap 6. Maak nieuwe frames in het deelvenster Animatie
Klik in het deelvenster Animatie onder aan het scherm op het pictogram dat een kleine rechthoek is met een kleiner vierkant erop (de knop Nieuw frame). Hiermee wordt één nieuw frame gemaakt. Klik zo vaak op deze knop als er lagen in uw animatie zijn. Als je animatie 7 lagen heeft, maak dan 7 frames.
Stap 7. Bewerk de inhoud van het eerste frame in het deelvenster Animatie
Klik op het eerste frame in het paneel. Zoals je kunt zien aan de miniatuur, bestaat dit frame momenteel uit elke laag in je animatie.
- Merk op dat elke laag in je deelvenster Lagen een klein oogbolsymbool ernaast heeft. Dit symbool geeft aan dat de laag momenteel zichtbaar is. Om ervoor te zorgen dat het eerste frame in het deelvenster Animatie alleen de eerste laag weergeeft, verwijdert u het oogbolsymbool van elk van de andere lagen.
- Wijzig de duur voor dit frame door de tijd (in seconden) onder de miniatuur aan te passen, die momenteel "0 sec" aangeeft.
Stap 8. Bewerk volgende frames
Klik op elk extra frame en verwijder de zichtbaarheid van alle andere lagen dan degene die u zichtbaar wilt maken in het frame. Vergeet niet om de tijd onder aan elke miniatuur aan te passen.
Stap 9. Druk op de knop Afspelen om uw animatie te testen
De knop Afspelen bevindt zich onder de animatieframes onder aan het scherm.
Stap 10. Sla de animatie op als een GIF
Klik op 'Bestand' en vervolgens op 'Opslaan voor web en apparaten'. Zorg ervoor dat-g.webp
Methode 5 van 5: Een (niet-geanimeerde)-g.webp" />
Stap 1. Bepaal een afbeelding om naar een-g.webp" />
Soms vereisen websites of apps dat uw afbeeldingen de GIF-indeling hebben. Gelukkig kan bijna elk afbeeldingsbestand worden geconverteerd naar een GIF. Onthoud dat GIF-bestanden slechts 256 kleuren kunnen weergeven, dus als u een afbeelding van hogere kwaliteit gebruikt, zoals een JPG, BMP of TIFF, kan het converteren naar dit formaat de beeldkwaliteit verminderen.
- Als uw afbeelding op internet staat, moet u deze eerst op uw computer opslaan. Sla afbeeldingen op uw MacBook op of sla afbeeldingen op uw pc op.
- Zie Foto's scannen als uw afbeelding iets is dat moet worden gescand.
Stap 2. Open je afbeelding in beeldbewerkingssoftware
Zoek uw afbeelding op uw computer in Finder of Verkenner en:
- Mac: Dubbelklik op uw afbeelding om deze in Voorvertoning te openen.
- Windows: Klik met de rechtermuisknop op de afbeelding en selecteer "Openen met" en kies "Verven" in het menu.
Stap 3. Sla het bestand op als een GIF
Met de afbeelding geopend in Voorvertoning (Mac) of Paint (Windows):
- Mac: Open het menu Bestand en selecteer 'Opslaan als'. Klik in het menu Opmaak op 'GIF'. Typ een naam voor uw nieuwe bestand naast 'Opslaan als' en klik vervolgens op 'Opslaan' om de-g.webp" />
- Windows: Klik op 'Bestand' en klik vervolgens op de naar rechts wijzende pijl naast 'Opslaan als'. Selecteer "GIF-afbeelding" in de lijst en typ een naam voor uw bestand. Klik op "Opslaan"' om de-g.webp" />
Video - Door deze service te gebruiken, kan bepaalde informatie worden gedeeld met YouTube
Tips
- Houd er rekening mee dat geanimeerde afbeeldingen en banners nuttig kunnen zijn, maar wanneer ze op een webpagina worden gebruikt, moet de opname ervan worden beperkt. Voor een goed webontwerp is weinig animatie nodig, omdat dit over het algemeen afbreuk doet aan andere functies op een pagina.
- Geanimeerde GIF's kunnen functioneren als een korte video waarvan de bestandsgrootte aanzienlijk kleiner is dan een standaardvideo.