# Apresentamos a animação 3D com timeline - Spline blog (https://spline.design/pt-pt/blog/introducing-3d-timeline-animation) > A animação com timeline do Spline permite-te dar vida aos teus designs 3D com movimento suave baseado em keyframes. [Blog](https://spline.design/pt-pt/blog) 18 de setembro de 2025 # Apresentamos a animação 3D com timeline A animação com timeline do Spline permite-te dar vida aos teus designs 3D com movimento suave baseado em keyframes. [Abrir o Spline](https://app.spline.design) 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. Demonstração de keyframes na timeline 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. Demonstração da animação com timeline baseada em curvas no Spline ## 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. Caminhos 3D e câmara animados com a timeline ## 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. Vídeos baseados na timeline exportados do Spline ## 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 ## Mais do blog [3 de novembro de 2026Apresentamos a Spline Arena](https://spline.design/pt-pt/blog/introducing-spline-arena)[21 de outubro de 2026Apresentamos o Spline para o ChatGPT](https://spline.design/pt-pt/blog/introducing-spline-for-chatgpt)[27 de agosto de 2026Apresentamos o Hana V2](https://spline.design/pt-pt/blog/hana-v2) [Spline](https://spline.design/pt-pt) O editor 3D e 2D para equipas e os seus agentes. Publica na web, em iOS e em Android. #### Pergunta à IA sobre o Spline #### Produtos - [Design 3D](https://spline.design/pt-pt/3d-design) - [Hana](https://spline.design/pt-pt/hana) - [Omma](https://omma.build) - [Geração 3D com IA](https://spline.design/pt-pt/ai-generate) - [Spline MCP](https://spline.design/pt-pt/mcp) - [Spline Arena](https://spline.design/pt-pt/arena) - [Preços](https://spline.design/pt-pt/pricing) - [Empresas](https://spline.design/pt-pt/enterprise) #### Runtimes - [Web](https://spline.design/pt-pt/web) - [iOS](https://spline.design/pt-pt/ios) - [Android](https://spline.design/pt-pt/android) #### Apps - [Transferir](https://spline.design/pt-pt/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Transferir o Spline Mirror](https://spline.design/download-mirror) #### Aprender - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/pt-pt/academy) - [API do Spline](https://www.npmjs.com/package/@splinetool/runtime) - [Soluções](https://spline.design/solutions) #### Comunidade - [Comunidade Spline](https://community.spline.design) - [Blog](https://spline.design/pt-pt/blog) - [Novidades](https://spline.design/pt-pt/changelog) - [Educação](https://spline.design/pt-pt/education) - [Contra](https://spline.design/contra) - [Afiliados](https://spline.design/pt-pt/affiliate) #### Empresa - [Clientes](https://spline.design/pt-pt/customers) - [Carreiras](https://www.ycombinator.com/companies/spline/jobs) - [Segurança](https://spline.design/pt-pt/security) #### Informação legal - [Termos e condições](https://spline.design/terms) - [Privacidade](https://spline.design/privacy) #### Contacto - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.