Hur man skapar en animerad GIF -bild med GIMP (med bilder)

Innehållsförteckning:

Hur man skapar en animerad GIF -bild med GIMP (med bilder)
Hur man skapar en animerad GIF -bild med GIMP (med bilder)

Video: Hur man skapar en animerad GIF -bild med GIMP (med bilder)

Video: Hur man skapar en animerad GIF -bild med GIMP (med bilder)
Video: How to use Apple Pay in Safari on your Mac — Apple Support 2024, April
Anonim

Animerade-g.webp

Steg

Del 1 av 2: Skapa ramar för din animering i GIMP

Skapa en animerad -bild med GIMP Steg 1
Skapa en animerad -bild med GIMP Steg 1

Steg 1. Öppna GIMP

GIMP är ett gratis bildredigeringsprogram med öppen källkod som har liknande verktyg som Photoshop. GIMP har en ikon som liknar en räv med en pensel i munnen. Klicka på ikonen i Windows Start -meny eller på mappen Program på Mac och Linux.

Du kan ladda ner och installera GIMP gratis från gimp.org

Skapa en animerad -bild med GIMP Steg 2
Skapa en animerad -bild med GIMP Steg 2

Steg 2. Skapa en ny fil

Storleken på filen du skapar beror på dess avsedda användning. Bannerannonser är i allmänhet mellan 60 och 120 pixlar höga och 400 till 800 pixlar breda. Knapparna är vanligtvis cirka 40 pixlar höga och 300 pixlar breda. Olika webbplatsprogramvara och bannerutbytessystem kommer att lista sina egna krav. Använd följande steg för att skapa en ny bildfil:

  • Klick Fil.
  • Klick Ny
  • Skriv bredden i pixlar bredvid "Bredd".
  • Skriv höjden i pixlar bredvid "Höjd".
  • Klick Ok.
Skapa en animerad -bild med GIMP Steg 3
Skapa en animerad -bild med GIMP Steg 3

Steg 3. Välj en bakgrundsfärg för din bild

Den aktiva förgrunden och bakgrundsfärgen visas i överlappande rektanglar under verktygsfältet till vänster. För att välja en färg, klicka på rektangeln ovanpå. Klicka på en färg i den regnbågsfärgade remsan för att välja en färg. Använd rutan till vänster om den regnbågsfärgade remsan för att välja en nyans för färgen. Detta väljer den aktiva förgrundsfärgen.

Skapa en animerad -bild med GIMP Steg 4
Skapa en animerad -bild med GIMP Steg 4

Steg 4. Använd färghinkverktyget för att lägga till en bakgrundsfärg till din bild

Färghinkverktyget har en ikon som liknar en hinkhällfärg. Det finns i verktygsfältet till vänster. Klicka på bildtavlan i mitten av skärmen för att fylla bilden med din bakgrundsfärg.

Du kan också använda andra verktyg, till exempel penselverktyget för att rita andra objekt som inte rör sig på bakgrundsskiktet

Skapa en animerad -bild med GIMP Steg 5
Skapa en animerad -bild med GIMP Steg 5

Steg 5. Lägg till ett nytt lager

Lagerpanelen är till höger om tavlan i det nedre högra hörnet. För att lägga till ett nytt lager, klicka på den lilla ikonen som liknar ett papper med ett plustecken (+). Klicka på den här ikonen i det nedre vänstra hörnet på panelen Lager för att lägga till ett nytt lager. Skapa ett lager för varje rörligt objekt i din bild.

Skapa en animerad -bild med GIMP Steg 6
Skapa en animerad -bild med GIMP Steg 6

Steg 6. Lägg till ett rörligt objekt i bilden

Använd de nya lagren du skapade för att lägga till rörliga objekt i din bild. Du kan använda penselverktyget för att rita ett objekt, eller textverktyget för att lägga till text i din bild. Se till att varje rörligt objekt i din bild är placerat i sitt eget lager.

Skapa en animerad -bild med GIMP Steg 7
Skapa en animerad -bild med GIMP Steg 7

Steg 7. Skapa den första ramen i din bild

När du har skapat varje rörligt objekt i din bild på sitt eget lager, placerar du alla objekt i startramen för din animation.

Skapa en animerad -bild med GIMP Steg 8
Skapa en animerad -bild med GIMP Steg 8

Steg 8. Spara den första ramen i din bild som en stillbild

En animering är gjord av många stillbilder som kallas ramar. Vi måste spara varje bild av animationen som en stillbild. Använd följande steg för att spara den första ramen i din animering:

  • Klick Fil
  • Klick Exportera som.
  • Skriv "[Animationsfilnamn] ram 1" bredvid namnet.
  • Klick Välj Filtyp.
  • Klick JPEG -bild.
  • Klick Exportera
  • Klick Exportera på nytt.
Skapa en animerad -bild med GIMP Steg 9
Skapa en animerad -bild med GIMP Steg 9

Steg 9. Använd rörelseverktyget för att flytta något i ramen något

Flyttaverktyget har en ikon som liknar en korspil som pekar uppåt, nedåt, vänster och höger. Använd flyttverktyget för att lätt flytta de rörliga objekten i din bild till deras ram 2 -positioner. Den rekommenderade bildhastigheten för en GIF-animering är mellan 10-30 bilder per sekund. Så du behöver bara flytta varje objekt väldigt lite mellan varje ram.

För att hålla rörelsen mellan varje ram smidig och konsekvent kan du slå på rutnätet. Klicka på för att slå på rutnätet Se, följd av Visa rutnät.

Skapa en animerad -bild med GIMP Steg 10
Skapa en animerad -bild med GIMP Steg 10

Steg 10. Spara den andra ramen i din animering

När du har alla rörliga delar på plats eller den andra ramen använder du följande steg för att spara den andra ramen i din bild:

  • Klick Fil
  • Klick Exportera som.
  • Skriv "-g.webp" />
  • Klick Välj Filtyp.
  • Klick JPEG -bild.
  • Klick Exportera
  • Klick Exportera på nytt.
Skapa en animerad -bild med GIMP Steg 11
Skapa en animerad -bild med GIMP Steg 11

Steg 11. Upprepa för alla ytterligare ramar

Fortsätt på detta sätt. Använd verktyget Flytta för att placera varje rörligt objekt i din animation något och spara sedan bilden som en ram. Se till att varje bild innehåller ramnumret i filnamnet (dvs. textrullningsram 1, textrullningsram 2, textrullram 3 och så vidare).

Skapa en animerad -bild med GIMP Steg 12
Skapa en animerad -bild med GIMP Steg 12

Steg 12. Spara ditt arbete som en GIMP -fil

Det är en bra idé att spara ditt arbete som en GIMP -fil (.xcf) om du behöver göra om eller ändra ramar senare. Ge filen något i stil med "[Animationsnamn] artboard.xcf". Använd följande steg för att spara ditt arbete:

  • Klick Fil
  • Klick Spara som.
  • Skriv ett filnamn bredvid "Namn".
  • Klick Spara.

Del 2 av 2: Skapa ett animerat-g.webp" />
Skapa en animerad -bild med GIMP Steg 13
Skapa en animerad -bild med GIMP Steg 13

Steg 1. Skapa en ny fil i GIMP

När du har skapat stillbilder för varje bildruta i din animering skapar du en ny fil i GIMP. Se till att bredden och höjden på filen matchar bredden och höjden på dina animeringsramar. Använd följande steg för att öppna en ny fil i GIMP.

  • Klick Fil.
  • Klick Ny
  • Skriv bredden i pixlar bredvid "Bredd".
  • Skriv höjden i pixlar bredvid "Höjd".
  • Klick Ok.
Skapa en animerad -bild med GIMP Steg 14
Skapa en animerad -bild med GIMP Steg 14

Steg 2. Öppna varje animationsram som ett nytt lager

GIMP skapar animationer med varje lager som en separat animationsram. Det nedre lagret är den första animationsramen och det översta lagret är den sista animationsramen. Använd följande steg för att öppna dina bildramar som ett nytt lager. Du kan välja flera bilder genom att hålla ned Flytta och välj den första och sista bildramen:

  • Klick Fil
  • Klick Öppna som lager.
  • Håll Flytta och klicka på den första bildramfilen.
  • Klicka på den sista bildramen medan du fortfarande håller Flytta
  • Klick Öppen.
Skapa en animerad -bild med GIMP Steg 15
Skapa en animerad -bild med GIMP Steg 15

Steg 3. Lägg till bildhastigheten i millisekunder till varje lagers namn

Som standard exporterar GIMP-g.webp

Skapa en animerad -bild med GIMP Steg 16
Skapa en animerad -bild med GIMP Steg 16

Steg 4. Förhandsgranska din animering

Innan du exporterar din animation som en-g.webp

  • Klick Filtrera.
  • Klick Uppspelning.
  • Använd rullgardinsmenyn "fps" för att välja bildrutor per sekund.
  • Klicka på knappen Spela i det övre högra hörnet.
Skapa en animerad -bild med GIMP Steg 17
Skapa en animerad -bild med GIMP Steg 17

Steg 5. Exportera filen som en GIF

Om du är nöjd med hur din-g.webp

  • Klick Fil
  • Klick Exportera som.
  • Skriv ett filnamn bredvid "Namn".
  • Klick Välj Filtyp.
  • Klick .
  • Klick Exportera
  • Klick Exportera på nytt.
  • Klick Som animering.
  • Skriv bildfrekvensen (dvs 30) bredvid "Fördröjning mellan ramar där ospecificerat:".
  • Klick Exportera

Video - Genom att använda denna tjänst kan viss information delas med YouTube

Tips

  • Kom ihåg att-g.webp" />
  • Något gulligt eller roligt är ofta mer effektivt än stora oförskämda blinkande block för att få fram ett budskap på ett gynnsamt sätt.
  • Att kombinera animations- och transparensfunktionerna i-g.webp" />
  • Om du lägger till "kvardröjande" svagare ljus bakom det starka ljuset gör den här bilden lite trevligare.

Rekommenderad: