SplineLiquid Glass e 3D no Hana
Novo no Hana: transformação 3D, Liquid Glass e Autolayout
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.
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.
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.
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.
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.
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
