Certains liens sur ce site nous permettent de gagner une rémunération et de faire vivre le blog. Pour vous, pas de surcoût et même des réductions alors merci pour votre aide !
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 ?
Sélectionner l’objet ou le texte ;
Aller dans le menu Effet > Spécial > Ombre portée ;
Personnaliser le style de l’ombre puis cliquer sur “OK”.
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.
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.
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.
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
Créer un bloc de texte et taper son texte ;
Clic droit > Vectoriser ;
Double-cliquer sur le texte pour entrer dans le groupe ;
Cliquer sur la 1ère lettre pour la sélectionner ;
Dans le panneau Aspect, cliquer sur l’icône “Ajouter un fond” ;
Choisir la future couleur de l’ombre et changer la couleur du premier fond par du blanc ;
Sélectionner le fond de l’ombre et dans le menu Effet, aller dans Distorsion et Transformation > Transformation ;
Indiquer 1 px dans les deux valeurs de déplacement ;
Indiquer 500 copies (le nombre varie selon la taille de ton document) ;
Cliquer sur “OK” ;
Ajouter un contour blanc si nécessaire (j’ai mis 2 pt pour ma part) ;
Reproduire la même chose pour chaque autre lettre ;
Double-cliquer ailleurs sur le plan de travail pour sortir ;
Créer un rectangle pour le fond et le placer en arrière-plan.
Copier le texte (CTRL/CMD + C) puis le coller devant (CTRL/CMD + F). Une copie est placée par-dessus ;
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) ;
Changer la couleur des deux textes : une plus claire sur celui du haut et plus foncée pour l’autre ;
Double-cliquer sur l’outil Fusion (W) dans la barre de gauche ;
Choisir “Étapes” et indiquer le nombre “100” puis cliquer sur “OK” ;
Cliquer sur le texte du haut puis sur celui du bas pour créer un fondu ;
Double-cliquer pour copier le texte du haut puis faire CTRL + F pour avoir une autre copie ;
Remplir de blanc ce texte et ajouter un rectangle pour le fond si besoin.
3- Ombre portée inclinée
Crée ton texte ;
Copie-le (CTRL/CMD + C) puis colle devant (CTRL/CMD + F) ;
Va dans Objet > Transformation > Déformation ;
Indique un angle de 45°C ;
Déplacer le texte de l’ombre pour qu’il débute au même endroit que l’autre ;
Réduire l’opacité dans la barre d’outils en haut (j’ai mis 20%) ;
Redimensionner le texte si besoin ;
Ajouter un rectangle de couleur pour le fond.
Avis et commentaires
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 !
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 !
Ce site utilise des cookies afin que nous puissions vous fournir la meilleure expérience utilisateur possible. Les informations sur les cookies sont stockées dans votre navigateur et remplissent des fonctions telles que vous reconnaître lorsque vous revenez sur notre site Web et aider notre équipe à comprendre les sections du site que vous trouvez les plus intéressantes et utiles.
Cookies strictement nécessaires
Cette option doit être activée à tout moment afin que nous puissions enregistrer vos préférences pour les réglages de cookie.
Si vous désactivez ce cookie, nous ne pourrons pas enregistrer vos préférences. Cela signifie que chaque fois que vous visitez ce site, vous devrez activer ou désactiver à nouveau les cookies.
Cookies tiers
Ce site utilise Google Analytics pour collecter des informations anonymes telles que le nombre de visiteurs du site et les pages les plus populaires.
Garder ce cookie activé nous aide à améliorer notre site Web.
Veuillez activer d’abord les cookies strictement nécessaires pour que nous puissions enregistrer vos préférences !
Laisser un commentaire