<p><br /></p>

<h3>Avant la coloration</h3>

<p>•D'abord il faut dessiner les strips sur papier, au critérium cadeau(très important)  Rotring, 0.5mm, mines HB. <br />
<br />
Mettez <strong>Photoshop en marche</strong>, créez un fichier:<br />
faites <strong>Ctrl</strong>+<strong>N</strong>,<strong> Entrée</strong>.<br />
Puis <strong>B</strong> pour brush, à la tablette faites un zigouigoui. Voyez si photoshop à bien mis en route le driver de la tablette. Si vous ne pouvez pas dessiner quelque chose comme ça, fermez toshop puis relancez le \O/<br />
Si ça marche, fermez ce fichier zigouigoui qui a bien servi.<br />
(je dois être le seul au monde à qui ça arrive en fait :D)<br />
<br />
<img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/verif-stylet.jpg" alt="" style="display:block; margin:0 auto;" />
Mettez vous dans une ambiance propice au coloriage. Musique ouééé \o/<br />
<img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/ambient.jpg" alt="" style="display:block; margin:0 auto;" />
<br />
Scannons la feuille de strip en <strong>300 dpi</strong>.<br />
Mettons la dans toshop.<br /></p>


<p>Sauvegardons le tout en format .psd (photo shop document) <strong>Ctrl</strong> + <strong>S</strong><br />
<br />
Accentons les noirs et augmentons les gris clairs pour donner ce résultat.<br />
<img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/scan056.jpg" alt="" style="display:block; margin:0 auto;" /><br />
Je vais m'occuper de la partie gauche de la feuille, donc je fais un rectangle de sélection avec le raccourci <strong>M</strong> et je <strong>détoure</strong> (<strong>Image</strong>&nbsp;» <strong>crop</strong>).<br />
J'ai fait un script pour détourer vu que y'a pas de raccourci clavier.<br />
Les scripts sont chuper pratiques, on peut leur assigner des combinaisons de touches ou bien des <strong>touches fonction</strong> (F1 F2 F3... F12) °o°<br />
<img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/scripts.jpg" alt="" style="display:block; margin:0 auto;" /><br />
<br />
<ins>J'en ai fait pour:</ins><br />
<br />
<strong>F2</strong>&nbsp;: préparer une colo. (à partir d'un lineart en background, le convertir en <strong>mode multiply</strong> ,crréer deux calques <strong>normaux</strong> en dessous, et <strong>remplir</strong> (<strong>Edit</strong>&nbsp;» <strong>Fill</strong>&nbsp;» White 100%) de plus bas de blanc.<br />
<strong>F3</strong>&nbsp;: Détourer une image et la mettre à niveaux automatiques (<strong>Alt</strong> + <strong>Ctrl</strong> + <strong>L</strong> comme levels)<br />
<strong>F4</strong>&nbsp;: Détourer une image<br />
<strong>F5</strong>&nbsp;: redimentionner à 1100 pixels de haut, pour faire des apperçus de page de BD sur le web.<br />
<strong>F8</strong>&nbsp;: redimentionner mes photos à 500 pixels de large les sauvegarder et les fermer pour les blogguer ensuite.<br />
<strong>Ctrl + F9</strong>&nbsp;: piste précédente dans Winamp (pas besoin d'avoir l'application au premier plan pour que ça marche, les plus malins d'entre vous auront remarqué que ceci n'est pas un script forotshop)<br />
<strong>Ctrl + F10</strong>&nbsp;: sotp la musique !<br />
<strong>Ctrl + F11</strong>&nbsp;: play / pause dans winamp<br />
<strong>Ctrl + F12</strong>&nbsp;: piste suivante dans Winamp<br /></p>


<p><img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/text-square.jpg" alt="" style="display:block; margin:0 auto;" />
<br />
Donc, j'ai mon lineart bien cadré. Je vais m'attaquer aux textes.<br />
touche <strong>T</strong>. Maintenez le clic pour délimiter l'espace de votre texte, ça vous évitera d'avoir à faire entrée à chaque fois que vous voudrez que votre texte rentre dans la bulle ou le cartouche.<br />
Vous n'aurez qu'a changer la taille du rectangle. Arrangez vous pour que votre texte ressemble plus à un cercle qu'a un carré, (comme pour disposer des assiettes sur une table *-*) ou qu'a un morceau de mur de briques défoncées. C'est plus agréable à lire.<br />
<br />
Par dessus tous les textes, <strong>retapez-les</strong> au clavier, ensuite,<br />
<strong>effacez vos écritures</strong> sur le calque du lineart.<br />
<br />
<img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/Untitled-2.jpg" alt="" style="display:block; margin:0 auto;" />
<br />
<img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/Untitled-1.jpg" alt="" style="display:block; margin:0 auto;" />
<br /></p>

<h3>Coloration</h3>

<p><br />
Le raccourci de la gomme: <strong>E</strong> <br /> <br /></p>


<p>Créons 4 calques en mode normal.<br />
Sur le plus haut nous allons nous occuper des bulles blanches.<br />
En dessous, les cheveux et des vêtements en s'arrengeant pour que ce que l'on va barbouiller ensuite en dessous ne nécessite pas de gommage.<br />
Sur celui juste en dessous nous allons nous occuper de la peau.<br />
Le suivant concernera le fond.<br />
<br />
Mettez le dessin en vue éloignée. Choisissez les couleurs des cheveux, des peaux, des chaussures, des vêtements sans vous soucier des décors pour le moment... et mettez en une tache sur chaque élément qui sera de la même couleur.<br />
Quand je colorie je zoome, avec la métrode des taches préalablement placées je n'aurai qu'a utiliser la pipette (maintenir <strong>Alt</strong>) pour changer de couleur, et utiliser la main ( <strong>barre espace</strong>) pour me déplacer dans l'image. <br />
<strong>Alt</strong> + <strong>roulette</strong> de la tablette (ou de la souris) permet de faire des zoom avant et arrière, trop bien! \o/</p>


<p>Donc, après avoir mis plein de taches <strong>sur les bons calques</strong>. N'affichez que le calque sur lequel vous allez faire votre colo, en coloriant d'abord le calque le plus haut, celui des cheveux.<br />
Une fois que c'est fait, commencez alors le calque en dessous, on peut un peu plus faire de grands traits sans que les débordures de la peau se voient, du moins, si elles sont cachées par les vêtements que vous venez de colorier.<br /></p>




<p><br />
Occupons nous de donner un aspect plus volumique à la peau.<br />
Vérouiller les pixels transparents du calque "peau". faut cliquer sur le premier des 4 carrés dans la fenêtre des calques, au dessus des calques.<br />
<img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/lock.jpg" alt="" style="display:block; margin:0 auto;" />
Maintenant vous ne pouvez plus utiliser la brosse autre part que là où vous avez mis de la couleur. (J'ai appris ça par un tuto de <a href="http://maliki.com">Maliki</a>)<br />
Le verrou de pixels transparents peut aussi être utilisé pour faire des colos sur un seul calque. Faut remplir tout ce qu'on veut colorier d'une seule couleur en faisant attention aux bords une fois, ensuite on vérouille et cébon, wouéé \o/
C'est très utile quand on veut jouer avec des effets de lumière ou de volume comme on va le voir maintenant:<br />
<br />
Appliquons donc une brosse douce à faible opacité de couleur rouge légèrement gris.<br />
<br />
<img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/soft-brush.jpg" alt="" style="display:block; margin:0 auto;" />
<br />
<img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/opacity.jpg" alt="" style="display:block; margin:0 auto;" />
<br />
<img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/soft-apply.jpg" alt="" style="display:block; margin:0 auto;" />
Et voilà, smieux.<br />
Colorons le fond et les décors sur les calques libres</p>


<h4>bulles blanches et couleur de fond.</h4>


<p><img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/magic1.jpg" alt="" style="display:block; margin:0 auto;" /><br />
Sur le calque "lineart", <strong>sélécitonnons à la baguette magique</strong> (Magic Wand, raccourci <strong>W</strong>) toutes les bulles (faut qu'elles soient bien fermées) avec <strong>Shift</strong> + <strong>Clicks</strong><br />
<img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/magic2.jpg" alt="" style="display:block; margin:0 auto;" /><br />
Sur le calque "blanc", au dessus de ceux de couleurs, remplissez de blanc vos sélections de bulles.<br />
<br />
<br />
La colo est finie, occupons nous du <strong>layout</strong>. *-*
<br />
<br /></p>





<h3>Layout</h3>





<p><img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/insert.jpg" alt="" style="display:block; margin:0 auto;" />
<br />
insertion de publicité passagère à coup de copier coller au bon endroit, transformé, effacé des côtés, brossé de couleur.<br />
Parce que mon strip parlait d'autres dessinateurs, donc voilà.<br />
(Miss Gally et Obion, dieu vous bénisse.)<br /></p>


<p>Après avoir bien colorié en ayant fait attention à ne pas déborder on a plus qu'a mettre en page le bazar pour qu'il soit lisible verticalement.<br />
<img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/preskfini.jpg" alt="" style="display:block; margin:0 auto;" />
<br /></p>


<p><img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/saveJPG.jpg" alt="" style="display:block; margin:0 auto;" />
<br />
Donc, on sauvegarde une copie en format .jpg avec une qualité maximale (DOUZE)<br />
<img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/save_2.jpg" alt="" style="display:block; margin:0 auto;" />
<br /></p>


<p>Faisons une copie de ce fichier jpg haute résolution.<br />
<img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/copy.jpg" alt="" style="display:block; margin:0 auto;" />
<br /></p>



<p>Mettez dans toshop votre copie de fichier jpg en haute résolution (DOUUUUZE) , on s'occupe de le mettre en ordre.<br />
<img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/canevas_size.jpg" alt="" style="display:block; margin:0 auto;" />
<br /></p>


<p>Changeons la taille de la zone de travail (<strong>Image</strong>&nbsp;» <strong>Canevas size</strong>) en doublant la hauteur (Height) et en cliquant sur le carré blanc en dessous pour le mettre en haut. Prévoyez trop grand plutôt que pas assez, on peut toujours détourer \o/<br />
Ce carré blanc indique comment va se faire l'expansion de la zone de travail, là elle se fera en dessous. Si j'avais voulu que l'expansion se fasse au dessus j'aurais déplacé le carré blanc en cliquant en bas.<br />
<img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/canevas_size2.jpg" alt="" style="display:block; margin:0 auto;" /><br />
<br />
Et manipulons le lasso polygonal (raccourci <strong>L</strong>) pour bouger nos morceaux d'images (<strong>Ctrl</strong> + <strong>click maintenu</strong>, ou <strong>V</strong>).<br />
Jouons de transformations <strong>Ctrl</strong> + <strong>T</strong>. pour que les images occupent les mêmes largeurs et les mêmes marges environ.<br />
<img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/grand_canevas.jpg" alt="" />
<img src="http://blog.artlemoine.com/public/i/2008/fevrier/tuto-stripblog/grand_canevas2.jpg" alt="" />
<br />
L'ordre est bon, apliquons le script F8 qui réduit à 500 pixels de large notre copie d'image que nous pouvons alors bloguer \o/
Voilà le résultat:<br />
<br />
<a href="http://tykay.free.fr/painsdepices.php/post/2008/02/24/Genese-de-painsdepicesnet">http://tykay.free.fr/painsdepices.php/post/2008/02/24/Genese-de-painsdepicesnet</a></p>


<p><img src="http://www.ailesse.com/~tykayn/forum//extensions/Smile/tango/face-angel.png" alt="" /><br />
Mes <a href="http://tykay.free.fr/index.php/category/Tuto">autres tutoriaux (ou didacticiels) de dessin</a> sont disponibles.<br />
Voilà, si vous avez des remarques, si je vous ai appris des choses ou que quoi que ce soit, faites le moi savoir ^o^<br /></p>