Astuce 100% Vector Shadow Drop avec Illustrator CS6

Dans le tutoriel d'aujourd'hui, je vais vous montrer comment utiliser l'une des nouvelles fonctionnalités d'Adobe Illustrator CS6, le dégradé sur le contour, pour créer une ombre portée et un éclat intérieur 100% vectoriels..

introduction

Dans le tutoriel d'aujourd'hui, je vais vous montrer comment utiliser l'une des nouvelles fonctionnalités d'Adobe Illustrator CS6, le dégradé sur le contour, pour créer une ombre portée et un éclat intérieur 100% vectoriels..

Alors allons-y tout de suite.


Démonter l'ombre portée

Avant de savoir comment réaliser cette ombre portée, nous devons comprendre ce qui se passe réellement lorsque nous utilisons actuellement un effet Ombre portée dans Adobe Illustrator et pourquoi il ne s'agit pas d'un vecteur complètement..

Vous avez donc dessiné un objet au hasard. Dans ce cas, j'ai utilisé l'outil Star Tool et vous souhaitez y placer une ombre portée. Pour obtenir cela, allez à Effet> Styliser> Ombre portée et vous obtiendrez la boîte de dialogue Coup pour modifier votre ombre portée à votre guise..

Cependant, si vous appliquiez cet effet, puis Objet> Développez-le et explorez le groupe qu'il génère, vous remarquerez qu'il contient un élément raster. C'est l'objet intitulé "Image" que vous pouvez voir ci-dessous.

En fait, si vous masquez "l'image", vous ne conserverez que la forme d'origine. Alors qu'est-ce qui se passe réellement?

Lorsque vous appliquez l'effet, Adobe Illustrator duplique la forme, puis modifie la couleur de remplissage pour indiquer le noir dans ce cas. Il pixellise ensuite l'objet, le rend flou et le décale. Ensuite, la forme est combinée avec l'original pour produire une ombre portée d'effet réel. Cela signifie que vous pouvez revenir dans les options de l'ombre portée via le panneau Apparence pour modifier quoi que ce soit à partir de la couleur de remplissage de l'ombre portée, du flou, etc. La même chose est vraie lorsque vous créez un effet Inner Glow.


100% ombre portée de vecteur - style CS5

Si vous êtes un lecteur assidu de VectorTuts +, vous avez peut-être déjà vu un titre de didacticiel similaire quelques années auparavant. En fait, j’ai réalisé un petit tutoriel vidéo sur la création d’une ombre portée à 100% dans Adobe Illustrator CS5. Pour cela, utilisez "Align Stroke Outside" dans le panneau Apparence..

Vous pouvez appliquer un processus similaire pour créer un effet de rayonnement interne, en utilisant simplement "Align Stroke Inside".


100% ombre portée de vecteur - style CS6

Alors, comment pouvons-nous obtenir une ombre portée dans CS6? Simple, en dupliquant votre forme et en lui donnant un remplissage noir puis un contour en dégradé linéaire noir transparent défini sur "Appliquer le dégradé sur le contour".

Il y a quelques choses que vous devez garder à l'esprit. Vous ne pouvez pas "Aligner le trait en dehors" avec un dégradé. Pour résoudre ce problème, vous devez vous assurer que la couleur de votre ombre portée, dans ce cas-ci le noir, correspond au curseur de dégradé le plus central et à une opacité de 100%. En dehors de cela, vous constaterez que vous pouvez augmenter le "flou" de l’ombre portée en jouant avec le trait et les curseurs de dégradé situés en haut..

Regardons cela un peu plus près et Object> Expand notre dégradé sur Stroke. Lorsque vous faites cela, vous remarquerez que le dégradé sur le trait n'est qu'un maillage de dégradé! Donc, pas un élément raster comme l’utilise l’ombre portée pour les effets réels. Cela en fait un vecteur Ombre portée.

Pour prouver en outre que c’est un maillage de dégradé que vous pouvez modifier, j’ai utilisé l’outil de sélection directe (A) pour sélectionner tous les points situés dans le coin de notre maillage et modifié la couleur en bleu..


100% Vector Inner Glow - Style CS6

Si seulement vous pouviez utiliser "Aligner le contour à l'intérieur" avec le dégradé sur le contour, car créer un éclat interne serait beaucoup plus facile. Cependant, comme vous pouvez le voir ci-dessous, l'option est grisée / annulée. Donc, pour créer un éclat intérieur, commencez par dupliquer votre forme originale. Placez ensuite votre remplissage comme d'habitude, puis "Appliquer le dégradé sur le contour" avec le dégradé linéaire transparent précédemment utilisé. Donne au trait uniquement un mode de fusion et une opacité.

Utilisez le duplicata de la forme d'origine pour créer un masque d'écrêtage (Commande + 7) et vous obtiendrez votre éclat intérieur..


Conclusion

Pourquoi voudriez-vous faire cela? Eh bien, si vous êtes un fanatique de vecteurs comme moi, la pensée d’avoir des éléments raster dans votre travail fait défiler votre peau et vous souhaitez faire un effort supplémentaire pour vous assurer que chaque partie de votre travail est vectorielle. Peut-être que je viens d’avouer un étrange vecteur OCD. Quoi qu’il en soit, c’est un exercice pour ceux qui aiment exercer leur cerveau évolutif. J'espère que vous avez apprécié ce conseil!