Skapa bildrutebaserade animeringar

Senast uppdaterad den 4 dec. 2025

Skapa bild för bild-animeringar genom att konfigurera lager i olika positioner, opacitet eller stilar för varje bildruta i Adobe Photoshop.

Bildrutebaserade animeringar i Photoshop låter dig skapa enkelt animerat innehåll genom att bygga en sekvens av bildrutor, där varje bildruta representerar en annan konfiguration av dina lager.Denna teknik är perfekt för att skapa animerade GIF:ar för webbinnehåll, inlägg på sociala medier eller enkel rörelsegrafik.

Bildruteanimeringar fungerar genom att visa en sekvens av bildrutor i ordning, vilket skapar en illusion av rörelse.Till skillnad från tidslinjeanimeringar som använder keyframes och automatisk interpolering ger bildruteanimeringar dig exakt kontroll över varje enskild bildruta.Detta arbetsflöde passar bäst för enkla animeringar med distinkta tillstånd snarare än komplexa, flytande rörelser.

Öppna Timeline och Layers panelerna genom att välja Window > Timeline och Window > Layers.

Välj nedåtpil ikonen i mitten av Timeline panel och välj Create Frame Animation.

Lägg till ett nytt lager eller konvertera bakgrundslager till ett vanligt lager.

Lägg till innehåll i animeringen. Om din animering innehåller flera objekt som rör sig oberoende eller om du vill ändra färg eller innehåll i olika bildrutor, skapa dessa objekt på separata lager.

Lägg till en ny bildruta genom att välja Duplicate Selected Frames ikonen längst ner i Timeline panel.

Välj den nya bildrutan i Timeline panel och ändra lagren för denna bildruta i Layers panel.Du kan slå på eller av synlighet för olika lager, ändra lagerpositioner, justera opacitet för att skapa toningseffekter eller ändra lagerstilar.

Fortsätt att lägga till bildrutor och redigera lager efter behov.Lägg till så många bildrutor som din animering kräver.Antalet bildrutor begränsas endast av systemets tillgängliga minne.

Ställ in tiden för varje bildruta genom att välja fördröjningstiden (visas under varje bildruta) och välj en varaktighet från rullgardinsmenyn.

Ställ in upprepningsalternativ genom att välja Once, Forever eller Other från Select looping options rullgardinsmenyn längst ner i Timeline panel.

Välj Play ikonen i Timeline panel för att förhandsgranska din animering.