Comment créer un site web 3D avec VECTARY

Vous souhaitez ajouter un élément 3D accrocheur à votre site web ? Ou peut-être une image hero ou d'en-tête unique pour votre superbe site web ou blog ? Ou même un objet 3D entier à intégrer aussi simplement qu'une vidéo YouTube.

Nul besoin d'être un graphiste professionnel pour y parvenir. Utilisez le 3D Studio de Vectary pour concevoir les designs 3D de votre site web comme vous le souhaitez. Glissez-déposez des objets 3D depuis notre bibliothèque et personnalisez-les d'un double-clic.

Créez facilement un site web 3D

Dans cet article, vous découvrirez :

1. Comment créer une image hero 3D avec Vectary
2. Comment créer des éléments 3D en parallaxe avec Vectary
3. Comment intégrer un design 3D interactif à votre site web

1. Comment créer une image hero 3D avec Vectary

1. Ouvrez Vectary — c'est en ligne.
2. Glissez-déposez des objets depuis la bibliothèque, importez vos propres fichiers 3D ou créez votre propre design 3D à partir de zéro.
3. Ajustez les matériaux, la lumière, le style, ajoutez du texte ou un arrière-plan.
4. Générez le rendu de votre design en temps réel.
5. Enregistrez et exportez votre design 3D au format PNG.

2. Comment créer des éléments 3D pour votre site web

Les éléments 3D en parallaxe sont très tendance en web design actuellement. Ils apportent cette touche unique à votre site web. Découvrez ce design primé de Niika à titre d'exemple :

Vous pouvez exporter les éléments 3D sous forme de fichiers PNG statiques et ajouter l'animation dans l'éditeur web, comme Framer, ou exporter l'élément en tant qu'intégration 3D interactive. Dans Vectary c'est possible dans les paramètres de publication.

Comment créer un site web en parallaxe avec des éléments 3D Vectary

Selon la plateforme web que vous utilisez, voici quelques ressources utiles :

Wix : Comment créer un site web en parallaxe multicouche

Squarespace : Défilement parallaxe

Weebly : Comment créer une bannière parallaxe animée sur votre site Weebly

Wordpress : Défilement parallaxe

3. Comment intégrer un design 3D interactif à votre site web

Dans Vectary, intégrez votre design 3D à votre site web aussi facilement qu'une vidéo YouTube. Vos visiteurs peuvent faire pivoter ou zoomer sur le design 3D, ou encore l'observer en conditions réelles grâce à la réalité augmentée prise en charge sur iPhone et Android.

1. Ouvrez Vectary, c'est en ligne.
2. Importez un fichier 3D dans Vectary (nous prenons en charge plus de 60 formats de fichiers) ou créez votre design 3D à partir de zéro.
3. Allez dans l'onglet Publish et cliquez sur le bouton Generate.
4. Copiez le code d'intégration de l'iframe et collez-le dans l'éditeur de votre site web.
5. Modifiez votre design à tout moment et régénérez l'intégration. Le design sera automatiquement mis à jour sur toutes vos intégrations web.

En savoir plus sur le Vectary Viewer

Exemple de visionneuse 3D/AR

Ouvrez ce site sur iPhone avec Safari ou sur Android avec Chrome, puis cliquez sur le badge AR.

https://www.vectary.com/embed/viewer/v1/viewer.html?model=fcd1e6c3-100f-4f80-93cf-ea6905a1298e&env=studio1&envRotation=0&autoplay=1&turntable=0.5&showPreloader=1

Découvrez les autres possibilités de l'éditeur de design 3D Vectary

Boostez votre portfolio de design graphique avec des bannières et des images d'en-tête en 3D

Les formes 3D ludiques sont la prochaine tendance visuelle de la publicité. Gardez votre portfolio de design graphique à jour et impressionnez vos clients avec de superbes visuels créés grâce à notre outil 3D en ligne.

Collaborez sur votre design 3D avec vos collaborateurs et vos clients

Partagez votre design avec votre collègue ou votre client et créez tout ensemble. L'un peut travailler sur le modèle 3D, un autre peut s'amuser avec les objets, tandis que d'autres ajoutent leurs commentaires. Le Vectary 3D Studio favorise le travail d'équipe créatif.

Utilisez Google Fonts pour créer de superbes typographies 3D

Vectary est le premier outil 3D en ligne à intégrer plus de 1 200 polices de la bibliothèque Google Fonts. Choisissez votre police Google préférée et transformez-la en 3D dans Vectary en un clic. Pour personnaliser davantage votre design, double-cliquez simplement pour entrer dans le mode d'édition de Vectary et accéder à d'autres outils de modélisation 3D puissants.

Finalisez votre design 3D dans d'autres outils

Exportez facilement votre image 3D au format PNG et finalisez votre projet dans des outils de design graphique comme Photoshop et Canva, ou continuez sur d'autres plateformes de web design telles que Wix, Wordpress ou Weebly. La seule limite est votre imagination !

FAQ

Comment télécharger Vectary pour créer un design 3D pour mon site web ?

Le créateur d'images 3D de VECTARY est en ligne, vous n'avez donc rien à télécharger. Il fonctionne dans tous les navigateurs modernes tels que Chrome, Firefox et Safari. Inscrivez-vous ou connectez-vous, et commencez à créer.

Comment télécharger mon design 3D ?

Cliquez sur le menu dans le coin supérieur gauche et passez le curseur sur Project. Ensuite, cliquez sur “Export as image” pour télécharger votre design 3D sous forme de fichier PNG ou choisissez parmi divers autres formats 3D : STL et OBJ (utilisés pour l'impression 3D), glTF (format 3D universel), DAE (format SketchUp et architecture) ou FBX (un format de fichier propriétaire développé par Kaydara et détenu par Autodesk.)