Vi presenterar animation med tidslinje i 3D

Öppna Spline

Vi är glada att dela vår senaste uppdatering, som fortsätter vårt arbete med att bygga ut rörelsedesign i Spline: Timeline Animation.

Den nya funktionen låter dig skapa mjuk, keyframe-baserad rörelse för både videoexport och interaktiva upplevelser, helt i Spline-editorn.

Tillstånd och keyframe-baserad animation

Från början skapade man animationer i Spline med ett tillståndsbaserat system. Du skapade olika tillstånd för dina objekt och växlade sedan mellan dem med händelser och en övergångsåtgärd.

Det är ett system vi fortfarande tror starkt på. Det är lätt att använda och sätta upp. Du animerar objekt från A till B till C i en sekvens av övergångar. Men systemet har sina begränsningar när det gäller att styra timingen i tillståndsövergångar för flera objekt i mer komplex rörelse.

Med Timeline kan du nu animera med mer precision och kontroll. Du ser dina övergångar utlagda på en horisontell tidslinje, vilket ger finare kontroll över timingen. Den nya lösningen bygger på tillstånd och utökar vad animation i Spline kan göra.

Grafeditor för mjuk rörelse och finare kontroll

Den inbyggda grafeditorn ger dig kontroll över easing och hastighet, så att du kan gå bortom linjära övergångar och skapa rörelse som känns naturlig, mjuk eller dynamisk.

Händelser och interaktivitet

Precis som tillstånd kan tidslinjebaserade animationer kopplas till Splines händelsesystem, så att du kan utlösa rörelse vid användaråtgärder eller villkorsstyrd logik. Det gör det möjligt att bygga interaktiva tidslinjer som reagerar dynamiskt på hur användarna interagerar med din scen.

Alla objektegenskaper kan animeras, bland annat position, rotation, skala, storlek, material, cloners och extruderingar längs banor. Keyframes spelas in automatiskt när du gör justeringar i viewporten eller egenskapspanelen, så arbetsflödet förblir smidigt och icke-destruktivt.

Hovra eller tryck för att interagera (upplevelse skapad med Splines Timeline)

Flera tidslinjer

Du kan skapa flera tidslinjer i ett och samma projekt. Det gör det möjligt att dela upp rörelse i rena spår, bygga olika tillstånd för samma objekt eller organisera animationer i komplexa scener.

Med flera tidslinjer blir det också enklare att utlösa olika rörelser beroende på interaktionen. En tidslinje kan till exempel definiera ett objekts inträdesanimation medan en annan styr hur det reagerar när man klickar på det.

Exportera video

Timeline är inte begränsad till interaktiva projekt. Du kan också exportera animationer som högkvalitativ video direkt från Spline. Välj tidslinjen du vill rendera, justera längd, bildfrekvens och upplösning och generera en video redo för presentationer, marknadsföringskampanjer eller loopande innehåll.

Det dubbla angreppssättet gör Timeline användbar för både interaktiva och traditionella arbetsflöden inom rörelsedesign.

Utvecklas i beta

Timeline Animation har lanserats i beta. Vi förbättrar den aktivt och kommer att fortsätta förfina arbetsflödet utifrån din feedback. Vårt mål är att göra animation i 3D så sömlös och uttrycksfull som möjligt, oavsett om du designar interaktiva upplevelser i realtid eller för video.

Vi ser fram emot att se hur du väcker dina projekt till liv med Timeline.

— Spline-teamet

Öppna Spline