Lottie e Gif em 3D – Novos materiais animados

Adicionar materiais e texturas animados aos teus designs é uma oportunidade fantástica para tornares os teus objetos 3D incorporados na web mais cativantes. A Vectary é a única plataforma de design 3D que te permite importar não só GIF como material animado, mas também Lotties, um formato ideal para um desempenho web otimizado. As texturas animadas são excelentes para demonstrar a UI ou adicionar um efeito especial à superfície.

“Com esta nova versão, a Vectary está a tornar-se o hub para designers de produto, motion designers, artistas 3D e programadores. Consigo imaginar um novo mercado de Lotties mais focado em texturas para assets 3D.” Daniel Nisttahuz, Principal Product Designer, Lottiefiles

“Criar animações exige bastantes cliques. Às vezes, só precisas de um pequeno movimento para obteres profundidade e te sentires imerso. Adicionar uma textura animada cria este resultado, e está a apenas dois cliques de distância.” Andy Klement, Head of Research na Vectary

O facto de esta funcionalidade ser baseada na web torna-a muito acessível e fácil de integrar em qualquer fluxo de trabalho (Figma, Miro, Pitch, Framer). O potencial de design e a flexibilidade de trabalhar com a Vectary serão benéficos para designers focados na experiência do utilizador e na criação de conteúdos.

“Uso Lotties e uso a Vectary com bastante frequência devido à sua flexibilidade baseada na web. Poder combinar as duas coisas permite-me oferecer mais serviços aos meus clientes.” Apostolos Roussas, Diretor, artista de motion na CandyMustache.

Como importar animações para a Vectary

Existem várias opções para importares animações para a Vectary:

1. Coloca ficheiros Lottie ou .gifs animados como textura. Seleciona o objeto e depois escolhe Animation nas definições de Color . Importa o ficheiro ou usa a ligação para o ficheiro online. A Vectary carrega-o automaticamente. Para veres a animação, acede ao Preview modo. Para removeres a animação, seleciona Solid.

2. Carrega a animação em várias Material Properties para obteres resultados impressionantes. 

- Para lhe dares brilho, importa-a em Emission. Adiciona Bloom nas Ambiente definições para obteres um brilho extra. 

-  Carrega a animação como definição de Normal map para alterares apenas o relevo.

3. Importa a animação como um objeto separado na cena. Arrasta e larga o ficheiro na cena, ou copia e cola a ligação. O ficheiro Lottie ou .gif irá comportar-se como um objeto separado. Usa o Gizmo para o moveres na cena. 

Partilha a cena como uma ligação ou incorpora-a no teu website para obteres um efeito incrível

“Agora posso introduzir animações 3D no meu website com facilidade. Esta funcionalidade abre um mundo totalmente novo de oportunidades.“ Joseph Berry, Freelance Experience Designer