Skapa ett nytt dokument med lämpliga dimensioner för din animering.Se till att Färgläge är inställt på RGB och upplösningen på 72 pixlar/tum för standard-webbanimeringar.
Senast uppdaterad den
2 dec. 2025
Lär dig mer om att skapa tidslinjebaserade animeringar i Photoshop med hjälp av lager, keyframes och Timeline panel.
A. Spelhuvud B.Timeline panel-meny C.Lägg till media till spår D.Keyframe E.Zooma in F.Zoomreglage G.Zooma ut H.Konvertera till bildruteanimering I.Aktivera keyframe-animering J.Uppspelningsalternativ
Öppna Timeline panel genom att välja Window > Timeline.Om panelen visar läget för bildruteanimering, välj ikonen Convert to Video Timeline <insert icon here> i det nedre vänstra hörnet.
Välj Create Video Timeline från rullgardinsmenyn och klicka sedan på knappen till vänster om pilen.
Lägg till innehåll genom att skapa ett nytt lager (Layer > New > Layer) eller konvertera bakgrundslagret till ett vanligt lager genom att dubbelklicka på det i Layers panel.
Ställ in tidslinjens bildfrekvens genom att välja Timeline panel-menyn och välja Set Timeline Frame Rate.
Tips!
Välj en lämplig hastighet som 24 fps, vilket är standard för video.
Flytta indikatorn för aktuell tid (spelhuvudet) till där du vill ställa in din första keyframe.
Expandera Layer-egenskaperna genom att klicka på triangeln bredvid lagernamnet och välj sedan ikonen Enable Keyframe animation bredvid den egenskap du vill animera, som Position, Opacitet eller Stil.
Flytta tidsmarkören till en annan tidpunkt och ändra sedan Lageregenskapen (flytta lagret, justera opacitet osv.). Photoshop skapar automatiskt en ny keyframe.
Spara din animation genom att välja Arkiv > Export > Rendera Video för videoutdata eller Arkiv > Export > Spara för webb (Äldre) för animerad GIF.
Obs!
Förhandsgranska din animation genom att klicka på Spela upp-knappen i tidslinje panel.
