Hur man gör en GIF i Photoshop (eller ett gratis alternativ)

GIF: er är fantastiska. De är som Internets blädderböcker - perfekta för att förmedla tankar och känslor som ord kan inte beskriva, eftersom de visar upp upptåget hos dina bedårande husdjur eller ger dig en bra skrocka.

Innehåll

  • Hur man gör en animerad GIF från en video (Photoshop)
  • Hur man gör en animerad GIF med stillbilder (Photoshop)
  • Hur man gör en animerad GIF med stillbilder (gratis)
  • Ställ in dina stillbilder först
  • Gör en animerad GIF med ett gratis verktyg
  • Hur man gör en animerad GIF från en video (gratis)
  • Hur man gör en GIF från en YouTube-video

Kanske har du använt en GIF på din telefon för att skicka en rolig animation till en vän, eller så har du sett dem dyka upp i kommentarerna på Facebook. Men har du någonsin gjort din egen GIF? Du kanske har idéer för de största GIF-bilderna, men kanske vet du inte hur du ska göra den drömmen till verklighet. Du behöver inte oroa dig: Den här enkla handledningen bör guida dig genom processen att skapa förstklassiga GIF-filer, även om vi inte definitivt kan berätta för dig hur man uttalar det.

Rekommenderade videor

Måttlig

20 minuter

  • Photoshop eller ett gratis onlineverktyg som Giphy

  • Stillbilder du vill använda för din GIF

  • En video du vill göra din GIF från

  • En PC

Hur man gör en animerad GIF från en video (Photoshop)

Innan vi hoppar direkt in i handledningen bör vi ta upp elefanten i rummet. Adobe Photoshop är förmodligen den bästa programvaran som finns tillgänglig för att göra GIF-bilder (eller redigera bilder i allmänhet). Om du inte har Photoshop kan andra program ge dig en del av samma funktionalitet, som t.ex GIMP, men om du vill göra allvar med att göra GIF-bilder är Photoshop rätt väg att gå.

Steg 1: Hitta en bra videosekvens på webben som du vill förvandla till en GIF. Detta kan vara praktiskt taget vad som helst, men försök att välja ett klipp som inte är för långt, eftersom korthet är nyckeln för en bra GIF.

Steg 2: Spara videon på din dator. Kolla in vår guide på hur man laddar ner YouTube-videor om du behöver vägledning om att rippa film från webben. Trimma ned filmerna till endast den längd du vill att GIF-en ska spela upp. Två eller tre sekunder är bra, fem trycker på den och 10 eller mer är möjligt med rätt hackning, men filen blir stor och svår att arbeta med. Den allmänna tumregeln är att förmedla din idé i så få ramar som möjligt.

Relaterad

  • Bästa Adobe Photoshop-erbjudanden: Skaffa fotoredigeringsprogrammet gratis
  • Hur man kombinerar PDF-filer på Windows, macOS eller webben
  • Hur man sparar en webbsida som PDF

Steg 3: Öppna videon med Photoshop. För att göra detta, navigera till Fil > Importera > Videoramar till lager. Välj den videofil du vill ha, och Photoshop öppnar den som en serie stillbilder. Du kan välja att importera hela videon från början till slut eller använda reglagen för att välja en mindre del av klippet. Du kan begränsa importen till varannan (eller var tredje, fjärde, etc.) bildruta för att göra filen mindre, men detta kommer också att göra videon hackigare.

Importera en video till lager i Photoshop.

Steg 4: Bråka med inställningarna. Du kan justera färgbalans och annat med Photoshop vid det här laget om du vill. När du har allt ser perfekt ut, gå till Fil > Spara för webben. Du kommer då att mötas av ett fönster som ser ut ungefär så här:

GIF-inställningar i Photoshop.

Steg 5: Du kan justera dessa inställningar för att göra din GIF mindre. Helst vill du inte göra det större än 1 MB så att det inte tar evigheter att ladda på webbsidor. Spela med alla dessa tills du hittar en sweet spot.

  • Färger: Detta begränsar antalet färger som används för att skapa bilden, så ju högre desto bättre (GIF-bilder är begränsade till maximalt 256 färger). Sänk bara till 128 eller lägre om du måste eller om din GIF inte har mycket färg i första hand.
  • Dither: Rastrering sprider olika färgade pixlar i en bild för att få det att se ut som om det finns mellanliggande färger i bilder med en begränsad färgpalett. Högre inställningar ger snyggare bilder, men detta kommer också att göra filen större.
  • Förlustig: Använd den här inställningen för att tillämpa en avsiktlig kvalitetsminskning. En lägre inställning är bättre, men viss kvalitetsförlust kan behövas för att göra filen tillräckligt liten.
  • Storlek: Att ändra måtten på din GIF kan ha en enorm inverkan på filens storlek.

Steg 6: Spara och dela! Välj Spara knappen för att slutföra din skapelse. När du är klar kan du ladda upp den till en gratis bildvärdwebbplats som Imgur att dela den med dina vänner och bädda in den i bloggar och webbplatser.

Hur man gör en animerad GIF med stillbilder (Photoshop)

Du kan också skapa animerade GIF-bilder i Photoshop genom att sätta ihop stillbilder. Denna process består av att skikta varje bildruta nerifrån och upp och sedan sekvensera skikten med Photoshops animerings-/tidslinjeverktyg.

Steg 1: Samla de stillbilder du vill sekvensera för din GIF och lägg dem i en enda mapp. Välj sedan i Photoshop Fil > Manus > Ladda filer i stack. Välj sedan Bläddra och välj bilderna på skrivbordet som du vill sätta ihop till en GIF.

Steg 2: Välj OK, och en ny komposition bör öppnas med dessa stillbilder nu renderade som enskilda lager i en enda bild. Ordna dem därefter; din första ram bör uppta det allra nedersta lagret och så vidare.

Steg 3: Du kan också skapa varje lager individuellt i Photoshop istället för att ladda upp dina stillbilder som lager. Kör Photoshop och skapa en ny bild genom att välja Fil > Ny och sedan välja OK. Lås sedan upp bakgrundslagret genom att välja två gånger Låsa skapa ett nytt lager genom att öppna Lager > Ny… > Lager, och designa varje ram därefter.

Steg 4: Återigen, sträng din animation nerifrån och upp. (Denna process fungerar om du använder en äldre version av Photoshop som inte har alternativet "Ladda in filer i stack".) Ladda din stillbilder till Photoshop, dra dem till ditt nya projekt och ändra storleken på de nyskapade lagren med hjälp av Photoshops transformeringsverktyg (Redigera > Gratis transformation eller Ctrl + T), dra sedan hörnen för att ändra storlek på objektet).

Du vill att ditt resultat ska se ut så här, med varje bildruta i animationen separerad som ett lager och ordnad kronologiskt nedifrån och upp:

Lagerskärm i Photoshop.

Steg 5: Nu när du har ordnat dina lager därefter kan du börja sekvensera dina lager. Återigen kommer denna process att variera beroende på vilken version av Photoshop du använder. Om du fortfarande kör CS5 eller lägre (hej, vi kommer inte att döma), öppna animeringsfönstret genom att öppna Fönster + Animation. På samma sätt, välj Fönster + Tidslinje i Photoshop CS6 och Photoshop CC för att komma åt tidslinjefönstret. För Photoshop CC, välj Rullgardinsmenyn i mitten av tidslinjefönstret och välj Skapa ramanimering.

Steg 6: När du har öppnat Photoshops sekvenseringsverktyg väljer du Liten, högervänd pil i det övre högra hörnet och välj sedan Gör ramar av lager.

Du kan också välja Högervänd pil för att skapa en ny ram manuellt (eller så kan du använda snabbkommandot Ctrl > Flytta > Alt > F).

Steg 7: Därifrån väljer du Öga ikonen bredvid varje lager för att dölja de lager som du inte vill ska visas i ramen du har skapat.

Layer 3-skärm i Photoshop.

Steg 8: Härifrån använder du menyn under varje bildruta för att växla dess varaktighet. Menyn i det nedre vänstra hörnet dikterar hur många gånger din GIF ska spelas upp igen - ställ in den på Evigt om du vill att den ska loopa oändligt.

Steg 9: Grattis! Du har skapat en animerad GIF med stillbilder, och nu behöver du bara exportera den från Photoshop med den process som beskrivs ovan. För en snabb sammanfattning:

Bege dig till Fil > Spara för webben. Kom ihåg att hålla din GIF inte större än 1 MB. Om det behövs, justera inställningarna för färg, dither, förlust och storlek tills din GIF har ändrats i enlighet därmed. När du är nöjd sparar du din nypressade GIF.

Hur man gör en animerad GIF med stillbilder (gratis)

Om du inte har tillgång till Photoshop, det finns gratis metoder du kan använda för att göra en GIF, även om slutproduktens kvalitet kanske inte är lika hög. Det finns olika gratisprogram (som GIMP eller Pixlr) som erbjuder de grundläggande funktionerna i Photoshop, alltså så att du kan skapa stillbilder och spela upp dem i sekvens, och webbplatser som låter dig klippa GIF-filer från video. Ingen av dessa processer kommer att vara lika effektiva som Photoshop - men de är billigare och ganska enkla.

Ställ in dina stillbilder först

Flera appar i webbläsaren låter dig göra GIF av en serie stillbilder. Som ett exempel kommer vi att använda Ezgif. Den här webbplatsen låter dig ladda upp en serie bilder, ordna dem och förvandla dem till en animerad GIF. För att göra det krävs naturligtvis en uppsättning bilder som fungerar i sekvens. För att göra detta behöver vi en gratis Photoshop-ersättning. Vi kommer att använda Pixlr i detta exempel.

Steg 1: Det första du ska göra är att ladda upp en ny bild. Välj storlek på duken, men tänk på att ju större filstorlek en GIF har, desto långsammare laddas den, så försök att minska mängden grejer du får plats på duken. Enklare och mindre är ofta bättre.

Steg 2: När du har en duk, gör den första ramen av din GIF. I det här exemplet kommer vi att använda formverktyget för att skapa en person av en cirkel, rektanglar och linjer, och spara den här bilden för att skapa den första ramen.

Animeringsprocessen består av att spela upp en serie bilder med små förändringar för att ge en illusion av rörelse. För att göra en GIF måste du göra flera bilder, var och en med en liten variation från den förra. För enkelhetens skull kommer denna GIF bara att ha ett fåtal ramar, så det blir inte snyggt, men det borde illustrera konceptet.

Stillbild av en pinnefigur.

Steg 3: För nästa bild får vi figuren att höja sina armar genom att radera dem och rita nya armar uppåt. Spara bilden för att skapa den andra ramen.

Andra stillbildsramen av GIF-bild av stickfigur. Denna käppfigur har båda armarna i luften.

Steg 4: Därefter kommer vi att använda Typ verktyg för att få text att visas, och vi sparar den här bilden som den tredje ramen.

Tredje stillbilden av stickfigur. Den här har ordet Se! på det.

Steg 5: Sedan lägger vi till lite mer text och sparar den som den fjärde ramen.

Detta är den fjärde stillbilden av stickfiguren GIF. Den här har orden Se! En GIF! lagt till det.

Gör en animerad GIF med ett gratis verktyg

Med våra ramar redo laddar vi upp dem till Ezgif. Så här gör du färdigt din GIF med Ezgif:

Steg 1: Välj fliken märkt GIF-tillverkare och välj Bläddra knapp. Välj alla bildfiler som är associerade med din GIF.

Steg 2: Välj sedan knappen märkt Ladda upp och gör en GIF!. När bildfilerna har laddats klart, se till att de är i rätt ordning. Du kan också ställa in fördröjningstiden, vilket är tiden mellan bildrutor, och välja hur många gånger (om alls) du vill att GIF ska gå i loop.

EZGIF-webbplatsens GIF-tillverkare genomgång.

Steg 3: När du är klar väljer du knappen märkt Gör en GIF!

Steg 4: Din GIF bör då visas, tillsammans med knappar för att redigera den eller spara den på din dator.

Sparar GIF gjord på EZGIF.

Hur man gör en animerad GIF från en video (gratis)

Om du vill använda ett visst utdrag av en video för en GIF, kan många webbplatser hjälpa dig att göra dem med mycket lite input från din sida. Ezgif, Giphy, ImgFlip, Gfycat, och många andra onlinetjänster låter dig skapa GIF-bilder utan hjälp av ett kreditkort, även om bekvämligheten kommer med en uppoffring av kontrollnivån du har.

Steg 1: Att använda ett av dessa onlineverktyg är otroligt enkelt. Som exempel kommer vi att använda Giphy. Den här webbplatsen låter dig antingen klistra in URL: en för en viss video eller ladda upp en videofil från din dator. Ange webbadressen eller ladda upp din video och fortsätt till steg 2.

Giphy-webbplatsens GIF-tillverkare.

Steg 2: När du har gjort det kan du välja den punkt i videon där GIF-en ska börja och välja hur länge GIF-en ska köras. Du kan också ange en bildtext om du vill.

Redigera längden på en GIF i Giphy.

Steg 3: När du har bestämt dig för dessa element väljer du Skapa GIF knappen och låt webbplatsen ta hand om resten.

Processen är mer eller mindre densamma för andra webbplatser, inklusive ImgFlip. Men om du vill ha mer kontroll över den resulterande kvaliteten på din GIF, bör du förmodligen hålla dig till Photoshop. Som sagt, för grundläggande video-till-GIF-funktionalitet borde sajter som Giphy fungera bra.

Hur man gör en GIF från en YouTube-video

Du kan använda ovanstående webbplatser och mer för att skapa en GIF från en YouTube-video. Vi har även en steg-för-steg-guide som kan hjälpa dig skapa fantastiska GIF-filer från vilken YouTube-video som helst.

Och det är allt! Du är nu en GIF-guru (eller en GIF Jedi, om du föredrar det mjuka "g"-uttalet), och dina sociala media-flöden är på väg att bli oändligt mycket mer spännande.

Även om vi förmodligen bör varna dig: Med stor makt kommer stort ansvar. Välj dina ögonblick klokt och översvämma inte dina vänner med ett överväldigande angrepp av låggradiga katt-GIF-bilder, hur söta de än är. Det finns en tid och plats, och kvalitet överträffar alltid kvantitet. GIF: en kan vara blygsam, men den är också en legend; det förtjänar din respekt. Studera det, öva på det, bemästra det.

Redaktörens rekommendationer

  • Hur man tar en skärmdump på din Mac: de bästa metoderna 2023
  • Så här skriver du ut från en Chromebook – det enkla sättet
  • Hur mycket RAM behöver du?
  • Den bästa gratis programvaran för föräldrakontroll för PC, Mac, iOS och Android
  • Hur man presenter spel på Steam