Tutoriel pour dessiner sur base d'une photo, avec Illustrator.

Par Soph

Nick a accepté que je traduise son tuto génialissimme et que je le mette sur le blog. Je lui ai proposé de garder ses images et il mettra sans doute un lien francophone sur son site. Grand merci à lui !

Petit à petit, je traduirai sans doute ses autres tutos et lui passerai le lien à chaque fois.

Voila donc un didactitiel complet pour créer sur base de photos, des personnages relativement réalistes avec des tracés et des dégradés, sans s’ennuyer avec des outils mystérieux comme le filet (mais je commence à le comprendre, si si)

  1. Tout d’abord, il faut que la photo modèle soit assez grande et de bonne qualité parce qu’il faut zoomer assez fort pour des détails comme dans les yeux. On va dans Fichier – ouvrir – on choisit la photo et hop. On peut aussi juste faire un copier coller de la photo. Elle va s’ouvrir dans un calque (layer). On double-clique sur le calque et on choisit les paramètres des options. Il faut un peu changer le pourcentage pour que la photo soit plus claire, c’est plus facile pour détourer les zones. Ici Nick a mis 30% mais ça varie d’une photo à l’autre.
  1. On fait un nouveau calque en cliquant sur la petite flèche d’options (du pavé des calques) – nouveau calque. Pour y voir clair sans devoir chipoter aux couleurs et tailles de traits, c’est possible de juste voir les bords des tracés qu’on fait. Pour ça, il faut garder ctrl enfoncé et cliquer une fois sur le petit œil.

Pour tracer, il faut utiliser la plume (le porte-plume). Pendant qu’on trace, il faut réfléchir à l’ordre dans lequel les tracés devront être placés. Si on fait d’abord l’œil puis la forme du visage, le visage sera au dessus de l’œil (du coup on ne verra plus l’œil). Donc il faudra chipoter avec « placer devant » « placer derrière » ; Ce sont des options qu’on trouve en sélectionnant le calque et en cliquant à droite.

  1. Faire les ombres. Une fois que la base est faite, il faut faire des ombres. On fait le tracé en suivant les zones de couleurs. On peut faire dépasser le tracé, il y a un outil qui permet de sélectionner deux tracés et couper tout ce qui dépasse. Cet outil se trouve dans fenêtre- pathfinder (sorry mais impossible de trouver l’équivalent en français – si qqun sait….). Enfin bref, le petit pavé pathfinder va s’ouvrir et là il faut copier le visage (ctrl-c), le coller au dessus (ctrl –f), ajouter l’ombre à la sélection (garder shift enfoncé + sélectionner l’ombre), puis dans le pathfinder, on fait alt –click sur ce petit outil qui est entouré là en dessous.

On continue avec la même technique, le visage, le corps, les habits, les cheveux, les ombres… Les raccourcis qui font gagner un temps de fou, c’est Ctrl-C et ctrl-F. Sans ça, ça prend des heures parce qu’il faut retracer les ombres exactement sur la limite du tracé du dessous.

  1. On remplit avec des couleurs. Dans fenêtre- bibliothèque de palettes de couleurs, c’est possible de trouver les couleurs de peaux (skintone).
  1. Remplir avec des dégradés. On sélectionne le tracé qu’on veut remplir de dégradé. Dans le pavé dégradé, dans transparence, on choisit « multiple », ça fait un fondu du tracé, en fait tout ce qui sera blanc dans le dégradé deviendra transparent. Pour choisir les couleurs du dégradé, il ne faut pas oublier, dans le pavé des couleurs, de choisir RVB (ou RGB), sinon ça reste en noir et blanc. On choisit avec la pipette dans la petite barre de couleurs (si on ne voit pas la petite barre, il faut cliquer sur la petite flèche dans le coin supérieur droit du pavé et choisir « montrer les options »). On joue ensuite avec les angles, O° c’est vertical et 90° c’est horizontal. A partir de là, il n’y a plus qu’à chipoter pour trouver la bonne direction de l’ombre par rapport au tracé.

Quand le 1er tracé d’ombre est fait, pas besoin d’autant de bazar pour les autres, on sélectionne le tracé suivant qu’on veut faire en dégradé et on prend celui qu’on vient de faire en cliquant dessus avec la pipette.

C’est la même technique pour le reste du corps

les cheveux

les habits et les plis des habits

A la fin, on peut ajouter des détails dans les cheveux par exemple (ou des tatouages, des bijoux, etc.)

Et voila le résultat!

A partir de là, on est capable de faire plein de choses sur le même principe de tracés – ombres - couleurs- dégradés (des exemples de Nick)

1 reply on “Bonjour tout le monde !”

<p>Bonjour à tous, Je ne comprend pas ce qu'est un calque au début. Je n'arrive pas à le faire. Pouvez-vous m'aider s'il vous plaît&nbsp;! :-|</p> <pre>Merci.</pre>
<p>Bonjour a tous, dejà je tiens a remercier le redacteur du tuto pour cette traduction en francais (qui était largement utile). Voila je m'interesse au dessins vectoriels depuis peu de temps et il se trouve que par un fabuleux hasard je suis tombée ici. Le petit probleme que je n'arrive pas a resoudre se trouve au niveau des ombres. En effet j'ai du mal a saisir la partie 3. Je sais pas si quelqu'un repondra parce que cela reviendra à réexpliquer le tuto et je pense que personne nea perdre son temps a ça. Mais si il y a une ame genereuse qui veut bien m'expliquer je donne mon adresse msn&nbsp;: K-naSucre@hotmail.fr Merci d'avance ^_^ +++</p>
<p>salut ce tuto est geniale et je conseille de essayer plusieur fois je suis infographe et je fait les tracer des voiture et des fourgons pour les habillet avec leur maquette a fin de fair une simulation pour le client et croyer moi ces ce que je fait tout la journer au bureau pareille de ce que vous voyer sur ce tuto avant je me voyer incapable de realiser des tracer bien fini et tres proche du réelle comme je les voyer dans le press book de mes camarade plus ancien que moi mais avec le temp je me suis habituer je di bien avec le temp ca se passe pas en une heure ou demi vous ete dingue</p>
<p>Salut&nbsp;! je tenais à te dire merci pour le tutoriel mais en faite je ne comprend pas comment on fait mdr&nbsp;! Je pense que sa m'a l'air tro difficile snif J'utilise Adobe illustrator 10 je ne sais pas si c'est bien le logiciel concerné... En tout cas c'est bien ce genre de montage image que je voulais faire depuis très longtemps... Si tu veux bien m'aider , peux tu m'ajouter sur MSN asian-angel@hotmail.fr. Merci beaucoup...</p>
<pre>Merci pour cette aide.</pre> <p>C'est agréable de trouver un mode emploi exprimé de façon compréhensible pour tous. Félicitation!</p>
<p>Pour les dégradés&nbsp;? Ca se met en tons de gris automatiquement (grayscale) dans illustrator, Dans la petite fenetre "couleurs", logiquement en haut à droite (mais ce sont des fenetres dont tu sais changer la place). Tu cliques sur la petite fleche et tu mets en RGB ou en CMYK. Et pour choisir les couleurs du dégradé, c'est à cet endroit que tu utilises la pipette.</p>
<p>merci pour ce tuto ;-)</p> <p>mais je n'arrive pas avori les couleurs dans cs2 !! tout se mets en gris est ce normal??</p>
<p>Yan si tu fais une recherche dans le forum de Nick, tu verras qu'il y a un topic où il parle de 64k et de la traduction française de son tuto. Je ne l'aurais pas fait sans son consentement. Vérifie tes sources avant d'agresser.</p>
<p>Vous ne trouvez pas qu'il y a de l'abus à demander des cracks sur un site qui se félicite d'avoir obtenu l'autorisation de traduction du tuto&nbsp;; et quand on visite le site original on s'aperçoit qu'il a eu plein de problèmes avec des gars qui lui piquaient ses travaux sans demander&nbsp;? Faut être cohérent quoi&nbsp;!</p>
<p>Cette astuce est nickel, decalquer comme kan on etait petit rien de plus simple, dire que je me suis pris mainte fois la tete , jai divise mon temps de travaille par 10, et la solution etait si simple, merci mister et merci encore a photoshop.</p> <p>J'en reviens pas de la simplicite...mon dieu ce que je peux etre bete...tout c heures pour rien....</p>
<p>Bonjour; il est très sympa ce tutoriel, j'ai vu aussi les travaux de Nick en version angaise, mais là c'est vraiment de pouvoir les lire en Français, ce tyle de dessin je l'avais déjà fait avant en rough, mais la technique est la même, sauf que c'était sur du papier de layout. mais il faut que je m'y remette sur illustrator pr ce genre de truc, c beau ^^</p>
<p>sinon pour ceux qui veulent visiter votre blog, cloé et beinjamin, ils cliquent sur votre pseudo, pas la peine de spammer notre blog pour ça</p>
<p>Hey, Il est super ce tuto !!! Moi j'ai illustrator,et jai commencé a faire des truc et franchement,c'est trop cool,...Mais probleme,maintenant j'ai expiré ma version d'essai et jarrive pas a trouvé un crack qui fonctionne,je sais pas pourquoi...Est ce que qqun pourrais maider en me disant quelle version dillustrator il a et quel crack <acronym></acronym>? Se serais trop sympaaa !!!!</p> <p>Merci d'avance</p> <p>ps: (chut!) lol</p>
<p><em>Nick a accepté que je traduise son tuto génialissimme et que je le mette sur le blog. Je lui ai proposé de garder ses images et il mettra sans doute un lien francophone sur son site. Grand merci à lui !</em> C'est la première ligne du billet, fredo le parano.</p>
<p>Pas forcément tous, moi je fais un calque avec le fond, et les autres tracés sur le même calque. S'ils ne sont pas sur le même calque, tu ne sais pas utiliser les fonctions du pathfinder.</p>
<p>merçi pour ce tuto je viens d'avoir Illustrator ça va m'aider par contre il faut faire tout les tracés sur le même calque?</p>
<p>Bonjour, Je suis une petite novice sur illustrator, et franchement je m'éclate;</p> <pre>par contre j'ai un petit souci, j'ai réalisé une pub pour la compagnie dans laquelle je bosse et le magazine me demande :</pre> <p>- d'ajouter 5mm de rogne tournante - soutien 60% de cyan dans les aplats noirs Est ce que quelqu'un pourrait m'aider svp , car la je suis paumée, en plus mon logiciel cs2 est en anglais donc pas évident merci à tous et chapeau pour ce que vous faites,</p>
<p>dommage je nutilise que photoshop arf je devrais trouver pour faire de meme sous photoshop!! merci en tous les cas cest un super tuto ca!!!</p>
<p>oui c'est vrai que live trace est pas mal pour les dessins mais pour les photos c'est un peu plus compliquer a utiliser si on veux un tracer parfait. <a href="http://www.adobe.com/fr/products/illustrator/pop_livetrace.html" hreflang="UK">http://www.adobe.com/fr/products/illustrator/pop_livetrace.html</a></p>
<p>L'image du tuto, non, elles viennent de Nick, de n-design. Les photos de filles que j'ai utilisées pour mes tentatives viennent pour la plupart de Cafzone, <a href="http://www.cafzone.net/ipb/index.php?showforum=34">le vendredi c'est permis</a>... En plus ils sont cools là bas, j'avais demandé des asiatiques et hop, j'ai eu plein de petites asiatiques à détourer.</p>
<p>Bonjour, je suis nouveau sur ce site et j'ai survolé le tutorial. J'ai voulu le faire mais je ne trouve pas de photos de bases comme celles que vous utilisez ... Seriez-vous capables de fournir l'image du tutorial et/ou un lien avec des photos de ce genre&nbsp;? Merci d'avance.</p>
<p>ben avec illustrator cs 2 on sais vectoriser direct une photo et repeindre avec le pots de peinture dynamique mais sa na pas le même rendu . c'est bien mieux a la main mais faut que je m'y mette un peu pour vectoriser des personnages manuellement pour un rendu comme vous ^-^</p>
<pre>:-o il est tro bien ce logiciel ;-)</pre> <p>svp coment ou ou je peu avoir ce logiciel <acronym></acronym><acronym></acronym><acronym></acronym><acronym></acronym><acronym></acronym><acronym></acronym><acronym></acronym>? :-)</p>
<p>C&#8217;est en forgeant qu&#8217;on devient forgeron et ça c&#8217;est pas du Lao Tseu. Au début du met un vache de temps pour faire trois fois rien (c&#8217;est normal tu connais mal le logiciel) mais plus ça va moins tu cherche comment faire et au bout d&#8217;une 100ène d&#8217;heure à bosser sur des projets tu deviens un pro de l&#8217;illustration&#8230; chacun son trucs&#8230;</p>
<p>et utiliser un logiciel de vectorisation d'image automatique(1) puis retravailler le tout en vectoriel&nbsp;?</p> <p>(1) flash, etc....</p>
<p>tu cliques pour faire un point de départ, tu cliques un peu plus loin et tu gardes enfoncé pour tirer sur ton trait (si tu laches, ça fait une ligne droite). En tirant sur le trait, tu obtiens des courbes. Puis, tu laches le point que tu viens de faire et tu recliques dessus pour repartir de là. Quand tu recliques dessus, il y a un petit symbole triangulaire (un angle) qui se dessine près de la plume. C'est pas la super bonne méthode, mais c'est la plus simple. Une fois la forme finie, si tes tracés ne sont pas parfaits, tu zoomes dessus et tu chipotes avec la flèche blanche. Pour pouvoir chipoter avec la flèche blanche, il faut que les points soient blancs, pour cela, tu désélectionne la forme et tu clique sur son bord avec la flèch blanche à un endroit où tu es sur qu'il n'y a pas de point. Ca a l'air compliqué comme ça mais quand on chope le truc, c'est très facile. Courage&nbsp;!</p>
<p>ooo zut mon message est pas passé&nbsp;! Je disai que je n'arrivais pas avec l'outil de la plume (c'est bien le symboles qui resemble a un stylo en plume ?) car quand je veut faire un trait je suis obligé de bougé deux points et sa fait pas du tout la forme que je shouaite et surtout quand je fait les un apres les autres sa fait pas droit ou arondi comme je l'aimerai&nbsp;!</p> <p>comment faire&nbsp;?</p>
<p>Elfe: adobe.fr, pour prendre la version de démo, gratuite pendant 30 jours et ensuite tadaaaam astalavista.box.sk pour trouver le crack (mais chut)</p>
<p>@damston&nbsp;: ben c'est plus pour les collègues qui sont sur Mac et accessoirement pour moi (histoire de tester car je vois quand même quelques finalités en ce qui me concerne, notamment des illustrations pour les jeux de rôles dont je suis fort friand). :-D</p>
<p>lol Ced est aussi en recherche de <a href="http://64k.be/index.php/2006/01/05/328-bonzai">zenitude</a></p> <p>Contente que ça vous fasse plaisir en tout cas!</p>
<p>T'inquiète mon p'tit elfe, je t'expliquerai tout ça ^^ Mais ça tournera jamais sur ton antiquité par contre, sur le prochain de smarty peut être ;-)</p>
<p>Heu... à moi&nbsp;: "Qui ne pête ni ne rôte est voué à l'explosion." :)</p> <p>Bon, c'est aussi du Lao-Tseu mais en fait j'ai pas compris ton allusion. :-/ Bouhouhou je suis nul et bête... ;-(</p>
<p>Bien, j'ai montré ça à mes collègues graphistes... Ils semblent plutôt emballés... mais coment récupère-t-on le soft&nbsp;? J'ai un peu cherché et j'ai point trouvé. :( Y'a une license ou non&nbsp;?</p>
<p>Bah celles que j'ai faites, 2 heures, à mon avis c'est pas bcp mais je ne fais qu'un bete fond et pas énormément de détails sur la fille... et je chipote encore avec le pathfinder. J'ai un peu de mal avec les intersections. Ou alors au contraire, je suis très lente et une fille comme ça se fait en une demi heure...</p>