Créer, Modifier et Supprimer une Ombre Portée sur Illustrator (Texte, Forme)

Formatrice

Mis à jour le

Note ce cours !
[Total : 0 Moyenne : 0]
ombre portée adobe illustrator

Pour ce cours, tu as besoin de :

Adobe Illustrator CC 2024

Il y a plusieurs techniques pour obtenir une ombre portée sur Adobe Illustrator CC. La plus connue s’obtient à partir d’un effet spécial depuis le menu Effet. Tu apprendras aussi dans ce tuto Illustrator d’autres astuces pour créer différents styles d’ombres portées.

Comment faire une ombre portée sur Illustrator ?

  1. Sélectionner l’objet ou le texte ;
  2. Aller dans le menu Effet > Spécial > Ombre portée ;
  3. Personnaliser le style de l’ombre puis cliquer sur « OK ».
menu ombre portée illustrator

Options de l’ombre portée

Dans le panneau Ombre portée, tu peux définir plusieurs valeurs pour personnaliser son aspect :

  • Mode de fusion : « produit » par défaut, c’est la manière dont l’ombre se superpose aux éléments placés en-dessous ou au-dessus ;
  • Opacité : niveau de transparence (plus le % est haut, moins c’est transparent) ;
  • Décalage sur X : position de l’ombre horizontalement (décalage par rapport à l’objet) ;
  • Décalage sur Y : position de l’ombre verticalement ;
  • Atténuation : niveau de flou de l’ombre (plus la valeur est haute et plus l’ombre est floue) ;
  • Couleur : couleur de l’ombre portée, à choisir dans le sélecteur de couleurs en cliquant sur le carré noir ;
  • Obscurcissement : % de noir dans l’ombre portée. 100% est associé au noir, 0% à la couleur de l’objet.
options ombre portée illustrator

Modifier l’ombre portée

Si tu veux modifier l’ombre portée que tu viens d’ajouter à un objet, il faut te rendre dans le panneau Aspect d’Adobe Illustrator. Pour l’afficher, tu peux aller dans Fenêtre > Aspect ou utiliser le raccourci MAJ + F6 sur Illustrator.

Une ligne avec la mention « Ombre portée » est présente dans ce panneau. Clique sur ce texte pour ouvrir de nouveau les options de l’ombre portée et la modifier.

panneau aspect adobe illustrator

Découvre aussi comment créer de la texture sur tes illustrations avec Illustrator

Comment supprimer une ombre portée sur Illustrator ?

Si tu souhaites enlever une ombre portée créée sur Illustrator, il te suffit d’aller dans le panneau Aspect, de sélectionner la ligne « Ombre portée » et de cliquer sur l’icône Poubelle.

supprimer ombre portée illustrator

Tu peux aussi sélectionner la ligne puis cliquer sur le menu du panneau et cliquer sur « Supprimer l’élément ».

Bon à savoir
Tu peux aussi masquer l’effet Ombre portée en cliquant sur l’icône de l’œil à gauche. Il te suffit de cliquer à nouveau pour ré-afficher l’ombre.

3 effets d’ombre portée sur du texte avec Illustrator

La technique présentée plus tôt s’applique aussi bien pour des formes vectorielles (éditables dans Adobe Illustrator) que pour du texte. Il n’est d’ailleurs pas obligatoire de vectoriser son texte pour appliquer cet effet.

Voici d’autres techniques pour créer une ombre portée sur du texte avec Adobe Illustrator et obtenir des effets différents. Tu peux aussi utiliser l’outil de texte curviligne d’Illustrator en amont par exemple.

1- Ombre portée avec effet rétro

ombre portée retro avec illustrator
  1. Créer un bloc de texte et taper son texte ;
  2. Clic droit > Vectoriser ;
  3. Double-cliquer sur le texte pour entrer dans le groupe ;
  4. Cliquer sur la 1ère lettre pour la sélectionner ;
  5. Dans le panneau Aspect, cliquer sur l’icône « Ajouter un fond » ;
  6. Choisir la future couleur de l’ombre et changer la couleur du premier fond par du blanc ;
  7. Sélectionner le fond de l’ombre et dans le menu Effet, aller dans Distorsion et Transformation > Transformation ;
  8. Indiquer 1 px dans les deux valeurs de déplacement ;
  9. Indiquer 500 copies (le nombre varie selon la taille de ton document) ;
  10. Cliquer sur « OK » ;
  11. Ajouter un contour blanc si nécessaire (j’ai mis 2 pt pour ma part) ;
  12. Reproduire la même chose pour chaque autre lettre ;
  13. Double-cliquer ailleurs sur le plan de travail pour sortir ;
  14. Créer un rectangle pour le fond et le placer en arrière-plan.
panneau aspect lettre
deux fonds aspect
transformation ombre illustrator
aspect adobe illustrator

Tu es débutant sur Illustrator ? Mes autres tutoriels pourront t’aider à te perfectionner : le masque d’écrêtage sur Illustrator, le pathfinder ou encore comment créer un motif avec Illustrator.

2- Ombre portée avec effet 3D

ombre portée texte fondu illustrator
  1. Créer un bloc de texte et taper son texte ;
  2. Vectoriser le texte (clic droit > Vectoriser) ;
  3. Copier le texte (CTRL/CMD + C) puis le coller devant (CTRL/CMD + F). Une copie est placée par-dessus ;
  4. Déplacer le texte du dessus en bas à droite de l’autre et le placer à l’arrière plan (clic droit > Disposition > Arrière-plan) ;
  5. Changer la couleur des deux textes : une plus claire sur celui du haut et plus foncée pour l’autre ;
  6. Double-cliquer sur l’outil Fusion (W) dans la barre de gauche ;
  7. Choisir « Étapes » et indiquer le nombre « 100 » puis cliquer sur « OK » ;
  8. Cliquer sur le texte du haut puis sur celui du bas pour créer un fondu ;
  9. Double-cliquer pour copier le texte du haut puis faire CTRL + F pour avoir une autre copie ;
  10. Remplir de blanc ce texte et ajouter un rectangle pour le fond si besoin.
texte dupliqué illustrator
étapes adobe illustrator
dégradé de forme texte illustrator

3- Ombre portée inclinée

ombre portée inclinée
  1. Crée ton texte ;
  2. Copie-le (CTRL/CMD + C) puis colle devant (CTRL/CMD + F) ;
  3. Va dans Objet > Transformation > Déformation ;
  4. Indique un angle de 45°C ;
  5. Déplacer le texte de l’ombre pour qu’il débute au même endroit que l’autre ;
  6. Réduire l’opacité dans la barre d’outils en haut (j’ai mis 20%) ;
  7. Redimensionner le texte si besoin ;
  8. Ajouter un rectangle de couleur pour le fond.
inclinaison texte illustrator

Partage ou enregistre ce cours :

Avis et commentaires

  1. Avatar de Aline Dpt
    Aline Dpt

    Bonjour Émilie, merci beaucoup pour tes encouragements !
    J’ai fait plein de tests et en effet je remarque le même problème avec certaines polices d’écriture. Visiblement dès que les contours de la lettre ne sont pas « arrondis », ça pose problème… Du coup je ne vois que deux solutions :
    1- arrondir l’angle de la lettre manuellement
    2- utiliser une des autres techniques que je cite dans l’article

    J’espère t’avoir aidée, merci d’avoir remonté ce bug !

  2. Avatar de Emilie
    Emilie

    Bonjour,

    Très bel article et super interessant. J’essaie actuellement de faire l’ombre portée avec effet rétro mais lorsque je mets par exemple 8 copies avec les 1px de déplacements, j’obtiens des lettres avec des ombres saccadées et non une ligne droite comme toi !

    Si tu as le secret, je suis preneuse !

    Merci d’avance,

    Emilie

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *