# Liquid Glass e 3D no Hana - Spline blog (https://spline.design/pt-pt/blog/hana-3d-glass-autolayout-video) > Novo no Hana: transformação 3D, Liquid Glass e Autolayout [Blog](https://spline.design/pt-pt/blog) 9 de julho de 2025 # Liquid Glass e 3D no Hana Novo no Hana: transformação 3D, Liquid Glass e Autolayout [Abrir o Hana](https://app.spline.design) Hoje anunciamos uma enorme atualização do Hana, que traz funcionalidades inovadoras como o Liquid Glass em tempo real, a transformação 3D, o Autolayout e as camadas de vídeo. ## Liquid Glass no Hana Com a chegada do iOS 26, o efeito Liquid Glass captou a atenção da comunidade de design. Agora podes aplicar este efeito a qualquer camada de objeto no Hana. Podes editar os parâmetros do vidro, como a Distortion, para controlar a quantidade de refração. Mas podes ir além do estilo do iOS e criar efeitos de vidro personalizados. Garantimos que os parâmetros são suficientemente gerais para alcançar resultados criativos variados, permitindo-te exagerar alguns comportamentos dos efeitos e obter uma estética visual mais marcante. Passa o cursor ou toca para interagir (experiência feita com o Hana) ## Vidro empilhável Na maioria das ferramentas de design, os efeitos de desfocagem ou de vidro limitam-se normalmente a uma única camada: se empilhares várias camadas, a distorção do vidro não se acumula e fica plana. No Hana, podes empilhar facilmente várias camadas de vidro e ver como cada uma refrata os elementos que estão atrás ou por baixo, tal como na vida real, o que abre um conjunto totalmente novo de possibilidades criativas. Isto funciona com os efeitos de vidro, mas também com os efeitos de desfocagem do fundo. Manipula várias camadas de Liquid Glass no Hana ## Transformação 3D Passar do 2D para o 3D sempre foi um desafio. Quando começámos a trabalhar nesta funcionalidade, sabíamos que queríamos uma forma fluida de alternar entre 2D e 3D sem perder nada pelo caminho. No Hana, qualquer objeto pode agora ser um objeto 3D, com parâmetros para controlar a sua posição (profundidade), rotação e perspetiva no espaço 3D. Todos estes parâmetros podem ser animados e são compatíveis com o sistema de estados e eventos. Controla a perspetiva, a rotação e a posição z do objeto no Hana ## Frames e portais 3D Quando uma frame se torna 3D, torna-se também uma janela para o seu próprio espaço 3D. Isto é especialmente útil para criar portais, um elemento visual dentro do qual se vê profundidade. É fácil: basta colocar elementos dentro de uma frame, tornar a frame 3D e alterar a posição ou a rotação 3D dos elementos no seu interior. Agora, se mudares a rotação ou a posição da frame, vês como os elementos são renderizados lá dentro, com vários níveis de profundidade. Portais 3D dentro de frames criadas no Hana ## Autolayout O Hana suporta agora layouts com parâmetros totalmente animáveis. Podes criar layouts verticais e horizontais com margens internas e espaçamentos personalizáveis. Os layouts funcionam em conjunto com eventos e estados e atualizam-se em tempo real para reforçar a interatividade. Acrescentámos também suporte para layouts em mosaico (masonry), semelhantes aos layouts em colunas do Pinterest. Experiências feitas com o Hana usando Layout ## Camadas de vídeo Agora podes incorporar facilmente um vídeo em qualquer camada do Spline Hana. Isto é útil quando crias uma apresentação interativa ou fazes design para motion. Basta mudar para a Video Layer no painel Fill e carregar ou arrastar e largar o teu vídeo. Tal como no editor 3D do Spline, os vídeos no Hana também podem ser acionados por eventos personalizados. Por predefinição, um vídeo é reproduzido no evento Start, mas podes alterar isto e acioná-lo com eventos do rato ou qualquer outro evento. ## Novas possibilidades criativas Foi muita coisa! Esperamos que gostes de todas as novas funcionalidades que lançámos hoje e que comeces a criar novos designs entusiasmantes. — 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.