Apresentamos a animação 3D com timeline

Abrir o Spline

Temos o prazer de partilhar a nossa mais recente atualização, que dá continuidade ao nosso esforço para alargar o motion design no Spline, com a introdução da animação com timeline.

Esta nova funcionalidade permite-te criar movimento suave, baseado em keyframes, tanto para exportações de vídeo como para experiências interativas, tudo dentro do editor do Spline.

Estados e animação baseada em keyframes

Originalmente, no Spline, criar animações era possível através de um sistema baseado em estados. Criavas diferentes estados para os teus objetos e depois fazias a transição entre eles com eventos e uma ação de transição.

É um sistema em que continuamos a acreditar profundamente. É fácil de usar e de configurar. Animas objetos de A para B e para C numa sequência de transições. Mas este sistema tem as suas limitações quando se trata de controlar o tempo das transições de estado de vários objetos em movimentos mais complexos.

Com a timeline, podes agora animar com mais precisão e controlo. Vês as tuas transições dispostas numa timeline horizontal, o que permite um controlo mais fino dos tempos. Esta nova solução assenta nos estados e alarga as capacidades de animação do Spline.

Editor de gráficos para movimento suave e controlo mais fino

O editor de gráficos integrado dá-te controlo sobre o easing e a velocidade, para que possas ir além das transições lineares e criar movimento que pareça natural, suave ou dinâmico.

Eventos e interatividade

Tal como os estados, as animações com timeline podem ser ligadas ao sistema de eventos do Spline, o que te permite acionar movimento a partir de ações do utilizador ou de lógica condicional. Assim, é possível criar timelines interativas que respondem dinamicamente à forma como os utilizadores interagem com a tua cena.

Qualquer propriedade de um objeto pode ser animada, incluindo posição, rotação, escala, tamanho, material, cloners ou extrusões de caminhos. Os keyframes são gravados automaticamente à medida que fazes ajustes no viewport ou no painel de propriedades, mantendo o fluxo de trabalho fluido e não destrutivo.

Passa o cursor ou toca para interagir (experiência feita com a timeline do Spline)

Várias timelines

Podes criar várias timelines num único projeto. Isto permite separar o movimento em faixas organizadas, criar estados diferentes para o mesmo objeto ou organizar as animações de cenas complexas.

Ter várias timelines também facilita acionar movimentos diferentes consoante a interação. Por exemplo, uma timeline pode definir a animação de entrada de um objeto, enquanto outra controla a forma como ele reage quando é clicado.

Exportar vídeo

A timeline não se limita a projetos interativos. Também podes exportar animações como vídeo de alta qualidade diretamente do Spline. Seleciona a timeline que queres renderizar, ajusta a duração, a taxa de fotogramas e a resolução, e gera um vídeo pronto para apresentações, campanhas de marketing ou conteúdos em loop.

Esta dupla abordagem torna a timeline útil tanto para fluxos de trabalho interativos como para o motion design tradicional.

A evoluir em Beta

A animação com timeline foi lançada em Beta. Estamos a melhorá-la ativamente e vamos continuar a refinar o fluxo de trabalho com o teu feedback. O nosso objetivo é tornar a animação em 3D tão fluida e expressiva quanto possível, quer estejas a fazer design para experiências interativas em tempo real, quer para vídeo.

Estamos entusiasmados por ver como vais dar vida aos teus projetos com a timeline.

— A equipa do Spline

Abrir o Spline