Lottie et Gif en 3D - Nouveaux matériaux animés

L’ajout de matériaux et de textures animés à vos créations est une formidable opportunité de rendre vos objets 3D intégrés sur le web plus attractifs. Vectary est la seule plateforme de design 3D qui vous permet d’importer non seulement des Gif comme matériaux animés, mais aussi des fichiers Lottie, un format idéal pour des performances web optimisées. Les textures animées sont idéales pour présenter une UI ou ajouter un effet spécial à une surface.

“Avec cette nouvelle version, Vectary devient le hub des designers produits, motion designers, artistes 3D et développeurs. J’imagine un nouveau marché de fichiers Lottie plus axé sur les textures pour les assets 3D.” Daniel Nisttahuz, Product Designer principal, Lottiefiles

“Créer des animations demande pas mal de clics. Parfois, il suffit d’un tout petit mouvement pour apporter de la profondeur et s’immerger. L’ajout d’une texture animée permet d’obtenir ce résultat, en seulement deux clics.” Andy Klement, responsable de la recherche chez Vectary

Le fait que cette fonctionnalité soit basée sur le web la rend très accessible et facile à intégrer dans n’importe quel workflow (Figma, Miro, Pitch, Framer). Le potentiel de design et la flexibilité de travail offerts par Vectary seront particulièrement bénéfiques pour les designers axés sur l’expérience utilisateur et la création de contenu.

“J’utilise souvent Lottie et Vectary pour leur flexibilité web. Pouvoir combiner les deux me permet de proposer davantage de services à mes clients.” Apostolos Roussas, directeur, motion artist chez CandyMustache.

Comment importer des animations dans Vectary

Plusieurs options s’offrent à vous pour importer des animations dans Vectary :

1. Placez des fichiers Lottie animés ou des .gif sous forme de texture. Sélectionnez l’objet, puis choisissez Animation dans les Color paramètres. Importez le fichier ou utilisez le lien vers le fichier en ligne. Vectary le charge automatiquement. Pour voir l’animation, passez en Aperçu mode. Pour supprimer l’animation, sélectionnez Solid.

2. Chargez l’animation dans différentes Material Properties pour obtenir des résultats impressionnants. 

- Pour lui donner un effet luminescent, importez-la dans Emission. Ajoutez du Bloom dans les Environnement paramètres pour plus de brillance. 

-  Chargez l’animation en tant que paramètre Normal map pour modifier uniquement le relief.

3. Importez l’animation en tant qu’objet distinct sur la scène. Glissez-déposez le fichier sur la scène, ou copiez-collez le lien. Le fichier Lottie ou .gif se comportera comme un objet distinct. Utilisez le Gizmo pour le déplacer sur la scène. 

Partagez la scène sous forme de lien ou intégrez-la sur votre site web pour un superbe effet

“Je peux désormais intégrer facilement des animations 3D sur mon site web. Cette fonctionnalité m’ouvre tout un nouveau monde de possibilités.” Joseph Berry, Experience Designer freelance