32 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Tuto Illustrator] Les dégradés

 
n°20912
k_millio
Profil : Modo
Avatar
profil
Posté le 20-08-2006 à 22:22:35  
 

Salut tout le monde :meuh:

 

Ce deuxième volet n'est toujours pas censé donné un joli résultat, je pense que vous l'aurez deviné :^^:
Par contre, son but est de vous apprendre quelques astuces très pratiques autant sous Illustrator que sous d'autres logiciels de graphisme (vectoriels ou non) utilisant les modes de fusion (Photoshop ou Gimp par exemple :oui:)

 

Ce tuto ne traite pas spécialement de la crystalisation, mais des différentes méthodes pour tracer des dégradés avec des jeux de transparence. L'une des notions principale de ce tuto, c'est les couleurs neutres des modes de fusion. Qu'est-ce qu'une "couleur neutre de mode de fusion" ? C'est une couleur qui, selon le mode fusion utilisé, correspondra à une opacité de 0%. Dans ce tuto, je vais traiter des modes de fusion Produit, Superposition, Lumière tamisée et Incrustation.

 

Commençons :tongue:

 


1. Ouvrez Illustrator (on sait jamais :he:). Créez un nouveau document de 256x256 pixels en mode RVB.

 

2. Utilisez l'outil de tracé elliptique pour tracer un cercle dans ce genre :
http://kmillio.crystalxp.net/Tutorials/Illustrator/Neutral-colors/1.png
Nommez le tracé "Fond".

 

3. Dans la palette des outils, cliquez sur la zone reservée aux contours pour la faire passer en avant plan.
http://kmillio.crystalxp.net/Tutorials/Illustrator/Neutral-colors/2.png
Ensuite cliquez sur le bouton désactiver (http://kmillio.crystalxp.net/Tutorials/Illustrator/Neutral-colors/3.png).

 

4. Double-cliquez ensuite sur la zone réservée à la couleur du tracé (normalement en dessous de la zone des contours), puis choisissez la couleur #80C0FF.

 

5. Tracez ensuite un nouveau cercle de manière à obtenir un résultat similaire à celui de l'image :
http://kmillio.crystalxp.net/Tutorials/Illustrator/Neutral-colors/4.png
Renommez ensuite le tracé en "Produit".

 

6. Changez le contenu du tracé  en dégradé en cliquant sur le bouton prévu à cet effet dans la palette des outils (http://kmillio.crystalxp.net/Tutorials/Illustrator/Neutral-colors/5.png). Dans la palette des dégradés, cliquez sur le curseur rempli de noir, puis affichez le menu de la palette des couleurs (en cliquant sur ce bouton http://kmillio.crystalxp.net/Tutorials/Illustrator/Neutral-colors/6.png) et cliquez sur le mode RVB, si celui-ci n'est pas déjà sélectionné.
Pourquoi ? Parce que le noir du mode Nuances de gris d'Illustrator est appelé "Noir précis". Ce noir précis est en fait du gris foncé, et les effets basés sur le noir ne marcheront pas parfaitement. Passer en mode RVB sert donc à changer ce "Noir précis" en "Noir riche", qui est du noir, du vrai.

 

7. Sur l'onglet Dégradé, cliquez sur ce bouton http://kmillio.crystalxp.net/Tutorials/Illustrator/Neutral-colors/7.png pour le replier, puis recliquez dessus pour le déplier totalement. Dans le champs Angle, mettez 90°, et réglez le type de dégradé sur Linéaire, si cen'est déjà le cas. Ensuite, passez le mode de fusion du tracé à Produit (dans la palette de transparence).
Vous devriez obtenir ça :
http://kmillio.crystalxp.net/Tutorials/Illustrator/Neutral-colors/8.png
Vous pouvez observer que le dégradé Noir vers Blanc done l'illusion d'être un dégradé Noir vers Transparent. Cet effet vient du fait que le blanc est la couleur Neutre du mode Produit et que plus le gris est clair, moins on le voit.

 

8. Dupliquez ensuite le tracé "Produit" en le faisant glisser sur cette icône http://kmillio.crystalxp.net/Tutorials/Illustrator/Neutral-colors/9.png de la palette des calques, puis renommez le nouveau tracé en "Superposition". Rendez ensuite le tracé "Produit" invisible.

 

9. Dans la palette de dégradé, changez le type de dégradé en Radial et passez le mode de fusion à superposition. Vous devriez obtenir ça :
http://kmillio.crystalxp.net/Tutorials/Illustrator/Neutral-colors/10.png
Ce dégradé Blanc vers Noir fait donc office de dégradé Blanc vers transparent (tout ce qu'il faut pour la crystalistation :^^:). Sa couleur neutre est le noir (le noir riche, je précise)

 

10. Dupliquez le tracé superposition et renommez le nouveau tracé en "Lumière tamisée", puis rendez l'original invisible.

 

11. Changez le type de dégradé en Linéaire, puis sélectionnez le curseur noir, et changez sa couleur en #808080 (appelé gris 50%).

 

12. Utilisez ensuite l'outil dégradé (http://kmillio.crystalxp.net/Tutorials/Illustrator/Neutral-colors/11.png) pour tracer un dégradé aléatoire. Changez ensuite le mode de fusion du calque en Lumière Tamisée. Vous devriez obtenir un résultat similaire à celui-là :
http://kmillio.crystalxp.net/Tutorials/Illustrator/Neutral-colors/12.png
On peut voir que le dégradé Blanc vers Gris 50% est l'équivalent d'un dégradé blanc vers transparent avec le mode de fusion Lumière Tamisée (sa couleur neutre est le gris 50%).

 

13. Dupliquez le tracé "Lumière tamisée", rendez-le invisible puis renommez la copie "Incrustation". Changez le type de dégradé en Radial, puis sélectionnez le curseur blanc et changez sa couleur en noir (en noir riche, toujours).

 

14. Tracez un dégradé aléatoire, toujours avec l'outil dégradé, puis changez le mode de fusion en Incrustation. Vous devriez obtenir quelque chose dans le genre :
http://kmillio.crystalxp.net/Tutorials/Illustrator/Neutral-colors/13.png
Le dégradé Noir vers Gris 50% sert donc de dégradé Noir vers transparent en mode Incrustation. Comme pour le mode Lumière Tamisée, la couleur est ici le gris 50%.

 

NB: Ces astuces pour avoir des dégradés basiques avec des jeux de transparence ne marchent que s'il y a un fond. Si vous rendez le calque "Fond" invisible, vous réobtiendrez des dégradés Noir vers blanc etc ... Même avec ces inconvénients, je vous conseille de toujours privilégier cette méthode à celle qui suit, enfin, lorsque c'est possible.

 

Je vais maintenant vous montrer comment faire des dégradés de n'importe quelle couleur avec différents niveaux de transparence, et ce, même sans fond, grâce aux masques d'opacité, qui sont en fait l'équivalent sous Illustrator des Masque de calque de Photoshop.

 

15. Rendez le tracé "Incrustation" invisible puis dupliquez le calque "Fond" et renommez la copie en "Masque d'opacité". Changez sa couleur en #0D2B7F.

 

16. Dépliez la palette Transparence, puis affichez son menu, et cliquez sur "Créer un masque d'opacité". Vous devriez voir un carré noir apparaître :
http://kmillio.crystalxp.net/Tutorials/Illustrator/Neutral-colors/14.png
Le carré de gauche est en fait une miniature du tracé et celui de droite est une miniature de son masque d'opacité. Sélectionnez le tracé "Fond" puis copiez-le (Ctrl-C (au cas où)). Retournez sur le tracé "Masque d'opacité" puis cliquez sur la miniature de son masque d'opacicité.

 

17. Appuyez sur Ctrl+F (pour coller le tracé à la même position), puis changez le contenu du tracé en un dégradé Radial Blanc vers Noir. Avec l'outil dégradé, cliquez ensuite près du bord du tracé. Ensuite, cochez la case Inverser masque de la palette Transparence.
Vous devriez obtenir ça :
http://kmillio.crystalxp.net/Tutorials/Illustrator/Neutral-colors/15.png
Ceci n'est bien sûr qu'une approche de l'utilité des masques d'opacité, ils mériteraient un tuto à eux tous seuls. Sachez juste que tracer des dégradés par cette métode est plus compliqué à faire pour vous, mais aussi pour le logiciel. Donc privilégiez quand c'est possible la méthode avec les modes de fusion, qui est plus légère.

 


Voilà, c'est la fin de ce tuto, j'éspère vous avoir appris des choses qui vous serviront :jap:

answer
mood
GoogleAds
profil
Posté le 20-08-2006 à 22:22:35  
 

answer
n°20991
Tsukasa
Daath Technology.
Profil : Penguin Pro
Avatar
profil
Posté le 01-01-2007 à 02:15:05  
 

Moi qu'avait rien compris a ce truc, sa va vraiment m'aider, merci k_millio :great:

 

Je posterait peut etre un tuto pour illustrator un de c'est 4... :biggrin: Histoire de faire vivre le nouveau sous-forum :smile: :mdr:

 

PS : Oui, c'est vrai, je poste dans tout les tuto, c'est du flood :fouet: Mais depuis le temps que j'attendait sa :loveit:

 

Merci encore K_millio :great: :mdr:

answer
n°20992
Silmathoron
Profil : Penguin Pro
Avatar
profil
Posté le 01-01-2007 à 02:28:43  
 

super, enfin des tutos pour illustrator... dans la catégorie illustrator
(comme dirait je sais plus qui, "il va pleuvoir de la m..de";)  :he:

 

plus sérieusement, c'est super qu'il y ait un tuto qui explique les bases d'illustrator, merci k_millo  :great:

answer
n°20997
benjigarner
Profil : Penguin Pro
Avatar
profil
Posté le 01-01-2007 à 11:38:41  
 

Encore vachement bien pour débuter doucement mais surement !! :love:

 

Petite faute de frappe au numéro 12 ([immg]) ^^

answer
n°21015
k_millio
Profil : Modo
Avatar
profil
Posté le 02-01-2007 à 22:04:41  
 

benjigarner > Corrigé, merci :jap:

 

J'éspère que vous apprécierez ce tuto (et les autres aussi :^^:)

answer
n°21024
Franatix
Certe, Tout est relatif ..
Profil : Penguin Pro
Avatar
profil
Posté le 04-01-2007 à 15:00:16  
 

Comment ça se fait que je n'est jamais vu les deux partit consacrée a illustrator :oh:

 

Sa mérite des coups de :fouet:

answer
n°21110
flokiss
Profil : New Penguin
Avatar
profil
Posté le 23-05-2007 à 21:22:13  
 

Bonjour ( j'espere que qqn va me repondre :ouch: )

 

Plusieurs questions sur ce tuto :

 

1) Pourquoi avoir créer 6 cercle ?

 

2) Quand je fais "inversé" la boule n'est plus bleu "marine" mais bleu clair et le "dégradé" est lui par contre clair ... ???

 

3) Comment a tu fait pour que ton dégradé qui commence en haut à droite se "stop" un peu avant le bord ???

 

Que de questions que je ne résouds pas et pourtant j'aurais essayé de la faire cette boule, jespere que j'aurais des reponse :mdr:
 :great:

answer
n°21201
Saxegaard
Profil : Penguin
Avatar
profil
Posté le 07-10-2007 à 15:43:37  
 

Bonjour,

 

J'ai un souci à l'étape 9 pour avoir un dégradé blanc vers transparent. J'ai bien suivi toutes les indications, mais quand je passe le tracé avec le dégradé radial en mode superposition, cela me donne comme si j'avais rempli mon tracé de blanc (il n'y a pas de dégradé).

 

Comment faire pour avoir le dégradé ?

 

Merci d'avance.

answer
n°21202
k_millio
Profil : Modo
Avatar
profil
Posté le 07-10-2007 à 16:11:26  
 

Tu es sûr d'avoir un dégradé blanc vers noir ? Est-ce que tu as tracé un dégradé ou est-ce que tu l'as laissé dans sa position initiale ?

answer
n°21206
Saxegaard
Profil : Penguin
Avatar
profil
Posté le 30-10-2007 à 15:45:53  
 

Salut,

 

Désolé pour le retard à la réponse, j'ai dû laisser un peu Illustrator de coté ces derniers temps.

 

Après reprise de ton tuto depuis le début, je confirme que j'ai bien un dégradé blanc vers noir. De plus, j'ai toujours le même résultat, que je laisse le dégradé dans sa position initiale ou que je le trace.

 

J'ai uploadé mon fichier *.ai, en espérant que tu puisses y jeter un ½il et éclairer ma lanterne.

 

Merci d'avance. :great:

answer
n°21207
k_millio
Profil : Modo
Avatar
profil
Posté le 30-10-2007 à 17:05:34  
 

Bah alors je viens de jter un oeil à ton AI, et j'ai eu le même problème au début.
Après j'ai mis le mode de couleur en RGB (Fichier > Mode de couleur du document > RVB), et là, ça marche sans aucun problème :wink:

 

Le problème doit être qu'en CYMK, on peut pas faire de dégradés radiaux :neutral:

answer
n°21208
Saxegaard
Profil : Penguin
Avatar
profil
Posté le 30-10-2007 à 21:28:47  
 

Merci pour ta réponse.

 

Effectivement, le problème vient bien du CMJN. Ton tuto fonctionne en RVB. Bizarrement, le mode "Eclaircir" ne fonctionne pas avec ce profil de couleur. Le problème, c'est que vu que mon travail est destiné à l'impression, je suis forcé de travailler en CMJN.

 

Je vais essayer de chercher une autre méthode et je posterai ici si je trouve quelque chose.

answer
n°21228
Tekikou
Vectorizatateur
Profil : Penguin Pro
Avatar
profil
Posté le 07-03-2008 à 13:52:04  
 

Je passe pour dire à k_millio que les réglages ne fonctionne plus sous la CS3, pour la lumière tamisée, le noir doit être 65% pour être transparent par exemple. Voilà, à moins que j'ai fait une erreur de réglage, si c'est le cas je m'en excuse.

 

:meuh:

 

answer
n°21229
k_millio
Profil : Modo
Avatar
profil
Posté le 07-03-2008 à 16:33:09  
 

Bah chez moi ça marche avec un gris à 50% :neutral: (Adobe allait pas changer une des bases comme les modes de fusion je pense :wink: )

 

Réessaie, ou envoie-moi le document dans lequel t'as ça parce que ça m'étonne et je vois pas trop d'où le problème peut venir :wink:

answer
n°21230
Tekikou
Vectorizatateur
Profil : Penguin Pro
Avatar
profil
Posté le 07-03-2008 à 21:05:24  
 

k_millio a écrit :

Bah chez moi ça marche avec un gris à 50% :neutral: (Adobe allait pas changer une des bases comme les modes de fusion je pense :wink: )

 

Réessaie, ou envoie-moi le document dans lequel t'as ça parce que ça m'étonne et je vois pas trop d'où le problème peut venir :wink:

 

Autant pour moi, c'était bien une erreur de ma part, j'avais pris un document RVB, je me suis dit que les couleurs de dégradés étaient obligatoirement en RVB alors que non (en plus c'était précisé dans le tuto de bien vérifier  :mdr: ).

 

Voilà sorry, et en tout cas Super Tuto ! :loveit:

 

Tu prévois d'autre tutos Illustrator ?  :he: Parce que t'es tuto me sont très utiles maintenant que je débute.
J'ai fais un petit bonhomme  :party:  :

 

http://img220.imageshack.us/img220/2734/avataroq9.png
 :mdr:

 

answer
n°22285
dadoux
Plutot mourir qu'vivre pas Ivre !
Profil : Penguin Pro
Avatar
profil
Posté le 19-12-2008 à 16:28:34  
 
answer

Aller à :
Ajouter une réponse