Apresentamos a animação 3D com timeline

Abrir o Spline

Estamos animados em compartilhar nossa atualização mais recente, que continua nosso esforço para ampliar o motion design no Spline, com a chegada da Timeline Animation.

Este novo recurso permite criar movimentos suaves baseados em keyframes, tanto para exportação de vídeo quanto para experiências interativas, tudo dentro do editor do Spline.

Estados e animação baseada em keyframes

No início, criar animações no Spline era possível com um sistema baseado em estados. Você criava diferentes estados para seus objetos e depois fazia a transição entre eles usando eventos e uma ação de transição.

Ainda acreditamos muito nesse sistema. Ele é fácil de usar e de configurar. Você anima objetos de A para B e para C numa sequência de transições. Mas esse sistema tem 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, agora você anima com mais precisão e controle, vendo suas transições dispostas numa linha do tempo horizontal, que permite ajustar o tempo com mais detalhe. Esta nova solução se apoia nos estados e amplia as possibilidades de animação no Spline.

Editor de curvas para movimentos suaves e controle mais fino

O Graph Editor integrado dá controle sobre a suavização (easing) e a velocidade, para você ir além das transições lineares e criar movimentos que parecem naturais, suaves ou dinâmicos.

Eventos e interatividade

Assim como os estados, as animações com timeline podem ser conectadas ao sistema de eventos do Spline, permitindo disparar movimentos a partir de ações do usuário ou de lógica condicional. Com isso, dá para criar timelines interativas que respondem dinamicamente à forma como as pessoas interagem com sua cena.

Qualquer propriedade de objeto pode ser animada, incluindo posição, rotação, escala, tamanho, material, cloners ou extrusões de caminho. Os keyframes são gravados automaticamente conforme você faz ajustes no viewport ou no painel de propriedades, mantendo o fluxo fluido e não destrutivo.

Passe o mouse ou toque para interagir (experiência feita com a Timeline do Spline)

Várias timelines

Você pode criar várias timelines num único projeto. Assim dá para separar os movimentos em faixas organizadas, criar diferentes estados para o mesmo objeto ou organizar as animações de cenas complexas.

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

Exportação de vídeo

A Timeline não se limita a projetos interativos. Você também pode exportar animações como vídeo de alta qualidade direto do Spline. Selecione a timeline que quer renderizar, ajuste a duração, a taxa de quadros e a resolução, e gere um vídeo pronto para apresentações, campanhas de marketing ou conteúdo em loop.

Essa abordagem dupla torna a Timeline útil tanto para fluxos de motion design interativos quanto tradicionais.

Evoluindo em beta

A Timeline Animation foi lançada em beta. Estamos melhorando-a ativamente e vamos continuar refinando o fluxo com o seu feedback. Nosso objetivo é tornar a animação em 3D o mais fluida e expressiva possível, seja para experiências interativas em tempo real ou para vídeo.

Estamos animados para ver como você vai dar vida aos seus projetos com a Timeline.

— Equipe Spline

Abrir o Spline