Vous êtes sur la page 1sur 126

Travaux pratiques

Colorisation avec

Photoshop
Manga et BD, illustration,
logo, publicit...

Kness

Illustratrice, coloriste, co-fondatrice


et administratrice du site CafSal.net

Made

Illustrateur, coloriste, co-fondateur


du site CafSal.net

Toutes les marques cites dans cet ouvrage sont des


marques dposes par leurs propritaires respectifs

Mise en pages ralise par ARCLEMAX

Les ditions Dunod remercient Stphanie Guillaume


et Thibaut Hofer de les avoir autorises
reproduire les pages 6 13 de leur ouvrage
Travaux pratiques avec Photoshop, Retouche dimage
et photomontage la porte de tous.

Dunod, Paris, 2010


ISBN 978-2-10-055089-0

Table des matires

Avant-propos......................................................................................................................................................................... 3
.
.

Mise en couleurs dun dessin en conservant le trait


TP

Scanner une image............................................................................................................................................ 18

TP

Rotations & recadrage......................................................................................................................................21

TP

Nettoyer limage ............................................................................................................................................... 26

TP

Renforcer le trait ............................................................................................................................................... 29

TP

Nettoyage avanc de limage........................................................................................................................ 33

TP

Colorer le trait..................................................................................................................................................... 35

TP

Prparation la mise en couleurs................................................................................................................ 38

TP

Prparation des aplats .................................................................................................................................... 42

TP

Volumes & Lumires - Personnages........................................................................................................... 50

TP

Volumes & Lumires - Dcors...................................................................................................................... 57

TP

Derniers dtails et rglages............................................................................................................................ 68

1
@

Mise en couleurs totale


TP

Mise en couleurs totale.................................................................................................................................... 74

TP

Mise en couleurs : second plan.....................................................................................................................81

TP

Mise en couleurs : nues................................................................................................................................ 93

TP

Mise en couleurs : arrire-plan..................................................................................................................... 99

TP

Coloration du personnage............................................................................................................................ 105

12

12

12

12

12

Mise en couleurs dune planche de BD


TP

Prparation dune planche.............................................................................................................................110

TP

Mise en couleurs en aplats........................................................................................................................... 120

17

17

2
@

Avant-propos

Lobjectif de cet ouvrage est de vous familiariser avec les techniques fondamentales de la colorisation
des illustrations sous Photoshop. Nous vous ferons dcouvrir les principales tapes du travail de mise
en couleurs.
Nous partirons du principe que vous savez dj dessiner ou que vous travaillez sur des illustrations
qui ont pralablement t ralises pour vous.
Les exercices sont organiss de manire chronologique afin que vous puissiez suivre lvolution des
images, de leur conception jusqu leur finalisation.
Tous les travaux pratiques de ce livre ont t raliss sur un Mac avec Photoshop CS4 en version
anglaise. Nous signalerons donc loccasion lventuel quivalent anglais des fonctionnalits et des
outils que nous prsentons en franais. Pour crer lensemble des illustrations, nous avons utilis le
matriel suivant : un MacBook Pro 15, un Mac Pro et et un iMac 21, deux tablettes Wacom Intuos 2
et Intuos 3.
Nous ne reviendrons pas non plus sur lutilisation des diffrents outils (ordinateur, scanner, tablette
graphique). Quelques indications utiles vous seront fournies pour la numrisation dun document,
dans le premier des travaux pratiques, intitul Scanner .
Avant de nous plonger dans le vif du sujet, nous commencerons cependant par quelques pages
dintroduction aux techniques et au vocabulaire du traitement numrique des images. Vous
dcouvrirez notamment les principaux lments de linterface Photoshop, une liste des termes
techniques les plus importants connatre et une rapide prsentation du systme des calques.

3
@

Travaux pratiques de colorisation avec Photoshop

Ouvrir et crer un fichier

INTRODUCTION

our dbuter avec Photoshop, il existe deux


solutions. Ouvrir une image existante ou bien
crer un nouveau document.

Si vous souhaitez travailler sur une image existante,


la premire option consiste louvrir depuis
Photoshop. Plusieurs solutions pour cela. La premire
consiste faire Fichier > Ouvrir puis naviguer travers les
dossiers pour trouver limage ouvrir. La seconde solution
est de double-cliquer sur le fond de linterface (Windows
uniquement) pour ouvrir la bote de dialogue douverture des
fichiers.

4
@
6
@

Autre solution pour ouvrir une ou plusieurs images


en ayant un meilleur aperu et en parcourant vos
dossiers plus facilement : utiliser Bridge, le logiciel
fourni avec Photoshop pour cataloguer vos images. Faites
Fichier > Parcourir ou bien cliquez sur licne Bridge
en haut dans la barre doptions.

Si vous prfrez partir dun nouveau document, alors


faites Fichier > Nouveau. Dans la bote de dialogue,
vous pouvez choisir parmi des formats prdfinis,
ou bien entrer vos propres dimensions et rglages.
Il est aussi possible de crer un paramtre prdfini
pour mmoriser vos prfrences.

Les
Travaux pratiques de colorisation
Introduction
avec
Photoshop
formats

Les formats
L

Prrequiis : TP10
Prrequis
TP
T
P10
10 & TP
TP 188
Image
Imag
ge source : n16
n1642589
16
1642
4258
42
589
58
89 sur www.sxc.h
www.sxc.hu
hu
T
Te
m s de
mp
de ralisation
ra
alliissaattiion
o : 15
15 m
inutes
es
es
Temps
minutes

Les formats pour limpression. Intgr dans la chane


graphique, Photoshop propose divers formats
permettant doptimiser les images pour limpression.
Parmi ceux-ci, les plus courants sont (outre le PDF vu
ltape 2), lEPS (Encapsuled PostScript) le Tiff et le DCS.
Chacun de ces formats gre le CMJN et les tons directs (sauf
DCS 1.0). Schmatiquement, lEPS gre bien les donnes
vectorielles, le Tiff est trs rpandu et gre les calques et
couches alpha, le DCS spare les couleurs.

PSD et PSB. Lextension .psd est le format par


dfaut de Photoshop, qui permet de conserver les
informations de travail : calques, couches (alpha
compris), tracs, rglages, etc. Lextension .psb, native
Photoshop elle aussi, est ddie aux fichiers volumineux (plus
de 2Go) et propose automatiquement pour les gros fichiers.

PDF. Le format PDF est un format polyvalent.


Paramtrable aussi bien pour limpression haute
dfinition que pour le Web, il permet en outre de
conserver les fonctions ddition de Photoshop, comme un
PSD. Lorsque vous faites appel au format PDF, une fentre
doptions apparat. En fonction du paramtre prdfini
slectionn, les options de gestion de la couleur et de
compression sont adaptes.

Les formats pour le Web. La commande Fichier >


Enregistrer pour le Web et les priphriques propose
notamment le Jpeg, format la compression
destructrice et optimis pour les images ; le GIF, optimis pour
les animations en raison de sa capacit gagner du poids en
supprimant des couleurs et grant la transparence ; et le PNG
qui gre aussi la transparence. Il se distingue en 8 et 24 bits
selon que vous prfrez concder du poids ou de la qualit.

Dautres extensions sont possibles, pour leur facilit


dintgration dans la programmation comme le bitmap ou
le targa, ou leur spcialit, comme le Dicom utilis dans
limagerie mdicale.

57
@

INTRODUCTION
INTRODUCTION

orsque votre cration est acheve, il est


parfois difcile de savoir vers quel format
exporter. Ce choix dpend de lutilisation que
vous avez prvu den faire et si vous souhaitez
conserver la possibilit de lditer ou non.

Travaux pratiques de colorisation avec Photoshop

Linterface de Photoshop

INTRODUCTION

BARRE DOPTIONS
Chaque fois quun outil
de Photoshop
est slectionn, la barre
doptions change pour
afficher les options de loutil
en question. Cest ici que
vous pourrez le paramtrer.

FENTRES DE TRAVAIL
Photoshop permet, depuis
la CS4, dafficher les
images cte cte sous
forme donglets comme
un navigateur Internet.
En cliquant et dplaant
longlet de la fentre vous
pouvez de nouveau la
rendre flottante.

BARRE DOUTILS
Cest ici que la barre
doutils de Photoshop se
trouve par dfaut. Vous
pouvez la passer sur deux
colonnes en cliquant
sur la double flche en
haut. Vous pouvez aussi
lattraper par le haut et la
dplacer nimporte o dans
linterface.

68
@

Linterface
Travaux pratiques
Introduction
de colorisation
avec
de Photoshop

INTRODUCTION
INTRODUCTION

ICN
ICNES
dfaut les panneaux
Par d
sont aaffichs sous la forme
dicnes. Un clic sur licne
dicn
et le panneau souvre
temporairement.
temp

PAN
PANNEAUX
Une ffois ouverts, prenez
panneaux par la zone
les pa
grise ou par les onglets pour
dplacer. Vous pouvez
les d
laisser flotter, les grouper
les la
et les aimanter aux bords
linterface ou les uns
de lin
aux aautres.

MEN CONTEXTUEL
MENU
cliquant sur cet icne vous
En cli
ouvrez le menu contextuel
ouvre
panneau. Il contient
du pa
gnral de nombreuses
en g
options concernant
optio
panneau o il se trouve.
le pan

79
@

Travaux pratiques de colorisation avec Photoshop

Termes
techniques
D
INTRODUCTION

couvrir un nouveau logiciel nest pas toujours


une chose aise. Mme si Adobe a maintenant
homognis lensemble des interfaces et termes
techniques de ses logiciels, ce nest pas le cas dun
diteur lautre.
Voici quelques repres pour dune part, vous y
retrouver dans la nomenclature utilise dans ce
manuel (raccourcis, chemins de fonctions) et,
dautre part, comprendre les termes techniques
propres Photoshop.

CTRL

MAJ

ALT

ESPACE

LES MENUS
Lorsque nous vous indiquerons un chemin prendre
travers les menus, il sera indiqu ainsi :
Menu > Sous-menu

CTRL

MAJ

ALT

CMD

ESPACE

LE CLAVIER
Cet ouvrage a t ralis sous Windows XP. Si vous utilisez
Vista, les raccourcis seront les mmes et linterface assez
semblable. Si vous tes sous Mac, linterface changera peu
mais les raccourcis seront diffrents.

Ici, cela donnerait : Image > Rglages > Filtre photo.

Lorsque nous utiliserons la touche Ctrl sur PC, utilisez la


touche Cmd (ou Pomme) sur Mac.
Lorsque nous utiliserons la touche Alt sur PC, utilisez la
touche Opt sur Mac.
La touche Maj (ou Shift sur les claviers anglais) est celle qui
sert faire les majuscules. Elle est reprsente par une flche
vers le haut. Elle est identique sur Mac et sur PC.
Lorsque nous ferons un clic droit sur PC, si vous ntes pas
quip dune souris deux boutons sur Mac, vous devrez
faire Ctrl+clic.
Lorsquil est crit Ctrl+C, cela signifie quil faut appuyer et
maintenir la touche Ctrl puis appuyer en mme temps sur la
touche C.

8
10
@

Termes
Travaux pratiques
Introduction
de colorisation
avec techniques
Photoshop

Barre doptions - La barre doptions se trouve en haut de


linterface, juste sous les menus.
Bote de dialogue - Lorsque vous utilisez certains filtres ou
certaines fonctions, une fentre souvre pour proposer des
rglages. Il sagit des botes de dialogue.

Paramtres prdfinis - Photoshop propose de nombreux


paramtres prdfinis. De nombreux outils et fonctions
peuvent tre paramtrs de manires diffrentes et ces
paramtres peuvent tre mmoriss pour ne plus avoir les
entrer manuellement chaque fois.

Pixels - Il sagit de lunit de mesure lcran. Si vous


zoomez assez sur une photo, vous verrez de petits carrs. Il
sagit des pixels. Plus votre image contient de pixels, plus elle
sera prcise et de bonne qualit.
Calques - Les calques sont des images lintrieur de votre
image, empiles les unes sur les autres. Plus de dtails page
20.
Filtres - Les filtres sont des fonctions qui permettent
dappliquer des effets et de transformer vos images. Plus de
dtails page 22.
Fonctions - Les fonctions se trouvent dans les diffrents
menus situs en haut de linterface.
Menus - Les menus sont les intituls situs en haut de
linterface. En cliquant sur un intitul, le menu se droule
pour proposer les fonctions ou des sous-menus.

Mode de fusion - Les modes de fusion permettent de


mlanger les pixels des calques. Vous trouverez plus de
dtails page 37.

px, cm, mm,


Pixel : px
Centimtre : cm
Millimtre : mm
Degr :
Rsolution - La rsolution dfinit le nombre de pixels
par unit de longueur. Par dfaut, il sagit de pouces
dans Photoshop, mais on peut la calculer en centimtres
galement. Autrement dit, lorsquon dit 72 dpi, on veut dire
72 pixels par pouce, soit 72 x 72 pixels par pouce au carr.
RVB/CMJN - Il sagit de deux modes de couleur parmi les
plus courants. On utilise le RVB pour lcran car les moniteurs
affichent les couleurs ainsi, par ajout de lumires rouge, verte
et bleue, les trois ajoutes donnant du blanc.
Au contraire, pour limpression, on ajoute les couleurs
(comme en peinture) pour en crer de nouvelles et les quatre
encres de base sont le cyan, le magenta, le jaune et le noir.
Photoshop permet de passer de lun lautre en un clic, mais
non sans crer parfois des problmes car les deux modes de
couleurs ne comportent pas tout fait les mmes teintes.
Aussi, lorsque vous travaillez en RVB et que vous allez
ensuite passer limage en CMJN, prvoyez toujours de
travailler avec loption suivante : Affichage > Couleurs non
imprimables. Vous naurez pas de soucis ainsi la conversion.

Outils - La barre doutils se trouve par dfaut gauche de


linterface. Cest ici que se trouvent vos outils. Certains sont
disponibles directement, dautres sont cachs. Il faut alors
faire un clic long sur certains outils pour voir ceux qui se
cachent.

9
11
@

INTRODUCTION
INTRODUCTION

GLOSSAIRE

Travaux pratiques de colorisation avec Photoshop

Les diffrents types de calques


Lune des plus grandes forces de Photoshop est la fonction
Calque. Il y a quelques annes, il ny avait quun seul type
de calque : des pixels.
Aujourdhui, nous avons sept types de calques diffrents.
5
6

CALQUE DARRIRE-PLAN
Par dfaut, lorsque vous ouvrez une photo, elle
apparait sous la forme dun calque darrire-plan dont
le nom est en italique et qui possde un petit verrou.
Cest votre image de base sur laquelle certains effets ne
fonctionnent pas et, en ltat, ce calque ne peut pas tre
dplac dans le panneau des calques. Vous pouvez en
faire un calque normal en double-cliquant dessus, en lui
donnant un nom et en validant.

CALQUE NORMAL
Lorsque vous ajoutez un nouveau calque dans la
palette ou que vous faites une copie dun calque existant,
que vous glissez une image sur votre montage, etc.
tous ces calques faits de pixels uniquement sont des
calques normaux. On agit sur ce type de calques avec
pratiquement tous les outils, y compris les outils de formes
sils sont rgls sur Pixels dans la barre doptions.

CALQUE DE TEXTE
Les calques de texte contiennent un caractre ou
plusieurs, voire un ou plusieurs paragraphes de texte.
Ce calque nest pas fait de pixels et sa spcificit fait que
lon peut revenir sur le texte lorsque lon veut, changer
sa couleur et sa taille sans labimer. On agit sur ce genre
de calque avec les outils de texte et de dformation et
transformation par exemple.

CALQUE VECTORIEL
Un peu comme le calque de texte, les calques
vectoriels peuvent tre modifis sans tre abms car il
sagit de vectoriel. Contrairement aux pixels qui sont fixes,
le vectoriel comme on la vu en cours de maths est fait de
points relis par des lignes. loigner les points nabimera
pas les lignes, contrairement aux pixels qui sont comme
des carrs de mosaque. On travaille sur ce type de
calques avec les outils de formes vectorielles, la Plume et
ses outils de modification entre autres.

10
12
@

4
3
2
1

CALQUE DE RGLAGE
Les calques de rglage permettent dajouter des
effets se trouvant dans Image > Rglages de manire
non destructive. Au lieu de sappliquer directement sur
vos calques, leffet reste sur ce calque que vous pouvez
modifier tout moment, supprimer, ou dont vous pouvez
modifier le mode de fusion ou lopacit.

OBJET DYNAMIQUE
Ce type de calque est une nouveaut de la version
CS3. Il sagit ici dun type de calque qui nouvre pas
vraiment limage importe dans le document, mais qui
fait un lien dynamique entre limage importe et le calque
sur lequel elle se trouve, comme pour un logiciel de mise
en page. Ainsi, si le document import est modifi, il sera
aussi modifi dans Photoshop tant quil reste un objet
dynamique.

CALQUE 3D ET VIDO
Photoshop vous permet dans sa version Extended
dimporter des objets 3D et des vidos. Il cre alors des
types de calques en fonction du contenu. Le calque 3D
peut ainsi contenir les textures de lobjet. En doublecliquant sur une texture elle souvre comme une nouvelle
image, ditable. Le calque vido ressemble un objet
dynamique et est ditable grce au panneau Animation.

Travaux
Introduction
pratiquesde
Lescolorisation
diffrents types
avec Photoshop
de calques

Parmi les options importantes de votre


palette de calques, vous pouvez entre
autres :
Dplacer les calques en dessous
ou au-dessus les uns des autres.
Ajouter des styles de calque
en double-cliquant sur un calque.
En crer de nouveaux en cliquant
sur licne en bas de la palette.
En supprimer en les glissant
sur la corbeille en bas de la palette.
Pixelliser les calques vectoriels.
de texte ou dynamique.
Les slectionner en utilisant la touche
Maj ou Ctrl.
Les fusionner en les slectionnant puis
en utilisant le menu contextuel
de la palette.
Les grouper en les slectionnant
puis en faisant Ctrl+G.
Aplatir lensemble en faisant
Calque > Aplatir limage.
Changer la taille des vignettes
en utilisant lOption de panneaux
dans le menu de la palette.
Etc.

11
13
@

INTRODUCTION
INTRODUCTION

Pour accompagner ces calques, on peut


trouver des masques de calque et des
masques vectoriels.
Nous verrons les masques en dtail page
50. Les masques vectoriels fonctionnent
un peu comme les masques de calques,
mais comportent des formes vectorielles,
comme les calques vectoriels. Un calque
peut avoir un masque de calque plus un
masque vectoriel.

Travaux pratiques de colorisation avec Photoshop

Photoshop CS4 : raccourcis essentiels


(et petites astuces pour les retenir)
Nombre de raccourcis sont trs utiles pour lillustration avec Photoshop CS4. Voici ceux qui seront les
plus importants pour votre travail de colorisation.

INTRODUCTION

Noubliez pas de configurer les touches A et Z pour la taille de la brosse. Nous avons galement
affect la touche N la commande de verrouillage des pixels transparents du calque. Ce raccourci
est plus utile pour les illustrations que le raccourci par dfaut, qui active loutil Annotations. Pour
personnaliser les raccourcis, choisissez dition > Raccourcis clavier, puis parcourez la liste des menus,
en cliquant sur les commandes personnaliser.

12
@

Pinceau

B (Brush)

Gomme

E (Eraser)

Rectangle de slection

M (Marquee)

Ellipse de slection

Maj+M

Lasso

L (Lasso)

Lasso polygonal, puis Lasso magntique

Maj+L

Pot de peinture

G (Gradient)

Dgrad

Maj+G

Couleurs de premier plan et darrire-plan


par dfaut (noir et blanc)

Permuter les couleurs de premier plan


et darrire-plan

Dplacement

Slection du calque cliqu dans limage

Cmd/Ctrl+V+clic

Zoom

Cmd/Ctrl++

Zoom arrire

Cmd/Ctrl+-

Annuler

Cmd/Ctrl+Z

Aller vers lavant

Cmd/Ctrl+Maj+Z

Copier avec fusion

Cmd/Ctrl+Maj+C

Transformation manuelle

Cmd/Ctrl+T

Crer un masque dcrtage (applique le calque actuel


comme masque au calque prcdent).
La commande ritre dgroupe les calques.

Cmd/Ctrl+Alt+G

Associer les calques (groupe les calques slectionns


ou cre un groupe si aucun nest slectionn).

Cmd/Ctrl+G

Fusionner les calques visibles

Cmd/Ctrl+Maj+E

Enregistrer

Cmd/Ctrl+S

Enregistrer sous

Cmd/Ctrl+Maj+S

Travaux pratiques de colorisation avec Photoshop

Ces principaux raccourcis sont trs simples mmoriser et vous feront gagner un temps prcieux. Il
en existe beaucoup dautres et vous pourrez en personnaliser un grand nombre. Pour cela, explorez
le logiciel dans linterface de configuration des raccourcis (dition > Raccourcis clavier, Cmd/
Ctrl+Alt+Maj+K).

INTRODUCTION

Astuce : Noubliez pas denregistrer vos raccourcis de manire rgulire. Vous pourrez les
conserver dans vos archives et les utiliser sur dautres ordinateurs le cas chant. Vos jeux
de pinceaux et vos palettes de couleurs sont galement enregistrables et personnalisables
(par exemple, en cliquant sur le menu de la barre doptions du Pinceau, puis en choisissant
Enregistrer les outils prdfinis ou en cliquant sur le menu des formes et en choisissant
Enregistrer les formes).

Les manipulations de calques


33 Pour slectionner un calque dans le panneau sans lutiliser, cliquez sur llment dans limage en
maintenant la touche Cmd/Ctrl enfonce.
33 Pour slectionner plusieurs calques conscutifs, slectionnez le premier, maintenez la touche Maj
enfonce et cliquez sur le dernier.
33 Pour slectionner des calques non conscutifs, utilisez la touche Cmd/Ctrl.
33 Pour crer une slection partir du contenu dun calque, dune couche ou dun trac, cliquez sur
la vignette du calque en maintenant la touche Cmd/Ctrl enfonce.

13
@

Travaux pratiques de colorisation avec Photoshop

Formats et taux dencrage


De manire gnrale, vous travaillerez en CMJN (ou CMYK) pour lillustration destine limpression
et en RVB (ou RGB) pour les images destines aux supports numriques (Web, TV).
La diffrence rside bien sr dans le nombre de composants des couleurs mais galement dans le
support. En CMJN, vous devez toujours considrer que vos couleurs vont sadditionner sur un support
qui nest pas naturellement lumineux : le papier. Il faut donc faire trs attention aux taux dencrages et
aux noirs. Pour les gnrations qui ont grandi devant des crans (dont nous faisons partie), cest un
rappel quil est important de faire.

INTRODUCTION

Dans Photoshop vous pouvez en permanence vrifier votre taux dencrage grce la palette
Informations. Gnralement, pour limpression, il doit tre en dessous de 300 %, lidal tant davoir
0% de noir dans vos couleurs et un total de 250 300 % sur les zones noires, comme le trait encr sur
une bande dessine ou le texte noir.
Note : Le taux dencrage na rien voir avec lencrage dune illustration, cest le terme
utilis pour la quantit dencre utilise sur le papier. Elle est mesure en %, et le taux
dencrage maximal est de 400 % (100 % par encre : Cyan, Magenta, Jaune, Noir). Un
encrage de 400% est systmatiquement noir.
Tout ceci vous aidera viter des impressions plombes ou trop intenses, et des problmes de
schage du papier.
Pour les supports numriques cest beaucoup plus simple, vous naurez qu prendre en compte les
diffrents profils (par exemple sur le Web et avec Firefox, les couleurs sont lgrement dsatures,
etc.) et les spcificits des supports sur lesquels vos images seront observes. Lajustement des
couleurs peut alors se faire directement lcran, sans avoir calculer des indices de taux dencrage.

La palette Informations (F8) vous servira vrifier le taux dencrage sur vos images. Ce taux nest pas uniforme,
il dpend des zones de lillustration. Vous devez donc ouvrir cette palette et parcourir les diffrentes zones de
limage avec la souris (peu importe loutil en cours dutilisation).

14
@

INTRODUCTION

Travaux pratiques de colorisation avec Photoshop

Ouvrez les options du panneau pour configurer laffichage des informations dont vous avez besoin. On note
quun grand nombre dinfos sont disponibles.

La deuxime section affiche la somme totale dencrage, symbolise par le signe somme ().
Dans lillustration dexemple, on voit que le taux dencrage de cette image stend de 2 207 % ; cette image
passera bien limpression.

15
@

Travaux pratiques de colorisation avec Photoshop

INTRODUCTION

Le cas chant, on peut fixer un taux dencrage maximal via le panneau des profils colorimtriques (dition >
Couleurs puis, dans la section Espace de travail, CMJN personnalis) o lon peut fixer un taux dencrage
maximum de 300 % et un taux de noir maximum de 100 %.
Une fois ces rglages effectus, noubliez pas denregistrer et de nommer votre nouveau profil, puis ouvrez vos
images en appliquant le profil, vos taux dencrages seront automatiquement respects. Attention ne pas oublier
de changer de profil selon les travaux effectus.

16
@

Mise en couleurs
dun dessin
en conservant
le trait

17
@

Mise en couleurs dun dessin

TP

Scanner une image

e prime abord, numriser un dessin ou le scanner peut sembler assez simple, mais quelques
astuces vous permettront damliorer la qualit de vos scans et de rendre vos fichiers facilement
utilisables pour la couleur.

Une fois vos options rgles (Noir et blanc, Tiff, 300 ppp) vous pouvez procder la numrisation et passer dans
Photoshop. Certains logiciels louvrent automatiquement.

Attention : scannez toujours un peu plus large que votre image, afin de garder des marges pour les rotations et les recadrages qui pourront tre oprs par la suite.
Si vous scannez une image qui se trouve lintrieur dun carnet, noubliez pas de glisser
une feuille blanche au dos pour viter les effets de transparence indsirables et une fastidieuse session de nettoyage.

18
@

Quand votre image est importe dans Photoshop, passez en mode Peinture et retouche (Fentres > Espace
de travail > Peinture et retouche). Les palettes se rorganisent et tous les outils pour le dessin sont mis votre
porte.

Cette nouvelle disposition des palettes et des outils vous offrira tout le confort de travail requis pour les tapes
suivantes.

Mise en couleurs dun dessin

TP 1 l Scanner une image

19
@

Travaux pratiques de colorisation avec Photoshop

MISE
MiseEN
enCOULEURS
couleursD4UN
dun DESSIN
dessin
20
@

Ensuite, effectuez une rotation 90 dans le sens des aiguilles dune montre (Image > Rotation de la zone de
travail > 90 horaire).

Votre image, correctement oriente, est maintenant prte pour la premire tape.

Mise en couleurs dun dessin

TP

Rotations & recadrage

image nest jamais vraiment parallle aux bords du scanner. Elle peut donc paratre lgrement
de travers lcran. Pour corriger ce dfaut, vous pouvez effectuer une lgre rotation en vous
aidant des guides.

Pour faire apparatre les guides, il faut que les rgles (Rulers) soient prsentes. Appuyez sur Pomme+R pour les
faire apparatre ou disparatre.

Ensuite avec loutil Dplacement (raccourci : V) cliquez sur la rgle et tirez. Une ligne bleue apparat sur votre
espace de travail, cest un guide. Placez-le sur les bords thoriques de votre image (l o vous souhaitez quelle
sarrte). Un en haut et un gauche devraient suffire.

21
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


22
@

Il faut maintenant dbloquer votre calque de fond. Pour cela, double-cliquez sur son nom. Photoshop vous permet
de le renommer directement.

Une fois le calque renomm, utilisez loutil transformation (Cmd+T/Ctrl+T) et rglez la rotation de votre image de
manire plus prcise.

Une fois que lorientation correspond bien celle des guides, appuyez sur Entre, et voil !

Vous pouvez maintenant passer au recadrage de limage afin de ne conserver que la partie qui vous intresse.
Slectionnez limage avec loutil Slection (Cmd+M/Ctrl+M).

Mise en couleurs dun dessin

TP 2 l Rotations & recadrage

23
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


24
@

Et recadrez limage daprs la slection (Image > Recadrer).

Il vous reste tous les marqueurs utiliss.

Mise en couleurs dun dessin

TP 2 l Rotations & recadrage

Appuyez sur Cmd+H/Ctrl+H pour les faire disparatre. Passons maintenant au TP suivant dans lequel nous allons
procder au nettoyage de limage scanne.

25
@

Mise en couleurs dun dessin

TP

Nettoyer limage

ous allons dabord nettoyer limage de manire globale, puis passer aux dtails. Lors de cette
premire phase de prparation, vous allez jouer sur les outils de couleur, de contraste et de
luminosit pour restituer un fond blanc au dessin.

Augmentez la luminosit et le contraste jusqu obtenir un fond blanc ou presque et une ligne renforce. Cette
opration fait gnralement disparatre les dtails les plus fins, qui correspondent souvent des poussires ou
des imperfections. Nen faites pas trop pour autant, car votre image serait moins facilement utilisable ensuite et
les contours du trait deviendraient sales.

26
@

Pour commencer, slectionnez loutil Luminosit/Contraste. Choisissez Image > Rglages > Luminosit/
Contraste.

Une fois votre image rgle, vous noterez peut-tre que le fond nest pas totalement blanc. Pour y remdier,
choisissez menu Image > Rglages > Remplacement de couleur.

La fentre Remplacement de couleur contient trois outils de pipettes. Le premier sert slectionner des couleurs
dans limage. Les deux autres servent ajouter ou supprimer des couleurs prcises la slection existante

Mise en couleurs dun dessin

TP 3 l Nettoyer limage

27
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


28
@

Posez la pipette sur le blanc, et augmentez la luminosit. Attention bien rgler la tolrance, il faut quelle soit
suffisamment importante pour que vous obteniez une modification homogne de la couleur de fond.

Le fond blanc de limage est maintenant clairci et constitue une base lisse pour limposition des aplats.

Mise en couleurs dun dessin

TP

Renforcer le trait

otre image est peu prs nettoye mais le trait est trs clair et trs fin. Il faut donc le renforcer
avant de passer un nettoyage plus avanc de limage et la mise en couleurs. Nous allons donc
rehausser le blanc de limage et accentuer les tracs en nous aidant des outils de composition et des
calques Photoshop.

Lesquisse est lgrement dlave. Il va falloir lui redonner du tranchant.

Tout dabord, dupliquez le calque de base.

29
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


30
@

Passez ce nouveau calque en mode Produit (Multiply).

Votre image est beaucoup plus contraste sans perdre de dtails, linconvnient tant que les petites erreurs qui
nont pas t nettoyes ltape prcdente sont galement renforces.

Aplatissez les deux calques et rptez lopration si besoin.

Aplatissez les deux calques et rptez lopration si besoin. Pour cela, dupliquez le calque fusionn.

Mise en couleurs dun dessin

TP 4 l Renforcer le trait

31
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


32
@

Renommez ensuite votre calque comme vous le souhaitez afin de conserver un ordre dans votre fichier.
Votre calque de travail est prt pour un second nettoyage !

Quand vous avez termin, nommez votre calque en fonction (ici, nous lavons nomm encrage ).

Mise en couleurs dun dessin

TP

Nettoyage avanc de limage

our aller plus loin, il faut entrer dans le dtail. Soit en effaant les imperfections au Pinceau, soit
en repassant certains traits. Le problme est souvent de trouver un rendu identique au papier sur
Photoshop, ce qui est assez difficile. Pour viter des heures de recherches, nous vous conseillons de
prendre un Pinceau lgrement textur et assez fin, et de vous armer de patience, car le toucher est
souvent diffrent sur la tablette ou au crayon.

Choisissez votre forme de pinceau.

Ensuite, zoomez sur les zones les plus approximatives, et avec le Pinceau, effacez les traits qui ne sont pas
ncessaires en utilisant la couleur de fond.
En effet, si vous utilisez la Gomme, vous obtiendrez des trous . Ce nest pas grave en soi, mais cela risque de
poser problme si vous souhaitez oprer des slections la baguette magique par la suite.

33
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


34
@

Pour cet exercice, nhsitez pas, sil le faut, utiliser plusieurs calques. Les ratures situes sur un calque ont en effet
lavantage de ne pas figurer sur un autre, ce qui est un bon moyen de le prserver !

Lorsque vous aurez termin, fusionnez lensemble des calques. Pour cela, slectionnez tous les calques en vous
plaant sur le premier, appuyez sur Maj et slectionnez le dernier calque. Appuyez sur Pomme + E et vos calques
sont fusionns.

Mise en couleurs dun dessin

TP

Colorer le trait

a plupart du temps vous utiliserez un trait de contour noir, mais il peut arriver quil soit utile
de colorer ce trait. La plupart des utilisateurs de Photoshop schinent souvent trouver des
solutions pour ce faire. Il existe plusieurs mthodes. En voici une qui peut tre utilise avec notre
illustration dexemple.

Tout dabord, passez votre image en CMJN (ou RVB si limage nest pas destine limpression) en choisissant
Image > Mode puis loption approprie. A priori, vous aurez nettoy votre image en mode Niveau de gris ou RVB,
le premier mode tant plus appropri pour viter les artefacts colors gnrs par la numrisation du scanner.

Ouvrez le menu Image > Rglages > Variantes

35
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


36
@

Choisissez la teinte vers laquelle vous souhaitez orienter votre image. Vous pouvez cliquer plusieurs fois sur une
mme teinte, jusqu ce que la couleur convienne.

Dans cet exemple, nous avons choisi un ton orang pour coller avec lambiance que nous souhaitons recrer, mais
ce choix vous revient et doit diffrer en fonction du contexte.

Quand vous avez termin, cliquez sur OK pour retourner limage.

Votre base est maintenant prte. Il est donc temps de procder sa mise en couleurs !

Mise en couleurs dun dessin

TP 6 l Colorer le trait

37
@

Mise en couleurs dun dessin

TP

Prparation la mise en couleurs

u cours de ces travaux pratiques, nous allons procder lapplication des teintes gnrales de
limage. Il sagit en quelque sorte du travail de sous-couche pralable lapplication de vos
couleurs. Une phase prparatoire, toujours utile pour gagner du temps par la suite.

Pour commencer, crez un nouveau calque qui vous servira de base pour la mise en couleurs. Appelez-le par
exemple base couleur . Vous aurez un grand nombre de calques au final, donc nhsitez pas prendre
quelques secondes pour les nommer ; ce seront plusieurs minutes et beaucoup de patience conomises par la
suite lorsque vous devrez retrouver des lments dans votre image.

2
38
@

Ensuite, passez le calque encrage en mode Produit (Multiply). Votre couleur passera sous lencrage et vous
naurez plus toucher ce calque par la suite.

Appliquez un dgrad sur le fond (outil Dgrad, Cmd+G/Ctrl+G). Le choix des couleurs est assez important
cette tape. Il faut que vous ayez une ide de limage finale ce stade pour pouvoir dfinir les premires tapes.
Je travaille toujours du plus sombre au plus clair. Mon dgrad de base est donc naturellement sombre.

Ensuite, dgagez les zones de lumire sur un nouveau calque, que vous pouvez par exemple nommer fond .
Crez les plus importantes grossirement, avec un Pinceau lgrement textur si vous le souhaitez. Nimporte
lequel fera laffaire, car pour le moment, vous nen tes quau stade du brouillon.

Mise en couleurs dun dessin

TP 7 l Prparation la mise en couleurs

39
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


40
@

Dfinissez les lments de larrire-plan un par un, dabord grossirement, puis de manire de plus en plus
prcise. Essayez dutiliser un calque par lment. Soyez prcis dans la dlimitation des zones, car nous utiliserons
ensuite le blocage de la transparence pour gagner du temps.

Passez ensuite aux lments en partant du plus lointain pour progresser vers le plus proche.

Mise en couleurs dun dessin

TP 7 l Prparation la mise en couleurs

Nhsitez pas corriger vos teintes directement pendant votre tape de brouillon : vous conomiserez du temps
en rglages par la suite. Ici, nous avons utilis loutil Balance des couleurs (Cmd+B/Ctrl+B) pour rchauffer un vert
qui contenait trop de bleu.
Le brouillon de votre fond est prt. Il est temps maintenant daffiner cette prparation !

41
@

Mise en couleurs dun dessin

TP

Prparation des aplats

ne fois votre brouillon ralis, vous devez rendre les zones plus propres afin de pouvoir travailler
facilement sur chaque partie de limage. Sur le brouillon, nous nous sommes rendus compte que
le fond ne collait pas vraiment avec lide de base. Lide tait davoir un fond de fort avec un rayon
de lumire qui traverse les arbres. Commenons par cet lment. Il nous aidera pour la suite de la
scne et la palette gnrale. Pour simplifier cet exemple, nous ne garderons que les deux calques de
travail, mais en ralit, vous aurez galement vos calques de brouillon.

42
@

Reprenez donc le dgrad de dpart, et utilisez un Pinceau textur pour obtenir un lger flou sur les bords du
trac. Avec une tablette graphique, le Pinceau est aussi sensible la pression, ce qui vous vite davoir modifier
sans cesse son opacit.

Dterminez la couleur de la lumire du fond. Choisissez une couleur trs claire pour obtenir un dgrad de
couleurs marqu.

Ensuite, passez une premire fois sur toute la zone de manire trs lgre.

Ensuite, dfinissez les trous de lumire entre les arbres, de manire progressive. Cest une faon de suggrer
la prsence de nombreux arbres au fond : la lumire passe devant certains et les efface presque compltement,
dautres moins.

Mise en couleurs dun dessin

TP 8 l Prparation des aplats

43
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


44
@

Petit petit, dfinissez les zones les plus claires, jusqu produire une sorte de dgrad par zone.

Finalement, aprs quelques minutes de travail, on obtient un fond suffisamment riche et complexe pour ne
quasiment plus avoir faire de retouche.
Nous pouvons terminer les aplats.

Nhsitez pas zoomer pour travailler dans le dtail, avec prcision. Cest important ce stade, car vous naurez pas
systmatiquement revenir sur votre base pour corriger les petites imperfections ou effacer les dbordements.

Ensuite il faut dtailler chaque plan. Commenons par les arbres du second plan. Pour ces lments, vous pouvez
travailler avec un Pinceau dont lopacit est relative la pression du stylet.

Mise en couleurs dun dessin

TP 8 l Prparation des aplats

45
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


46
@

Pour dfinir la couleur des arbres de second plan, utilisez lopacit lie la pression ; prenez la couleur dun des
arbres du premier plan et tracez une ligne de manire crer un dgrad de la couleur de premier plan sur le
fond.

10

Ensuite, grce loutil Pipette (Alt+clic), prenez une couleur sur cette ligne, plus ou moins claire selon le rsultat
souhait, afin dobtenir un mlange entre votre fond et votre premier plan. Vous conserverez ainsi une bonne
harmonie sur lensemble de limage.

11

Avec le mme pinceau, choisissez une couleur pour les buissons du second plan et tracez-les assez rapidement.
Nous aurons loccasion de travailler beaucoup plus en dtail par la suite. Vous pouvez utiliser de nouveau la
technique du mlange de couleur.

12

Dfinissez avec un pinceau net la vgtation du premier plan. Comme pour les arbres, il faut que le trac soit
assez prcis pour que le travail des dtails soit moins fastidieux par la suite.

Mise en couleurs dun dessin

TP 8 l Prparation des aplats

47
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


48
@

13

Travaillez ensuite les rochers avec un pinceau net galement.

14

Et enfin la masse des buissons du premier plan.

15

Mise en couleurs dun dessin

TP 8 l Prparation des aplats

Le fond de limage est maintenant bien dfini, chaque lment est spar et vous allez pouvoir raliser les aplats
pour les personnages, qui sont relativement simples. Procdez de la mme manire que pour les arbres et les
lments prcis.

49
@

Mise en couleurs dun dessin

TP

Volumes & Lumires - Personnages

our entamer la mise en volumes, nous allons commencer par le plus simple : les personnages. Vous
allez voir comment travailler par impositions successives, en progressant des teintes sombres
vers les teintes claires, pour recrer les dgrads lumineux qui suggrent les effets de volume.

Pour attribuer le verrouillage de transparence la touche de votre choix, choisissez dition > Raccourcis Clavier.
Dans la bote de dialogue Raccourcis clavier et menus, cliquez sur le menu droulant Raccourcis pour et choisissez
Outils. Ensuite, slectionnez la fonction Activer/dsactiver Conserver les zones transparentes, cliquez dans la
colonne Raccourcis et tapez votre raccourci. Noubliez pas denregistrer votre ensemble de raccourcis. Commencez par
verrouiller la transparence du calque Personnage lidal est dattribuer ce verrouillage une touche N, par exemple.

Une fois le calque verrouill, vous pouvez faire ce que vous voulez : le logiciel ne vous laissera peindre que sur
ce qui est dj prsent sur ce calque. Cest galement beaucoup plus prcis que les slections. Commencez par
vous occuper de quelques dtails qui passent par-dessus le crayonn : les reflets sur les yeux, le nez, et la lumire
dans liris du koala et du wombat.

50
@

Ensuite, crez un calque et associez-le au prcdent comme masque dcrtage (Cmd+Alt+G/Ctrl+Alt+G). Ce calque
servira modeler petit petit les volumes des personnages. Slectionnez ensuite une couleur claire et un pinceau
sensible la pression pour appliquer la couleur en douceur, sans crer de sparation brutale entre les teintes.

Avec la pipette (Alt+clic), slectionnez une teinte intermdiaire et entamez le travail de volume.

Mise en couleurs dun dessin

TP 9 l Volumes & Lumires - Personnages

51
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


52
@

En progressant continuellement vers les teintes claires, vous obtenez une lumire douce sur la tte du koala.

Vous pouvez utiliser la mme technique pour le corps et les accessoires. Si vous craignez de vous tromper,
nhsitez pas multiplier les calques. Ici, nous avons utilis un calque pour la base de lumire et deux autres pour
accentuer les effets.

Mise en couleurs dun dessin

TP 9 l Volumes & Lumires - Personnages

La couleur que nous avions choisie tirait un peu trop sur le vert. Nous avons donc opr un ajustement
colorimtrique avec loutil Remplacement de couleur. Cet outil permet de slectionner une couleur la pipette
et de modifier sa saturation, sa teinte et sa luminosit en variant la tolrance (en slectionnant plus ou moins de
couleurs proches).

Pour que lanimal ait lair moins lisse, retravaillez certaines zones avec une brosse plus fine. Cette opration donne
un peu plus de volume au passage.

53
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


54
@

Le petit koala est quasiment termin. Nous y reviendrons un peu plus tard pour le traitement de la lumire
gnrale.

10

Passons au wombat. Cet animal est plus gros. Nous utiliserons la mme technique que pour le koala, en
commenant par une base trs sombre, en progressant vers le clair sur les zones touches par la lumire.

11

Mise en couleurs dun dessin

TP 9 l Volumes & Lumires - Personnages

Nhsitez pas choisir une couleur lgrement dcale par rapport la teinte de base, afin denrichir le graphisme
de la scne. Pour choisir une couleur dcale , utilisez le curseur Luminosit mais aussi celui de Saturation et
de Teinte.

Comme pour le prcdent personnage, revenez sur les zones de frontire entre la lumire et lombre, afin de
travailler plus finement la fourrure. Pour le rose des joues, il suffit de prendre un rose assez clair et de le passer
doucement sur le brun de la fourrure. Si leffet parat trop flashy, nhsitez pas mlanger les couleurs grce au
pinceau sensible la pression. Certains traits de crayon ne sont plus ncessaires. On peut donc les effacer directement
sur le calque trait, tout en haut de la pile des calques.

12

55
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin

13

56
@

Vous pouvez claircir un peu plus les bordures des oreilles, le dessous des yeux, voil, vos deux personnages sont
prts. Passons maintenant au travail de lumire et de volume sur le reste de la scne, puis aux rglages gnraux
de la lumire.

10

Mise en couleurs dun dessin

TP

Volumes & Lumires - Dcors

a mise en couleurs du dcor est plus complexe car les lments sont plus nombreux et se trouvent
rpartis sur plusieurs plans. Il convient donc de procder de manire mthodique, afin de ne pas
sy perdre au cours de lexercice. Nous allons maintenant travailler sur les diffrents plans de limage,
en intgrant les effets de lumire lment par lment.

Commencez par lcorce des arbres au premier plan. Bloquez la transparence du calque avec le raccourci N, et
commencez mettre en valeur les parties des arbres que frappent les rayons de lumire. Lide est de crer une
lumire un peu diffuse et encore lgre au dbut.
La lumire vient toujours du mme ct. Imaginez une source lumineuse en dehors de votre scne et pensez toujours
cette source pour dterminer les zones claircir.

Progressivement, les arbres gagnent en volume et en lumire. Il faut procder de la mme manire que sur les
personnages, dabord par des couleurs assez proches de la couleur de base puis par des teintes de plus en plus
claires, voire trs claires (sur les arrtes de lcorce, par exemple).

57
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


58
@

Une fois les arbres dgrossis, on peut ajouter des dtails dans le motif pour enrichir le tout. Prenez un pinceau plus
fin et continuez travailler dans le sens de lcorce. Si vous ntes pas sr de savoir comment procder, nhsitez
pas observer des photos (mais sans recopier, tcher de synthtiser ces informations et de vous les approprier).

Passons aux feuilles du premier plan. Selon le mme principe quauparavant, choisissez une couleur plus claire
que la base des feuilles et appliquez-la sur chaque lment en considrant toujours langle de la source lumineuse
imaginaire.

Voil la teinte la plus claire pour ces feuilles. Appliquez-la sur une bande plus troite, vers le milieu de la bande
claire dj applique, afin de donner limpression que la feuille brille lgrement. Vous pouvez mme repasser
avec du blanc sur une bande plus fine au besoin (nous ne lavons pas fait ici).

Les feuilles sont bien claires. Quelques traits de crayons gnants se remarquent maintenant : nous les effacerons
au fur et mesure, pendant que le travail se poursuit sur limage.

Mise en couleurs dun dessin

TP 10 l Volumes & Lumires - Dcors

59
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


60
@

Le contraste des feuilles laisse dsirer. Plutt que de les repeindre, utilisez loutil Luminosit/Contraste. On voit
l tout lintrt quil y a travailler avec des calques spars : on gagne un temps prcieux, car chaque lment
peut tre directement slectionn en activant son calque.

Il faut ensuite donner un peu de volume aux pierres, avec une couleur plus neutre et plus claire. Vous pouvez
ventuellement utiliser un pinceau textur pour ce travail.

Mise en couleurs dun dessin

TP 10 l Volumes & Lumires - Dcors

Procdez toujours par petites tapes, en allant du plus sombre au plus clair, directement sur le calque, avec la
transparence bloque.

Pour les arbres du second plan, qui contiennent bien moins de dtails, vous pouvez utiliser une technique plus
rapide, avec loutil Densit - (raccourci O), qui claircira rapidement lcorce de ces arbres, sans en dnaturer la
couleur. Les rglages sont importants pour cet outil. Vous pouvez vous familiariser son usage en vous entranant
sur dautres parties de limage.

10

61
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


62
@

11

Attaquons-nous maintenant au feuillage. Cest la partie la plus complexe. Il faut ajouter un certain nombre de
touches pour crer un effet de feuillage, mais viter dy passer la journe en dessinant chaque feuille.
Commenons par le ct clair du buisson, en prenant une teinte plus claire et en procdant par petites touches.

12

Ensuite, vous pouvez passer au ct qui se trouve dans lombre, en choisissant un bleu fonc. Il est trop sombre
en ltat. Utilisez donc le dgrad que produit le pinceau sensible la pression pour prlever la teinte adquate
avec loutil Pipette (Alt).

13

Mise en couleurs dun dessin

TP 10 l Volumes & Lumires - Dcors

tendez la mthode tout le buisson, en crant un dgrad la main entre lombre et la lumire. Vous pouvez
ajouter de petites touches lumineuses dans la partie sombre pour rompre la monotonie du motif et donner plus
de vie au feuillage.

Procdez de la mme manire pour les feuilles des arbres. Ici, on ne voit pas le dessus des arbres si bien que
le travail porte principalement sur des zones dombre. Nous avons chang la teinte de cette partie pour quelle
devienne plus harmonieuse avec le reste de limage. Plusieurs choix sont possibles pour ce genre dopration.
Dans le cas prsent, nous nous sommes servis de loutil Teinte/Saturation.

14

63
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


64
@

15

Lide est ici dessayer dintgrer les branches au feuillage et dviter ainsi leffet dun paquet de feuilles qui serait
pos sur un bton. Il faut donc travailler en alternance sur les troncs et sur les feuilles. Tchez de conserver vos
calques spars : ce sera trs utile en cas de modification ultrieure.

16

Nous avons ajout un deuxime feuillage au premier plan, lgrement dans lombre du feuillage principal. Cet
ajout ntait pas initialement prvu. Il montre quon peut aussi improviser pendant la ralisation de limage. Ce
nouveau dtail donne ici plus de profondeur et de volume larbre.

17

Le dessous des feuilles est un peu trop clair. Lombre de cette zone doit en outre sharmoniser avec le tronc de
larbre. Il convient donc de reprendre lensemble pour en affiner les dtails.

18

tendez ensuite ce procd tout le feuillage du premier plan. Profitez-en galement pour ajuster le contraste
des troncs qui sont trop clairs la base du feuillage. Utilisez une couleur plus sombre et appliquez une ombre de
manire plus ou moins instinctive, pour crer une image plus naturelle.

Mise en couleurs dun dessin

TP 10 l Volumes & Lumires - Dcors

65
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


66
@

19

Les feuillages des plans suivants sont soumis au mme traitement, avec des couleurs plus claires et moins satures,
pour quils se fondent au loin. Incorporez moins de dtails, afin que le regard ne sattarde pas trop sur les plans
les moins importants de limage.

20

Larbre derrire le wombat est beaucoup trop clair. Ajoutez-lui donc une petite ombre. Utilisez un nouveau calque
comme masque dcrtage du calque des arbres et peignez en bleu fonc puis passez 50 % dopacit. Cette
technique est utile pour crer rapidement une ombre sans avoir tout repeindre.

21

Mise en couleurs dun dessin

TP 10 l Volumes & Lumires - Dcors

Pour finir, retouchez encore les ombres des troncs darbres qui manquent un peu de relief. La lumire globale
devient alors plus juste et naturelle.

67
@

MISE EN COULEURS D4UN DESSIN

TP

11

Derniers dtails et rglages

es principaux lments de limage, et notamment les personnages et les lments importants du


dcor, ont t disposs et mis en volume, si bien quil ne reste plus qu traiter laspect densemble
de limage. Dans ces travaux pratiques, vous allez travailler sur le sol et appliquer les derniers effets
de lumire qui doivent donner la scne son atmosphre particulire.

68
@

Votre image est quasiment termine, il reste raliser le sol, qui na pas besoin dtre trs dtaill ; procdez
donc par grandes touches. Le choix des couleurs cette tape ne se fait quasiment qu la pipette. Il est ici inutile
dajouter de nouvelles teintes ; la scne est dj suffisamment riche.

Pour bien fixer les personnages au sol, ajoutez une ombre. Afin dviter davoir tout reprendre avec une
couleur plus sombre, crez un nouveau calque et peignez lombre en bleu/vert fonc. Profitez-en galement pour
appliquer quelques ombres supplmentaires au dcor.

Mise en couleurs dun dessin

TP 11 l Derniers dtails et rglages

Passez le calque dombre en mode Produit (Multiply) et rduisez son opacit. Vous conserverez ainsi les dtails
de la scne situs sous lombre et gnrerez une ombre colore ajustable volont. En gnral, nutilisez pas de
noir pour les ombres de vos illustrations. Il est toujours prfrable dutiliser une couleur un peu moins sombre,
qui donne plus de profondeur la scne.

Ajoutez maintenant quelques effets de lumire localiss dans la scne. Pour cela, crez un nouveau calque en
mode Incrustation (Overlay) et rduisez son opacit 90 %. Ensuite, avec une teinte jaune orange claire (la
couleur claire du fond, par exemple) peignez par petites touches sur le wombat, sur le fond et sur le feuillage.
Pour cette tape, travaillez directement sur le calque en mode Incrustation, sinon vous naurez pas une bonne ide de ce
que vous tes en train de faire.

69
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


70
@

Le wombat est un peu prs du sol. Vous allez corriger cela en remontant lgrement la ligne de son ventre.
Slectionnez la partie concerne au Lasso sur le calque encrage.

Remontez la partie slectionne la hauteur qui convient et procdez de la mme manire sur le calque daplat
de vos personnages. Grce la technique des masques dcrtage, vous naurez modifier quun seul calque
pour cette opration.

Mise en couleurs dun dessin

TP 11 l Derniers dtails et rglages

Vous devez ensuite ajuster la lumire pour quelle tombe mieux sur cette partie du personnage. Pour cela, activez
le calque lumire et slectionnez la couleur la Pipette, puis repeignez par-dessus lancien travail.

prsent, il ne vous reste plus qu corrigerle sol l o il navait pas encore t cr (sous le personnage) et
ajuster quelques dtails (comme lombre sous le koala, qui semblait encore trop claire).
La sparation des lments sur chaque calque permet de modifier facilement votre image ; sans cela, ces
ajustements du personnage auraient demand bien plus de temps.

71
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin

Votre image est termine. Vous pouvez finir den peaufiner les dtails, selon le temps dont vous disposez.
Pour ces oprations fines, il peut tre utile dajouter un calque au-dessus de la scne et de procder par petites
touches. Vous pourrez ainsi activer et dsactiver ce calque afin de vrifier si vos lgres retouches apportent un plus
ou non. Sur cette image, on voit bien que la progression de la couleur nest pas linaire. Elle est mme parfois erratique.
Il est donc primordial dtre bien organis, afin de ne pas sy perdre et de pouvoir revenir facilement en arrire.

72
@

Mise en couleurs
totale

73
@

TP

12

Mise en couleurs totale

Mise en couleurs totale

image traite dans ces travaux pratiques dbute par un petit croquis trs rapide. Lide principale
est de transformer cette bauche en illustration complte. Cest le travail de couleur qui demande
le plus de comptences (notamment en dessin) et de temps. Lesquisse a t ralise par mes soins et
toute la suite de lexercice est ralise par Made.
Nous nutiliserons ici que peu des fonctions techniques de Photoshop, que nous exploiterons plutt
la manire dun outil de peinture, en tirant parti des fonctionnalits numriques qui nous permettront
dorganiser les plans et de revenir en arrire, de flouter des parties de limage ou de faire jouer les
niveaux dopacit.

Pour commencer, scannez votre image et prparez votre espace de travail. Pour cet exemple, nous avons utilis
une image de 30 x 35 cm numrise 300 ppp ; ces dimensions nous permettront ensuite de limprimer. Pour
le moment, nous allons travailler en RVB.
Comme vous le voyez, le scan nest pas utilisable dans limage finale. Il disparatra sous la couleur au fur et mesure que
nous avancerons, le dessin ntant l que pour servir de guide. Nous pourrions travailler en nous rfrant directement au
croquis papier, mais nous risquerions alors de perdre certaines proportions importantes qui fonctionnent en ltat.

74
@

Mise en couleurs dun dessin

TP 12 l Mise en couleurs totale

Commenons par le bas de limage. Comme vous allez le voir, nous nutiliserons quun nombre limit de calques,
limage se construisant plutt comme une peinture. Le droit lerreur est donc plus restreint quavec dautres
techniques. Les calques serviront simplement grer les effets de plans (avant/arrire-plan) et de transparence. Crez
un calque sur lequel vous allez appliquer les formes principales des deux berges suggres dans limage de base.

Ensuite, commencez donner du volume cette base. Assombrissez un peu les bords, appuyez la diffrence
entre la terre et lherbe, et dfinissez ds maintenant une source de lumire. Celle-ci est centrale et provient du
haut de limage et de la cascade.

75
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin

La figure dexemple fait apparatre le travail du pinceau. Au dpart, commencez par des aplats plus grossiers, puis
affinez les touches au fur et mesure. Partez aussi dun bross plutt flou, avec un pinceau relativement diffus
dont vous modifierez lopacit pour obtenir un dgrad plus ou moins homogne. Terminez aprs par un pinceau
plus net et sensible la pression.

Chaque lment doit tre travaill selon le mme procd, en commenant par des effets plus grossiers puis
en travaillant progressivement dans le dtail. Vos choix de couleurs sont importants ds le dpart, car vous ne
pourrez pas y revenir comme au cours des exercices prcdents. Prenez donc le temps de rflchir aux palettes
utilises dans votre image. Dans cet exemple, nous avons dfini progressivement lherbe, en commenant par les bords
et les pointes.

76
@

Continuez affiner les dtails des diffrents lments. Ici, nous poursuivons le travail sur lherbe ainsi que sur
les berges. Quelques pierres ont aussi t ajoutes et immdiatement claircies pour tenir compte de la source
lumineuse imagine au dpart.

Ces berges sont un peu tristes. Vous allez donc y ajouter de petits cours deau superficiels, ainsi que quelques
morceaux de terre qui forment un passage troit entre les deux parties dj entames. Pour ce type de ralisation,
il est important de garder quelques marges dimprovisation.

Mise en couleurs dun dessin

TP 12 l Mise en couleurs totale

77
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


78
@

Lherbe est maintenant ajoute nos nouveaux lments. Comme les pierres manquaient de discrtion, nous les
avons dplaces et lgrement attnues. Quelques reflets sur leau et de petites fleurs ont aussi agrment la
scne. Poursuivez ce travail fin sur lherbe jusqu ce que le rsultat vous semble satisfaisant.

Crez un nouveau calque pour leau qui provient de la cascade. Nous allons procder de la mme manire que
pour ltape prcdente. Dabord, slectionnez un grand pinceau flou pour appliquer un dgrad bleu, en utilisant
la teinte la plus claire du ct de la source de lumire.

10

Ajoutez quelques reflets plus sombres pour donner plus de relief et de profondeur leau. Pour cela, utilisez un
pinceau plus fin et plus net, en reprenant les couleurs du dgrad de dpart avec loutil Pipette (Alt).

11

Ajoutez quelques reflets supplmentaires en blanc, pour suggrer un mouvement dans leau, sous forme de
petites vaguelettes. Ajoutez un peu de vert dans le bleu de leau pour crer des reflets plus ralistes.

Mise en couleurs dun dessin

TP 12 l Mise en couleurs totale

79
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


80
@

12

Ajoutez des lments, comme des feuilles, pour rendre la scne plus naturelle, et poursuivez plus en dtail le
travail sur les reflets. Nhsitez pas zoomer au maximum pour raliser un dessin plus dtaill.

13

Le cours deau est maintenant quasiment termin. Nous allons passer au centre de la cascade, en commenant par
dresser de petits rochers trs clairs, notre source de lumire se trouvant prcisment cet endroit. Vous pouvez
continuer travailler sur le calque deau, qui se trouve derrire le calque des berges.

13

Mise en couleurs : second plan


Mise en couleurs totale

TP

e premier plan ralis, il est temps de soccuper des lments qui se placent au second plan, comme
les rochers et les arbres plants devant la cascade. Ce travail consistera principalement recrer
des effets de texture en clair-obscur qui suggrent les effets de matriau (roche, corce, feuillage).

Ensuite, passez aux rochers qui se trouvent juste derrire lherbe des berges. Ces objets vont tre plus dfinis
que les premiers petits cailloux que nous avions dessins. Commencez par crer une forme gnrale sombre qui
dfinit la silhouette de chaque bloc.

Ensuite, commencez sculpter le rocher avec les couleurs les plus claires, pour appliquer les premiers volumes.
Pour crer un volume plus raliste et plus efficace, vous pouvez ajouter une contre-lumire rappelant la couleur
de lherbe (la plus claire), provenant du dessous.

81
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin

Pour le dtail des roches, nhsitez pas ajouter des motifs, de la mousse et dautres lments bien disposs ;
vous apporterez une certaine richesse et de la varit dans limage. Si le traitement peut sembler assez rptitif,
les lments, eux, ne doivent pas ltre.

Continuez avec les premires bauches des roches au centre que vous aviez commences un peu plus tt.
Comme vous pouvez le voir, la progression est loin dtre linaire. De manire gnrale, il sagit dadopter une
certaine logique, pour coordonner lordre des plans, mais ces prcautions prises, il vous revient de dcider par
quoi commencer.

82
@

Comme pour les roches des bords, dessinez progressivement les dtails avec les couleurs les plus claires. Il
sagit de roches : on cherchera donc plutt obtenir des surfaces assez nettes, avec des arrtes tranches et des
asprits bien marques.

Le volume est mis en place avec des variantes de teintes, sans se limiter un dgrad dune couleur passant
du sombre au clair, afin dintroduire un peu de varit et des effets de matire plus naturels au sein du mme
lment.

Mise en couleurs dun dessin

TP 13 l Mise en couleurs : second plan

83
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


84
@

Vous allez maintenant poursuivre la construction de la scne avec de nouveaux rochers situs un peu plus en
arrire des lments dj prsents. En respectant peu prs la composition, on recre donc deux nouveaux pans
de roche verticaux en traant leur silhouette.

Nous avons dabord appliqu une couleur plus sombre sur ce calque, en verrouillant la transparence et en utilisant
le Pot de peinture, de manire travailler sur cette base sombre en avanant progressivement vers la couleur la
plus claire.

Chaque lment est mis en volume et dtaill avec un pinceau plus fin et plus net. Pour viter de vous y reprendre
plusieurs fois, vous pouvez aussi modifier lopacit du pinceau afin de dfinir progressivement les volumes.

10

Lvolution du dessin le montre bien : les parties sont dfinies progressivement en allant du plus fonc au plus clair.
Au passage, on ajoute des lments qui perturbent la rgularit du motif : mousse, fleurs, variantes de teintes.

Mise en couleurs dun dessin

TP 13 l Mise en couleurs : second plan

85
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin


86
@

11

Maintenant que le roc de gauche est en place, passez au ct droit. Noubliez pas que la source lumineuse est
centrale et que par consquent, lclairage doit tre invers du ct droit de limage (il vient du centre et donc de
la gauche du rocher).

12

Vous pouvez maintenant relguer larrire-plan le motif de pierres sur lequel vous travaillez, afin de laisser
apparatre les dtails du calque deau sur lequel vous aviez ajout quelques pierres qui dpassait de votre premier
calque de berges.

13

Pour ajouter de la profondeur et commencer travailler leffet de cascade, nous allons crer un nouveau calque
entre le calque du rocher et celui de leau. Sur ce calque de brume, nous allons utiliser un pinceau trs diffus et
une teinte claire pour simuler un lger brouillard entre les deux plans.

14

Ensuite, continuez ajouter des plans de roches au fond, afin davancer la construction de limage. Avec un pinceau
net, dfinissez une forme anguleuse qui constituera la silhouette du rocher, comme pour les plans prcdents.

Mise en couleurs dun dessin

TP 13 l Mise en couleurs : second plan

87
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin

15

Noubliez pas de passer le calque derrire les roches du premier plan. Vous viterez ainsi de peindre plus quil
nest ncessaire pour passer juste derrire le premier plan. Vous pouvez toujours tendre le dessin pour vous
donner un peu de marge, afin davoir la possibilit de dplacer un peu les calques par la suite, suivant les besoins
de la composition. Ajoutez des teintes diffrentes qui rappellent le lichen (rouille) ou la mousse (vert) en restant dans
une palette cohrente bien entendu. Ces petits lments enrichiront la scne. Puisque lenvironnement est humide, vous
pouvez faire lgrement briller la roche avec des rehauts de blanc sur ses arrtes.

16

88
@

Avec une couleur plus claire, commencez dfinir les volumes, en conservant lesprit que la lumire vient du
centre, si bien que les parties les plus claires doivent se placer sur la droite du rocher.

17

Mise en couleurs dun dessin

TP 13 l Mise en couleurs : second plan

Passez maintenant aux arbres. Pour commencer, comme pour les roches, dfinissez une forme globale qui
correspond la silhouette des troncs des arbres. Suivez peu prs le sketch de dpart. Posez dores et dj
lombre et la lumire de faon approximative.

Affinez lgrement le dessin et appliquez la contre-lumire qui correspond aux reflets de leau et la couleur du
centre de la cascade. Ces trois teintes vont permettre de dfinir le volume de larbre. Pour mlanger les couleurs
et ne pas vous retrouver avec des teintes radicalement diffrentes, utilisez un pinceau sensible la pression et
travaillez rgulirement avec loutil Pipette (Alt) pour ajuster vos couleurs.

18

89
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin

19

Une fois le volume global dfini, passez aux dtails de lcorce. Celle-ci sera dfinie par petites touches de couleurs
plus claires qui tirent vers le jaune-orang au-dessus, afin de former les crevasses typiques dune corce darbre.

Dessous, travaillez avec la couleur de la cascade, qui tire sur les tons bleus/verts. Avec la technique prcdemment
dcrite, en utilisant loutil Pipette et un pinceau sensible la pression, vous obtiendrez facilement un dgrad de
lumire plus naturel. Le feuillage doit venir se placer au-dessus des troncs. On peut donc dj dfinir lombre quil
projette dessus. Utilisez un pinceau doux, en rduisant lopacit et en choisissant une couleur plus sombre, mais pas noire,
afin de conserver une jolie harmonie colore.

20

90
@

21

Dfinissez maintenant le feuillage des arbres. Comme pour les roches et les troncs, utilisez loutil Pinceau pour
crer la silhouette gnrale de chaque groupe de feuilles. Placez le calque de feuillage au-dessus du calque
dcorce.

22

Ralisez ensuite le volume grossier des feuillages, avec une couleur plus claire sur le dessus et une plus sombre
en dessous. On a trs vite une bonne ide de ce que cela doit donner par la suite.

Mise en couleurs dun dessin

TP 13 l Mise en couleurs : second plan

91
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin

Vous ne dessinerez pas vos feuilles une une :


ce serait trop fastidieux. Comme pour lherbe
au dpart, il faut trouver une criture pour
vos feuilles. Ce travail est dans tous les cas assez long ;
commencez par crer un motif par petites touches, serr
et plus ou moins rgulier, en allant du plus sombre au
plus clair.

23

Ajouter de petites touches trs claires sur le dessus,


pour suggrer la prsence de multiples petites
feuilles sans avoir tout dtailler. Une fois que
vous avez travaill la lumire du dessus, revenez sur le
contour et dcoupez-le avec la Gomme (E), afin dobtenir
une forme moins ronde et plus irrgulire. Vous pouvez
verrouiller la transparence du calque pour travailler votre
aise et viter de dborder.

24

Procdez de la mme manire avec le contour des deux arbres. Profitez-en pour ajouter la contre-lumire
provenant du dessous. Elle peut aussi vous aider suggrer la prsence de multiples petites feuilles. Votre feuillage
termin, vous pouvez revenir au fond. Noubliez pas de dverrouiller la transparence du calque lors de cette
opration ; vous aurez sinon une autre couleur la place de la transparence dsire.

25

92
@

14

Mise en couleurs : nues


Mise en couleurs totale

TP

es lments du devant de la scne sont tous disposs (premier et second plans). Vous pouvez
maintenant travailler sur larrire-plan, en commenant notamment, lgrement devant, par
les effets de volutes et de vapeur qui doivent contribuer latmosphre mystrieuse de la scne.
Ces tapes impliquent un travail sur des lments plus diffus, qui oprent dans limage en semitransparence.

Pour les grosses volutes de vapeur du fond, cest trs simple ; avec un pinceau plutt doux, tracez la forme
gnrale en utilisant la couleur la plus sombre, puis verrouillez la transparence et dessinez des spirales avec une
couleur plus claire, jusqu ce que vous soyez satisfait du rsultat. Ici, nous avons conserv un halo plus clair
lendroit o doit se placer la tte du personnage. Il sagit simplement dun repre.

Nous allons maintenant nous occuper des pics rocheux qui encadrent la cascade. Comme pour les lments
prcdents, dfinissez une silhouette gnrale au dpart. Ici, nous avons utilis un gris assez clair. En gnral, pour
conserver la profondeur de limage, on utilise des couleurs de plus en plus claires mesure que lon sloigne du
premier plan.

93
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin

Sur le dessus, ajoutez la masse dherbe que vous dfinirez au fur et mesure que vous dessinerez le dtail de
ces lments. Le pinceau utilis importe peu ici, car il sagit en quelque sorte dun brouillon ; vous le rendrez plus
propre directement sur le calque. Verrouillez maintenant la transparence du calque, pour viter de dvier trop de
votre forme initiale.

4
94
@

Commencez par raliser le volume principal. Appliquez une ombre lextrieur des piliers et sous les masses
dherbe. Vous pouvez utiliser un pinceau net ou flou, peu importe : tout ceci aura disparu dans quelques instants,
lorsque vous commencerez dtailler vos lments.

Mise en couleurs dun dessin

TP 14 l Mise en couleurs : nues

Travaillez maintenant sur les dtails de la roche, en traant les arrtes et les petites fissures. Utilisez un zoom 100
% pour que votre travail soit plus prcis. De manire gnrale, pour les silhouettes et les volumes grossiers, vous
pouvez travailler de loin , mais pour tous les dtails, mieux vaut zoomer pour tre plus prcis.

Continuez dessiner les dtails en entrelaant la vgtation et la roche et en dfinissant mieux les ombres. Sur
cette partie, nous procdons linverse de notre mthode habituelle, en ajoutant des couleurs sombres sur une
base claire. Comme les volumes sont plus effacs et lombre moins importante, on peut se permettre de raliser
ainsi ces lments loigns.

95
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin

Rehaussez les contours des rochers, en utilisant loutil Gomme et un pinceau net pour bien dcouper les contours,
puis ajoutez quelques touffes dherbe pour casser la rgularit du motif rocheux. De prfrence, utilisez aussi
un pinceau net, afin que le trac soit propre et tranch. Pour cette opration, dverrouillez la transparence des
calques.

8
96
@

Ralisez les dtails de lherbe. Vous pouvez faire apparatre un morceau de roche au milieu. Ajoutez de petites
fleurs et dcoupez la silhouette de cet lment comme vous lavez fait avec la roche, en ajoutant un motif dherbe
qui se dcoupe sur le fond et en utilisant loutil Gomme pour sculpter votre forme.

Nous allons maintenant crer un nuage diffus de vapeur qui slve derrire les pics. Avec loutil Pipette (Alt),
prlevez une couleur de la volute dj ralise et peignez une forme de nuage grossire, plus haute lextrieur
qu lintrieur.

10

Utilisez loutil Filtre > Attnuation > Flou Gaussien et rglez-le sur une trentaine de pixels pour produire un effet
de flou adapt la texture dune vapeur deau.

Mise en couleurs dun dessin

TP 14 l Mise en couleurs : nues

97
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin

Ensuite, verrouillez votre calque. Le verrouillage de la transparence fonctionne aussi sur le flou, ce qui est trs
pratique pour modifier lgrement la teinte du nuage de vapeur. Utilisez un pinceau doux, pour viter dappliquer
des teintes trop franchement contrastes. Vous pouvez aussi utiliser loutil Dgrad. Conservez une partie plus
sombre en haut du nuage transparent.
Ensuite, baissez lopacit du calque 60 %, pour crer un effet de transparence convenant au brouillard.

11

prsent, occupons-nous du fond de limage, qui se compose principalement dune grande cascade au milieu
de rochers. Nous allons traiter lensemble dun bloc ; si vous ne vous sentez pas encore laise avec la technique,
vous pourrez crer leau sur un calque spar, par exemple.
Utilisez un pinceau net et sur un nouveau calque, peignez la silhouette gnrale de la roche.

12

98
@

TP

Mise en couleurs : arrire-plan


Mise en couleurs totale

15

Avec un pinceau plus doux, assombrissez les bords et crez une bande bleue plus claire pour baucher la cascade.
Vous travaillez actuellement derrire le calque de brume ralis prcdemment ; sil vous gne, vous pouvez le
faire momentanment disparatre en cliquant sur licne en forme dil gauche du calque Fog (brouillard).
Cliquez sur cette mme icne pour le faire rapparatre.

Dessinez les craquelures dans la roche avec une couleur plus sombre et un pinceau fin, plutt sensible la
pression. Comme pour les dtails prcdents, essayez de travailler avec un zoom 100 % partir de maintenant.
Vous pourrez plus facilement crer des dtails prcis.

99
@

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin

Poursuivez ce travail des deux cts de la cascade, en tchant de conserver autant que possible le dgrad vers
les cts qui sont plus sombres. Pour cela, continuez utiliser la technique de la Pipette (Alt), en prlevant chaque
fois une couleur moins claire pour raliser un dgrad de lumire progressif.
Vous pouvez passer au travail sur leau de la cascade. Si vous avez du mal visualiser les reflets de leau au dpart, vous
pouvez vous documenter avec des photos. La meilleure mthode consiste comprendre le fonctionnement de la lumire
avant de le reproduire ; vous obtiendrez ainsi un rsultat plus naturel et conforme au reste de lillustration.

100

Ajoutez des couleurs plus claires pour obtenir une roche moins plate. Vous pouvez ajouter du blanc pour la
brillance et donner limpression que la roche est humide aux abords de la cascade. Le pinceau sensible la
pression vous permettra de travailler en douceur, par petites tapes.

Mise en couleurs dun dessin

TP 15 l Mise en couleurs : arrire-plan

toffez votre premier effet deau, avec du blanc et un pinceau sensible la pression. Pour que leffet soit plus
joli, on peut ajouter quelques roches en transparence derrire le rideau de la cascade. Il est plus sage de les
raliser avant de crer tous les reflets, pour appliquer du blanc par-dessus la roche et produire ainsi un effet de
transparence cohrent.

Vous pouvez faire remonter des couleurs claires du bas de la cascade, afin daccentuer leffet lumineux qui
provient du centre de limage. Pour crer leau plus rapidement, utilisez un pinceau lgrement textur, afin de
produire un coup de pinceau plus alatoire. Au niveau des bords de la cascade, ajoutez des gouttes deau qui
jaillissent en tous sens, pour affiner le dtail et rendre la scne encore plus vivante.

101

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin

La cascade est maintenant termine et vous pouvez passer au fond de limage. Nous raliserons ici un fond trs
simple, afin de conserver lattention sur le centre de limage et sur le personnage que nous allons crer en dernier.
Commencez par crer un nouveau calque et remplissez-le dune couleur trs sombre (mais pas noire pure). Ce
calque se trouvera tout en bas de la pile.

102

Faites partir un lger dgrad du centre de la cascade. Crez-le la main pour un meilleur rsultat. Vous pouvez
aussi utiliser loutil Dgrad (G) puis peaufiner le rsultat avec un pinceau sensible la pression, pour un rendu
plus naturel, en disposant dj les teintes dont vous avez besoin.

Ensuite, crez quelques rochers grossiers par-dessus ce calque pour finir la composition. Ils seront traits de
la mme manire que les roches prcdentes ; cependant, nous les conserverons assez sombres afin quils ne
perturbent pas la lecture de limage.

10

Ces rochers sont peu importants au niveau du dtail. Vous pouvez donc utiliser un pinceau textur pour crer des
dtails rapides, avec une couleur plus claire, en verrouillant la transparence du calque. La couleur plus claire est
celle du centre du dgrad ralis dans le fond, pour obtenir un fond ton sur ton discret.

Mise en couleurs dun dessin

TP 15 l Mise en couleurs : arrire-plan

103

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin

Compltez le fond avec des motifs plus ou moins ralistes. Il sagit simplement denrichir encore le dcor. Pour
obtenir une image complte et bien construite, il est important, considrant le dbut de notre travail, de ne pas
laisser de zone trop vide qui attirerait inutilement le regard. Votre dcor est maintenant termin, vous pouvez
passer ltape finale de ce travail : le personnage.

11

104

16

Coloration du personnage
Mise en couleurs totale

TP

ernire tape de notre composition, nous allons maintenant procder la mise en couleurs du
personnage au centre de limage. Un guide est fourni au dpart, avec des indications pour le
graphiste qui sera charg de la mise en couleurs.

Le personnage est situ dans la partie la plus centrale de limage, mais il est trs petit. Il faudra donc bien le
dtailler, sans trop le charger, afin quil reste toujours lisible, mme au milieu de tous ces lments imposants.
Ici, jai fourni Made un croquis plus dtaill, avec quelques indications crites, afin quil puisse se souvenir des
informations importantes au cours de son travail. Dans ces cas, on peut aussi utiliser loutil Annotations de Photoshop, qui
permet dajouter des notes crites nimporte o dans le document.

Jai galement fourni des indications de couleur en aplats, pour aiguiller le choix des couleurs en conservant la
logique de la palette utilise depuis le dbut dans cette image. Nous disposons ainsi dun brouillon de ce que doit
tre le personnage aprs le travail de mise en couleurs qui va tre ralis.

105

Travaux pratiques de colorisation avec Photoshop

Mise en couleurs dun dessin

106

Vous remarquerez que les indications sont trs grossires ; ce nest pas trs important : lessentiel de linformation
est l et tout ceci doit disparatre aprs le passage en couleurs. Le calque du personnage au trait noir est fusionn
avec le calque couleur (slectionnez les deux calques et appuyez sur Cmd+E/Ctrl+E).

Maintenant, ralisons la peinture proprement dite, conformment au reste de limage, directement sur le calque
de brouillon. Il faudra jongler avec le pinceau et la gomme pour obtenir un rsultat cohrent. Comme pour les
autres lments, commencez par des formes grossires, gnrales, puis affinez-les ensuite.

Mise en couleurs dun dessin

TP 16 l Coloration du personnage

Les personnages sont plus sensibles que les dcors. Ils incluent une myriade de dtails et de subtilits plus
importantes. On ne peut traiter la peau comme on le fait avec lherbe ou la roche, par exemple. vous de trouver
loutil qui convient le mieux. Ici, nous avons utilis un pinceau rond sensible la pression, mais avec un traitement
beaucoup plus doux. Si vous craignez de faire des erreurs, vous pouvez aussi procder par plans , en ralisant dabord
les cheveux sur un calque, puis le visage sur un autre, et les yeux sur un dernier, par exemple.

Votre personnage est maintenant prt. Noubliez pas de rajouter quelques petits reflets couleur de peau dans leau
pour un effet plus naturel. Comme vous lavez vu, cette image a t traite plus la manire dune peinture que
comme un document Photoshop technique ; cest lune des nombreuses manires de coloriser des illustrations.

107

Mise en couleurs
dune planche
de BD

109

Mise en couleurs dune planche

TP

17

Prparation dune planche

n gnral, vous recevez les planches en bitmap noir et blanc 1 200 ppp. Pour travailler
dessus, vous devrez les prparer un minimum. Vous devez adapter sa rsolution et son mode
colorimtrique, nettoyer le fond. Pour lessentiel, vous le verrez, ce travail de nettoyage impliquera
dexploiter habilement dastucieuses techniques de slection. Vous verrez aussi comment il peut tre
utile de se servir de scripts.

110

La premire chose faire (et lordre est ici important) est de passer cette planche de 1200 300 ppp. Pour cela,
choisissez Image > Taille de limage ou appuyez sur Alt+Maj+I.

Ensuite passez votre image noir et blanc en niveaux


de gris, laide du menu Image > Mode.

Conservez les proportions normales (1).

Ensuite passez votre image noir et blanc en niveaux de gris, laide du menu Image > Mode.

Renommez votre calque. Vous pouvez le verrouiller, par scurit, mme si ce nest pas ncessaire. Pour
le verrouillage du calque, quatre options sont proposes sous forme dicnes en haut de la palette Calques :
Verrouiller les pixels transparents, Verrouiller les pixels de limage, Verrouiller la position et Tout verrouiller.

Ensuite, nous allons slectionner le contour de la page, qui devra rester en blanc. Activez loutil Baguette magique
(W), en mode Pixels contigus et avec une tolrance de 10 maximum. Vous obtenez une slection globale
satisfaisante. Vous devez cependant un peu ltendre, pour que le blanc passe bien sous le trait noir.

Mise en couleurs dune planche

TP 17 l Prparation dune planche

111

Mise en couleurs dune planche

Travaux pratiques de colorisation avec Photoshop

En colorisation de BD, on se sert trs souvent de


lextension de slection. Pour ne pas avoir chaque
fois passer par la commandes Slection > Modifier
> Dilater qui est un peu fastidieuse chercher, nous allons
utiliser un script (en anglais, action).

112

Lidal est dattribuer une touche chaque script,


que vous mmoriserez comme un raccourci.
Voyons comment crer un nouveau script.

Mise en couleurs dune planche

TP 17 l Prparation dune planche

Commencez par crer un nouveau dossier, en


cliquant sur le petit dossier de la palette Scripts.
Donnez-lui un nom (ici, Actions Personnalises).
Ces dossiers sont trs pratiques si vous travaillez dans
plusieurs domaines. Vous pouvez ainsi sparer vos scripts
destins au travail sur les photographies de ceux que
vous utilisez pour les prparations de BD ou dillustrations
ou bien encore de ceux qui servent lexportation des
images.

Cliquez sur la petite icne de fichier de la fentre


Scripts pour crer un nouveau script. Nommezle, attribuez-lui un raccourci clavier et, au besoin,
attribuez-lui une couleur.

10

Photoshop passe ensuite directement en mode


Enregistrement. Comme nous avions dj
slectionn la partie qui nous intressait, il suffit
dtendre la slection dun pixel laide de la commande
Slection > Modifier > Dilater.

11

113

Mise en couleurs dune planche

Travaux pratiques de colorisation avec Photoshop

12

Entrez la valeur 1 (pixel) dans le champ Dilater de.

Une fois cette action effectue, cliquez sur le petit


bouton stop dans la palette Scripts pour interrompre
lenregistrement.
Cest termin. Vous pouvez maintenant appuyer deux
fois sur Maj+F2 pour tendre la slection de 2 pixels
supplmentaires.

13

114

14

Une fois la slection opre, passez sur un nouveau calque et activez loutil Pot de peinture (G). Slectionnez le
blanc (D pour passer la palette en noir et blanc, puis X pour inverser les couleurs de premier plan et darrire-plan),
puis remplissez la slection. Renommez ce calque blanc et crez un nouveau calque pour le fond.

15

Remplissez le calque de fond avec la couleur de votre choix, qui servira de base pour la page. Notez que pour le
moment, la couleur napparat pas sous le trait.

Mise en couleurs dune planche

TP 17 l Prparation dune planche

115

Mise en couleurs dune planche

Travaux pratiques de colorisation avec Photoshop

16

Pour voir le rsultat, il faut passer le calque trait en mode produit. Vous voyez ainsi plusieurs choses : votre
slection de blanc est peu prs correcte, mais il manque les bulles et lune dentre elles a t englobe, mais
lespace lintrieur des lettres nest pas blanc.

Pour rsoudre ce problme, repassons sur le calque blanc et utilisons loutil Lasso pour slectionner la partie
complter. Ensuite, utilisez de nouveau loutil Pot de peinture. Pour viter les problmes de remplissage, prtez
attention aux paramtres de loutil : la tolrance et lopacit doivent tre au maximum et toutes les autres options
doivent tre dcoches.

17

116

18

Remplissez la slection en blanc. Voil une bulle faite !

19

Slectionnez les autres bulles et tendez leur slection, puis remplissez-les de blanc.
Comme vous pouvez le voir, le trait nest pas compltement ferm par endroits, ce qui cre des erreurs. Vous
pouvez les rattraper la main par la suite.

Mise en couleurs dune planche

TP 17 l Prparation dune planche

117

Mise en couleurs dune planche

Travaux pratiques de colorisation avec Photoshop

118

20

Utilisez loutil Lasso avec un zoom rapproch pour slectionner les lments les plus complexes et les lignes qui
ne sont pas droites.

21

Utilisez ensuite loutil Rectangle de slection pour le bas de la case. Pour que les deux slections se marient
automatiquement, maintenez la touche Maj enfonce pendant que vous utilisez loutil Rectangle de slection.
Supprimez ensuite le blanc en trop (touche Suppr ou Retour).

22

Avec loutil Rectangle de slection, slectionnez les lettres qui nont pas t remplies par le blanc. Pour combiner
plusieurs slections de ce genre, maintenez la touche Maj enfonce pendant que vous slectionnez les zones
choisies.

23

Remplissez la slection de blanc. Votre page est prte pour la mise en couleurs !

Mise en couleurs dune planche

TP 17 l Prparation dune planche

119

Mise en couleurs dune planche

TP

18

Mise en couleurs en aplats

a mise en couleurs en aplats peut paratre assez simple. Si la technique lest, il faut cependant
avoir quelques notions de dessin et un bon sens des harmonies de couleurs pour la matriser.
Dans ces travaux pratiques, nous allons prsenter une technique trs simple de mise en couleurs
en aplats. Tout dabord commenons par le fond. Par prudence, travaillez toujours avec des calques
spars, afin de pouvoir modifier vos dessins et revenir sur votre travail sans trop de complication.

Les dernires cases sont sans dcor. Nous allons donc simplement reporter lombre du personnage sur le fond
color. Slectionnez un pinceau net et rond, puis choisissez une couleur plus sombre que celle du fond et dessinez
lombre du personnage.

Ensuite, remplissez limage avec les couleurs appropries cest une affaire de choix ; il ny a pas vraiment de
recette. Vous devez avoir en tte lambiance gnrale des couleurs pour raliser une mise en couleurs harmonieuse.
Il est aussi possible dharmoniser les couleurs la fin, laide de quelques rglages.
Vous pouvez dborder sous le personnage ou sous le blanc, cela na pas dimportance.

120

Crez un nouveau calque et faites la mme chose avec le personnage. Vous recouvrirez au passage les
dbordements du dcor.

Vos aplats sont maintenant prts. Cette tape est assez longue et parfois fastidieuse, mais lorsquelle est bien
ralise, elle permet de gagner beaucoup de temps par la suite.

Mise en couleurs dune planche

TP 18 l Mise en couleurs en aplats

121

Mise en couleurs dune planche

Travaux pratiques de colorisation avec Photoshop

5 Passons la lumire. Crez un nouveau calque en le nommant comme il faut passez-le en mode Incrustation
(Overlay). Ici, nous avons choisi une couleur dore assez sombre pour la lumire. Quand vous serez habitu
travailler avec ce mode, vous choisirez vos couleurs en fonction. ce stade, vous aurez peut-tre encore du
mal deviner le rsultat que doit produire chaque teinte, aussi nhsitez pas faire des tests. Appliquez les touches de
lumire de manire logique, sur les lments du fond, avec un pinceau net et rond. Cet exercice requiert que vous soyez
minutieux. Il implique notamment beaucoup de jouer avec le pinceau et la gomme pour affiner les fins de tracs.

122

Pour enrichir un peu notre calque de lumire, choisissons une couleur lgrement plus sombre et appliquons l en
guise de contre-lumire (comme si une deuxime source de lumire provenait de lautre ct de la scne). Vous
contribuerez ainsi donner du volume aux objets et aux personnages).

Vous pouvez galement faire briller lgrement certains des lments, comme, ici, le casque et la tlvision.

Appliquez la mme mthode au personnage. Cette fois, appliquez un masque dcrtage (Cmd+Alt+G/Ctrl+Alt+G)
au calque de lumire afin quil ne corresponde quau seul calque du personnage et que vous ne soyez pas oblig
de travailler avec une slection. Vous travaillez ainsi de manire plus rapide et prcise.

Mise en couleurs dune planche

TP 18 l Mise en couleurs en aplats

123

Mise en couleurs dune planche

Travaux pratiques de colorisation avec Photoshop

10

124

Comme sur les objets et le dcor, vous pouvez appliquer une contre-lumire, moins intense, au personnage.

Flicitations, votre page est prte !