> Le Site du Zéro - Informatique > Cours > Tutoriels > Graphisme > Photoshop > Coloriser des dessins simplement avec Photoshop > Lecture du tutoriel

Coloriser des dessins simplement avec Photoshop

Par

Graphox

Mise à jour : 14/09/2009

Difficulté : Facile Facile

342 visites depuis 7 jours , classé 294/777

Combien de personnes se sont, un jour, demandé comment coloriser des dessins avec l'ordinateur ?
Comment, à partir de quelques traits noirs, obtenir un dessin coloré, contenant des effets de lumière ?

Ce petit tuto a pour but de répondre à ces questions.

Avant de commencer, sachez que la même technique est faisable sous Gimp.

Pour tout vous dire, on utilisera seulement quelques calques, les outils basiques (pinceau, goutte d'eau), ainsi qu'un verrou de transparence, ce dernier étant facultatif.

Même si vous ne savez pas dessiner, vous pourrez obtenir un beau rendu. On ne va pas dessiner mais coloriser.

Retour en haut

Sommaire du tutoriel :

Préparatifs
La colorisation
Les ombres
Aller plus loin

Retour en haut

Préparatifs

Je vais partir du fait que vous possédez un dessin aux traits noirs bien marqués, sans parasites.

Pour suivre ce tuto, nous allons prendre, comme base, un dessin que j'ai trouvé sur le net (cliquez pour agrandir) :

Vous n'êtes pas obligé de commencer avec ce dessin, mais évitez les dessins bourrés de détails pour le moment.

Assurez-vous que votre image, une fois ouverte sous Photoshop, soit en mode "Couleurs RVB".
Si ce n'est pas le cas, passez-la en ce mode. (menu Image -> Mode).

Puis, convertissez le calque nommé "Arrière plan" en calque simple, afin de pouvoir lui faire subir quelques opérations dans le futur.
Pour ce, double-cliquez dessus et renommez-le en "contours".

Pour que les traits ne soient pas masqués par la couleur, passez ce calque en mode "Produit".

Ne confondez pas le mode de l'image avec le mode du calque

Ensuite, créez autant de calques que le dessin aura de couleurs, puis nommez-les (peau, pantalon, etc ...).
Ceux-ci seront en mode "Normal" et placés sous le calque "contours".

Ce dernier restera toujours en tête de liste.

Voilà, nous sommes enfin prêts pour entrer dans le vif du sujet : la colorisation.

Retour en haut

La colorisation

Maintenant que vos calques sont créés, remplissons-les :pirate:

Méthode & étapes

Plan de travail

Tout d'abord, sélectionnez le calque qui vous intéresse. Pourquoi ne pas commencer par la peau ?
Une fois fait, zoomez (à environ 650% pour ne pas faire de bêtises) sur les parties à colorier, donc sur la peau.

Outil

Le principe est simple : coloriser avec l'ordinateur comme nous colorions sur du papier.
Abandonnez les outils de remplissage rapide, mais prenez le "Pinceau".
Une forme "Rond net" de 8-10px de diamètre sera parfaite.

Laissez la dureté, l'opacité et le flux à 100%.

Technique

Rappelons-le, le calque "contours" est en mode "Produit", ce qui veut dire que les traits resteront toujours par dessus la couleur et ne pourront être masqués si jamais vous débordez dessus.

Il vous faut donc, comme vous l'auriez sans doute deviné, coloriser au pinceau, avec la couleur de votre choix, les zones correspondantes au calque sélectionné (ici, la peau).

Appliquez-vous, ne dépassez pas, n'hésitez pas à barbouiller sur les traits, ils resteront noirs !

Voici, à gauche, ce que ça devrait donner.

Pour les endroits "minces", utilisez une brosse de 2-3px pour ne pas déborder et n'hésitez pas à zoomer davantage !

Continuez ainsi de suite pour chaque élément du dessin.

Veillez à coloriser sur le bon calque !

Une fois que vous en avez fini avec un calque, protégez-le avec le verrou "Verrouiller les pixels transparents".
Ceci nous sera utile lorsque nous attaquerons les ombres.

Ne vous découragez pas, surtout si votre dessin comporte beaucoup de détails, vous êtes en train de faire le plus long et le plus fastidieux.

Une fois la colorisation terminée, vous ne pourrez plus dépasser des traits grâce au verrou que vous aviez mis sur chaque calque.

La colorisation sera possible seulement là où il y a déjà une couleur.
De plus, chaque couleur étant séparée sur un calque différent, il ne sera plus possible de faire de bêtises ni de tout gâcher

Rendu

Une fois colorisé en entier, voici mon dessin (cliquez pour agrandir) :

Vous avouerez que ce n'était pas trop difficile, surtout que les traits étaient bien épais.

Si vous avez réussi, rendez-vous à la prochaine partie.
Sinon, prenez votre temps ; si vous n'utilisez pas l'image de base pour ce tuto, entraînez-vous à la coloriser.

Retour en haut

Les ombres

Nous allons attaquer une partie, à mon avis primordiale pour un dessin : les ombres.
Elles vont permettre de donner plus de "profondeur" à votre dessin, de le rendre plus réaliste.
Dit comme ça, on pourrait croire que ça va être dur, très dur même, mais détrompez-vous, c'est beaucoup plus facile et moins long que la colorisation.

Jusque-là, vous avez mis un verrou sur chaque calque, sans trop savoir pourquoi.

En fait, grâce à ces verrous, vous ne pourrez pas dépasser des traits noirs car ils verrouillent les pixels non-colorés du calque.
Vous pourrez donc sélectionner tout le dessin et remplir cette sélection de blanc, seule la partie colorée du calque deviendra blanche.

Méthode & étapes

Plan de travail

Toujours un zoom important.
Vous devrez toujours faire attention au calque sélectionné, afin de ne pas ombrager la peau sur le calque du pantalon

Outil

Pour réaliser les ombres, nous aurons besoin de l'outil "Pinceau" ainsi que l'outil "Goutte d'eau".

Pour le pinceau, un "Rond net" de 8-10px de diamètre sera parfait.

Pour ce qui est des réglages, je vous laisse tâter pour l'opacité (tout dépendra de la couleur choisie pour l'ombre), mais laissez le flux à 100%, ainsi que la dureté.

Pour la goutte d'eau, elle nous servira pour "diluer" notre ombre, afin de ne pas créer un effet violent mais modéré, voire dégradé.
Vous pouvez choisir un "Rond net" de 8-10px.

Pour l'intensité, c'est aussi à vous de voir en fonction du rendu.

Technique

Tout d'abord, sélectionnez, avec l'outil pipette, la couleur de la peau.
Puis, choisissez une teinte plus foncée dans la palette.

Avec votre pinceau, tracez l'ombre comme sur l'image de gauche.
Si la brosse est trop grosse, réduisez le diamètre, comme pour la colorisation.

Laissée comme ça, l'ombre est trop brutale.
C'est à ce moment-là que vous aurez besoin de la goutte d'eau.

Passez donc la goutte d'eau sur la marque, jusqu'à ce que vous jugiez le rendu correct : pas trop violent, ni trop pâle.

Faites ainsi pour tous les éléments pouvant, à votre avis et en fonction de la source lumineuse, créer une ombre.

Rendu

Voici mon rendu final (cliquez pour agrandir) :

Retour en haut

Aller plus loin

Comme vous avez pu le remarquer, cette technique est simple, mais vous pouvez vous y prendre différemment ou obtenir un rendu plus "spécial". Voici quelques pistes :

Pour les ombres :

Au lieu de mettre l'ombre directement sur le calque concerné, vous pouvez créer un calque "ombre" pour chaque calque déjà créé. Par exemple, un calque "ombre peau", "ombre cheveux", etc ...
Ces calques devront être placés au dessus des calques auxquels ils se référent, sinon, on ne verrait pas l'ombre !

Cette méthode peut être intéressante si jamais vous vous trompez ou souhaitez recommencer vos ombres, car ces dernières sont indépendantes de la colorisation.
Pour ne pas déborder (les verrous de transparence ne servant plus à rien) il vous faudra sélectionner le contenu du calque référant (par exemple, "peau") pour ensuite ombrager cette sélection sur le calque des ombres ("ombre peau")

Pour obtenir la sélection du contenu d'un calque, il faut presser la touche CTRL et cliquer en même temps sur la vignette du calque.
Certains préfèrent peut-être les colorisations de ce style, dans ce cas, vous devez utiliser un outil capable de créer des sélections (plume, lasso, outils de sélection, etc ...) afin que l'ombre soit bien "géométrique". Vous pouvez aussi utiliser l'outil dégradé, mais veillez à ne pas trop exagérer au détriment du rendu.

Pour le rendu :

Une fois la mise en couleur finie, vous pouvez insérer des textures. Par exemple, vous souhaitez colorier un ours en peluche : une fois que vous avez terminé de coloriser sa peau, vous pouvez la rendre plus réaliste grâce à une texture imitant les poils d'ours.

Enfin, laissez parler votre créativité !

Retour en haut

Vous devez être maintenant capable de coloriser des dessins de façon simple et rapide.
Pour toutes questions, remarques, avis, les commentaires sont là

Retour en haut

Retour en haut

31 commentaires pour "Coloriser des dessins simplement avec Photoshop"

Note moyenne : 3.88 / 4 (8 votes)

Pseudo	Commentaire
moejul	# Posté le 22/01/2010 à 13:08:45
Lève-tard. Ville : Ath Pays : Belgique Études : FPMs	Salut ! Le tuto est pas mal, mais il y a un truc qui m'embête... A la fin de ton tuto, tu proposes de créer plusieurs calques pour les ombres (ça ne me dérange pas, au contraire). Mais tu proposes de faire Ctrl + Clic pour récupérer la sélection et ajouter les ombres (sans dépasser). Il existe une commande pour associer un calque à un autre (et donc éviter de dépasser) : Alt + Ctrl + G (ou Ctrl + G dans les anciennes versions de Photoshop). En utilisant cela, pas besoin de s'embêter à sélectionner la zone... Voilà, sinon dans l'ensemble le tuto est pas mal ! Envie de créer un tuto ? Lisez d'abord ceci : Guide de rédaction - Conseils des validateurs. Mon tuto : La chimie à partir de zéro. Prochaine mise à jour du tuto prévue fin août/début septembre.
Graphox	# Posté le 22/01/2010 à 17:15:27
Groupe : Anciens	Merci pour l'astuce moejul ! Je regarderai ça et proposerai un correctif RSS-Image, transformez votre flux RSS en image !
darkage	# Posté le 18/03/2010 à 10:54:02
La création est un Art	Est-ce que sa m'aiderais si j'achète une tablette graphique? J'aimerais pouvoir faire ce genre d'effet Tu pourrais donner un peu plus de details sur l'outil Goutte d'eau car tu ne d'écris pas vraiment comment le regler etc... Whatever
bwebinf	# Posté le 16/07/2010 à 04:05:56
Avis : Très bon	Super cooool, tres bon tuto bien détaillé merci pour cette petite merveille (wéé tant que ça ) Celui qui pose une question est idiot 5 minutes . Celui qui n'en pose pas le reste toute sa vie.
Klywen	# Posté le 28/06/2011 à 08:32:16
Un petit n'est pas un faible.	Salut ! Très bon tutoriel ! Par contre ce n'est pas exactement pareil sous GIMP. Il faut mettre les calques de couleurs au-dessus et en mode Multiplier pour que les contours passent au-dessus. #LGDF: Analyse vaincra ! Unixienne n°2080 du SDZ - ControlWeight (sujet sur le SDZ)