5 sätt att göra GIF -filer

Innehållsförteckning:

5 sätt att göra GIF -filer
5 sätt att göra GIF -filer
Anonim

Steg

Metod 1 av 5: Skapa ett animerat-g.webp" />
Skapa -filer Steg 1
Skapa -filer Steg 1

Steg 1. Bestäm dig för en ansedd video-till-GIF-konverteringsapp

Det finns många att välja mellan, till exempel Giphy-g.webp

  • Om du föredrar att ladda ner en app, se till att läsa massor av recensioner i enhetens appbutik. Ladda aldrig ner och kör programvara från en webbplats du inte litar på.
  • De två nämnda apparna kan skapa-g.webp" />
  • De flesta omvandlare kräver att din video laddas upp till en webbplats som YouTube eller Vimeo som låter dig dela videor offentligt. Andra, som Giphy, låter dig också ladda upp din egen video.
Skapa -filer Steg 2
Skapa -filer Steg 2

Steg 2. Välj din källvideo

Hitta en video online (eller på din enhet om du använder en webbplats som Giphy) som har allt från 0,5 till 15 sekunders rörelse för att förvandlas till en GIF. Om du använder en video på internet, öppna den i din webbläsare.

Skapa -filer Steg 3
Skapa -filer Steg 3

Steg 3. Ladda in videon i omvandlaren

Det här steget kommer att vara annorlunda mellan olika appar.

  • Om du använder en video på en webbplats som YouTube, öppna videon i din webbläsare. Kopiera hela webbadressen till videofilen från adressfältet och klistra in den i lämplig ruta i video-till-GIF-konverteringsappen. Rutan ska säga något som "Klistra in webbadress här." Tryck på ↵ Enter eller klicka på OK.
  • Om du laddar upp video hittar du knappen på konverteringsverktyget för video till-g.webp" />
Skapa -filer Steg 4
Skapa -filer Steg 4

Steg 4. Definiera längden på din GIF

Varje webbplats har olika alternativ för redigering, men alla låter dig definiera en specifik del av videon som ska konverteras till en GIF. I Imgur, till exempel, kommer din video att visas med en reglage under den som låter dig ställa in en "start" och "slut" punkt för din bild.

Skapa -filer Steg 5
Skapa -filer Steg 5

Steg 5. Lägg till text i din GIF

Nästan varje video-till-GIF-tillverkare låter dig lägga till text eller annan känsla i din GIF. Leta efter en knapp som säger "Lägg till text" eller "Lägg till bildtext".

Skapa -filer Steg 6
Skapa -filer Steg 6

Steg 6. Skapa filen

När du är klar med den kreativa processen klickar du på “Skapa GIF” eller “Spara GIF” i din webbapp för att öppna Spara -menyn. Välj ett namn för din-g.webp

  • Om din-g.webp" />
  • Du kan testa din-g.webp" />

Metod 2 av 5: Skapa ett animerat-g.webp" />
Skapa -filer Steg 7
Skapa -filer Steg 7

Steg 1. Samla en uppsättning bilder

Om du vill skapa en animerad-g.webp

Skapa -filer Steg 8
Skapa -filer Steg 8

Steg 2. Välj en bild-till-GIF-omvandlare

Det finns mycket att välja mellan, till exempel GifCreator och GIFMaker Video Maker. Båda dessa appar och många andra är tillgängliga på webben-inga nedladdningar krävs.

  • Dessa omvandlare har i allmänhet liknande funktioner, inklusive möjligheten att ändra storleken på varje bildruta och styra animationshastigheten. De kan också användas på alla mobila enheter med webbläsare.
  • Det finns också appar tillgängliga för nedladdning som gör att du kan skapa-g.webp" />
Skapa -filer Steg 9
Skapa -filer Steg 9

Steg 3. Ladda upp din första bild till omvandlaren

Med omvandlaren öppen i din webbläsare hittar du knappen som säger något i stil med "Ladda upp bilder" (beroende på vilken omvandlare du använder). En bläddringsruta ska visas så att du kan välja din första bild. Dubbelklicka på bilden eller välj den och klicka på "Öppna". Du bör se en miniatyrbild visas i omvandlaren.

Skapa -filer Steg 10
Skapa -filer Steg 10

Steg 4. Justera bildens storlek

De flesta omvandlare kommer också att visa några justerbara inställningar under bilden, till exempel storlek eller upprepningstider. Du kan flytta reglagen för att justera dessa aspekter nu. Du kan också återkomma till dem senare genom att klicka på bildens miniatyrbild.

Skapa -filer Steg 11
Skapa -filer Steg 11

Steg 5. Ladda upp och justera fler bilder

Ladda upp ytterligare foton genom att klicka på knappen "Ladda upp bilder". De flesta omvandlare låter dig dra bilderna runt för att ordna dem i olika ordningar, så oroa dig inte om du laddar upp dem ur sekvens. Du kan också justera storleken på varje bild. Om din omvandlare inte redan visar en förhandsgranskning av animationen, leta efter en knapp som säger "Förhandsgranska" eller "Spela" för att kontrollera ditt arbete.

Skapa -filer Steg 12
Skapa -filer Steg 12

Steg 6. Skapa-g.webp" />

När du är klar med att justera ordningen och storleken på din animering klickar du på Skapa-g.webp

Metod 3 av 5: Skapa ett animerat-g.webp" />
Skapa -filer Steg 13
Skapa -filer Steg 13

Steg 1. Öppna GIMP

Om du vill skapa en animerad-g.webp

Skapa -filer Steg 14
Skapa -filer Steg 14

Steg 2. Skapa en ny bild

Klicka på "Ny" på Arkiv -menyn. En dialogruta visas med alternativ för din nya bild:

  • Du ser två rutor som säger Bredd och höjd, följt av "px", vilket betyder "pixlar". Skriv önskad storlek (i pixlar) i varje ruta. Om du är mer bekväm att visualisera tum väljer du "in" från listan och skriver önskad bildstorlek.
  • Bredvid”Fyll med” väljer du en färg som ska användas för bakgrunden till din GIF. Det finns två rutor under verktygsfältet i sidorna fyllda med färger. Om du väljer "Förgrundsfärg" används färgen på den främre rutan som bildfärg, och "Bakgrundsfärg" använder den bakre fyrkantiga färgen.
  • Klicka på "OK" för att skapa din bild.
Skapa -filer Steg 15
Skapa -filer Steg 15

Steg 3. Gör lagerdockan synlig

Öppna "Windows" -menyn och välj "Dockable Dialogs." Välj "Lager" från listan.

Skapa -filer Steg 16
Skapa -filer Steg 16

Steg 4. Skapa ett nytt lager för ditt första element

Varje del av din animering måste vara på ett separat lager. Klicka på det lilla fyrkantiga papperet längst ner till vänster i rutan Lager för att öppna dialogrutan Nytt lager.

  • Skriv ett namn för ditt lager bredvid “Lagernamn” så att du enkelt kan växla mellan lager senare.
  • För att säkerställa en sömlös animering ställer du in färgen på "Transparent" och klickar sedan på "OK".
Skapa -filer Steg 17
Skapa -filer Steg 17

Steg 5. Lägg till bilder eller text i lagret

Om du vill rita på detta senare klickar du på penselikonen i sidofältet, väljer en färg och ritar din bild. För att infoga text, klicka på "A" i sidofältet och klicka sedan någonstans för att börja skriva.

  • Allt du lägger i detta lager kommer att animeras tillsammans. Med andra ord, om du skriver text och ritar en bild på detta lager kommer dessa två element att finnas i samma ram av animationen.
  • När du är klar med att lägga in bilder eller text på det här lagret, titta på lagerdialogen och märka alternativet "Opacitet". För att göra ett lager mindre ogenomskinligt, skjut reglaget ner tills du ser önskat resultat.
Skapa -filer Steg 18
Skapa -filer Steg 18

Steg 6. Skapa ett annat lager, om så önskas

Detta steg kan upprepas för så många olika lager som du vill i din animering. Ge det nya lagret ett namn som är unikt från det sista lagret, klicka sedan på "OK".

Skapa -filer Steg 19
Skapa -filer Steg 19

Steg 7. Visa en förhandsvisning av din animering

Öppna Filter -menyn och välj "Animation" och sedan "Uppspelning". Du kommer att se en förhandsvisning av din animation, som GIMP skapar från alla dina lager.

Skapa -filer Steg 20
Skapa -filer Steg 20

Steg 8. Ändra animeringsalternativ

Öppna Arkiv -menyn och klicka på "Exportera" och välj sedan GIF

  • Om du vill att animationen ska loopa kontinuerligt, markerar du en kryss bredvid "Loop Forever".
  • Bredvid”Fördröjning mellan ramar där ospecificerat” anger du den tid (i millisekunder) du vill att varje bildruta ska visas. Som standard är det 100 (varför din förhandsgranskning såg ganska snabb ut). Ändra det till något större, som 300 eller 600, klicka sedan på "Exportera".
Skapa -filer Steg 21
Skapa -filer Steg 21

Steg 9. Finjustera fördröjningen

Om du inte vill att alla dina lager ska visas under lika lång tid kan du redigera varaktigheten för varje lager oberoende av varandra.

  • Högerklicka på ett av lagarnamnen i lagerdialogrutan och välj "Redigera lagerattribut".
  • Skriv bredvid lagernamnet varaktigheten (i millisekunder) direkt, utan ett mellanslag, så här:

    LAYERNAME (200 ms)

  • Klicka på "OK för att spara det lagret och ändra eventuella ytterligare lager på samma sätt.
Skapa -filer Steg 22
Skapa -filer Steg 22

Steg 10. Förhandsgranska och exportera din animation

I menyn Filter klickar du på "Animation" och väljer "Uppspelning" för att se hur dina ändringar har ändrat animationen. När du är redo att spara bilden klickar du på "File" och sedan "Export" och väljer GIF

Metod 4 av 5: Skapa ett animerat-g.webp" />
Skapa -filer Steg 23
Skapa -filer Steg 23

Steg 1. Skapa en ny bild i Photoshop

Om du hellre vill konvertera en video till ett animerat-g.webp

  • Öppna "Arkiv" -menyn och klicka på "Ny" för att visa alternativ för din nya fil. Skriv ett namn för din animation i rutan bredvid "Namn".
  • I rutorna "bredd" och "höjd", notera mätningstyperna efter värderutorna. Det är antingen inställt på tum eller pixlar, beroende på vad du har använt tidigare. Om du känner dig bekväm med att ange pixelstorlek ändrar du mättypen till "Pixlar". Om det är lättare för dig att visualisera tum väljer du det alternativet. Skriv in önskad mätning i motsvarande ruta.
  • Välj en bakgrundsfärg för din animering. Klicka på menyn bredvid "Bakgrund" eller "Bakgrundsinnehåll" (beroende på din version av Photoshop) och välj bland färgalternativen.
  • Klicka på "OK" för att skapa din nya bild med dessa inställningar.
Skapa -filer Steg 24
Skapa -filer Steg 24

Steg 2. Öppna panelerna Lager och Animering

Varje bildruta i din animering måste vara i ett eget lager, så att du vill att lagerpanelen ska vara synlig. Klicka på menyn Fönster och kontrollera både lager och animationer. Panelerna visas sedan i din arbetsyta.

Skapa -filer Steg 25
Skapa -filer Steg 25

Steg 3. Skapa ett nytt lager för din första ram

Klicka på plustecknet (+) på panelen Lager för att lägga till ett nytt lager. Skriv ett namn på ditt lager bredvid "Namn", till exempel "Ram 1". Ställ in fyllningsfärgen antingen på Transparent eller färgen på din bakgrund. Klicka på "OK" för att skapa det här nya lagret.

Varje element i din animering måste ha en unik ram. Allt du lägger på detta nya lager kommer att animeras som en ram

Skapa -filer Steg 26
Skapa -filer Steg 26

Steg 4. Lägg till din text eller teckning i ditt nya lager

Om du vill rita på det här lagret, välj en färg från färgpanelen (panelen med alla de färgade rutorna) och klicka sedan på penselverktyget. Om du vill lägga till text, klicka på "T" för att starta textverktyget.

Skapa -filer Steg 27
Skapa -filer Steg 27

Steg 5. Skapa din nästa ram

Skapa ett annat lager och bygg den andra ramen i din animering.

  • Om nästa bildruta i din animering helt enkelt kommer att vara en liten ändring av den första ramen, kanske du vill "Klona" ditt lager istället för att skapa ett nytt. För att klona lagret, högerklicka på det lagret i panelen Lager och välj "Duplicera lager."
  • Fortsätt skapa eller klona lager tills du har varje enskild ram i din animation på sitt eget lager.
Skapa -filer Steg 28
Skapa -filer Steg 28

Steg 6. Skapa nya ramar i animeringspanelen

I animeringspanelen längst ned på skärmen klickar du på ikonen som är en liten rektangel med en mindre kvadrat ovanpå (knappen Ny ram). Detta skapar en ny ram. Klicka på den här knappen så många gånger som det finns lager i din animering. Om din animering kommer att ha 7 lager, skapa 7 ramar.

Skapa -filer Steg 29
Skapa -filer Steg 29

Steg 7. Redigera innehållet i den första ramen i animationspanelen

Klicka på den första ramen i panelen. Som du kan se från miniatyrbilden består den här ramen för närvarande av varje lager i din animering.

  • Lägg märke till att varje lager i panelen Lager har en liten ögonglobssymbol bredvid. Denna symbol berättar att lagret är synligt för närvarande. Om du vill att den första ramen i animationspanelen bara ska visa det första lagret, tar du bort ögonglobssymbolen från vart och ett av de andra lagren.
  • Ändra varaktigheten för den här ramen genom att justera tiden (i sekunder) under miniatyren, som för närvarande lyder "0 sek."
Skapa -filer Steg 30
Skapa -filer Steg 30

Steg 8. Redigera efterföljande ramar

Klicka på varje ytterligare ram och ta bort synligheten från alla andra lager än den du vill ska synas i ramen. Kom ihåg att justera tiden längst ner på varje miniatyrbild.

Skapa -filer Steg 31
Skapa -filer Steg 31

Steg 9. Tryck på Play -knappen för att testa din animering

Knappen Play är placerad under animeringsramarna längst ner på skärmen.

Skapa -filer Steg 32
Skapa -filer Steg 32

Steg 10. Spara animationen som en GIF

Klicka på "Arkiv" och sedan "Spara för webb och enheter". Se till att-g.webp

Metod 5 av 5: Skapa ett (icke-animerat)-g.webp" />
Skapa -filer Steg 33
Skapa -filer Steg 33

Steg 1. Bestäm en bild som ska konverteras till en GIF

Ibland kräver webbplatser eller appar att dina bilder är i-g.webp

  • Om din bild finns på Internet måste du först spara den på din dator. Spara bilder på din MacBook eller spara bilder på din dator.
  • Om din bild är något som måste skannas, se Så här skannar du foton.
Skapa -filer Steg 34
Skapa -filer Steg 34

Steg 2. Öppna din bild i bildredigeringsprogram

Leta upp din bild på din dator i Finder eller Explorer, sedan:

  • Mac: Dubbelklicka på din bild för att öppna den i Preview.
  • Windows: Högerklicka på bilden och välj "Öppna med" och välj "Paint" från menyn.
Skapa -filer Steg 35
Skapa -filer Steg 35

Steg 3. Spara filen som en GIF

Med bilden öppen i Preview (Mac) eller Paint (Windows):

  • Mac: Öppna Arkiv -menyn och välj "Spara som". Klicka på "GIF" på menyn Format. Skriv ett namn för din nya fil bredvid "Spara som" och klicka sedan på "Spara" för att skapa GIF.
  • Windows: Klicka på "Arkiv" och klicka sedan på högerpilen bredvid "Spara som". Välj GIF

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

Tips

  • Observera att animerade bilder och banners kan vara användbara, men när de används på en webbsida bör deras inkludering vara begränsad. Korrekt webbdesign kräver lite animation eftersom det i allmänhet försämrar andra funktioner på en sida.
  • Animerade-g.webp" />

Rekommenderad: