Ipinapakilala ang 3D Timeline Animation

Hinahayaan ka ng timeline animation ng Spline na bigyang-buhay ang mga 3D design mo gamit ang maayos at keyframe-based na galaw.

Buksan ang Spline

Excited kaming ibahagi ang pinakabago naming update, na nagpapatuloy sa pagsisikap naming palawakin ang motion design sa Spline, sa pagpapakilala ng Timeline Animation.

Hinahayaan ka ng bagong feature na ito na gumawa ng maayos at keyframe-based na galaw para sa mga video export at interactive experience, lahat sa loob ng Spline editor.

Mga state at keyframe-based na animation

Noong una sa Spline, nagagawa ang mga animation gamit ang isang state-based na sistema. Gagawa ka ng iba't ibang state para sa mga object mo at saka lilipat sa pagitan ng mga ito gamit ang mga event at isang transition action.

Isa itong sistemang lubos pa rin naming pinaniniwalaan. Madali itong gamitin at i-set up. Ina-animate mo ang mga object mula A papuntang B papuntang C sa isang sunud-sunod na transition. Pero may mga limitasyon ang sistemang ito pagdating sa pagkontrol ng timing ng mga state transition ng maraming object sa mas komplikadong galaw.

Sa Timeline, makakapag-animate ka na nang may mas mataas na precision at kontrol. Nakikita mo ang mga transition mo na nakalatag sa isang pahalang na timeline, kaya mas pino ang kontrol sa mga timing. Nakabatay ang bagong solusyong ito sa mga state at pinapalawak ang mga kakayahan ng animation sa Spline.

Demonstrasyon ng mga keyframe sa Timeline ng Spline

Graph editor para sa maayos na galaw at mas pinong kontrol

Binibigyan ka ng built-in na Graph Editor ng kontrol sa easing at bilis, kaya makakalampas ka sa mga linear na transition para gumawa ng galaw na natural, maayos o dynamic ang pakiramdam.

Demonstrasyon ng curve-based na timeline animation sa Spline

Mga Event at Interactivity

Gaya ng mga State, maikokonekta ang mga Timeline-based na animation sa Event system ng Spline, kaya mati-trigger mo ang galaw sa mga action ng user o sa conditional logic. Dahil dito, posibleng gumawa ng mga interactive na timeline na dynamic na tumutugon sa kung paano nakikipag-interact ang mga user sa scene mo.

Nai-a-animate ang anumang property ng object, kasama ang position, rotation, scale, size, material, mga cloner o mga path extrusion. Awtomatikong nire-record ang mga keyframe habang nag-a-adjust ka sa viewport o sa properties panel, kaya nananatiling tuloy-tuloy at non-destructive ang workflow.

I-hover o i-touch para makipag-interact (Experience na gawa sa Timeline ng Spline)

Maraming Timeline

Makakagawa ka ng maraming timeline sa loob ng iisang project. Dahil dito, posibleng paghiwalayin ang galaw sa malilinis na track, gumawa ng iba't ibang state para sa parehong object, o i-organisa ang mga animation para sa mga komplikadong scene.

Pinapadali rin ng pagkakaroon ng maraming timeline ang pag-trigger ng iba't ibang galaw depende sa interaction. Halimbawa, puwedeng itakda ng isang timeline ang entry animation ng isang object habang kinokontrol naman ng isa pa kung paano ito tumutugon kapag na-click.

Mga animated na 3D Path at Camera gamit ang timeline

Pag-export ng video

Hindi limitado sa mga interactive na project ang Timeline. Makakapag-export ka rin ng mga animation bilang high-quality na video mismo mula sa Spline. Piliin ang timeline na gusto mong i-render, i-adjust ang duration, frame rate at resolution, at gumawa ng video na handa na para sa mga presentasyon, marketing campaign o looping content.

Dahil sa dalawahang approach na ito, kapaki-pakinabang ang Timeline sa parehong interactive at tradisyonal na motion design workflow.

Mga timeline-based na video na na-export mula sa Spline

Patuloy na umuunlad sa Beta

Inilunsad ang Timeline Animation sa Beta. Aktibo namin itong pinapahusay at patuloy naming pipinuhin ang workflow batay sa feedback mo. Layunin naming gawing kasing-ayos at kasing-expressive hangga't maaari ang pag-a-animate sa 3D, nagdidisenyo ka man para sa real-time na interactive experience o para sa video.

Excited kaming makita kung paano mo bibigyang-buhay ang mga project mo gamit ang Timeline.

— Ang Spline Team

Buksan ang Spline

Iba pa mula sa blog