Guide d'utilisation Annuler

Création de graphismes 3D dans Illustrator

Découvrez comment créer des objets réalistes dans Illustrator en appliquant des effets 3D, des éclairages et des matières provenant d’Adobe Substance. 

Vous pouvez appliquer des effets 3D, des éclairages et des matières à des graphismes vectoriels 2D avec des textures réalistes affichées sous différents scénarios d’éclairage. Vous pouvez ensuite les rendre avec le lancer de rayon pour créer aisément des graphismes 3D réalistes.

Lisez la suite pour découvrir comment recréer un exemple de vecteur avec des effets 3D, comme illustré dans cet exemple de création.

résultat
Exemple de création vectorielle 3D

Création d’une illustration 3D en 3 étapes

Commencez par dessiner votre illustration favorite sur papier, puis tracez-la dans Illustrator, appliquez des effets 3D, tels que l’extrusion, la rotation et les matières Adobe Substance. Apportez les touches finales à votre création en appliquant les effets d’éclairage et d’ombrage appropriés, puis procédez au rendu de votre illustration avec facilité.

Lien profond Adobe Illustrator

Essayer dans l’application
Partez de n’importe quel projet pour créer des graphismes 3D en quelques étapes simples.

Création d’une illustration vectorielle

Vous pouvez convertir l’image d’une esquisse dessinée sur papier en illustration vectorielle à l’aide de la fonctionnalité de vectorisation d’image. Vous pouvez également télécharger un exemple d’illustration 2D pour l’essayer rapidement.

Illustration vectorielle
Exemple d’illustration 2D

  1. Dessinez votre illustration préférée sur un bout de papier. Par exemple, les lettres Flore
  2. Importez l’image pixellisée dans Illustrator à l’aide de la fonctionnalité Fichier > Importer dans un document.  
  3. Sélectionnez la fonctionnalité Objet > Vectoriser l’image > Créer pour vectoriser l’image avec les options par défaut. 

Application d’effets 3D à l’illustration

Avant de commencer à appliquer des effets 3D à l’illustration vectorielle, explorez les différents paramètres prédéfinis et options disponibles Objet, Matières, ou Éclairage
disponibles dans le panneau 3D et matières. Le panneau 3D et matières s’affiche lorsque vous cliquez sur Fenêtre > 3D et matières

Objet

types 3d
Types 3D dans le panneau 3D et matières

A. Plan    

Permet d’aplatir l’objet sur le plan. 

A. Extrusion

Permet d’étendre un objet 2D pour ajouter de la profondeur. 

A. Révolution    

Permet de faire tourner un tracé ou un profil de façon circulaire. 

A. Dilatation

Permet de dilater l’objet plat. 

B. Profondeur

Permet de définir la profondeur de l’objet sur une échelle de 0 à 2 000. 

C. Torsion

Permet d’effectuer une torsion de l’objet jusqu’à 360°.

D. Effiler

Permet d’ajouter une valeur d’effilement à l’objet allant de 100 % à 1 %.

E. Aspect

Permet de définir si l’objet doit avoir un aspect plein ou creux. 

F. Biseau

Permet d’appliquer un bord biseauté sur l’axe de l’objet. 

G. Paramètres prédéfinis

Permet d’appliquer des paramètres de rotation prédéfinis en fonction de la direction, de l’axe et de l’isométrie. 

H. Rotation verticale

Permet de faire pivoter l’objet verticalement de -180° à 180°.

I. Rotation horizontale

Permet de faire pivoter l’objet horizontalement de -180° à 180°. 

J. Rotation circulaire

Permet de faire pivoter l’objet de façon circulaire de -180° à 180°. 

K. Perspective

Permet de changer l’angle de perspective de l’objet de 0° à 160°.

Matières

matières substance
Matières dans le panneau 3D et matières

A. Matières de base   

Permet d’appliquer la matière prédéfinie par défaut. 

B. Matières Adobe Substance

Permet d’appliquer certaines des matières Adobe Substance.

C. Ressources 3D Substance

Permet d’ajouter des matières provenant d’Adobe Substance

D. Ressources de la communauté Substance

Permet d’ajouter des matières issues de la communauté Adobe Substance

E. Ajout de matières et de graphismes

Ajout de matières : permet d’ajouter des matières au panneau.

Ajout de graphismes : permet d’ajouter une illustration en tant que graphisme. Vous pouvez utiliser les graphismes pour appliquer des illustrations sur la surface d’objets 3D.

F. Propriétés de la matière

Permet d’ajouter de la rugosité et des propriétés métalliques, allant de 0 à 1, pour les matières de base. Les propriétés varient pour chacune des matières Adobe Substance. 

Éclairage

L’onglet Éclairage du panneau 3D et matières comporte des paramètres d’éclairage prédéfinis, un widget d’éclairage et d’autres commandes relatives à l’éclairage.
Éclairage dans le panneau 3D et matières

A. Paramètres prédéfinis   

Permet d’appliquer rapidement à votre illustration des effets d’éclairage préconfigurés tels que Standard, Diffus, Haut, Gauche ou Droite.

B. Widget d’éclairage

Permet de faire glisser les sources lumineuses pour ajuster leur angle d’éclairage.

C. Source de lumière

Un objet 3D est mieux éclairé si plusieurs sources de lumière sont dirigées sur lui.

D. Déplace la lumière sélectionnée derrière/devant un objet

Place la lumière sélectionnée derrière l’objet lorsqu’elle se trouve devant, et inversement.

E. Intensité

Permet de modifier la luminosité de l’éclairage sélectionné, sur une échelle de 0 à 100 %.

F. Rotation

Permet de faire pivoter le foyer lumineux autour de l’objet, de -180 à 180°.

G. Hauteur

Permet de rapprocher la lumière de l’objet si elle est plus basse et crée un léger ombrage, et inversement, de 0 à 90°.

H. Adoucissement

Permet de définir la manière dont la lumière se propage. Permet de remplacer le paramètre prédéfini par une valeur comprise entre 0 et 100 %.

I. Intensité de la lumière ambiante

Permet de contrôler l’intensité globale de l’éclairage, sur une échelle de 0 à 200 %. 

J. Ombres

Permet d’appliquer des ombres à votre illustration lorsque le bouton à bascule est activé. 

K. Position

Permet d’appliquer l’ombre soit derrière l’objet, soit sous l’objet.

L. Distance par rapport à l’objet

Permet d’ajuster la distance de l’ombre par rapport à l’objet, sur une échelle de 0 à 100 %. 

M. Limites de l’ombre

Permet d’appliquer la limite de l’ombre sur une échelle de 10 à 
400 %. 

Application des effets Extrusion, Matières, Éclairage et Ombre

Maintenant que vous avez exploré toutes les options d’effets 3D et de matières disponibles dans la section ci-dessus, vous pouvez appliquer des effets Extrusion et RotationMatières Adobe Substance et Éclairage, Intensité et Ombres à l’illustration vectorielle importée. 

Familiarisez-vous avec ces limitations et ces messages d’erreur avant de commencer à appliquer des effets 3D : 

  • Si le lancer de rayon est activé, vous noterez un décalage variable en fonction de la complexité ou de la taille de l’objet. Pour les objets contenant des tracés complexes, les effets 3D ne sont appliqués que partiellement. 
  • Les effets 3D ne sont pas pris en charge dans tous les types d’objets. Par exemple, les images pixellisées ou les objets avec un seul point d’ancrage. 

Extrusion et Rotation

Regardez cette vidéo de 17 secondes pour apprendre à appliquer des effets d’extrusion sur une illustration 2D. 

  1. Sélectionnez l’illustration que vous avez créée à l’aide de la fonctionnalité Création d’une illustration vectorielle.  

  2. Cliquez sur Effet > 3D > Extrusion et biseautage. Le panneau 3D et matières s’affiche. 

  3. Définissez les effets Profondeur, Torsion et Effilement

  4. Sélectionnez Rotation > Préréglages > Axe – Avant, puis définissez les axes X et Y sur une valeur appropriée comprise entre 0° et 360°.

Rotation et perspective

Vous pouvez également définir la rotation d’un objet ainsi que son angle d’affichage.

Caméra perspective
Ajout d’une perspective à un objet

Pour ajuster la perspective, sélectionnez une valeur entre 0 et 160 via le curseur disponible sous 3D et matières > Objet > Type 3DPerspective.

Un angle faible donnera un rendu semblable à celui d’un téléobjectif, tandis qu’un angle plus large donnera l’effet d’une vue depuis un objectif grand angle.

Matières Adobe Substance

Après avoir appliqué des effets d’extrusion à l’illustration vectorielle, vous pouvez maintenant appliquer des Matières 3D. 

Matières 3D
Illustration 3D après application de matières

  1. Sélectionnez l’illustration vectorielle après lui avoir appliqué des effets d’extrusion

  2. Sélectionnez Matières dans le panneau Effets 3D. Choisissez une matière dans la liste ou ajoutez votre propre matière en cliquant sur l’icône  

    Vous pouvez soit ajouter vos propres matières, soit choisir parmi les matières gratuites de la communauté et d’Adobe. Vous pouvez également ajouter des milliers de matières Adobe Substance 3D avec une formule d’abonnement.

  3. Cliquez sur Propriétés de la matière pour appliquer des paramètres ou modifier la position, les tons et les filtres.  

Éclairage, Intensité et Ombres

Après avoir appliqué des matières à votre objet 3D, vous pouvez y ajouter des ombres et des lumières.

L’onglet Éclairage du panneau 3D et matières présente deux sources de lumière provenant de directions opposées.
Ajouter un éclairage à votre objet 3D

  1. Sélectionnez Éclairage dans le panneau 3D et matières.

  2. Pour ajouter de l’éclairage, utilisez l’une des méthodes suivantes :

    • Lumière unique : choisissez l’un des paramètres prédéfinis par défaut, tels que Standard, Diffus, Haut Gauche ou Droite. Pour ajuster l’angle de la lumière, faites glisser celle-ci dans le widget d’éclairage ou utilisez les curseurs Rotation et Hauteur.
    • Lumières multiples : utilisez   pour ajouter jusqu’à dix lumières. Pour ajuster l’angle des lumières, faites glisser celles-ci dans le widget d’éclairage ou sélectionnez une lumière dans la liste et utilisez les curseurs Rotation et Hauteur.

    Sélectionnez Amener la lumière sélectionnée derrière l’objet afin de placer la lumière derrière l’objet.

  3. Ajustez les paramètres Couleur, Intensité et Adoucissement, si nécessaire. Si plusieurs lumières sont définies, sélectionnez-en une dans la liste pour ajuster ses paramètres Couleur, Intensité et Adoucissement

  4. Sélectionnez Lumière ambiante > Intensité, puis définissez une valeur entre 0 et 200 %.

  5. Activez le bouton Ombres pour appliquer une ombre. Vous pouvez utiliser des paramètres tels que Position, Distance par rapport à l’objet et Limites de l’ombre pour personnaliser vos effets ombrés. 

    Même si vous avez ajouté plusieurs lumières et activé les ombres, une seule ombre s’affiche dans l’aperçu en temps réel. Pour voir les ombres de toutes les lumières, passez en mode Rendu par lancer de rayon.

Rendu de l’illustration

Après avoir appliqué les effets 3D à l’illustration vectorielle, vous pouvez utiliser l’option Rendu par lancer de rayon pour créer plus efficacement une illustration graphique 3D réaliste et de meilleure qualité. L’option Lancer de rayon permet de créer des graphismes 3D réalistes en traçant des rayons de lumière de la même manière que lorsqu’ils rebondissent sur l’objet. 

Pour activer/désactiver le lancer de rayons et le rendu, cliquez sur Rendu par lancer de rayon   dans le coin supérieur droit du panneau 3D et matières

Option Rendu par lancer de rayons sélectionnée dans le panneau 3D et matières.
Option Rendu par lancer de rayons, qui permet de créer un éclairage réaliste pour votre objet 3D.

Paramètres Lancer de rayon

Vous pouvez également modifier les paramètres de qualité, de bruit et de pixellisation de l’option Lancer de rayonSélectionnez Paramètres de rendu   dans le coin supérieur droit du panneau 3D et matières

  • Cliquez sur le bouton à bascule Lancer de rayon pour activer/désactiver la fonction.
  • Vous pouvez également modifier la résolution, la couleur et l’arrière-plan de l’image matricielle en cliquant sur Paramètres de pixellisation.
  • Définissez Qualité sur Haute et cliquez sur Rendu afin d’obtenir un rendu de qualité optimale pour votre illustration. 

Référez-vous aux bonnes pratiques concernant la façon d’optimiser l’utilisation du processeur pendant le rendu de l’illustration. 

Rendu ou développement d’objets 3D sous forme de wireframes

Utilisez des wireframes pour visualiser la structure sous-jacente de votre objet 3D afin d’en assurer la précision. Effectuez l’une des opérations suivantes :

  • Rendre sous forme de wireframe : sélectionnez Wireframe sous Paramètres de rendu   pour modifier facilement les propriétés 3D de l’objet telles que Profondeur, Effilement et Torsion.
  • Développer sous forme de wireframe : sélectionnez Développer sous forme de wireframes dans la section Actions rapides de l’onglet Objet pour convertir l’objet en objet 2D.

Le design final

Maintenant que vous avez découvert les possibilités offertes par les effets 3D d’Illustrator, expérimentez avec les exemples de fichiers et peaufinez votre création.

Vous pouvez également télécharger le design final pour visualiser votre illustration graphique 3D.

Télécharger votre design final

Exportation d’objets 3D

Vous pouvez exporter des objets 3D aux formats GLTF et USD pour les ouvrir dans d’autres applications 3D, afin de les perfectionner et de les compléter au moyen de matières et de graphismes. Illustrator prend également en charge l’exportation d’objets 3D sous forme de fichiers OBJ avec des couleurs.

Lorsque vous exportez plusieurs objets, vous pouvez afficher chacun d’entre eux en tant qu’objet modifiable indépendant.

Suivez les étapes ci-dessous pour exporter des objets 3D :

  1. Dans le panneau 3D et matières, sélectionnez Exporter des objets 3D.

    Sélectionnez Exporter des objets 3D pour ouvrir le panneau Exportation de fichier.
    Sélectionnez Exporter des objets 3D pour ouvrir le panneau Exportation de fichier

  2. Dans le panneau Exportation de fichier, sélectionnez la ressource 3D et choisissez GLTF, USD ou OBJ dans la liste déroulante Format.

    Remarque :

     Pour chaque objet 3D que vous décidez d’exporter, l’option Format est définie par défaut sur USDA dans le panneau Exportation de fichier.

  3. Sélectionnez Exporter.

Pour en savoir plus sur l’exportation d’objets à l’aide du panneau Exportation de fichier, reportez-vous à la section Collecte et exportation de ressources par lots

Vous pouvez importer le fichier exporté dans Adobe Substance 3D Stager ou toute autre application 3D afin de perfectionner votre objet 3D. 

 Télécharger Substance 3D Stager         


Prochaine étape : création d’effets de texte en 3D

Vous venez de découvrir les effets 3D disponibles dans Illustrator. Maintenant, allez plus loin et découvrez comment créer des effets de texte 3D à l’aide d’outils et de fonctionnalités de base. Ou apprenez à entrelacer du texte avec des objets 3D

Nous sommes à votre écoute

Si vous avez une question à poser ou une idée à soumettre, rejoignez-nous au sein de la communauté Adobe Illustrator. Nous avons hâte de vous y retrouver.

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?