Animera grafik med SVG i Photoshop

Photoshop låter dig skapa SVG-animationer för webbanvändning genom en kombination av tidslinjebaserad animering och export som en video eller animerad GIF. Direkt SVG-export med animering stöds inte inbyggt.

Arbetsflödesöversikt

Skapa din vektorgrafik: Designa dina konstverk med Photoshops vektorverktyg.
Konvertera till smart objekt: Högerklicka på lagret och välj "Konvertera till smart objekt." Detta tillåter oförstörande redigering.
Animera med tidslinje: Öppna panelen Tidslinje (Fönster > Tidslinje). Välj "Skapa ramanimering."
Lägg till ramar: Duplicera baslagerramen så många gånger som behövs för din animeringssekvens.
Ändra varje bildruta: Justera vektorgrafikens egenskaper (position, skala, färg, etc.) i varje bildruta för att skapa animeringen.
Ange bildrutelängd: Styr hastigheten på animeringen genom att justera varaktigheten för varje bildruta.
Exportera som video eller GIF: Arkiv > Exportera > Spara för webben (Legacy) för animerade GIF-filer, eller Arkiv > Exportera > Media för videoformat.

Överväg att använda plugins från tredje part för mer avancerade SVG-animeringsfunktioner.

Exportformatjämförelse

Format	Filstorlek	Animationskvalitet	Webbläsarsupport
Animerad GIF	Generellt större	Begränsad färgpalett	Universell
Video (MP4, WebM)	Mindre	Hög kvalitet	Kräver videospelare
Bildsekvens (PNG)	Moderat	Hög kvalitet	Kräver JavaScript för att spela

För komplexa animationer, överväg att skapa konstverket i ett dedikerat vektoranimationsprogram och importera det till Photoshop för sista hand om det behövs.