32
Créer un dégradé transparent avec Illustrator
Voici une suite au dernier tutorial Illustrator, il s’agit cette fois ci de créer un dégradé transparent. Important pour créer un reflet sur un bouton ou un titre par exemple.
ETAPE 1
Sur un nouveau document, j’ai crée une ellipse que j’ai ensuite remplis d’un dégradé (voir le tutorial précédent). Ensuite j’ai crée par-dessus une ellipse blanche.
Pour information : lorsque j’ai terminé mon travail sur un calque, je verrouille celui-ci en appuyant (sur la fenêtre des calques) sur le petit cadenas se trouvant à gauche de chaque calque. Ca me permet de ne pas le sélectionner quand je veux faire des manipulations sur mes autres calques.
ETAPE 2
Je duplique cette ellipse blanche, et je la remplis d’un dégradé noir vers blanc.
ETAPE 3
Je sélectionne les deux ellipses (la blanche ainsi que celle avec le dégradé), puis je clique sur le menu transparent (pour afficher la fenêtre), puis sur le petit bouton en haut à droite et puis sur Créer un masque d’opacité.
C’est un peu le même principe que le masque de fusion avec Photoshop ! La il faut comprendre que la partie noire sera la partie du calque qui sera camouflée tandis que la partie blanche sera la partie sauvegardée.
Voici le résultat :
ETAPE 4
Maintenant comme sur Photoshop je peux changer l’opacité de mon calque voir même modifier la taille de mon reflet.
Bonne chance pour la suite.
Article publié par Wonka
Vous aimez cet article? Partagez le !
Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 23 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
21 août 2007 01:07, par Fiziko
hiiiiii émotion intense enfin des tutos illustrator *-* Merci wonka Après tu pourras faire le flash XD
Répondre-
21 août 2007 10:42, par Wonka
Et oui illustrator fait son entrée chez WonkaStudio, plein de monde semble content, sa me motive à publier encore et encore :p Par contre pour Flash c’est une autre paire de manche. Mais un jour pourquoi pas !
Répondre
-
-
21 août 2007 11:58, par Fiziko
tu sais ce qui serait bien pour des tutos tres basiques(je veux dire utiliser tel outil sur tel logiciel) des tutos en vidéo. Il y a un programme très bien pour cela : Macromédia Captivate
Répondre-
21 août 2007 12:26, par Wonka
J’essayerais de voir cela, mais je n’ai jamais vraiment trouvé les tutoriaux vidéos très intéressant
Répondre
-
12 juillet 2008 17:21, par Maral
Oui moi j’arrive pas à faire le dégradé je bute sur le masque d’opacité j’ai tout fait apperement comme sur les tes capture wonka mais j’arrive vraiment pas
Quand je crée mon maque il m’efface totalement mon tracé comment faire ? merci
Répondre-
2 avril 2010 16:30, par sima
moi aussi j’ai eu le même problème, mais j’ai trouvé la solution : il faut que vous verrouillez l’ellipse bleu d’abord puis vous créez une autre blanche plus petite et au dessus de cette dernière une autre identique mais avec un dégradé blanc vers le noir et enfin vous sélectionnez les deux petites ellipses et vous créez votre dégradé d’opacité
Répondre
-
-
-
22 août 2007 15:27, par deherve
Salut,
Génial, j’ai réussi après avoir galleré à comprendre comment sélectionner les 2 tracé en cliquant sur l’extrémité de droite pour avoir les 2 carré bleu.
Ps : je suis assez pour les tutos en vidéo qui permet justement d’éviter ce genre de pièges.
Hervé
Répondre-
22 août 2007 15:45, par Wonka
Bah normalement pour faire une selection tu utilises simplement la flèche de sélection. Les tutos vidéos oui mais euh pas pour le moment :p
Bonne continuation sous illustrator !
Répondre
-
-
8 février 2008 03:27, par mehditop
salu les amis ben je vous invite tous a mon forum www.mehditop.xooit.fr je croi k il va vous plaire.je profite de l occasion pour vous dire k il me faut de l aide, alors s il ya kelk un ki veut devenir moderateur sur mon forum k il s inscrit et me laisse un ptit msg.merci ahhh j ai oublié de vous dire ke je sui infographiste aussi
Répondre -
12 juillet 2008 17:30, par Maral
j’ai enfin réussi
ouf j’ai mal fait finalement j’ver pas selectionné les deux tracé pour leur appliquer le masque dopacité
Répondre
-
16 février 2009 22:07, par Shaz
Bon ben voilà la mienne ^^ :
Répondre
Bravo et merci pour tous ces tutos -
16 février 2009 22:39, par Wonka
Pourquoi ne pas utiliser la galerie interne de l’article, je désespére un peu :’(
Répondre
-
-
6 mai 2009 00:39, par Riku
Merci pour ce tuto, pas évident à prendre en main ce logiciel après plusieurs mois d’utilisation de photoshop :p
Encore merci, bonne continuation
Répondre -
4 juin 2009 11:03, par kayrol
salut !!
pour l’elipse du fond jai fait un dégradé radial avec le bleu le plus clair décalé a 80% vers le plus foncé et on a encore plus l’impression que c’est une sphère ! mais sinon génial et très clair ce tuto ! merci !!
Répondre -
26 octobre 2009 19:56, par ond2chok
merci pour ce tuto, cela doit etre une des seule chose que je n’arrivé pas a faire sur illustrator bonne continuation a toussssssssss
Répondre -
3 février 2010 16:50, par lil
Merci Wonka,c’est un plaisir que d’apprendre photoshop ou illustrator avec vous ,Je vous joins ma petite perle bleue dont je suis très fière !lol
Répondre -
30 mars 2010 15:13, par sima
merciiiiiiiiiiiiiiiiii enfin g pu le faire je suis hyper contente
Répondre et merci encore une fois -
25 septembre 2010 22:23, par NooN
Merci pour le tuto, jusqu’à maintenant je suis noob sur illustrator, mais je n’arrive pas à faire le dégradé. Une question : c’est normal que les images de l’étape 2 et 3 sont identiques ? En tout cas, quand je fais le masque de l’opacité....je n’ai rien
Répondre
-
26 septembre 2010 09:57, par NooN
C’est bon je suis arrivé, il faut que les 3 tracés soient dans le même calque et qu’au moment de sélection il faut voir les 2 petits carreaux (rouges dans mon cas) à droite du tracé. ça pourrait aider les débutants comme moi :D Sinon c’est les images de l’étape 1 et 2 qui sont identiques, j’ai fait erreur. Merci encore
Répondre
-
-
5 décembre 2010 22:42, par Casimir72
3e tuto sur Illustrator, je progresse grace à toi. Super Jérôme
Répondre
