Lottie y GIF en 3D - Nuevos materiales animados

Añadir materiales y texturas animados a tus diseños es una oportunidad fantástica para hacer que tus objetos 3D integrados en la web sean más atractivos. Vectary es la única plataforma de diseño 3D que te permite importar no solo Gif como material animado, sino también Lotties, un formato ideal para un rendimiento web optimizado. Las texturas animadas son excelentes para mostrar interfaces de usuario o añadir un efecto especial a la superficie.

“Con este nuevo lanzamiento, Vectary se está convirtiendo en el punto de encuentro para diseñadores de producto, motion designers, artistas 3D y desarrolladores. Me imagino un nuevo mercado de Lotties más centrado en las texturas para recursos 3D”. Daniel Nisttahuz, Principal Product Designer, Lottiefiles

“Crear animaciones requiere bastantes clics. A veces, solo necesitas un pequeño movimiento para lograr profundidad y sumergirte. Añadir una textura animada ofrece este resultado, y está a solo dos clics”. Andy Klement, responsable de investigación en Vectary

El hecho de que esta función esté basada en la web hace que sea muy accesible y fácil de integrar con cualquier flujo de trabajo (Figma, Miro, Pitch, Framer). El potencial de diseño y la flexibilidad de trabajar con Vectary beneficiarán enormemente a los diseñadores centrados en la experiencia de usuario y la creación de contenido.

“Uso Lotties y uso Vectary muy a menudo por su flexibilidad basada en la web. Poder combinar ambos me permite ofrecer más servicios a mis clientes”. Apostolos Roussas, director y artista de motion en CandyMustache.

Cómo añadir animaciones a Vectary

Tienes varias opciones para añadir animaciones a Vectary:

1. Coloca archivos Lottie animados o .gif como textura. Selecciona el objeto y luego elige Animation en la configuración de Color . Importa el archivo o utiliza el enlace al archivo online. Vectary lo cargará automáticamente. Para ver la animación, ve al Preview modo. Para eliminar la animación, selecciona Solid.

2. Carga la animación en las distintas Material Properties para lograr resultados impresionantes. 

- Para que brille, impórtala en Emission. Añade Bloom en los Entorno ajustes para un brillo extra. 

-  Carga la animación como ajuste de Normal map para cambiar solo el relieve.

3. Importa la animación como un objeto independiente en la escena. Arrastra y suelta el archivo en la escena o copia y pega el enlace. El archivo Lottie o .gif se comportará como un objeto independiente. Usa el Gizmo para moverlo por la escena. 

Comparte la escena como un enlace o intégrala en tu web para lograr un efecto espectacular

“Ahora puedo introducir animaciones 3D en mi web con total facilidad. Esta función abre todo un nuevo mundo de oportunidades”. Joseph Berry, Freelance Experience Designer