Beruflich Dokumente
Kultur Dokumente
Colorisation avec
Photoshop
Manga et BD, illustration,
logo, publicit...
Kness
Made
Avant-propos......................................................................................................................................................................... 3
.
.
TP
TP
TP
TP
TP
Colorer le trait..................................................................................................................................................... 35
TP
TP
TP
TP
TP
1
@
TP
TP
TP
TP
12
12
12
12
12
TP
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
@
INTRODUCTION
4
@
6
@
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
57
@
INTRODUCTION
INTRODUCTION
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
@
Termes
techniques
D
INTRODUCTION
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.
8
10
@
Termes
Travaux pratiques
Introduction
de colorisation
avec techniques
Photoshop
9
11
@
INTRODUCTION
INTRODUCTION
GLOSSAIRE
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
11
13
@
INTRODUCTION
INTRODUCTION
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)
Maj+L
Pot de peinture
G (Gradient)
Dgrad
Maj+G
Dplacement
Cmd/Ctrl+V+clic
Zoom
Cmd/Ctrl++
Zoom arrire
Cmd/Ctrl+-
Annuler
Cmd/Ctrl+Z
Cmd/Ctrl+Maj+Z
Cmd/Ctrl+Maj+C
Transformation manuelle
Cmd/Ctrl+T
Cmd/Ctrl+Alt+G
Cmd/Ctrl+G
Cmd/Ctrl+Maj+E
Enregistrer
Cmd/Ctrl+S
Enregistrer sous
Cmd/Ctrl+Maj+S
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).
13
@
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
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
@
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
@
TP
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.
19
@
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.
TP
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
@
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).
23
@
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
@
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
TP 3 l Nettoyer limage
27
@
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.
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.
29
@
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. Pour cela, dupliquez le calque fusionn.
TP 4 l Renforcer le trait
31
@
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 ).
TP
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.
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
@
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.
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.
35
@
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.
Votre base est maintenant prte. Il est donc temps de procder sa mise en couleurs !
TP 6 l Colorer le trait
37
@
TP
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.
39
@
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.
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
@
TP
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.
43
@
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.
45
@
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.
47
@
13
14
15
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
@
TP
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.
51
@
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.
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
@
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
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
@
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
TP
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
@
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.
59
@
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.
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
@
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
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
@
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.
65
@
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
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
@
TP
11
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.
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
@
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.
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
@
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
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
@
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
@
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.
77
@
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.
79
@
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
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
@
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.
83
@
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.
85
@
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.
87
@
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
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
@
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.
91
@
23
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
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
@
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.
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
@
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.
97
@
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
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
@
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.
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
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.
103
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
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.
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
TP
17
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.
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.
111
112
10
11
113
12
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.
115
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
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.
117
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 !
119
TP
18
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.
121
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.
123
10
124
Comme sur les objets et le dcor, vous pouvez appliquer une contre-lumire, moins intense, au personnage.