Maak kennis met 3D-tijdlijnanimatie

Met de tijdlijnanimatie van Spline breng je je 3D-designs tot leven met vloeiende beweging op basis van keyframes.

Open Spline

We delen met plezier onze nieuwste update, waarmee we motion design in Spline verder uitbreiden: Timeline Animation.

Met deze nieuwe functie maak je vloeiende beweging op basis van keyframes, zowel voor video-exports als voor interactieve ervaringen, allemaal in de editor van Spline.

States en animatie op basis van keyframes

Oorspronkelijk maakte je animaties in Spline met een systeem op basis van states. Je maakte verschillende states voor je objecten en wisselde daartussen met events en een transitieactie.

In dat systeem geloven we nog steeds. Het is makkelijk te gebruiken en op te zetten. Je animeert objecten van A naar B naar C in een reeks transities. Maar het systeem heeft zijn beperkingen als je de timing van state-transities van meerdere objecten in complexere bewegingen wilt regelen.

Met Timeline animeer je nu met meer precisie en controle. Je ziet je transities op een horizontale tijdlijn, zodat je de timing nauwkeuriger kunt afstellen. Deze nieuwe oplossing bouwt voort op states en breidt de animatiemogelijkheden in Spline uit.

Demonstratie van keyframes op de Timeline van Spline

Graph Editor voor vloeiende beweging en meer controle

Met de ingebouwde Graph Editor heb je controle over easing en snelheid, zodat je verder gaat dan lineaire transities en beweging maakt die natuurlijk, vloeiend of dynamisch aanvoelt.

Demonstratie van tijdlijnanimatie met curves in Spline

Events en interactiviteit

Net als states kun je animaties op basis van Timeline koppelen aan het eventsysteem van Spline, zodat je beweging start bij acties van gebruikers of met conditionele logica. Zo bouw je interactieve tijdlijnen die dynamisch reageren op hoe gebruikers met je scène omgaan.

Elke objecteigenschap is te animeren, waaronder positie, rotatie, schaal, grootte, materiaal, cloners en padextrusies. Keyframes worden automatisch vastgelegd terwijl je aanpassingen doet in de viewport of het eigenschappenpaneel, zodat de workflow soepel en niet-destructief blijft.

Hover of tik om te interacteren (ervaring gemaakt met de Timeline van Spline)

Meerdere tijdlijnen

Je kunt meerdere tijdlijnen maken binnen één project. Zo verdeel je beweging over overzichtelijke sporen, bouw je verschillende states voor hetzelfde object of organiseer je animaties voor complexe scènes.

Met meerdere tijdlijnen trigger je ook makkelijker verschillende bewegingen afhankelijk van de interactie. De ene tijdlijn kan bijvoorbeeld de entreeanimatie van een object bepalen, terwijl een andere regelt hoe het reageert als je erop klikt.

Geanimeerde 3D-paden en camera met de tijdlijn

Video exporteren

Timeline is niet beperkt tot interactieve projecten. Je kunt animaties ook rechtstreeks vanuit Spline als video van hoge kwaliteit exporteren. Kies de tijdlijn die je wilt renderen, stel de duur, framerate en resolutie in en genereer een video die klaar is voor presentaties, marketingcampagnes of content in een loop.

Door deze tweeledige aanpak is Timeline nuttig voor zowel interactieve als traditionele workflows voor motion design.

Video’s op basis van de tijdlijn, geëxporteerd uit Spline

In bèta en in ontwikkeling

Timeline Animation is gelanceerd in bèta. We verbeteren het actief en blijven de workflow verfijnen met jouw feedback. Ons doel is animeren in 3D zo naadloos en expressief mogelijk te maken, of je nu ontwerpt voor realtime interactieve ervaringen of voor video.

We zijn benieuwd hoe jij je projecten tot leven brengt met Timeline.

— Het Spline-team

Open Spline

Meer van de blog