[Illustrator] - Créer un dégradé vers une transparence sous Illustrator

Tutorial - Comment créer un dégradé associé à un fondu grâce aux masques d'opacité

Dans ce tutorial, je vais expliquer en détail comment faire un dégradé vers une transparence sous Illustrator.
Faire ce type de dégradé n'est pas aussi simple que sous Flash où il suffit simplement d'entrer un alpha pour rendre la couleur transparente.
Sous Illustrator, vous devrez utiliser un masque d'opacité afin de cacher les parties que vous souhaitez Vous pourrez ainsi créer des fondus entre vos éléments illustrator facilement, aussi bien pour un fondu entre images que pour un fondu entre illustrations.

Les masques d'opacité peuvent aussi servir à créer des "perçages" dans vos illustrations, des trous en quelques sorte.








Afin de bien vous rendre compte de l'effet de votre masque d'opacité, créez une scène contrastée.
Pour l'exemple, vous allez utiliser un rectangle noir comme fond et un rectangle rouge au centre sur lequelle nous allons appliquer la fusion.


Sélectionnez votre rectangle rouge et faîtes-en une copie au dessus (ctrl+C, ctrl+F). Créez ensuite un dégradé du blanc vers le noir sur ce rectangle.

Si vous ne savez pas comment créer un dégradé, vous pouvez consulter mon tutorial sur la création de degradé de couleurs avec Illustrator.

Sélectionnez ensuite le rectangle rouge et le rectangle dégradé avec la touche SHIFT ou directement dans la palette des calques.


Ouvrez la palette Transparence (Fenêtre > Transparence).
Avec les rectangles sélectionnés, cliquez ensuite sur la fleche juste à droite puis choisissez "créer un masque d'opacité".


Vous voyez maintenant que le fondu à été crée, si vous changez la couleur du rectangle noir, vous vous rendrez compte de la transparence. L'effet n'est pas fantastique pour un résultat comme celui-ci mais c'est la technique qui est importante.
Vous pouvez cependant créer de bon effets comme pour la création de logo web 2.0 avec Illustrator ( Tutorial ).








Pour modifier la fusion, vous devez modifier la forme qui a permis de créer le masque d'opacité. Une fois que le masque est crée, vous pouvez voir que vous n'avez plus accès au rectangle dégradé noir vers blanc dans la pile des calques.

Pour modifier le masque d'opacité, sélectionnez la forme fusionnée puis rendez vous dans la palette Transparence. Vous avez alors accès aux deux rectangles :


Si vous cliquez sur le rectangle rouge, vous avez accès à votre pile de calques principale.
Si vous cliquez sur le rectangle dégradé, vous aurez accès à une nouvelle pile de calques où vous pourrez modifier votre dégradé, ajouter des éléments qui serviront de masque ...
Il faut savoir que les masques fonctionnent en niveau de gris. Les zones les plus foncées seront masquées tandis que les zones claires seront affichées. Ainsi, pour créer un "trou", il vous suffit de créer un cercle noir dans votre masque d'opacité. Pour créer une fusion, il suffit comme dans le précédent exemple de faire un dégradé comme masque d'opacité.
Pour revenir à votre fichier principal, cliquez cette fois sur le rectangle rouge dans la palette Transparence.

Grâce à la palette Transparence, vous pourrez avoir accès à d'autres options comme l'inversion de la transparence ou l'écrêtage.






Si vous avez des problèmes avec l'utilisation des masques d'opacité, laissez un commentaire sur cet article.