Skip to content

GIMP -animerad GIF -handledning

16 de augusti de 2021
gimp 97857 56a458ab3df78cf77281ee9f

GIMP är en anmärkningsvärt kraftfull programvara med tanke på att den är gratis. Webbdesigners kan i synnerhet vara tacksamma för dess förmåga att producera enkla animerade GIF -filer.

Animerade GIF -filer är enkla animationer som du kan se på många webbsidor och även om de är mycket mindre sofistikerade än Flash -animationer, är de väldigt enkla att producera av alla med en grundläggande förståelse för GIMP.

Hur man gör en animerad GIF i GIMP

Följande steg visar en enkel animering av webbbaner med ett par grundläggande grafik, lite text och en logotyp. Instruktionerna i denna artikel gäller för GIMP version 2.10.12.

  1. Öppna ett nytt dokument. I det här exemplet har vi valt den förinställda mallen för Webbanner stor mobil 320×100. För din animering kan du välja en förinställd storlek eller ange anpassade dimensioner beroende på hur du kommer att använda din sista animering.

    För denna handledning kommer animationen att bestå av sju bildrutor och varje ram kommer att representeras av ett individuellt lager, vilket innebär att den slutliga GIMP -filen kommer att ha sju lager, inklusive bakgrunden.

  2. Ställ in ram ett. Animationen börjar med ett tomt utrymme så inga ändringar i det faktiska Bakgrund lager behövs eftersom det redan är vanligt vitt.

    En ändring av namnet på lagret i Skikten palett behövs. Högerklicka på Bakgrund lager i paletten och välj Redigera lagerattribut.

  3. I Redigera lagerattribut dialog som öppnas, lägg till (250ms) till slutet av lagrets namn. Detta anger hur lång tid den här ramen ska visas i animationen. Ms står för millisekunder och varje millisekund är en tusendels sekund. Den här första ramen visas i en kvarts sekund.

    En skärmdump av fönstret Redigera lagerattribut i GIMP med fältet Lagernamn markerat

  4. Ställ in ram två. För handledningen används en fotavtrycksgrafik för den här ramen. Gå till Fil > Öppna som lager och välj grafikfilen. Detta placerar fotavtrycket på ett nytt lager som kan placeras efter behov med hjälp av Flytta verktyg.

    En skärmdump av GIMP med kommandot "Öppna som lager" markerat

  5. Precis som med bakgrundsskiktet måste det nya lagret bytas om för att tilldela ramens visningstid. I detta fall 750ms. I Skikten palett, verkar förhandsgranskningen av det nya lagret visa en svart bakgrund runt grafiken, men i själva verket är detta område transparent.

    En skärmdump av fönstret Redigera lagerattribut i GIMP med fältet lagernamn markerat

  6. Ställ in ramar tre, fyra och fem. De tre nästa ramarna är fler fotavtryck som kommer att gå över bannern. Dessa sätts in på samma sätt som ram två, med samma grafik och en annan grafik för den andra foten. Som tidigare är tiden inställd på 750 ms för varje bildruta. Var och en av fotavtryckslagren behöver en vit bakgrund så att bara en ram någonsin syns – för närvarande har var och en en transparent bakgrund. Vi kan göra detta genom att skapa ett nytt lager direkt under ett fotavtryckslager, fylla det nya lagret med vitt och sedan högerklicka på fotavtryckslagret och klicka Slå ihop.

  7. Ställ in ram sex. Den här ramen är bara en tom ram fylld med vitt som gör att det sista fotavtrycket försvinner innan den sista ramen visas. Vi har namngett detta lager Intervall och har valt att ha den här skärmen i bara 250 ms. Du behöver inte namnge lager, men det kan göra lagrade filer lättare att arbeta med.

    Redigera lagerattribut i GIMP.

  8. Ställ in ram sju. Detta är den sista ramen och visar lite text tillsammans med Lifewire.com -logotypen. Det första steget här är att lägga till ytterligare ett lager med vit bakgrund.

    Lägga till Lifewire -logotypen till animationen i GIMP.

  9. Använd sedan Textverktyg för att lägga till texten. Detta tillämpas på ett nytt lager men vi kommer att hantera det när du lagt till logotypen eller den nya bilden, vilket kan göras på samma sätt som fotavtrycksgrafiken lades till tidigare.

    En skärmdump av GIMP med textverktyget markerat

  10. När vi har ordnat dessa efter önskemål kan vi använda Slå ihop för att kombinera logotypen och textlagren och sedan slå ihop det kombinerade lagret med det vita lagret som lagts till tidigare. Detta producerar ett enda lager som kommer att bilda den sista ramen och vi valde att visa detta i 4000 ms.

    En skärmdump av GIMP med kommandot Merge Down markerad

  11. Förhandsgranska animeringen. Innan du sparar den animerade GIF: en har GIMP möjlighet att förhandsgranska den i handling genom att gå till Filter > Animering > Uppspelning. Detta öppnar en förhandsgranskningsdialog med självförklarande knappar för att spela animationen. Om något inte ser bra ut kan det ändras vid det här laget. Annars kan den sparas som en animerad GIF. Animationssekvensen ställs in i den ordning som lagren staplas i Skikten palett, starta från bakgrunden eller det lägsta lagret och arbeta uppåt. Om din animation spelar ut ur sekvens måste du justera ordningen på dina lager genom att klicka på ett lager för att välja och använda upp- och nedpilarna i den nedre fältet i Skikten paletten för att ändra dess position.

    En skärmdump av GIMP med uppspelningskommandot markerat

  12. Spara den animerade GIF. Att spara en animerad GIF är en ganska enkel övning. Gå först till Fil > Spara en kopia och ge din fil ett relevant namn och välj var du vill spara filen.

    En skärmdump av GIMP med kommandot Spara en kopia markerad

  13. Gå sedan till Fil > Exportera som för att spara den som en animerad GIF.

    En skärmdump av GIMP med kommandot Exportera som markerat

  14. I Exportera bild dialog som öppnas, välj Välj Filtyp och bläddra till GIF -bild och välj den, välj sedan Exportera. Om du får en varning om lager som sträcker sig bortom bildens faktiska gränser, välj Beskära knapp.

    En skärmdump av GIMP: s exportfönster med knappen Export markerad

  15. Detta kommer nu att leda till Spara som GIF dialog med ett avsnitt av Animerade GIF -alternativ. Du kan lämna dessa vid standardinställningarna, men om du bara vill att animationen ska spelas en gång bör du avmarkera Slinga för alltid.

    En skärmdump av GIMP: s Export Image as GIF -fönster med alternativet Loop Forever markerat

  16. Nu kan du dela din animerade GIF.

Slutsats

Stegen som visas här ger dig de grundläggande verktygen för att producera dina egna enkla animationer med olika grafik och dokumentstorlekar. Även om slutresultatet är ganska grundläggande när det gäller animering, är det en mycket enkel process som alla med grundläggande kunskaper i GIMP kan uppnå.