Lottie y Gif en 3D - Nuevos materiales animados

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

‍

“Con este nuevo lanzamiento, Vectary se está convirtiendo en el centro para diseñadores de productos, diseñadores de movimiento, artistas 3D y desarrolladores. Puedo imaginar un nuevo mercado de Lotties más enfocado en texturas para activos 3D”.  Daniel Nisttahuz, diseñador principal de productos, Lottiefiles

‍

“Crear animaciones requiere bastantes clics. A veces, solo necesitas un pequeño movimiento para lograr profundidad y sumergirte. Agregar una textura animada crea este resultado y está a solo dos clics de distancia”. Andy Klement, jefe de investigación de 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, Webflow). El potencial de diseño y la flexibilidad de trabajar con Vectary serán beneficiosos para los diseñadores centrados en la experiencia del usuario y la creación de contenido.

‍

“Uso Lotties y Vectary con bastante frecuencia debido a su flexibilidad basada en la web. Poder combinar los dos me permite ofrecer más servicios a mis clientes”.  Apostolos Roussas, Director, Motion artist en CandyMustache.

‍

Cómo llevar animaciones a Vectary

Hay varias opciones para obtener animaciones en Vectary:

1. Coloque archivos animados de Lottie o .gifs como textura. Seleccione el objeto y luego elija Animación en la configuración de Color . Importe el archivo o use el enlace al archivo en línea. Vectary lo carga automáticamente. Para ver la animación, vaya al modo de vista previa . Para eliminar la animación, seleccione Sólido .

‍

2. Cargue la animación en varias propiedades del material para lograr resultados impresionantes. 

- Para que brille, impórtalo en Emisión. Agregue Bloom en la configuración del entorno para obtener un brillo adicional. 

- Cargue la animación como una configuración de mapa Normal para cambiar solo el relieve.

‍

3. Importe la animación como un objeto separado en la escena. Arrastre y suelte el archivo en la escena, o copie y pegue el enlace. El archivo Lottie o .gif se comportará como un objeto separado. Usa el Gizmo para moverlo en la escena. 

Comparta la escena como un enlace o insértela en su sitio web para obtener un hermoso efecto

“Ahora puedo introducir animaciones 3D en Webflow con facilidad. Esta función abre todo un nuevo mundo de oportunidades.“ Joseph Berry, diseñador de experiencias independiente

‍

‍