Hur man skapar en animerad GIF med Photoshop (med bilder)

Innehållsförteckning:

Hur man skapar en animerad GIF med Photoshop (med bilder)
Hur man skapar en animerad GIF med Photoshop (med bilder)

Video: Hur man skapar en animerad GIF med Photoshop (med bilder)

Video: Hur man skapar en animerad GIF med Photoshop (med bilder)
Video: Video Quality ENHANCER - Too good to be true!? Convert HD to CRISPY 4K VIDEO 2024, November
Anonim

Denna wikiHow lär dig hur du skapar en animerad-g.webp

Steg

Metod 1 av 2: Skapa animationer från scratch

Skapa animerade -filer med Photoshop Steg 1
Skapa animerade -filer med Photoshop Steg 1

Steg 1. Öppna Photoshop

Denna app är markerad med en ljusblå "Ps" -ikon på en mörk bakgrund.

Skapa animerade -filer med Photoshop Steg 2
Skapa animerade -filer med Photoshop Steg 2

Steg 2. Skapa ett nytt projekt

För att göra det:

  • Klick Fil.
  • Klick Ny.
  • Välj projektstorlek.
  • Klick Skapa.
Skapa animerade -filer med Photoshop Steg 3
Skapa animerade -filer med Photoshop Steg 3

Steg 3. Skapa ett lager för varje ram (ram)

Varje lager i animationen kommer att ha sin egen ram. Om du ritar animationen manuellt eller sammanställer den från en serie bilder, se till att varje bildruta ligger på ett nytt lager. Du kan skapa ett nytt lager på flera sätt:

  • Klicka på ikonen "Nytt lager" längst ned i lagerfönstret.
  • Klick Skikten, Ny, Skikten.
  • Tryck på tangentkombinationen Flytta+ Ctrl+ N (PC) eller Flytta+ Kommando+ N (Mac).
Skapa animerade -filer med Photoshop Steg 4
Skapa animerade -filer med Photoshop Steg 4

Steg 4. Klicka på Fönsteroch välj sedan Tidslinje.

Därefter läggs videon till på tidslinjen (“Tidslinje”) längst ner i Photoshop -projektfönstret, precis som tidslinjen som normalt skulle visas i videoredigeringsprogram.

Skapa animerade -filer med Photoshop Steg 5
Skapa animerade -filer med Photoshop Steg 5

Steg 5. Klicka på Skapa ramanimation

Du kan behöva klicka på knappen

Android7expandmore
Android7expandmore

först för att se alternativen.

Skapa animerade -filer med Photoshop Steg 6
Skapa animerade -filer med Photoshop Steg 6

Steg 6. Klicka

Det är i det övre högra hörnet av tidslinjefönstret. När du har klickat på den visas en rullgardinsmeny.

Skapa animerade -filer med Photoshop Steg 7
Skapa animerade -filer med Photoshop Steg 7

Steg 7. Klicka på Skapa ramar från lager

Efter det kommer varje lager att konverteras till en enda ram som utgör den animerade GIF.

Skapa animerade -filer med Photoshop Steg 8
Skapa animerade -filer med Photoshop Steg 8

Steg 8. Klicka på knappen

Android7dropdown
Android7dropdown

som ligger bredvid knappen "En gång".

Det här alternativet ställer in antalet repetitioner av den animering du vill ha.

Skapa animerade -filer med Photoshop Steg 9
Skapa animerade -filer med Photoshop Steg 9

Steg 9. Välj Forever

Med det här alternativet fortsätter den animerade-g.webp

  • Du kan också klicka på ikonen

    Android7expandmore
    Android7expandmore

    under varje bildruta för att justera timingen om du vill att vissa bildrutor ska visas längre eller snabbare under animering.

Skapa animerade -filer med Photoshop Steg 10
Skapa animerade -filer med Photoshop Steg 10

Steg 10. Klicka på Arkivoch välj sedan Exportera och klicka Spara för webben (äldre).

Därefter visas exportalternativen för webbbildformatet.

Skapa animerade -filer med Photoshop Steg 11
Skapa animerade -filer med Photoshop Steg 11

Steg 11. Klicka på Spara

Om du vill spara den animerade GIF-filen till en lägre kvalitet för snabbare laddning, klicka först på fliken Optimerad, 2-upp eller 4-Upp och välj alternativet med den mindre filstorleken i nedre vänstra hörnet i varje bildförhandsvisning.

Se till att "GIF" är markerat i listrutan till höger

Skapa animerade -filer med Photoshop Steg 12
Skapa animerade -filer med Photoshop Steg 12

Steg 12. Välj ett filnamn och spara plats, klicka sedan på Spara

Den animerade-g.webp

Metod 2 av 2: Skapa animationer från videor

Skapa animerade -filer med Photoshop Steg 13
Skapa animerade -filer med Photoshop Steg 13

Steg 1. Öppna Photoshop

Denna app är markerad med en ljusblå "Ps" -ikon på en mörk bakgrund.

Skapa animerade -filer med Photoshop Steg 14
Skapa animerade -filer med Photoshop Steg 14

Steg 2. Öppna videofilen

Därefter importeras videon till Photoshop och placeras i tidslinjefönstret längst ner i programfönstret. För att placera den kan du dra och släppa videofilen direkt i Photostop -fönstret, eller:

  • Klick Filoch välj Öppen.
  • Välj önskad videofil.
  • Klick Öppen.
Skapa animerade -filer med Photoshop Steg 15
Skapa animerade -filer med Photoshop Steg 15

Steg 3. Justera varaktigheten

Klicka på början och slutet av videofilen på tidslinjen och dra varje avsnitt i motsatta riktningar för att justera start- och slutpunkterna för videon medan den spelas upp.

Om du vill granska ändringarna trycker du på uppspelningsknappen till vänster i tidslinjefönstret

Skapa animerade -filer med Photoshop Steg 16
Skapa animerade -filer med Photoshop Steg 16

Steg 4. Justera hastigheten

Om du vill påskynda eller sänka videouppspelningshastigheten kan du högerklicka på ett klipp på tidslinjen och ändra parametern "Hastighet". Du kan ange ett nytt procenttal (t.ex. 50% för att spela upp videon med halva originalhastigheten, eller 200% för att spela upp videon med dubbel hastighet) eller:

  • Klick

    Android7expandmore
    Android7expandmore

    och dra reglaget mot vänster eller höger för att justera rotationshastigheten manuellt.

Skapa animerade -filer med Photoshop Steg 17
Skapa animerade -filer med Photoshop Steg 17

Steg 5. Ändra storlek på bilden

Om du importerar videor i HD -kvalitet är det möjligt att bildstorleken blir ganska stor. Om du vill ladda upp en animerad-g.webp

  • Klick Bild.
  • Klick Bildstorlek.
  • Ange den nya bildstorleken (350 x 197 är den rekommenderade storleken för HD -video).
  • Klick OK.
  • Klick Konvertera.
Skapa animerade -filer med Photoshop Steg 18
Skapa animerade -filer med Photoshop Steg 18

Steg 6. Klicka på Arkiv, välj Exporteraoch klicka på Spara för webben (äldre).

Därefter visas exportalternativen för webbbildformatet.

Skapa animerade -filer med Photoshop Steg 19
Skapa animerade -filer med Photoshop Steg 19

Steg 7. Välj önskad kvalitetsversion

Om du vill spara den animerade GIF-filen till en lägre kvalitet för snabbare laddning, klicka först på fliken Optimerad, 2-upp eller 4-upp och välj alternativet med en mindre filstorlek i nedre vänstra hörnet av bildförhandsgranskningen.

Se till att alternativet "GIF" är valt i listrutan till höger så att videon sparas som en GIF-fil som stöder animering, inte en JPEG eller PNG

Skapa animerade -filer med Photoshop Steg 20
Skapa animerade -filer med Photoshop Steg 20

Steg 8. Klicka

Android7expandmore
Android7expandmore

den bredvid Looping -alternativ och välj önskat alternativ.

Det är i det nedre högra hörnet av fönstret. Ange om animationen ska spelas upp en gång eller upprepas kontinuerligt.

Skapa animerade -filer med Photoshop Steg 21
Skapa animerade -filer med Photoshop Steg 21

Steg 9. Klicka på Spara

Därefter öppnas filsparningsfönstret.

Skapa animerade -filer med Photoshop Steg 22
Skapa animerade -filer med Photoshop Steg 22

Steg 10. Välj ett filnamn och spara plats, klicka sedan på Spara

Din animerade-g.webp

Tips

För "Looping -alternativ" kan du också välja "Andra" "och ange antalet upprepningar av animationen istället för" En gång "eller" För alltid"

Rekommenderad: