Een geanimeerde GIF-afbeelding maken met GIMP (met afbeeldingen)

Inhoudsopgave:

Een geanimeerde GIF-afbeelding maken met GIMP (met afbeeldingen)
Een geanimeerde GIF-afbeelding maken met GIMP (met afbeeldingen)

Video: Een geanimeerde GIF-afbeelding maken met GIMP (met afbeeldingen)

Video: Een geanimeerde GIF-afbeelding maken met GIMP (met afbeeldingen)
Video: Het Apple-ecosysteem: vloek of zegen? 2024, Maart
Anonim

Geanimeerde GIF-afbeeldingen zijn overal op internet te vinden. Ze worden gebruikt in knoppen, links, pictogrammen, achtergronden, scheidingslijnen en banneradvertenties. Deze opvallende afbeeldingen kunnen een uitstekend hulpmiddel zijn voor persoonlijke expressie. Deze wikiHow leert je de basis van het helemaal opnieuw bouwen van je eigen geanimeerde GIF-afbeeldingen met behulp van een gratis beeldbewerkingsprogramma genaamd GIMP.

Stappen

Deel 1 van 2: Frames maken voor uw animatie in GIMP

Maak een geanimeerde-afbeelding met GIMP Stap 1
Maak een geanimeerde-afbeelding met GIMP Stap 1

Stap 1. Open GIMP

GIMP is een gratis en open-source beeldbewerkingsprogramma met vergelijkbare tools als Photoshop. GIMP heeft een pictogram dat lijkt op een vos met een penseel in zijn mond. Klik op het pictogram in uw Windows Start-menu of in de map Programma's op Mac en Linux.

U kunt GIMP gratis downloaden en installeren van gimp.org

Maak een geanimeerde-afbeelding met GIMP Stap 2
Maak een geanimeerde-afbeelding met GIMP Stap 2

Stap 2. Maak een nieuw bestand aan

De grootte van het bestand dat u maakt, hangt af van het beoogde gebruik. Banneradvertenties zijn over het algemeen tussen de 60 en 120 pixels hoog en 400 tot 800 pixels breed. Knoppen zijn meestal ongeveer 40 pixels hoog en 300 pixels breed. Verschillende websitesoftware en banneruitwisselingssystemen zullen hun eigen vereisten opsommen. Gebruik de volgende stappen om een nieuw afbeeldingsbestand te maken:

  • Klik Bestand.
  • Klik Nieuw
  • Typ de breedte in pixels naast "Breedte".
  • Typ de hoogte in pixels naast "Hoogte".
  • Klik OK.
Maak een geanimeerde-afbeelding met GIMP Stap 3
Maak een geanimeerde-afbeelding met GIMP Stap 3

Stap 3. Selecteer een achtergrondkleur voor je afbeelding

De actieve voor- en achtergrondkleur worden weergegeven in overlappende rechthoeken onder de werkbalk aan de linkerkant. Klik op de rechthoek bovenaan om een kleur te selecteren. Klik op een kleur in de regenboogkleurige strook om een kleur te selecteren. Gebruik het vak links van de regenboogkleurige strook om een tint voor de kleur te selecteren. Dit selecteert de actieve voorgrondkleur.

Maak een geanimeerde-afbeelding met GIMP Stap 4
Maak een geanimeerde-afbeelding met GIMP Stap 4

Stap 4. Gebruik de verfemmer om een achtergrondkleur aan je afbeelding toe te voegen

Het gereedschap Verfemmer heeft een pictogram dat lijkt op een emmer waarin verf wordt gegoten. Het staat in de werkbalk aan de linkerkant. Klik op het afbeeldingsgebied in het midden van het scherm om de afbeelding te vullen met uw achtergrondkleur.

U kunt ook andere gereedschappen gebruiken, zoals het penseel, om andere niet-bewegende objecten op de achtergrondlaag te tekenen

Maak een geanimeerde-afbeelding met GIMP Stap 5
Maak een geanimeerde-afbeelding met GIMP Stap 5

Stap 5. Voeg een nieuwe laag toe

Het deelvenster Lagen bevindt zich rechts van het tekengebied in de rechterbenedenhoek. Om een nieuwe laag toe te voegen, klikt u op het kleine pictogram dat lijkt op een vel papier met een plusteken (+). Klik op dit pictogram in de linkerbenedenhoek van het deelvenster Lagen om een nieuwe laag toe te voegen. Maak een laag voor elk bewegend object in je afbeelding.

Maak een geanimeerde-afbeelding met GIMP Stap 6
Maak een geanimeerde-afbeelding met GIMP Stap 6

Stap 6. Voeg een bewegend object toe aan de afbeelding

Gebruik de nieuwe laag (lagen) die u hebt gemaakt om bewegende objecten aan uw afbeelding toe te voegen. U kunt het penseel gebruiken om een object te tekenen, of het tekstgereedschap om tekst aan uw afbeelding toe te voegen. Zorg ervoor dat elk bewegend object in je afbeelding in zijn eigen laag wordt geplaatst.

Maak een geanimeerde-afbeelding met GIMP Stap 7
Maak een geanimeerde-afbeelding met GIMP Stap 7

Stap 7. Maak het eerste frame van je afbeelding

Nadat u elk bewegend object van uw afbeelding op een eigen laag hebt gemaakt, plaatst u alle objecten in het startframe van uw animatie.

Maak een geanimeerde-afbeelding met GIMP Stap 8
Maak een geanimeerde-afbeelding met GIMP Stap 8

Stap 8. Sla het eerste frame van je afbeelding op als een stilstaand beeld

Een animatie wordt gemaakt van veel stilstaande beelden die frames worden genoemd. We moeten elke afbeelding van de animatie opslaan als een stilstaand beeld. Gebruik de volgende stappen om het eerste frame van uw animatie op te slaan:

  • Klik Bestand
  • Klik Exporteren als.
  • Typ "[Animatiebestandsnaam] frame 1" naast de naam.
  • Klik Selecteer Bestandstype.
  • Klik JPEG-afbeelding.
  • Klik Exporteren
  • Klik Exporteren opnieuw.
Maak een geanimeerde-afbeelding met GIMP Stap 9
Maak een geanimeerde-afbeelding met GIMP Stap 9

Stap 9. Gebruik het gereedschap Verplaatsen om objecten in het frame iets te verplaatsen

Het gereedschap Verplaatsen heeft een pictogram dat lijkt op een kruispijl die omhoog, omlaag, naar links en naar rechts wijst. Gebruik het gereedschap Verplaatsen om de bewegende objecten in uw afbeelding iets naar hun frame 2-posities te verplaatsen. De aanbevolen framesnelheid voor een GIF-animatie ligt tussen de 10-30 frames per seconde. U hoeft dus elk object maar heel weinig tussen elk frame te verplaatsen.

Om de beweging tussen elk frame soepel en consistent te houden, kunt u het raster inschakelen. Om het raster in te schakelen, klikt u op Weergave, gevolgd door Raster tonen.

Maak een geanimeerde-afbeelding met GIMP Stap 10
Maak een geanimeerde-afbeelding met GIMP Stap 10

Stap 10. Sla het tweede frame van je animatie op

Nadat u alle bewegende delen of het tweede frame hebt geplaatst, gebruikt u de volgende stappen om het tweede frame van uw afbeelding op te slaan:

  • Klik Bestand
  • Klik Exporteren als.
  • Typ "[GIF-bestandsnaam] frame 2" naast "Naam".
  • Klik Selecteer Bestandstype.
  • Klik JPEG-afbeelding.
  • Klik Exporteren
  • Klik Exporteren opnieuw.
Maak een geanimeerde-afbeelding met GIMP Stap 11
Maak een geanimeerde-afbeelding met GIMP Stap 11

Stap 11. Herhaal dit voor alle extra frames

Ga op deze manier door. Gebruik het gereedschap Verplaatsen om elk bewegend object iets in uw animatie te plaatsen en sla de afbeelding vervolgens op als een frame. Zorg ervoor dat elke afbeelding het framenummer in de bestandsnaam bevat (d.w.z. Tekst Scroll Frame 1, Tekst Scroll Frame 2, Tekst Scroll Frame 3, enzovoort).

Maak een geanimeerde-afbeelding met GIMP Stap 12
Maak een geanimeerde-afbeelding met GIMP Stap 12

Stap 12. Sla je werk op als een GIMP-bestand

Het is een goed idee om uw werk op te slaan als een GIMP-bestand (.xcf), voor het geval u later frames opnieuw moet doen of wijzigen. Geef het bestand een naam zoals "[Animatienaam] artboard.xcf". Gebruik de volgende stappen om uw werk op te slaan:

  • Klik Bestand
  • Klik Opslaan als.
  • Typ een bestandsnaam naast "Naam".
  • Klik Opslaan.

Deel 2 van 2: Een geanimeerde-g.webp" />
Maak een geanimeerde-afbeelding met GIMP Stap 13
Maak een geanimeerde-afbeelding met GIMP Stap 13

Stap 1. Maak een nieuw bestand in GIMP

Nadat u stilstaande beelden voor elk frame van uw animatie hebt gemaakt, maakt u een nieuw bestand in GIMP. Zorg ervoor dat de breedte en hoogte van het bestand overeenkomen met de breedte en hoogte van uw animatieframes. Gebruik de volgende stappen om een nieuw bestand in GIMP te openen.

  • Klik Bestand.
  • Klik Nieuw
  • Typ de breedte in pixels naast "Breedte".
  • Typ de hoogte in pixels naast "Hoogte".
  • Klik OK.
Maak een geanimeerde-afbeelding met GIMP Stap 14
Maak een geanimeerde-afbeelding met GIMP Stap 14

Stap 2. Open elk animatieframe als een nieuwe laag

GIMP maakt animaties met elke laag als een afzonderlijk animatieframe. De onderste laag is het eerste animatieframe en de bovenste laag is het laatste animatieframe. Gebruik de volgende stappen om uw afbeeldingsframes als een nieuwe laag te openen. U kunt meerdere afbeeldingen selecteren door de. ingedrukt te houden Verschuiving toets en selecteer het eerste en laatste afbeeldingsframe:

  • Klik Bestand
  • Klik Openen als lagen.
  • Uitstel Verschuiving en klik op het eerste afbeeldingsframebestand.
  • Klik op het laatste afbeeldingsframe terwijl u de knop ingedrukt houdt Verschuiving
  • Klik Open.
Maak een geanimeerde-afbeelding met GIMP Stap 15
Maak een geanimeerde-afbeelding met GIMP Stap 15

Stap 3. Voeg de framesnelheid in milliseconden toe aan elke laagnaam

GIMP exporteert standaard GIF-animaties met een framesnelheid van 10 frames (100 ms) per seconde. U kunt de framesnelheid in milliseconden aan het einde van elk frame toevoegen om de framesnelheid iets sneller te maken. U kunt de framesnelheid tussen haakjes toevoegen aan het einde van elke framenaam in de lijst met frames. Als u bijvoorbeeld "(33ms)" aan het einde van elke laagnaam toevoegt, krijgt u een framesnelheid van ongeveer 30 frames per seconde.

Maak een geanimeerde-afbeelding met GIMP Stap 16
Maak een geanimeerde-afbeelding met GIMP Stap 16

Stap 4. Bekijk een voorbeeld van je animatie

Voordat u uw animatie als-g.webp

  • Klik Filter.
  • Klik Afspelen.
  • Gebruik het vervolgkeuzemenu "fps" om de Frames per Second te selecteren.
  • Klik op de knop Afspelen in de rechterbovenhoek.
Maak een geanimeerde-afbeelding met GIMP Stap 17
Maak een geanimeerde-afbeelding met GIMP Stap 17

Stap 5. Exporteer uw bestand als een GIF

Als u tevreden bent met hoe uw GIF-animatie eruitziet, gebruikt u de volgende stappen om deze te exporteren als een GIF-animatie.

  • Klik Bestand
  • Klik Exporteren als.
  • Typ een bestandsnaam naast 'Naam'.
  • Klik Selecteer Bestandstype.
  • Klik GIF-afbeelding.
  • Klik Exporteren
  • Klik Exporteren opnieuw.
  • Klik Als animatie.
  • Typ de framesnelheid (d.w.z. 30) naast "Vertraging tussen frames waar niet gespecificeerd:".
  • Klik Exporteren

Video - Door deze service te gebruiken, kan bepaalde informatie worden gedeeld met YouTube

Tips

  • Onthoud dat.gif-afbeeldingen slechts 256 kleuren beschikbaar hebben, en "transparant" is er een van, dus je kunt niet TE veel schaduwen gebruiken of je schaduw zal verdwijnen in de uiteindelijke export.
  • Iets schattigs of grappigs is vaak effectiever dan grote, onbeschofte knipperende blokken om een boodschap op een gunstige manier over te brengen.
  • Het combineren van de animatie- en transparantiemogelijkheden van het.gif-formaat kan voor een aantal zeer mooie effecten zorgen.
  • Door achter het felle licht 'aanhoudend' gedimd licht toe te voegen, wordt dit beeld wat mooier.

Aanbevolen: