A la demande d'Amyliun je poste ici un tuto pour réaliser le lineart d'un scan, et ensuite procéder à la colorisation via Photoshop ( 7.0 ). Les outils restent les mêmes dans Photoshop CS.

Source : Site de Makii.

Introduction__ _



Temps : 3 heures 50 minutes / 4 heures 30 minutes
Utilitaires : Adobe PhotoShop 7.0 ; Tablette graphique Aiptek A4

Format du document : 1000 x 600 pixels1
Fenêtres d'outils utilisées :



Je n'ai pas le souvenir d'avoir utiliser d'autres fenêtres que celles-ci. Barre d'outils ; Navigateur ; Calques.

Sans compter la barre des menus (Fichier, Edition,...) et la barre que j'appelerai barre de détails, qui par défaut se situe en-dessous de la barre des menus.


Step 1 : Le croquis__ _


Temps : 20 minutes



Premièrement, je m'excuse, j'ai effacé une bonne partie du croquis ici! ><

Après avoir crée un nouveau document à fond blanc, je crée un nouveau calque2 (Calque > Nouveau > Calque... ou Maj+Ctrl+N).

C'est quoi un calque ? C'est plus ou moins ça ->


Je prends une couleur. En général, c'est bleu foncé, vert foncé, ou rouge-rose foncé.

Tenez-vous prêt, mon premier croquis n'est vraiment pas soigné. J'y fait mes recherches, parfois j'annote, et surtout, je fais globalement mes traits de constructions, mais le plus souvent je fais mon dessin au feeling. Donc il y a pleins de traits un peu partout.

Pour commencer, j'utilise l'outil crayon (restez cliquer sur l'outil pinceau puis glissez vers l'outil crayon) qui donne un trait pixelisé. Si j'utilise cet outil, c'est une question de goût personnel, je trouve que c'est plus rapide que le pinceau.


Step 2 : Le lineart__ _



Temps : 1 heures 30 minutes ~

Un lineart (la traduction littérale est "ligne art") pourraît être qualifié par "un trait propre".
C'est le moment auquel je m'applique le plus. Pourquoi ? Parce qu'un trait propre est d'après moi le plus important pour avoir un dessin qui fasse assez "pro". C'est aussi le moment où j'y corrige les petites erreurs et où je rajoute les derniers détails. Ce que j'aime bien avec un lineart, c'est quand le trait grossi à certains endroits et rétraici à d'autres (ici, je ne l'ai pas vraiment fait), ça peut donner une stylisation du dessin. :]


Bref. Je crée un nouveau calque (Calque > Nouveau > Calque... ou Maj+Ctrl+N) et je prends mon pinceau (restez cliquer sur l'outil crayon puis glissez vers l'outil pinceau). Je clique sur le petit onglet à côté du chiffre (qui correspond à la taille) précédé par "Forme" dans la barre de détails, qui se situe par défaut en-dessous de la barre des menus, ou bien je clique avec le bouton droit de la souris sur mon dessin, ce qui m'affiche le menu ci-dessous.



Donc, je prends le premier pinceau (ici selectionné) en double cliquant dessus.

Je zoome à 200%/300% pour tracer ce trait, puis je viens à 50 % et je regarde si mon trait paraît correct sans trop de bavure. Et ainsi de suite sur tout le dessin.
S'il est nécessaire, je crée un nouveau calque au cas où j'aurai peur de faire une bavure ou rater quelque chose (je l'ai fait ici avec les rayures des vêtements et mon p'tit panwah, mais c'était pas vraiment indispensable).

( Note Seri : Il est parfois plus intéressant d'utiliser l'outil gomme, ou l'outil de dessin vectoriel pour réaliser le lineart. Je posterai un autre tuto sur ces différentes méthodes car je trouve son explication un peu confuse. )


Step 3 : La couleur des vêtements et autres accesoires__ _



Temps : 1 heures 30 minutes ~

Les couleurs4. J'y ai déjà pensé plusieurs fois en faisant le dessin, je sais à peu près quoi mettre ici et là.
Pour cette partie, n'hésitez pas à ajouter des calques! Je regroupe en général moi, par exemple, sur ce dessin, j'ai fait tee-shirt et chaussette ensemble; chaussures, coeur et couronne ensemble; etc.



Pour appliquer les couleurs, je créé des calques qui se situeront entre le calque Arrière-plan et le calque du lineart.

Je commence par les chaussettes et le tee-shirt:



Et pour les cheveux :



Pour faire ce genre de dégrader, j'utilise l'outil doigt (situé juste en dessous de la gomme). Dans la barre des détails, je règle :
Taille : 6
Intensité : entre 50 et 100 %. Ici, j'ai choisi 92 %.



Pour la jupe, j'ai scanné un morceau de mon jean (oui, oui :p), prenez en un clair de préférence, celui que j'ai pris était supra clair, et quand j'l'ai scanné, il était très foncé. :/



Donc, j'ai collé le plus bas possible dans mes calques ce pantalon sur un nouveau calque, et j'ai gommé ce qui dépassait.

Ensuite, pour que le jean paraisse légèrement plus claire, j'ai créé un nouveau calque que j'ai mis en mode Superposition, j'ai réglé l'opacité sur 10% (plus le pourcentage sera grand, plus le pantalon prendra la couleur que vous lui donnerez), et j'ai pris un bleu cyan très clair (#C6F1FD) que j'ai appliqué sur ce calque sur la surface du jean.
Je ne cherche pas à faire des ombres sur le jupe, je trouve que ça rend assez bien

Pour terminer, je rajoute des petites touches de blancs sur les chaussures pour un effet "plastique", et du blanc sur les cheveux pour que ça donne l'impression de "brillé" et de "lissé".

Et voilà!

Petite astuce pour choisir vos couleurs:




Step 4 : La couleur de la peau__ _



Temps : 30 minutes ~

C'est le plus rapide! Du moins pour moi.:]

J'ai utilisé ces couleurs :



Après avoir crée un nouveau calque, je remplis toute la partie de la peau en la deuxième couleur.
Je prends mon pinceau à des tailles de 3 à 6, et je fais des traits au feeling, rapidement, avec la 3ème couleur, puis la 4ème. Pour finir je rajoute avec la première couleur les endroits où ça brille, des petits points ou des traits fins.


Step 5 : Le fond__ _



Temps : 5 minutes ~

Chez moi c'est très simple. Je crée un nouveau document, et je fais un dégradé de traits avec l'outil Trait puis je selectionne tous ces traits et je les colle tout en dessous de tous mes calques de colorisation, et juste au dessus de mon Arrière-plan.
Je crée un nouveau calque qui se situe juste en-dessous, et avec l'outil Rectangle, je crée un rectangle avec une surface légèrement plus grande que la surface de mes traits.

Et voilàà!


Step 6 : Pour finir__ _



Temps : 1 minute ~

Comme vous l'aurez constatez, c'est beaucoup plus joli quand l'image est plus petit : c'est plus propre.
Pour rétrécir l'image, aller dans Image > Taille de l'image... et assurez vous que la case Conserver les proportions est bien cochée.
Vous diviserez la taille de l'image par 2, pour cela, petit calcul : ici 1000/2=500!
Hop, c'est magique, la hauteur aussi se divise par 2, et donne 300!

Pour avoir une image de bonne qualité et à un poids résonnable, je vous conseille d'enregistrer via : Fichier > Enregistrer pour le Web... ou Alt+Maj+Ctrl+S.

Et voilà, vous avez un dessin clean, colorié rapidement, et pas trop moche normalement.

Bon dessin !

etape2 : attention, il ne faut surtout pas utilisé le crayon si tu veux avoir un trait fin et gérant la pression!

etape 3: Je déconseille l'outil doigt! C'est le mal! Utilisez d'avantage les brushs pour faire la liaison entre les couleurs (ca donne un effet plus épuré et beaucoup plus pro!)

Sympa le tuto je conseille pour les débutants. hi hi :p

Merci à vous ! J'espère qu'il intéressera quelqu'un ! XD

Tu utilises toujours des brushs basiques pour les effets?
Merci en tout cas pour ce petit tuto, je vais m'y mettre ce week end!
Mais vu que j'arrive à bien me débrouiller en vectoriel, je penses réaliser le line sous illustrator!
(j'ai pas confiance dans le crayon, je tremble trop...^^)

En tout cas, chapeau, et l'idée de scanner ton jean, très bonne!!!! Merci beaucoup!

hoy! je signale un bug que jai avec CS3 et ma tablette, parfois le traits en délié ( façon plume ) ne se fait pas alors qu'il est bel et bien activé...

J'ignore si d'autres réponses de la part de la personne qui a ouvert ce tuto, vont arriver... xD

Il ne vient plus je pense.

si tu en a l'idée pourquoi pas le faire???

Exactement ! Go ! Fais-en un tuto !

ok et en passant j'aime ton vava et ta sign ^^ trop la classe

non puisque c'est un forum de Dessin (joke) bon retournons au principal du tutoriel ^^'