[Tutoriel] Bases de la coloration sur Gimp/Photofiltre (par Showel)

Bonjour bonjour! Suite à ce sujet, me voici ici pour apprendre à ceux qui le souhaitent les bases de la coloration sous Gimp. Ce tutoriel ne prend pas en compte l'étape du line (repassage des contours).


Il est aussi bien accessible pour ceux qui utilisent une tablette que ceux qui utilisent la souris. Pour ces derniers cependant, la tache consistant à placer les couleurs de base sera plus longue à faire... Bon courage!

Avant tout sachez que Gimp est un logiciel gratuit et libre de droit que vous avez donc le droit de télécharger en toute légalité sur le net en tapant simplement "télécharger gimp".

Si votre version de Gimp est en anglais, ne vous inquiétez pas, le tutoriel est suffisamment illustré pour que vous compreniez! (Note dans la version anglaise: Calque= "layer", multiplier="multiply", et il me semble que "éclaircir" devient "dodge")

◘SI LA METHODE QUI VA SUIVRE NE VOUS CONVIENT PAS CAR ELLE POSE TROP DE CONTRAINTES POUR L'OMBRAGE ET L'ECLAIRCISSEMENT:

○ Essayez-donc celle-ci, qui vous propose de colorier sans avoir besoin de mettre vos calques de coloration en multiplier: [LIEN].

Sa logique peut vous sembler obscure si vous ne maîtrisez pas encore les calques, mais ne vous en faites pas, ça viendra tout seul! (et puis tant que la technique marche...)


◘AVANT-PROPOS:

◘LA LISTE DES OUTILS UTILES ICI:

Spoiler:

◘INDICATIONS: 1°) LE CALQUE QUI VOUS SERVIRA DE PALETTE DE PEINTRE; 2°) SI VOUS SOUHAITEZ CHANGER UNE COULEUR QUE VOUS AVEZ DEJA PLACEE.

○1°):

Spoiler:

Vous n'êtes pas obligé de le faire, mais vous pouvez créer un nouveau calque qui vous servira plus ou moins de palette de couleur. Sur ce calque-ci, normalement le seul laissé en mode normal et positionné tout en premier, vous pouvez faire des pastilles de couleurs correspondant à chaque couleur que vous avez utilisé pour dessiner. Ainsi vous pourrez retrouver plus facilement vos couleurs en cas de retouche, en utilisant l'outil pipette!
Une fois le dessin fini, vous n'aurez plus qu'à supprimer ce calque, ou à le passer en invisible en cliquant sur l'icone en forme d'oeil à côté de son nom.

○2°) Vous avez mis une couleur qui ne vous satisfait pas, et vous n'avez pas envie de tout recolorier complètement? Pas de panique!
Placez-vous sur le calque contenant la couleur à changer, puis faites varier les différents jauges disponibles en utilisant un des trois outils suivant:

Spoiler:

◘ AJOUTER UN CALQUE:

Sur votre fenêtre "calques, motifs, canaux, chemins...", cliquez sur la petite flèche à droite de "calques", choisissez "menu des calques=>"nouveau calque".

Spoiler:

◘ LES FORMATS D'ENREGISTREMENT:

○Lorsque vous n'avez pas fini votre dessin:
Enregistrez-le en .xcf car ce mode vous permettra de conserver vos calques.

Spoiler:

○Lorsque vous avez terminé:
Enregistrez-le en .png:
Une boite de dialogue va s'ouvrir. Choisissez de fusionner les calques puis d'exporter.

Spoiler:

Une boite de dialogue va s'ouvrir, ne touchez à rien, cliquez juste sur enregistrer:

Spoiler:

◘ LIENS UTILES:

○Le fonctionnement des calques
○Que faire si vous avez fermé une fenêtre d'outil ou supprimé l'onglet des calques (ou un autre onglet)?
○Tracer un cercle
○Tracer un trait droit






Evidemment, ici je ne me suis pas appliquée. Le résultat aurait pu être bien mieux, j'aurais pu mieux harmoniser les couleurs, prendre le temps de détailler, rajouter plus d'ombre ou de lumière quitte à créer d'innombrables calques, et j'aurais normalement dû traquer les zones mal repassées afin de ne pas laisser de blanc. Mais que voulez-vous, comme je le disais, ici ce sont les bases.

Amusez-vous bien, et bonne chance à tous! vous avez le droit de réutiliser les dessins que j'ai mis ici pour vous entraîner.

Ce tutoriel est librement diffusible sur les autres forums ou sites.


Si vous avez des questions, n'hésitez pas!

J'ai la 2.6.11, mais normalement tout devrait fonctionner exactement pareil avec la version 2.8. Au pire, en cas de doute, tu peux envoyer une capture d'écran de ton logiciel ou des trucs qui différent un peu, on devrait bien trouver la solution si jamais tu hésites sur un truc. ^^

Et de rien de rien. ^^


Si plusieurs personnes le souhaitent, au cours de ces prochains jour, je peux créer un tuto sur "comment faire un line sur Gimp", accessible pour ceux qui utilisent la souris (mais ça reste une étape longue à faire, et c'est pour cette raison que je ne l'ai pas incluse dans ce tuto, et que je pars du principe qu'on colorie juste un brouillon, ou qu'on a déjà fait le line au propre ^^'). Enfin, en espérant trouver la motivation aussi. xD


Bon courage en tout cas!! j'espère que tu nous montreras le résultat! ^^

Tu travailles avec une tablette Showel ?

J'attends la mienne (problème de livraison <_<)... En tout cas, j'essayerai aussi.

En tout cas, comme je te le disais ailleurs, c'est un tuto fichtrement bien fait, et le résultat de ton exemple est vraiment concluant. Chapeau !

ZGMF Balmung a écrit:Tu travailles avec une tablette Showel ?

Oui, comme je dessine énormément, la tablette était pour moi un outil que je voulais absolument et primordial pour mes pauvres petits nerfs (d'ailleurs ma pauvre tablette est tellement utilisée qu'elle commence à me faire comprendre qu'elle est fatiguée). xD
Mais j'ai toutefois fait en sorte d'exploiter suffisamment les outils de base de logiciel pour que ce tutoriel soit aussi accessible à la souris! Je ne peux malheureusement pas faire grand chose de plus.

A part peut-être pour l'application des couleurs de base. Il existe un outil "chemins" (qui correspond plus ou moins à l'outil plume de photoshop), qui permet de suivre le contour des formes assez facilement en tirant sur des courbes et des ancres. Une fois qu'on a eu la forme qu'on voulait, on peut cliquer sur "sélection depuis le chemin", et pouf, toute la zone dont on a fait le contour va être sélectionnée. Il ne reste alors plus qu'à la remplir avec l'outil de remplissage.

Spoiler:

Mais j'avais peur de trop complexifier le tutoriel en faisant intervenir cet outil dès maintenant, alors que j'utilisais déjà beaucoup d'outils. A vous de voir si vous réussissez à suivre.

(Pour ceux qui veulent s'avancer un peu plus dans l'utilisation du logiciel, si vous cliquez sur tracer le chemin, les courbes que vous avez faites vont se tracer avec la couleur que vous avez choisie. C'est avec ça que l'on fait le line de ses dessins quand on n'a pas accès à la tablette, car il permet d'avoir des traits nets. )

ZGMF Balmung a écrit:J'attends la mienne (problème de livraison <_<)... En tout cas, j'essayerai aussi.

En tout cas, comme je te le disais ailleurs, c'est un tuto fichtrement bien fait, et le résultat de ton exemple est vraiment concluant. Chapeau !

Merci! ^^ Pour le résultat de l'exemple, j'ai tout assez exagéré afin de bien montrer ce qu'il se passait à chaque étape, et comment on pouvait donc exploiter le logiciel. J'espère donc que ça donne quand même un assez bon aperçu des fonctionnalités dispo.


Saizo=> Sur mon tuto, le line n'est pas fait. J'ai volontairement choisi un dessin sans line pour que le tutoriel soit accessible à tous, étant donné que je pense que certains ne savent pas en faire.

Le rendu ne sera pas moche pour autant, mais cela dépendra de la propreté de ton scan, de tes réajustement de contraste, et de si tu as déjà fait des dégradés de gris ou non sur ton brouillon (si oui, le mode multiplier va foncer les parties plus grises que les autres. Tu peux jouer là dessus, mais ça implique de savoir faire les dégradés, et il sera malheureusement beaucoup plus difficile de réajuster les contrastes et d'avoir une belle qualité). Le mieux serait d'avoir repassé ton brouillon au stylo noir et d'avoir gommé tous les traits au crayon avant de scanner.

Si tu tiens absolument à tracer un line, créé un nouveau calque en mode "normal" par dessus ton brouillon, choisis l'outil "chemin" (voir mon spoil en haut de ce post), tu suis les contours de ton brouillon (baisse l'opacité du calque du brouillon afin de pouvoir mieux voir les traits que tu redessines), et à chaque fois que tu veux valider ton trait, tu cliques sur "tracer le chemin".

A noter que si tu créés ton line au digital, c'est à dire directement sur le logiciel comme je viens de le dire, tu ne seras plus obligée de mettre tes calques de couleurs en "multiplier". Ils fonctionneront même en mode "normal" (ce qui peut te laisser beaucoup plus de liberté car tes couleurs ne vont plus se mélanger et donc tu vas pouvoir mettre autant d'ombre et de lumière que tu veux sans problème). ^^




S'il vous faut des informations de base, comme tracer un trait droit ou un cercle (ou un ovale), n'hésitez pas à demander, je suis toute ouïe.

N'oubliez pas que d'autres modes de calques existent, et qu'ils ont des effets différents. N'hésitez pas à tester un peu le reste, et à superposer différents calques (gardez en tête que vous pouvez modifier leur ordre quand vous voulez) en mode différents pour voir les résultats obtenus. Mais là c'est à vous de le découvrir, selon votre style et le résultat souhaité.

Pour les calques, c'est vrai que je m'étais limité au "placez au dessus"/"placez en dessous"... Je vais vous faire un post explicatif et mettrai dans le tuto un lien vers le message une fois que j'aurai eu le temps de l'illustrer. EDIT: c'est fait.


Disons qu'en gros, c'est un principe de superposition: le calque placé tout en bas de la liste sera recouvert par celui du dessus, qui sera lui même recouvert par celui encore au dessus, etc etc...
Ce qui fait que si on dessine un chien sur le premier calque, le second calque va permettre de colorier par dessus, le troisième va permettre de rajouter des détails par dessus l'image du chien ET du début de colo, etc...
Quand on dessine sur un calque, cela n'affecte pas les autres calques (selon le mode choisi pour les calques, la disparition de l'un d'entre eux peut changer considérablement l'apparence du dessin, mais ça n'effacera jamais le contenu des autres calques).

En fait, il faut voir ça comme un empilement de véritables feuilles de calques. Si vous prenez votre brouillon, et que vous posez dessus une feuille de papier calque, votre brouillon sera toujours visible (c'est le principe même de la feuille calque après tout). Si vous dessinez sur votre calque, ça ne touchera évidemment pas votre brouillon (là aussi, c'est tout l'intérêt du calque). Imaginons maintenant que dans un élan de folie novatrice vous décidez de rajouter encore un nouveau calque par dessus tout ça, pour dessiner autre chose: vous verrez toujours ce que vous avez dessiné sur le calque d'en dessous et sur votre brouillon.

Le but du jeu est donc de placer tous ses calques de façon à pouvoir encore voir en dessous les parties du dessin qui nous intéressent, et à pouvoir colorier chaque parties du dessin séparément afin de ne pas déborder de manière irrémédiable sur les traits du brouillon ou sur les parties déjà coloriées (avouez que ce serait dommage d'avoir à recolorier toute une autre partie parce qu'on a débordé dessus).

○Le mode "multiplier" est celui qui se rapproche le plus d'une véritable feuille de calque, de part sa fonction permettant de toujours voir tous les traits et couleurs présents en dessous, et à additionner le tout au fur et à mesure.


Placer les calques en multiplier

○Le mode "normal" lui recouvre tout ce qu'il y en en dessous de lui sans prendre les traits et les couleurs déjà placées en dessous. En général, on les utilise quand on a un line fait sans fond (donc un line créé sur un calque transparent -Gimp gère la transparence, à chaque création de calque il demande si on veut que le nouveau soit blanc ou transparent, par défaut, préférez le transparent qui vous permettra de mieux travailler), et on les place en dessous du line pour ne pas recouvrir celui-ci.


Placer les calques en normal

○Le mode "éclaircir" agit comme un mode normal, c'est à dire qu'il recouvre tout ce qu'il y a en dessous. Cependant, au lieu d'afficher les couleurs normalement, il les rend très lumineuses.
Etc, etc...


___________________________________________________


Voilà voilà, alors pour en venir à ton dessin.

Mais non, tu as géré! c'est vraiment excellent pour un premier! Autant te dire que ma première coloration n'était pas si propre et harmonieuse! Oo

Ca manque encore un peu de détail, forcément, mais ça ça vient au fur et à mesure, et il faut déjà réussir à être un peu à l'aise avec le logiciel, donc j'm'inquiète vraiment pas.

Pour quelqu'un qui dit ne pas avoir compris pour les calques, tu as l'air d'avoir su correctement les gérer en tout cas. %)

Bien joué!

Post un peu à part, c'est du bonus! Qui peut toutefois vous être utile, même pour la coloration!


Ici, vous allez apprendre comment tracer un trait droit et comment tracer un cercle! Deux questions qui reviennent souvent lorsque l'on débute... et deux techniques praticables à la souris!


◘ Voici d'abord la liste des outils avec lesquels vous pouvez faire ça:



Dans ces explications je vous parlerez donc de l'utilisation du pinceau et du crayon pour tracer un trait droit. (J'utilise ici le pinceau, qui permet un rendu plus net).
Notez que l'outil chemin est très instinctif à utiliser, et vous permettra d'obtenir des traits bien plus nets, même en diagonal. Mais c'est moins rapide à utiliser, et l'utilisation de l'outil chemin pourrait faire l'office d'un autre tutoriel tant ses fonctionnalités sont nombreuses.

○ Avec le pinceau, cliquez à l'endroit où votre trait doit commencer.



○ Maintenant, appuyez sur la touche MAJ de votre clavier, vous verrez apparaître un trait qui suivra votre souris. Positionnez le à l'endroit où votre trait doit se finir, en veillant à ce qu'il soit bien net.



Cliquez... Et voilà, votre trait est tracé!








◘On utilise ici l'outil de sélection elliptique:



○ Cliquez sur votre dessin pour commencer la sélection (maintenez le clic enfoncé jusqu'à ce que ça vous convienne). Restez appuyé sur la touche MAJ de votre clavier pour obtenir un cercle parfait. Sinon vous obtiendrez un ovale.



○Quand la forme de votre cercle vous convient, allez ensuite dans le menu Edition et choisissez tracer la sélection:

Spoiler:

Sur la boite de dialogue qui s'ouvre, vous pouvez choisir de modifier l'épaisseur des contours de la sélection qui va être tracée. Une fois l'épaisseur choisie, cliquez sur tracer:



○Votre cercle est tracé, mais la sélection elliptique est toujours visible.. Pour l'enlever, allez dans le menu "Sélection" et cliquez sur "Tout":

Spoiler:

○ Félicitations! votre cercle est tracé!


Cercle: "Qu'est-ce que je suis beau vous avez vu... Et c'est grâce à vous!"

Désolée Saizo, tu as posté quand je faisais les tuto. x)
Doooonc!

Saizo a écrit:

Merci pour ces explications !

Bon déjà 1er problème : j'ai fermé cette barre (hier) sans faire exprès, je ne sais pas où la retrouver... x)
2nd problème : je ne sais pas si c'est parce qu'on n'a pas la même version, je vois bien opacité mais pas le choix des différents calques que je peux choisir juste en dessous.

Quelle barre as-tu fermé?

◘ Si c'est une des fenêtres principales, pour les rouvrir, c'est ici:



Clique sur "fenêtres" puis sur "boite à outil" ou" canal, motif [...]" selon celle que tu as fermé.

◘ Si c'est l'onglet des calques que tu as malheureusement supprimé, pour le remettre, c'est comme cela:

Spoiler:

Sur ta fenêtre "boite à outil", la petite flèche juste à côté du nom de l'outil, "ajouter un onglet", et là tu cliques sur ce que tu veux remettre.
Tu peux aussi repasser par "fenêtre" et ouvrir les groupes de fenêtres ancrables, mais elles s'ouvriront à part et ça peut vite devenir assez bordélique.


Qu'entends-tu par " le choix des différents calques que tu peux choisir juste en dessous"? Peux-tu m'envoyer une capture d'écran de ton logiciel, pour que je puisse voir les différences avec ma version?

Alors, pour commencer à ajouter des calques, il faut d'abord commencer par créer un nouveau fichier. (Donc dans le menu, tu vas dans "fichier", "nouvelle image...", tu choisis le format sur lequel tu veux travailler, et tu valides)

Tu vas avoir un calque automatiquement créé. Attention, par défaut ce calque n'est PAS transparent, mais BLANC! Pour continuer à bosser en transparence, il faudra créer un nouveau calque avec "transparence" de sélectionné, et supprimer celui en arrière-plan.

Voilà! Sinon, en effet, si tu ne passes pas d'abord par "fichier" pour créer une "nouvelle image", tu ne pourras pas ajouter de calque.

J'espère que ça répond à ta question. Si tu en as d'autres, n'hésite pas! ^^

Et c'est normal que tu aies des questions à ce stade! Y'a pas de soucis

Et de rien pour la boîte de calque.

Aw, merci. <3


A venir dans ces prochains jours: le tutoriel pour le line. Accessible à la souris, normalement à tout niveau, et toujours avec Gimp!

Tutoriel édité pour ajouter une indication à ceux qui ont fait un line (écrite en bleu). Je peux aussi vous faire un tutoriel de coloration V2 pour ceux qui utilisent un line si vous pensez que celui-ci est obsolète dans ce cas.

Ajout de quelques indications.

Correction de certaines fautes.

Remise en page pour rendre le tout un peu moins horrible à subir lire.

Ajout de liens.

Tutoriel de line fait:
https://www.manga-fan.org/t3531-tutoriel-bases-du-line-avec-gimp#173340

Normalement tous les messages d'aide et de bonus postés à part sont désormais indiqués en liens dans les tutoriels pour vous y retrouver.


(Y'en a qui dorment la nuit. Puis il y a les autres. Et parmi les autres y'en a qui se disent que "puisqu'ils sont encore réveillés, autant en profiter". xD)

Mh j'ai une question...
Comme tu l'as dit Showel, plus on repasse sur une couleur et plus elle fonce... Ce qui veut dire qu'en posant les couleurs de base ça fonce forcément non ?

Sinon, comme a fait Saizo, je vais aussi faire un avant/après pour te montrer ce que ton tuto fait

Tsuki a écrit: Ce qui veut dire qu'en posant les couleurs de base ça fonce forcément non ?

Plus le rendu de ton dessin scanné sera foncé, plus le mode "multiplier" du calque va foncer les couleurs, oui.

J'entends que si tu n'as pas réussi à régler suffisamment le contraste de ton dessin, une fois scanné, et que le papier n'apparaît pas bien blanc mais encore un peu gris, il faudra effectivement prendre en compte le fait que ta couleur de base apparaîtra différemment à cause du mode "multiplier" de ton calque de coloration.

Cependant, si le line (les contours au propre) de ton dessin est fait directement sur l'ordinateur, tu ne seras PAS obligée de mettre tes calques de coloration en mode "multiplier". Ce qui veut dire que tu pourras colorier tes dessins en laissant tes calques de coloration en mode "normal", et ainsi ne pas voir des couleurs s'altérer.


La voici:

○ Ouvrez votre dessin avec Gimp et passez son calque en mode "multiplier". C'est important de penser à changer le mode, sinon cela ne va pas fonctionner!

○ Créez un calque BLANC que vous positionnerez TOUJOURS tout EN BAS DE VOTRE LISTE DE CALQUE

○ Créez vos calques de coloration transparent (vous pouvez choisir ça quand vous créez un nouveau calque, ça vous le demande), laissez-lez en mode NORMAL et positionnez-les entre votre dessin et votre fond blanc. Vous n'aurez plus qu'à colorier dessus.

Vous obtiendrez ceci:

Spoiler:

Voilà, ça vous posera moins de contraintes pour l'ombrage et l'éclaircissement.

Je pense que je vais vous refaire un tuto bien propre, visiblement celui-ci simplifie un peu trop et ne correspond plus à vos attentes, surtout maintenant que le tuto du line existe. x)


Bonne chance. ~

Et bien sûr bien sûr, je serai ravie de voir le résultat!

Désolée de t'avoir embêtée, ça y est j'ai compris ce que tu voulais dire =) j'ai pas mal avancé je te montrerai plus tard, un grand merci pour ton super tuto !

Ca m'embête pas du tout! Au contraire, je préfère qu'on me pose des questions, ça met au clair pour tout le monde, et le but c'est que ça vous facilite la vie donc il ne faut pas hésiter. ^^

Et de rien! merci à toi d'y prêter attention ~

Euh... Au ecours steu plait, comment on déselectionne la baguette magique ?? Le pinceau a arrêté de marcher en plus (je pense que c'est liéau fait qu'il y a plusieurs sélections avec la baguette ??

Le pinceau ne fonctionne que sur les zones sélectionnées.

Pour enlever la sélection, clique sur "sélection" dans la barre d'outil et choisis "aucune" (ou bien "tout" si ça ne fonctionne pas, ça changera pas grand chose dans ton cas de toute façon)

Jte remercie T-T

De rien, à ton service tant que ça reste de mon niveau. o>

Si ça marche, tant mieux.

Bref, tant que j'y suis, j'ai trouvé tout à l'heure un tutoriel très intéressant sur les couleurs, proposé par une artiste de haut niveau sur DeviantArt, traduit en français par une autre très bonne artiste.

Il risque de sembler un peu long ou pas super instinctif pour ceux qui débutent (je peux pas trop juger, vu que j'utilise une technique similaire et que du coup j'avais déjà les bases depuis quelques temps? Toujours est-il que j'ai quand même appris pas mal de choses sympa)... Mais vraiment, je ne peux QUE vous conseiller d'y jeter un coup d'oeil, quitte à vous y prendre plusieurs fois, à y aller étape par étape, et surtout je vous conseille de tester par vous même.

Pour ceux que ça intéresse, j'utilise aussi ce principe de couleurs complémentaires dans beaucoup de mes colo, mais à un niveau moins poussé (que voulez-vous, la route est encore longue, urf)... Donc bon, c'est quand même accessible x)

Après, vous pouvez dire que "bof c'est pas mon truc", tout ça... mais beaucoup des notions abordées là vous seront quand même utile pour avoir des rendus intéressants (notamment sur l'ombrage et l'éclaircissement). Alors si vous voulez vous améliorer ou tester des nouveautés, c'est le moment. o/

Alors alors:

CLIQUEZ ICI POUR ACCEDER AU TUTORIEL SUR LES COULEURS PROPOSE PAR PURPLEKECLEON (TRADUIT PAR FLYGONHEART)

◘ Page DA de FlygonHeart (et version FlashPlayer)
◘Page du tuto sur la galerie de PurpleKecleon (tuto en anglais)
◘Galerie de PurpleKecleon

Showel... J'ai un autre problème... Je viens d'allumer gimp sur ma colo d'hier, je crée un nouveau calque, je choisis couleur, pinceau, et je ne peux colorier qu'avec la souris d'ordi et le stylo de ma tablette ne peut colorer que sur ce que j'avais déjà fait avec la souris... Sans compter que ce que j'avais choisit (pinceau et couleur) change automatiquement... HELP