Вы находитесь на странице: 1из 393

Adobe

Photoshop CC

Le support de cours officiel


conu par lquipe dAdobe

CLASSROOM IN A BOOK
SOMMAIRE

INTRODUCTION 1
propos de ce manuel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
Les nouveauts de cette dition . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
Contexte dutilisation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
Installation dAdobe Photoshop et dAdobe Bridge . . . . . . . . . . . 3
Dmarrage dAdobe Photoshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
Accder aux fichiers dexercices de Classroom in a Book . . . . . .3
Rtablissement des prfrences par dfaut . . . . . . . . . . . . . . . . . . 4
Ressources complmentaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Le programme de certification Adobe . . . . . . . . . . . . . . . . . . . . . . . 6

1 LESPACE DE TRAVAIL DE PHOTOSHOP 9


Lancement de Photoshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Les outils . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
Le rglage des proprits des outils . . . . . . . . . . . . . . . . . . . . . . . . 21
Annulation dactions dans Photoshop . . . . . . . . . . . . . . . . . . . . . . 25
Les panneaux et leur disposition . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
Personnalisation de lespace de travail . . . . . . . . . . . . . . . . . . . . . . 32
En savoir plus sur lutilisation de Photoshop . . . . . . . . . . . . . . . . 36

2 LES BASES DE LA RETOUCHE PHOTOGRAPHIQUE 41


Stratgie de retouche . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
Rsolution et dimensions de limage . . . . . . . . . . . . . . . . . . . . . . . 42
Prparatifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44
Redressement et recadrage dans Photoshop . . . . . . . . . . . . . . . 45
Ajustement de la couleur et des tons . . . . . . . . . . . . . . . . . . . . . . . 47
Loutil Correcteur localis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48
Le remplissage avec contenu pris en compte . . . . . . . . . . . . . . . 52
Rparation dun document avec loutil
Tampon de duplication . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
Loutil Pice avec contenu pris en compte . . . . . . . . . . . . . . . . . . . 54
Renforcement de la nettet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56
3 LES SLECTIONS 61
La slection et les outils de slection . . . . . . . . . . . . . . . . . . . . . . . 62
Prparatifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63
Loutil Slection rapide . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63
Dplacement dune slection . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64
manipulation de slections . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65
Loutil Baguette magique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68
Les outils Lasso . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71
Rotation dune slection . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72
Loutil Lasso magntique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73
modification de la taille
et copie dune slection . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75
Recadrage de limage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77

4 LES CALQUES: TECHNIQUES LMENTAIRES 81


propos des calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82
Prparatifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82
Utilisation du panneau Calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83
Rorganisation des calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88
Ajout dun dgrad un calque . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98
Application dun style de calque . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99
Ajouter un calque de rglage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103
mettre jour un style de calque . . . . . . . . . . . . . . . . . . . . . . . . . . . 105
Ajouter un cadre . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107
Aplatissement et enregistrement de limage . . . . . . . . . . . . . . .108

5 CORRECTION ET RETOUCHE DE PHOTOGRAPHIES NUMRIQUES 113


Prparatifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .114
propos des fichiers Camera Raw . . . . . . . . . . . . . . . . . . . . . . . . . 117
Traitement des images dans Camera Raw . . . . . . . . . . . . . . . . . . 117
Correction de photographies numriques . . . . . . . . . . . . . . . . . 142
Correction de la distorsion dune image . . . . . . . . . . . . . . . . . . . 147
Augmentation de la profondeur de champ . . . . . . . . . . . . . . . .150
Extension des objets avec loutil Dplacement
bas sur le contenu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152

IV SommAIRE
6 LES MASQUES ET LES COUCHES 161
propos des masques et des couches . . . . . . . . . . . . . . . . . . . . . 162
Prparatifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162
Cration dun masque . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163
Amlioration du masque . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .164
Cration dun masque temporaire . . . . . . . . . . . . . . . . . . . . . . . . .168
Dformation de la marionnette . . . . . . . . . . . . . . . . . . . . . . . . . . .170
Utilisation des couches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 172
Ajustement dune couche . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175

7 CONCEPTION TYPOGRAPHIQUE 181


propos du texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182
Prparatifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182
Cration dun masque dcrtage partir du texte . . . . . . . . . 183
Cration dun texte sur un trac . . . . . . . . . . . . . . . . . . . . . . . . . . . 187
Dformation du texte de point . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191
Conception dun texte de paragraphe . . . . . . . . . . . . . . . . . . . . . 192
Les styles de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .194
Ajout dun rectangle arrondi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .199
Ajout dun texte vertical . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .200

8 LES TECHNIQUES DE TRACS VECTORIELS 205


propos des images bitmap
et des graphismes vectoriels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .206
propos des tracs et de loutil Plume . . . . . . . . . . . . . . . . . . . . . 207
Prparatifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 207
Utilisation des tracs dans les images . . . . . . . . . . . . . . . . . . . . . .208
Cration dobjets vectoriels pour larrire-plan . . . . . . . . . . . . . 217
Utilisation de formes personnalises prdfinies . . . . . . . . . . . 222
Importation dun objet dynamique . . . . . . . . . . . . . . . . . . . . . . . . 227

ADoBE PHoToSHoP CC CLASSRoom IN A BooK V


9 COMPOSITION AVANCE 235
Prparatifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .236
Rorganisation des calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 237
Les filtres dynamiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .240
Peinture sur un calque . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 243
Ajout dun arrire-plan . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245
Automatisation dune tche . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .246
Augmentation des dimensions
dune image basse rsolution . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 255
Enregistrement de limage avant impression
en quadrichromie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 257
Correspondance des couleurs entre plusieurs images . . . . . .258
Cration dun panorama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 261
Finalisation de limage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263

10 DITION VIDO 269


Prparatifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .270
Crer un projet vido . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 271
Animer du texte avec des images cls . . . . . . . . . . . . . . . . . . . . . 275
Les effets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 277
Ajout de transitions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .284
Ajout de son . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .286
Rendu de la vido . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .288

11 PEINDRE AVEC LOUTIL PINCEAU MLANGEUR 291


propos de loutil Pinceau mlangeur . . . . . . . . . . . . . . . . . . . . . 292
Prparatifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 292
Slection des paramtres de forme . . . . . . . . . . . . . . . . . . . . . . . . 293
mlange des couleurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .298
Cration dune forme prdfinie . . . . . . . . . . . . . . . . . . . . . . . . . . . 301
mlange de couleurs dans une photographie . . . . . . . . . . . . . . 303

VI SommAIRE
12 LES IMAGES 3D 311
Prparatifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 312
Cration dune forme 3D partir dun calque . . . . . . . . . . . . . . 313
manipulation dobjets 3D . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .314
Ajout dobjets 3D . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .316
Fusion de calques 3D en un mme espace3D . . . . . . . . . . . . .320
Placement des objets dans la scne . . . . . . . . . . . . . . . . . . . . . . . 321
Dplacement dobjets laide du widget Axe3D . . . . . . . . . . 322
Application de matires sur des objets 3D . . . . . . . . . . . . . . . . .328
clairage dune scne 3D . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .334
Rendu dune scne 3D . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 337

13 PRPARER DES FICHIERS POUR LE WEB 343


Prparatifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .344
Cration de tranches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 347
Exportation des images et du fichier HTmL . . . . . . . . . . . . . . . . 353
La fonctionnalit Zoomify . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .358

14 LIMPRESSION COULEUR 365


Gestion des couleurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .366
Prparatifs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .368
Dfinition des paramtres
de gestion des couleurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .368
Cration dune preuve-cran . . . . . . . . . . . . . . . . . . . . . . . . . . . . .369
Identification des couleurs non imprimables . . . . . . . . . . . . . . .370
Prparation et impression dune preuve . . . . . . . . . . . . . . . . . . 372
Enregistrement dune image au format EPS CmJN . . . . . . . . .374
Impression . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 375

INDEX 382

ADoBE PHoToSHoP CC CLASSRoom IN A BooK VII


INTRODUCTION

Adobe PhotoshopCC, le logiciel de rfrence pour la retouche dimages, propose


aux professionnels de limage des outils artistiques novateurs, des fonctions ddition
dimage puissantes au sein dune interface intuitive. Adobe Camera Raw, inclus dans
PhotoshopCC, offre une plus grande flexibilit et un meilleur contrle sur les images
au format raw ainsi que sur les images TIFF et JPEG. PhotoshopCC fournit tous les
outils dont vous avez besoin pour transformer les images encore plus facilement.

propos de ce manuel
Adobe PhotoshopCC Classroom in a Book fait partie du programme officiel de formation
la conception graphique et aux logiciels de publication dAdobe dvelopp avec le
soutien des experts Adobe. Les leons proposes sont conues pour sadapter votre
rythme dapprentissage. Si vous ne connaissez pas Adobe Photoshop, vous apprendrez
les concepts fondamentaux ncessaires son utilisation. Quant aux utilisateurs avertis,
ce manuel leur propose nombre dastuces et de mthodes propres la toute dernire
version de cette application et ladaptation dimages en vue dune diffusion sur le Web.
Si chaque leon vous guide pas pas dans la cration dun projet donn, une marge
dexploration et dessai vous est cependant laisse. Vous pouvez donc aussi bien suivre
la progression du manuel que choisir de ne vous pencher que sur les leons que vous
jugerez utiles. Chaque leon sachve par un ensemble de questions/rponses qui
permettent de rviser son contenu.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 1


Les nouveauts de cette dition
Cette dition contient des informations sur les nouvelles fonctionnalits dAdobe
PhotoshopCC, comme les actions conditionnelles qui permettent dexcuter diff-
rentes actions selon certains critres que vous dfinissez, la possibilit de modifier
chaque angle dune forme rectangulaire cre avec loutil Rectangle arrondi de faon
indpendante, le filtre Rduction du tremblement qui rduit le flou de mouvement
dans les images prises appareil tenu en main ainsi que des amliorations apportes
loutil Recadrage offrant plus de contrle pour recadrer, redresser et modifier la pers-
pective une image. En outre, ces leons expliquent comment utiliser loutil Fluidit
comme filtre dynamique, le filtre Flou de diaphragme et les autres filtres de la galerie
de flous sur les calques dynamiques, lagrandissement intelligent des images, la copie
des attributs de calques en code CSS pour les pages web et plus encore.
Cet ouvrage contient galement de nombreuses informations additionnelles sur les
autres fonctionnalits de Photoshop et des conseils dutilisation. Vous apprendrez
ainsi les meilleures mthodes dorganisation, de gestion et de prsentation de vos
photographies et vous verrez comment les optimiser pour le Web. De plus, des astuces
et des techniques crites par Julieanne Kost, un expert dAdobe, maillent les pages
de ce manuel.

Contexte dutilisation
Avant de commencer votre apprentissage avec Adobe PhotoshopCC Classroom in a
Book, vous devez connatre le fonctionnement de votre ordinateur et de son systme
dexploitation. Vous devez savoir vous servir dune souris, des menus standard et des
commandes, et tre capable douvrir, denregistrer ou de fermer un fichier. Reportez-
vous la documentation en ligne ou papier fournie avec votre systme dexploitation
en cas de besoin.
Pour complter les leons de cet ouvrage, Adobe PhotoshopCC et Adobe BridgeCC
doivent tre installs sur votre ordinateur.

2 INTRoDUCTIoN
Installation dAdobe Photoshop
et dAdobe Bridge
Avant tout, assurez-vous de la bonne configuration de votre systme et de linstalla-
tion correcte des logiciels et matriels ncessaires. Le logiciel Adobe PhotoshopCC
est vendu sparment. Pour la configuration minimale requise et les instructions
dtailles dinstallation, allez sur le Web ladresse suivante: www.adobe.com/fr/
support. Notez que certaines fonctionnalits de PhotoshopCC, notamment les fonc-
tionnalits3D, ncessitent une carte graphique qui prenne en charge OpenGL2.0 et
dispose de 512Mo de mmoire RAM ddie.
De nombreuses leons de ce livre ncessitent Adobe Bridge. Adobe Photoshop et
Bridge utilisent chacun un programme dinstallation diffrent. Ces deux applications
doivent tre installes sur le disque dur de lordinateur depuis Adobe Creative Cloud.
Pour linstallation, suivez les instructions affiches lcran.

Dmarrage dAdobe Photoshop


AdobePhotoshop se lance comme tous les logiciels.
Sous Windows: Choisissez Dmarrer> Tous les programmes> Adobe PhotoshopCC.
Sous MacOS: Ouvrez le dossier dans lequel vous avez install les programmes (par
dfaut, le dossier Programmes/Applications/Adobe PhotoshopCC), puis double-cli-
quez sur licne dAdobe Photoshop.

Accder aux fichiers dexercices


de Classroom in a Book
Pour raliser les projets proposs dans cet ouvrage, vous devez tlcharger les fichiers
des leons partir du site www.pearson.fr, sur la page ddie au livre. Lidentifiant
ainsi que le mot de passe pour y accder sont indiqus la dernire page de louvrage.
Tous les fichiers dexercices sont runis dans une mme archive. Bien que chaque
leon soit autonome, certaines se servent de fichiers dautres leons. Vous devez donc
conserver lintgralit des documents des leons sur votre ordinateur.
Pour suivre les leons de cet ouvrage, vous devez tlcharger les fichiers associs aux
leons depuis le site pearson.fr. Vous pouvez soit les installer au fur et mesure et
les supprimer quand vous avez termin une leon ou tous les tlcharger en une fois.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 3


Rtablissement des prfrences par dfaut
Les informations concernant la configuration de certains paramtres et des panneaux
sont stockes dans le fichier de prfrences de Photoshop. Lorsque vous quittez
Photoshop, ce fichier est automatiquement mis jour pour reflter la position des
panneaux et de certains autres paramtres. Toutes les options actives et dsactives
dans la bote de dialogue Prfrences sont galement sauvegardes dans ce fichier.
Afin dtre sr que laffichage sur votre cran sera identique celui des figures de cet
ouvrage, vous devez restaurer la configuration par dfaut de Photoshop au dbut de
chaque leon. Si vous prfrez conserver vos prfrences, les panneaux et les outils de
PhotoshopCC risquent de prsenter un aspect diffrent de celui dcrit dans ce manuel.
Si vous avez personnalis les paramtres de calibrage de votre moniteur, enregistrez-
les avant de commencer les exercices de ce livre. Pour cela, suivez la procdure simple
ci-aprs.

Sauvegarder les paramtres colorimtriques


1. Lancez Photoshop.
2. Cliquez sur dition> Couleurs.
3. Dans la bote de dialogue qui souvre alors, vrifiez le champ Paramtres:
Sil contient quoi que ce soit dautre que Personnaliss, notez le nom du fichier
de paramtres et cliquez sur OK pour fermer la bote de dialogue. Il est inutile
de suivre les tapes suivantes de cette procdure.
Sil indique Personnaliss, cliquez sur le bouton Enregistrer (et non sur le
boutonOK).
Le dossier Settings saffiche alors dans la bote de dialogue Enregistrer. Ce dossier
contient diffrents fichiers au format .csf.
4. Donnez un nom explicite vos paramtres colorimtriques dans le champ Nom
du fichier (Windows) ou Enregistrer sous (MacOS) puis cliquez sur Enregistrer.
5. Dans la bote de dialogue Commentaires sur les couleurs, entrez un texte descriptif
qui vous permettra didentifier facilement vos paramtres colorimtriques par la
suite. Il peut sagir de la date, de la description de paramtres en particulier ou du
nom de votre groupe de travail.
6. Cliquez sur OK pour fermer la bote de dialogue Commentaires sur les couleurs et
de nouveau surOK pour fermer la bote de dialogue Couleurs.

4 INTRoDUCTIoN
Restaurer les paramtres colorimtriques
1. Lancez Photoshop.
2. Cliquez sur dition> Couleurs. Slectionnez le fichier que vous avez sauvegard
la section prcdente dans le menu droulant Paramtres de la bote de dialogue
Couleurs puis cliquez surOK.

Ressources complmentaires
Adobe PhotoshopCC Classroom in a Book ne remplace pas la documentation qui
accompagne le logiciel. Seules les commandes et les options utilises dans les leons
sont expliques dans ce livre. Pour des informations exhaustives sur les fonctions du
programme, reportez-vous aux ressources suivantes:
Le Centre Aide et support Adobe contient laide et le support du site Adobe.com:
http://www.adobe.com/fr/support/.
LAide de Creative Cloud fournit des sources dinspiration, des didacticiels et des
rfrences sur les diffrents produits et les nouvelles fonctionnalits. Cette page est
uniquement accessible aux membres de Creative Cloud: http://helpx.adobe.com/
fr/creative-cloud/topics/getting-started.html.
Les forums Adobe. Vous pouvez changer entre utilisateurs, poser des questions
et fournir des rponses sur les produits Adobe ladresse forums.adobe.com. www.
adobe.com/fr/support/forums.
Adobe TVpropose des didacticiels, prsente des techniques innovantes et des astuces
dinitis pour tirer pleinement parti de vos logiciels Adobe tv.adobe.com/fr/.
Le Ple de cration Adobe propose des articles sur le design et les questions de
conception, une galerie prsentant le travail de designers haut de gamme, des didac-
ticiels, et bien plus encore: www.adobe.com/fr/designcenter/.
Les ressources pour les enseignants. Les sites www.adobe.com/fr/education/ et
edex.adobe.com offrent de trs nombreuses informations pour tous les enseignants
qui utilisent les logiciels Adobe, quel que soit le niveau denseignement concern. Ils
proposent galement des mthodes de formation gratuites des logiciels Adobe pouvant
tre utilises pour prparer les examens de certification Adobe.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 5


Voici galement dautres liens utiles:
Adobe MarketPlace Exchange, o vous trouverez, entre autres, de nombreux outils,
service, extensions, extraits de code pour complter et tendre les fonctionnalits des
logiciels Adobe: www.adobe.com/cfusion/exchange/.
La page consacre PhotoshopCC sur le site web dAdobe: http://www.adobe.
com/fr/products/photoshop.
Adobe Labs, o vous trouverez les premires versions des dernires volutions. Les
forums vous permettent dinteragir avec les quipes de dveloppement Adobe et avec
dautres membres importants de la communaut: labs.adobe.com.

Le programme de certification Adobe


Le programme de formation et de certification dAdobe est conu pour aider les uti-
lisateurs dAdobe amliorer et promouvoir leurs comptences sur un produit. Il
existe quatre programmes de certification:
Associ certifi Adobe (Adobe Certified Associate, ACA);
Expert certifi Adobe (Adobe Certified Expert, ACE);
Formateur certifi Adobe (Adobe Certified Instructor, ACI);
Centre de formation agr Adobe (Adobe Authorized Training Center, AATC).
Le programme ACA est destin valider lacquisition de comptences lmentaires
en communication via les supports numriques.

6 INTRoDUCTIoN
Le programme Expert certifi Adobe permet aux utilisateurs chevronns dtoffer leurs
rfrences. Utilisez la certification Adobe pour obtenir une augmentation, trouver un
emploi ou promouvoir vos connaissances.
Si vous tes un expert certifi Adobe, le programme ACI vous permet alors dlargir
encore vos connaissances. En tant quACI, vous pouvez faire dcouvrir vos lves la
pointe de la technologie Adobe.
Dot dun nouveau statut dagrment Adobe, votre centre de formation peut utiliser
la marque Adobe pour promouvoir ses formations et attirer de nouveaux tudiants.
Pour en savoir plus, rendez-vous sur le site partners.adobe.com.
Pour plus de dtails sur les programmes de certification Adobe, rendez-vous sur le
site www.adobe.fr/support/certification/index.html.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 7


PRoJET: CoNCEPTIoN DE LA CoUVERTURE DUN LIVRE

Vous allez dcouvrir quil est souvent possible de raliser la mme


opration dans Photoshop de plusieurs faons . Afin de tirer le
meilleur parti de Photoshop, vous devez dabord vous familiariser
avec son environnement de travail .

8
LESPACE DE TRAVAIL
DE PHOTOSHOP 1
Au cours de cette leon, vous apprendrez :
ouvrir les fichiers Photoshop;
afficher les images dans Bridge;
slectionner et employer certains des outils dans le panneau Outils;
dfinir les options de loutil en utilisant la barre doptions;
appliquer diffrentes mthodes de zoom pour agrandir ou rduire limage
lcran;
slectionner, disposer et utiliser les panneaux;
slectionner les commandes des menus de panneaux et les menus
contextuels;
ouvrir et utiliser un panneau dans le conteneur de panneaux;
annuler des actions pour corriger des erreurs ou faire des choix diffrents;
personnaliser lespace de travail.

Cette leon vous prendra environ une heure. Si vous ne lavez pas dj fait,
tlchargez les fichiers de la Leon1 depuis le site www.pearson.fr, sur la
page ddie au livre. Au cours de cette leon, vous ne modifierez pas les
fichiers de dpart. Si vous devez nanmoins revenir la version dorigine
des fichiers, tlchargez-les de nouveau.

9
Lancement de Photoshop
Linterface dAdobe Photoshop comprend des menus, des barres doutils et des pan-
neaux qui permettent daccder rapidement diffrents outils et options de retouche
et de manipulation des images. Les menus peuvent tre enrichis de commandes et de
filtres si vous installez des modules supplmentaires, ou plug-ins.
Photoshop est avant tout conu pour fonctionner avec des images bitmap (cest--dire
des images en tons continus composes dun ensemble de points appels pixels). Vous
pouvez galement crer des dessins vectoriels (autrement dit, des formes composes
de lignes qui conservent leur apparence quelle que soit leur taille). Vous pouvez soit
crer une image dans Adobe Photoshop, soit importer des images depuis de nom-
breuses sources:
des photographies prises avec un appareil photo numrique ou un tlphone portable;
des DVD-ROM commerciaux contenant des images;
des images numrises (photographies, diapositives, transparents, dessins ou autres);
des captures vido;
des illustrations cres dans un logiciel de dessin.

Lancer Photoshop et ouvrir un fichier


Note: Pour vos projets personnels, vous ne restaurerez videmment pas les prfrences par dfaut
chaque lancement de Photoshop . En revanche, vous devrez le faire au dbut de la plupart des leons
de cet ouvrage afin que ses illustrations correspondent ce qui saffiche sur votre cran . Pour en
savoir plus, reportez-vous la section Rtablissement des prfrences par dfaut de lIntroduction .

Pour commencer, vous devez lancer Photoshop et restaurer les prfrences par dfaut
du logiciel.
1. Sur le Bureau, double-cliquez sur licne dAdobe Photoshop pour lancer le logiciel
et maintenez les touches Ctrl+Alt+Maj (Windows) ou Cmd+Option+Maj (MacOS)
enfonces pour restaurer les prfrences par dfaut.
Si licne de Photoshop napparat pas sur le Bureau, recherchez-la dans le menu
Dmarrer> Tous les programmes> Adobe PhotoshopCC (Windows) ou dans le
dossier Applications ou dans le Dock (MacOS).
2. Dans la bote de message qui apparat, cliquez sur Oui pour confirmer que vous
voulez supprimer le fichier de paramtres.

10 LEoN 1 Lespace de travail de Photoshop


La zone de travail de Photoshop saffiche.
A
B F

C
G

E D
A. Barre de menus
B. Barre doptions
C. Panneau outils
D. onglet mini Bridge
E. onglet montage
F. menus des espaces de travail
G. Panneaux

Note: Cette figure reprsente linterface de Photoshop sous Windows . La disposition des
lments est identique sous macoS mais le style du systme dexploitation peut tre lgrement
diffrent .

Lespace de travail par dfaut de Photoshop se compose de la barre de menus et de


la barre doptions en haut, du panneau Outils sur la gauche et de plusieurs panneaux
ouverts dans le conteneur de panneaux sur la droite. Lorsque plusieurs fichiers sont
ouverts, une ou plusieurs fentres de documents saffichent galement. Vous pouvez
visualiser plusieurs images simultanment laide de linterface par onglets. Linterface
dAdobe Photoshop est trs proche de celle dAdobe Illustrator, dInDesign et de Flash;
cest pourquoi, si vous savez utiliser les outils et les panneaux dun de ces programmes,
vous saurez galement les utiliser dans tous les autres.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 11


Linterface de Photoshop prsente une diffrence majeure selon que lon est sous
Windows ou sous MacOS: sous Windows, elle saffiche toujours dans une fentre
tandis que sous MacOS, vous pouvez choisir de lafficher comme Cadre de lapplication,
qui regroupe toutes les fentres et tous les panneaux de Photoshop (hormis la barre de
menus) dans une seule et mme fentre uniforme, ce qui permet de manipuler toutes
les applications, comme sil sagissait dune seule entit. Cette option est active par
dfaut. Pour la dsactiver, cliquez sur Fentre> Cadre de lapplication.

Sous macoS, Cadre de lapplication regroupe limage, les panneaux et la barre de menus .

3. Cliquez sur Fichier> Ouvrir et parcourez votre disque dur jusquau dossier Lessons/
Lesson01 que vous avez tlcharg depuis le site www.pearson.fr.
4. Slectionnez le fichier 01End.psd et cliquez sur Ouvrir. Cliquez sur OK si la bote
de dialogue indiquant que les profils colorimtriques ne concordent pas apparat.

12 LEoN 1 Lespace de travail de Photoshop


Le fichier 01End.psd souvre dans sa propre fentre,
appele la fentre de document. Les fichiers dont le nom
comprend le terme End illustrent le but atteindre
dans chaque leon. Pour ce projet, vous allez terminer
la mise en page de la couverture dun livre.
5. Cliquez sur Fichier> Fermer ou cliquez sur le
bouton de fermeture dans la barre de titre de la
fentre de document (attention de ne pas cliquer
sur le bouton de fermeture de Photoshop).

Ouvrir un fichier avec Adobe Bridge


Vous travaillerez sur plusieurs fichiers dans chaque leon de cet ouvrage. Vous pou-
vez soit en crer des copies et les enregistrer sous un nom diffrent ou dans un autre
dossier, soit les tlcharger de nouveau depuis le site www.pearson.fr pour reprendre
la leon depuis le dbut.
Dans lexercice prcdent, vous avez ouvert un fichier avec la commande Ouvrir. Vous
allez maintenant voir comment vous servir de lexplorateur de fichiers Adobe Bridge
pour localiser et identifier plus facilement le fichier ouvrir.
1. Cliquez sur Fichier> Parcourir dans Bridge. Si vous tes invit activer lextension Note: Si
de Photoshop dans Bridge, cliquez sur OK. Bridge nest
pas install sur
Adobe Bridge souvre alors. Il comprend tout un ensemble de menus, de boutons et votre ordinateur,
de volets. un message
saffiche lorsque
vous cliquez sur
Parcourir dans
Bridge . Pour
en savoir plus,
reportez-vous
lIntroduction .

2. Cliquez sur longlet Dossiers situ dans le coin suprieur gauche dAdobe Bridge,
puis parcourez votre disque dur jusquau dossier Lessons que vous avez tlcharg.
Le dossier saffiche alors dans le volet Contenu.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 13


3. Slectionnez le dossier Lessons et cliquez sur Fichier> Ajouter aux favoris. Lajout
de fichiers, de dossiers ou dicnes de programmes, au panneau Favoris permet
daccder ensuite plus facilement ces lments.
4. Dans le volet Favoris, cliquez sur le dossier Lessons pour louvrir, puis double-
cliquez sur le dossier Lesson01 dans le volet Contenu.
Le contenu du dossier saffiche sous la forme de vignettes dans le volet Contenu.
5. Double-cliquez sur le fichier 01Start.psd dans le volet Contenu ou slectionnez sa
vignette et cliquez sur Fichier> Ouvrir dans la barre de menus de Bridge.

Le fichier 01Start.psd souvre dans Photoshop. Vous pouvez laisser Bridge ouvert ou
le fermer, vous ne lutiliserez plus dans cette leon.

Les outils
Photoshop dispose dun ensemble complet doutils pour crer des illustrations de
qualit professionnelle, que ces images soient destines ldition papier, au Web ou
dautres supports.
Un ouvrage entier pourrait tre consacr aux outils de Photoshop et aux diffrentes
faons de les configurer. Cela constituerait sans doute un manuel fort utile, mais ce
nest pas le but de ce livre. Vous allez plutt dcouvrir comment configurer et utiliser
certains outils en ralisant plusieurs projets au cours de chaque leon. Ainsi, la fin
de cet ouvrage, vous aurez une bonne exprience des divers outils de Photoshop.

14 LEoN 1 Lespace de travail de Photoshop


Slectionner et utiliser un outil
Le panneau Outils est le grand panneau qui occupe la gauche de lespace de travail. Il Note: Pour
contient des outils de slection, de dessin, ddition et daffichage, et il permet gale- visualiser la liste
complte des
ment de dfinir les couleurs de premier plan et darrire-plan. outils, reportez-
Pour commencer, vous tudierez loutil Zoom, qui apparat galement dans de nom- vous lAnnexe
Le panneau
breuses autres applications Adobe, comme Acrobat, Illustrator et InDesign. outils .
1. Cliquez sur la double flche situe en haut du panneau Outils, pour que les outils
saffichent sur deux colonnes. Cliquez de nouveau sur cette double flche pour
revenir une seule colonne et utiliser lespace de travail plus efficacement.
2. La valeur en pourcentage qui saffiche dans le coin gauche de la barre dtat indique
le taux dagrandissement, ou niveau de zoom de limage.
3. Dans le panneau Outils, placez le pointeur sur le bouton qui contient une petite
loupe, jusqu ce que saffiche une info-bulle indiquant le nom (outil Zoom) et le
raccourci clavier(Z) de loutil.

Niveau de zoom Barre dtat

4. Cliquez sur loutil Zoom ( ) ou appuyez sur la toucheZ pour le slectionner.


5. Dplacez ensuite le curseur sur limage. Celui-ci prend lapparence dune loupe,
avec un signe plus(+) au centre ( ).
6. Cliquez sur limage.
Limage sagrandit en fonction dun pourcentage prdfini. Le nouveau facteur daffichage
saffiche dans la barre dtat. Lemplacement o vous avez cliqu devient le centre de la
vue agrandie. Chaque fois que vous cliquez, limage est agrandie de nouveau, jusqu
un maximum de 3200%.
7. Maintenez la touche Alt (Windows) ou Option (MacOS) enfonce pour quun
signe moins() apparaisse au centre du curseur Zoom ( ), puis cliquez sur limage
et relchez la touche Alt/Option.
Laffichage de limage se rduit en fonction dun pourcentage prdfini.

Note: Il existe dautres mthodes pour agrandir ou diminuer laffichage dune image . En effet,
vous pouvez soit slectionner les modes Zoom avant et Zoom arrire dans la barre doptions de
loutil Zoom, soit choisir Affichage> Agrandir ou Rduire, soit encore taper directement la valeur du
facteur daffichage dans la barre dtat .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 15


8. Si loption Zoom dfilant est active dans la barre doptions, cliquez et maintenez sur
limage puis faites glisser le pointeur de loutil vers la droite pour agrandir laffichage.
Faites glisser le pointeur de loutil Zoom vers la gauche pour rduire laffichage.
Loption Zoom dfilant permet dagrandir et de rduire la taille daffichage de limage
en faisant glisser le pointeur sur celle-ci. Elle est uniquement disponible si loption
Utiliser un processeur graphique est active dans le panneau Prfrences de Photoshop
(pour ouvrir le panneau Prfrences, cliquez sur dition> Prfrences> Performances
ou Photoshop> Prfrences> Performances).
9. Dsactivez loption Zoom dfilant dans la barre doptions si elle est active, puis tracez
un rectangle qui englobe la peinture ovale et la croix rouge laide de loutil Zoom.

Cette partie de limage sagrandit alors pour occuper toute la fentre de document.
Vous avez dcouvert quatre mthodes pour modifier laffichage dune image avec loutil
Zoom: en cliquant, en cliquant tout en maintenant une touche enfonce, en faisant
glisser le pointeur sur limage et en traant un cadre de slection pour zoomer sur une
partie bien dfinie de limage. Comme vous le verrez par la suite, la plupart des autres
outils sont galement accessibles par des raccourcis clavier.

Slectionner et utiliser les outils cachs


Photoshop dispose de nombreux outils ddition, mais vous nen utiliserez sans doute
que quelques-uns la fois. Dans le panneau Outils, certains outils sont regroups sous
un mme bouton, et un seul lment du groupe est visible, les autres tant cachs.
Ces boutons doutils affichent un petit triangle noir dans le coin infrieur droit: ce
symbole indique la prsence doutils complmentaires cachs.

16 LEoN 1 Lespace de travail de Photoshop


1. Placez le pointeur sur le deuxime outil partir du coin suprieur gauche du panneau
Outils jusqu ce que linfo-bulle saffiche et indique quil sagit de loutil Rectangle
de slection ( ), galement accessible avec le raccourci clavierM. Cliquez sur cet
outil pour le slectionner.
2. Pour slectionner loutil Ellipse de slection ( ) qui est cach, procdez de lune
des manires suivantes:
Cliquez et maintenez sur loutil
Rectangle de slection pour faire
apparatre les outils masqus
du groupe. Faites ensuite glisser
le pointeur sur loutil Ellipse de
slection.

Appuyez sur la touche Alt (Windows) ou Option (MacOS) et cliquez sur loutil
dans le panneau Outils. Chaque clic permet de slectionner loutil masqu
suivant dans le panneau concern.
Appuyez sur les touches Maj+M pour passer alternativement de loutil Rectangle
de slection loutil Ellipse de slection.
3. Dplacez ensuite le curseur de loutil sur limage. Placez-le sur la croix rouge
au-dessus et gauche du portrait.
Lorsque loutil Ellipse de slection est activ, le pointeur prend lapparence dune croix(+).
4. Cliquez sur la croix rouge en haut et
gauche du tableau, puis faites glisser le
curseur vers le bas et la droite sur la croix
rouge situe en bas droite afin de tracer
une ellipse autour du cadre, puis relchez
le bouton de la souris.
Une ligne en pointills anime apparat pour
indiquer la zone qui est slectionne. Lorsque
vous slectionnez une partie de limage, cet
espace devient la seule zone ditable; la zone
situe en dehors de la slection est protge.
Pour en savoir plus sur les slections et leur modification, reportez-vous la Leon3,
Les slections.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 17


Modifier une slection
Dans la plupart des cas, les modifications seffectuent
sur la partie de limage slectionne mais, pour ce
projet, vous allez au contraire modifier la couleur du
papier peint en laissant le tableau intact. Or, comme
seule la zone slectionne peut tre modifie, vous
devez dabord inverser la slection afin que toute
limage sauf le tableau soit slectionne.
E Astuce: 1. Cliquez sur Slection> Intervertir.
Le raccourci
clavier de cette Bien que le contour de la slection semble ne pas
commande, avoir chang, vous pouvez remarquer quun contour
savoir Ctrl+maj+I de slection est apparu sur les bords extrieurs de Zone Zone
(Windows) ou
Cmd+maj+I
limage. Cela signifie que toute limage est slectionne slectionne non slectionne
(modifiable) (protge)
(macoS), est lexception de la zone situe lintrieur de lovale.
indiqu droite Celle-ci (le tableau) ne peut pas tre modifie tant
du nom de la
que cette slection est active.
commande dans
le menu Slection . 2. Dans le panneau Rglages, cliquez sur licne Teinte/Saturation pour ajouter un
Vous pouvez
calque de rglage Teinte/Saturation. Les options Teinte/Saturation saffichent dans
galement utiliser
ce raccourci le panneau Proprits.
clavier pour
inverser une
slection .

3. Dans le panneau Proprits, activez loption Redfinir. Donnez ensuite une valeur
de 200 au paramtre Teinte pour modifier la couleur de la zone slectionne.

18 LEoN 1 Lespace de travail de Photoshop


Le papier peint prend une teinte bleue.
4. Dans le panneau Calques, cliquez sur licne en forme dil en regard du calque
Selection Guide Layer pour masquer les guides rouges (si le panneau Calques nest
pas ouvert, cliquez sur son onglet ou sur Fentre> Calques).

Les calques sont une des fonctionnalits les plus importantes et les plus puissantes de
Photoshop et il existe de nombreux types de calques diffrents. Certains contiennent
des images, du texte ou des aplats de couleurs, dautres agissent simplement sur les
calques situs en dessous deux. Vous en apprendrez davantage sur les calques au
cours de la Leon4.
5. Examinez le calque de rglage Teinte/Saturation dans le panneau Calques.
Les calques de rglage permettent de modifier limage, ici de modifier la couleur du
papier peint, sans modifier dfinitivement les pixels. Comme vous utilisez un calque de
rglage, vous pouvez toujours revenir limage originale en dsactivant laffichage de
ce calque ou en le supprimant. Vous pouvez galement modifier ce calque de rglage
tout moment. Vous utiliserez les calques dans plusieurs leons de cet ouvrage.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 19


6. Cliquez sur Fichier> Enregistrer sous, nommez le fichier 01Retouche.psd, puis
cliquez sur OK.
7. Si la bote de dialogue Options de format Photoshop saffiche, cliquez sur OK.
Vous venez de terminer votre premier projet dans Photoshop. La couleur du papier
peint correspond maintenant celle de la barre bleue en haut de la couverture du livre.
Vous effectuerez un nouvel ajustement de la couleur plus loin dans cette leon, mais
vous allez dabord ajouter le nom de lauteur.

Zoomer et naviguer dans limage


laide du panneau Navigation
Le panneau Navigation de Photoshop permet galement de modifier rapidement la
taille daffichage et se rvle trs pratique lorsque le facteur daffichage est peu lev .
Il permet, en outre, de se dplacer dans une image grce laffichage en miniature,
qui indique exactement quelle partie de limage sera visible lcran . Pour ouvrir le
panneau Navigation, cliquez sur Fentre> Navigation .
Dans le panneau Navigation, dplacez le curseur situ sous laffichage en miniature
de limage vers la gauche ou vers la droite pour augmenter ou rduire la taille daffi-
chage de limage .

Le rectangle rouge indique la partie de limage qui est affiche lcran . Lorsque le
facteur daffichage de limage est si important que seule une partie de limage est
visible lcran, vous pouvez faire glisser le rectangle rouge pour afficher dautres
zones . Ce repre permet galement de vrifier dun coup dil sur quelle partie de
limage vous travaillez .

20 LEoN 1 Lespace de travail de Photoshop


Le rglage des proprits des outils
Comme vous lavez dj vu avec loutil Zoom, la barre doptions permet de paramtrer
le fonctionnement de loutil slectionn. Vous allez maintenant apprendre comment
dfinir les proprits des outils en utilisant des menus contextuels, la barre doptions,
les panneaux et les menus des panneaux. Vous utiliserez toutes ces mthodes pour
crer une zone de couleur pour le nom de lauteur.

Utiliser les menus contextuels


Les menus contextuels, qui souvrent quand on clique du bouton droit (Windows) ou
par Ctrl+clic (MacOS) dans la zone de travail, contiennent des commandes et des
options appropries pour llment slectionn. Gnralement, ces commandes se
trouvent galement dautres emplacements de linterface, mais ces menus permettent
de gagner en rapidit.
1. Cliquez sur le calque Header Bar Layer dans le panneau Calques pour le rendre actif.
2. Activez loutil Pipette ( ) dans le panneau Outils, puis cliquez sur le cadre ovale
du tableau pour chantillonner une couleur marron.
Vous allez utiliser cette couleur pour crer un rectangle de couleur uni qui contiendra
le nom de lauteur.

3. Activez loutil Zoom ( ) et zoomez sur la zone de limage situe sous la zone bleue
unie contenant le titre.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 21


4. Activez loutil Rectangle de slection ( ) cach sous loutil Ellipse de slection ( )
et tracez un cadre de slection qui recouvre en partie la zone de titre bleue et une
portion du papier peint en dessous.
5. Activez loutil Pinceau ( ) dans le panneau Outils.
6. Cliquez du bouton droit (Windows) ou cliquez en maintenant la touche Ctrl
enfonce (MacOS) sur limage pour ouvrir le menu contextuel de loutil Pinceau.
Note: Un 7. Slectionnez la premire forme douce (Arrondi flou) et donnez la brosse une
nouveau clic taille de 65pixels.
dans la zone de
travail entrane
la fermeture du
menu contextuel .

8. Peignez entirement la zone slectionne. Ne vous souciez pas de dborder, vous


ne pouvez pas altrer ce qui se trouve en dehors de la slection.
9. Lorsque la slection est entirement colorise, cliquez sur Slection> Dslectionner
pour que rien ne soit plus slectionn.

Dfinir les proprits de loutil dans la barre doptions


Vous allez maintenant utiliser la barre doptions pour dfinir les proprits du texte
et saisir le nom de lauteur.
1. Dans le panneau Outils, cliquez sur loutil Texte horizontal ( ).
Les options de cet outil saffichent alors dans la barre doptions.
2. Slectionnez une police de caractres sur la premire liste droulante de la barre
doptions (nous avons utilis la police Myriad Pro, mais vous pouvez en choisir
une autre si vous le souhaitez).

22 LEoN 1 Lespace de travail de Photoshop


E Astuce: Lorsque vous placez le pointeur sur la plupart des champs numriques de la barre
doptions, des panneaux et des botes de dialogue de Photoshop, le curseur prend lapparence
dune main accompagne de deux flches pointant vers la gauche et vers la droite . Cliquez et faites
glisser le curseur vers la droite pour augmenter la valeur de cette option ou vers la gauche pour
la diminuer . maintenez la touche Alt (Windows) ou option (macoS) enfonce pour modifier ces
valeurs par petites touches ou maintenez la touche maj enfonce pour les modifier de faon plus
importante .

3. Slectionnez une taille de 15pt pour la police.

Pour dfinir cette taille, trois mthodes soffrent vous: choisir une valeur standard
sur la liste droulante, entrer directement cette valeur dans le champ Dfinir le corps
de la police ou cliquer sur ltiquette du champ et faire glisser le curseur vers la gauche
ou vers la droite.
4. Cliquez ensuite sur la gauche de la zone que vous avez peinte et tapez Elaine Gruenke.
Lors de la saisie du texte, celui-ci est invisible car il est de la mme couleur que le fond
de la zone. Vous allez corriger cela ensuite.

Utiliser les panneaux et les menus de panneaux


La couleur du texte est la mme que celle de premier plan slectionne dans le pan-
neau Outils, cest--dire ici la couleur brune que vous avez utilise pour peindre. Vous
allez donc slectionner le texte et choisir une autre couleur. Pour cela, procdez de
la faon suivante:
1. Assurez-vous que loutil Texte horizontal ( ) est slectionn dans le panneau Outils.
2. Faites-le glisser du dbut la fin du texte pour slectionner le nom de lauteur en
entier.
3. Cliquez sur longlet Nuancier pour afficher ce panneau sil nest pas dj visible.
4. Dans le panneau Nuancier, cliquez sur une couleur claire de votre choix. Note: Lorsque
vous placez le
pointeur sur
une couleur
du panneau
Nuancier, il prend
lapparence dune
pipette . Placez
lextrmit de
la pipette sur la
couleur que vous
voulez utiliser et
cliquez pour la
slectionner .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 23


La couleur slectionne apparat en trois endroits: comme couleur de premier plan dans
le panneau Outils, dans la barre doptions et dans le texte de la fentre de document.
5. Cliquez sur un autre outil dans le panneau Outils, tel que loutil Dplacement
( ) pour dslectionner loutil Texte horizontal et visualiser la couleur du texte.

Vous le voyez, il est trs simple de slectionner une couleur, bien quil existe dautres
mthodes pour cela dans Photoshop. Cependant, comme vous allez employer une
couleur particulire pour ce projet, vous devez changer laffichage du panneau Nuancier.
6. Cliquez sur la flche ( ) du panneau Nuancier, puis choisissez Petite liste dans le
menu du panneau.

7. Activez de nouveau loutil Texte horizontal et slectionnez le texte comme vous


lavez fait lors des tapes1 et2.
8. Dans le panneau Nuancier, faites dfiler presque entirement la liste des couleurs
pour afficher la couleur Bleu pur, puis cliquez sur cette dernire pour la slectionner.

24 LEoN 1 Lespace de travail de Photoshop


Le texte saffiche prsent en bleu.
9. Cliquez sur loutil Dplacement et dplacez le texte pour le centrer sur la zone Note: Ne
rectangulaire brune. Dans le panneau Outils, cliquez sur licne Couleurs de premier slectionnez
pas loutil
plan et darrire-plan par dfaut pour que la couleur de premier plan soit le noir. Dplacement
laide du raccourci
clavierV . En effet,
comme vous tes
toujours en train
de saisir du texte,
cela aurait pour
effet dajouter la
lettreV la suite
du texte .

Cette opration ne modifie pas la couleur du texte dans limage puisque celui-ci nest
plus slectionn.

Annulation dactions dans Photoshop


Dans un monde parfait, vous ne feriez jamais derreurs, vous ne cliqueriez jamais sur
le mauvais lment, vous anticiperiez correctement le rsultat de vos actions et vous
raliseriez toujours exactement ce que vous avez imagin.
Dans le monde rel, Photoshop permet dannuler des actions et dessayer des options
diffrentes. Vous pouvez faire plusieurs essais, car vous savez que vous pouvez annuler
vos actions tout moment.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 25


Annuler une action
Note: La Mme les utilisateurs les plus novices apprcient rapidement la commande Annuler
commande dans de nombreux programmes. Vous allez lutiliser pour revenir ltape prcdente,
Annuler nest pas
disponible si vous
puis vous verrez comment revenir davantage en arrire.
avez enregistr 1. Cliquez sur dition> Annuler Dplacement ou appuyez sur les touches Ctrl+Z
vos modifications .
Vous pouvez
(Windows) ou Cmd+Z (MacOS) pour annuler la dernire action effectue.
toutefois Le nom de lauteur revient sa position prcdente.
toujours utiliser
la commande 2. Cliquez sur dition> Rtablir Dplacement ou appuyez sur les touches Ctrl+Z
Aller vers larrire (Windows) ou Cmd+Z (MacOS) pour centrer de nouveau le texte.
et le panneau
Historique tant
que vous ne
fermez pas le
document .

Annuler revient ltape prcdente . Rtablir revient ltape suivante .

La commande Annuler de Photoshop ne permet dannuler que la dernire action. En


effet, les fichiers dans Photoshop peuvent tre de trs grande taille, si bien que mmoriser
toutes les oprations effectues exigerait normment de mmoire au dtriment des
performances. Par consquent, si vous appuyez sur les touches Ctrl+Z (Windows) ou
Cmd+Z (MacOS), Photoshop rtablit ltape que vous avez annule prcdemment.
3. Cliquez sur dition> Aller vers larrire ou appuyez sur les touches Ctrl+Alt+Z
(Windows) ou Cmd+Option+Z (MacOS) pour annuler ltape prcdente. Le nom
de lauteur revient sa position dorigine.
4. Rptez ltape3. La couleur du nom de lauteur redevient celle de dpart.

Annuler plusieurs actions


Vous pourriez ainsi utiliser la commande Retour en arrire pour annuler plusieurs
tapes une par une, mais il est plus rapide et plus simple dannuler plusieurs actions
grce au panneau Historique.
1. Cliquez sur Fentre> Historique pour ouvrir ce panneau. Tout en maintenant le
bouton de la souris enfonc, faites glisser le bas du panneau pour le redimensionner
et voir ainsi un plus grand nombre dtapes.

26 LEoN 1 Lespace de travail de Photoshop


Le panneau Historique enregistre toutes les actions que vous avez effectues auparavant
dans limage. La dernire est slectionne au bas de la liste. Comme vous avez annul
certaines tapes, celles-ci saffichent en gris au bas de la liste.
2. Cliquez sur Dplacement, la dernire tape au bas de la liste du panneau Historique. E Astuce: Par
dfaut, le panneau
Toutes les tapes que vous aviez annules sont restaures. Le texte est de nouveau de Historique de
la bonne couleur et centr sur le rectangle brun. Cependant, la couverture de ce livre Photoshop ne
aurait un meilleur aspect si le nom de lauteur apparaissait en blanc et au bas, aussi conserve en
mmoire que
allez-vous supprimer cette zone brune et le texte actuel. les 20dernires
3. Slectionnez ltape Calque Teinte/Saturation dans le panneau Historique. actions . Il sagit
dun compromis
entre flexibilit
et performance,
mais vous pouvez
changer le
nombre dactions
conserves en
mmoire . Pour
cela, cliquez
sur dition>
Prfrences>
Performance
(Windows) ou
Photoshop>
Prfrences>
Performance
(macoS) et entrez
une nouvelle
valeur dans le
champ tats
dhistorique .

La zone brune et le nom de lauteur disparaissent de limage. Toutes les tapes pos-
trieures celle que vous venez de slectionner saffichent en gris dans le panneau
Historique. Vous pouvez cliquer sur nimporte quelle tape pour revenir cet tat, mais
Photoshop supprime toutes les tapes grises ds que vous effectuez une nouvelle action.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 27


4. Double-cliquez sur la vignette de gauche du calque Teinte/Saturation dans le
panneau Calques pour afficher les options Teinte et saturation de ce calque dans
le panneau Proprits.
5. Dans le panneau Proprits, modifiez les valeurs des options de la faon suivante:
Teinte: 53
Saturation: 44
Luminosit: 56

6. Ouvrez de nouveau le panneau Historique en cliquant sur Fentre> Historique ou


sur licne de ce panneau ( ).

Comme vous pouvez le constater, les tapes grises qui saffichaient auparavant ont
disparu. Une nouvelle tape les a remplaces.

28 LEoN 1 Lespace de travail de Photoshop


7. Slectionnez le calque Header Bar Layer dans le panneau Calques.
Toute limage lexception du tableau se trouve sur ce calque. Vous allez ajouter le
texte sur ce calque.
8. Activez loutil Texte horizontal ( ) dans le panneau Outils.
9. Cliquez sur Fentre> Caractre pour ouvrir le panneau du mme nom. Slectionnez
une police (nous avons choisi Myriad Pro) et dfinissez une taille de 15pt dans le
champ Corps de la police. Cliquez ensuite sur lchantillon de couleur et choisissez
la couleur blanche dans le Slecteur de couleurs, puis cliquez sur OK. Enfin, cliquez
sur le bouton Tout en capitales ( ).
De nombreuses proprits sont disponibles dans la barre doptions mais le panneau
Caractre en contient davantage.
10. Cliquez laide de loutil Texte horizontal au bas de la couverture du livre et entrez
Elaine Gruenke.
11. Activez loutil Dplacement et dplacez le texte pour le centrer sous le tableau.

12. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.


Flicitations! Vous venez de terminer votre premier projet Photoshop.

Note: Lorsque
Les panneaux et leur disposition les panneaux sont
masqus, placez
le pointeur sur le
Les panneaux de Photoshop sont nombreux et trs varis. Cependant, vous naurez bord gauche ou
que trs rarement besoin de tous les afficher simultanment. Cest pourquoi ils sont droit de lcran
pour afficher une
rassembls en groupes et ne saffichent pas tous par dfaut. bordure grise .
La liste complte des panneaux se trouve dans le menu Fentre. Une coche en face du Laissez le pointeur
sur lune ou lautre
nom du panneau indique que celui-ci est visible et actif dans son groupe de panneaux. de ces bordures
Vous pouvez ouvrir ou fermer un panneau en cochant son nom dans le menu Fentre. pour afficher le
panneau outils
Pour masquer ou afficher tous les panneaux ouverts, ainsi que la barre doptions et gauche ou
le panneau Outils, appuyez sur la touche Tab. Appuyez de nouveau sur cette touche le conteneur
pour rouvrir lensemble de ces lments. de panneaux
droite .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 29


Vous avez dj utilis le conteneur de panneaux lorsque vous avez ouvert les panneaux
Calques et Nuancier. Vous pouvez ajouter un panneau au conteneur de panneaux ou
au contraire le sparer, ce qui vous permet de rorganiser les panneaux en fonction
de vos besoins.
Voici une liste des autres actions que vous pouvez raliser:
Pour dplacer un groupe de panneaux, faites glisser sa barre de titre vers un autre
emplacement de la zone de travail.
Pour dplacer un panneau vers un autre groupe, faites glisser son onglet vers ce
groupe jusqu ce que le contour apparaisse en surbrillance, puis relchez.

Pour placer un panneau dans le conteneur de panneaux, faites glisser son onglet
sur le conteneur de panneaux jusqu ce que le contour de ce dernier apparaisse
en surbrillance, puis relchez.

Pour sparer un panneau ou un groupe de panneaux du conteneur de panneaux,


faites glisser son onglet en dehors du conteneur de panneaux.

Modifier les dimensions des panneaux


Vous pouvez redimensionner les panneaux pour utiliser lespace disponible plus effica-
cement et afficher un nombre plus ou moins grand doptions. cette fin, vous pouvez
soit faire glisser la bordure du panneau, soit choisir diffrentes tailles prdfinies.
Pour rduire les panneaux la taille
dune icne, cliquez sur la double
flche situe dans la barre de titre du
conteneur ou du groupe de panneaux.
Pour afficher le contenu du panneau,
cliquez sur son icne ou de nouveau
sur cette double flche.

30 LEoN 1 Lespace de travail de Photoshop


Pour modifier la hauteur dun panneau, faites glisser son coin infrieur droit.
Pour modifier la largeur du conteneur de panneaux, placez le pointeur sur son
bord gauche; lorsque le pointeur prend lapparence dune double flche, faites-le
glisser vers la gauche ou vers la droite.
Pour redimensionner un panneau plac en dehors du conteneur de panneaux,
placez le pointeur sur le bord gauche, droit ou bas du panneau. Lorsque le pointeur
prend lapparence dune double flche, faites-le glisser vers lintrieur ou lextrieur
du panneau.
Pour que seuls la barre de titre et les onglets dun groupe de panneaux soient visibles, Note: Il
double-cliquez sur la barre de titre ou sur longlet dun panneau. Double-cliquez est possible
de rduire
de nouveau pour afficher le groupe de panneaux en entier. Vous pouvez ouvrir le les panneaux
menu dun panneau mme si seule sa barre de titre est visible. Couleur, Caractre
et Paragraphe,
leur barre de
titre mais vous ne
pouvez pas les
redimensionner .

Notez que les onglets des panneaux ainsi que les menus des panneaux restent visibles.

Particularits du panneau Outils et de la barre doptions


Le panneau Outils et la barre doptions partagent certaines caractristiques avec les
autres panneaux. Vous pouvez en effet raliser les oprations suivantes:
dplacer le panneau Outils en faisant glisser sa barre de titre et la barre doptions
laide de la barre de manipulation situe son extrmit gauche;
afficher et masquer le panneau Outils et la barre doptions.
En revanche, certaines fonctionnalits ne sont pas disponibles pour le panneau Outils
et la barre doptions. Vous ne pourrez donc pas:
grouper le panneau Outils ou la barre doptions avec dautres panneaux;
redimensionner le panneau Outils ou la barre doptions;
ancrer le panneau Outils dans le conteneur de panneaux;
Par ailleurs, le panneau Outils et la barre doptions ne disposent pas de menus de
panneaux.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 31


Personnalisation de lespace de travail
Note: Si Photoshop permet de contrler laffichage et la position de la barre doptions et des
vous avez nombreux panneaux. Cependant, si vous devez afficher certains panneaux lorsque vous
ferm le fichier
01Retouche .psd
travaillez sur certains projets et dautres panneaux pour dautres projets, les dplacer
la fin de lexercice manuellement chaque fois peut tre assez fastidieux. Cest pourquoi Photoshop permet
prcdent, de personnaliser lespace de travail et de contrler les panneaux, les outils et les menus
rouvrez-le
qui doivent tre disponibles tout moment. Comme vous allez le voir, Photoshop
pour raliser
cet exercice . dispose de certains rglages prdfinis adapts diffrentes tches les travaux de
Vous pouvez typographie ou de peinture par exemple.
galement ouvrir
une image de 1. Cliquez sur Fentre> Espace de travail> Peinture. Si une bote de message saffiche,
votre choix . cliquez sur Oui pour charger lespace de travail. Si vous avez essay douvrir, de
fermer et de dplacer des panneaux, vous avez remarqu que Photoshop ouvre
alors certains panneaux, en ferme dautres et les regroupe sur le ct droit de
lespace de travail.

2. Cliquez sur Fentre> Espace de travail> Photographie. Si une bote de message


saffiche, cliquez sur Oui pour charger lespace de travail. Le conteneur de panneaux
contient alors des panneaux diffrents.

32 LEoN 1 Lespace de travail de Photoshop


3. Dans la barre doptions, cliquez sur le slecteur despace Note:
de travail et slectionnez Les indispensables. Slectionner
lespace de travail
Photoshop ouvre alors de nouveau lespace de travail par Les indispensables
dfaut, dans la mme disposition que vous lavez laiss modifie la
disposition des
(pour revenir la configuration par dfaut, slectionnez panneaux mais
Rinitialiser les indispensables dans le menu du slecteur ne restaure pas
despace de travail). la configuration
par dfaut . Vous
Vous pouvez choisir un espace de travail dans le menu pouvez soit le
Fentre ou dans le menu contextuel de la barre doptions. faire maintenant,
soit conserver
Si les rglages prdfinis ne correspondent pas vos besoins, libre vous de person- linterface
naliser cet espace de travail. Admettons, par exemple, que vous travailliez beaucoup modifie . Vous
restaurerez
pour le Web mais que vous ne retouchiez jamais dimages vido. Vous pouvez alors linterface par
choisir les lments qui saffichent dans les menus de lespace de travail. dfaut au dbut
de la plupart des
4. Cliquez sur le menu Affichage et choisissez le sous-menu Format des pixels pour leons suivantes .
afficher les commandes de cet ensemble.

La plupart des concepteurs de sites web ainsi que les personnes qui travaillent princi-
palement pour une dition papier nont pas besoin des nombreuses options de formats
DV disponibles.
5. Cliquez sur Fentre> Espace de travail> Raccourcis clavier et menus.
La bote de dialogue Raccourcis clavier et menus permet de contrler les commandes
disponibles dans chaque espace de travail et de crer des raccourcis personnaliss pour
les menus, les panneaux et les outils. Vous pouvez ainsi ne plus afficher les commandes
que vous nutilisez presque jamais ou au contraire mettre en surbrillance celles qui
vous servent le plus souvent.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 33


6. Cliquez sur longlet Menus de la bote de dialogue Raccourcis clavier et menus,
puis choisissez Menus de lapplication dans le champ Menu pour.
7. Faites dfiler la liste jusquau Menu Affichage, puis cliquez sur le triangle pointant
vers la droite pour afficher les commandes disponibles.

Toutes les commandes et sous-commandes du menu Affichage apparaissent lcran.


8. Faites dfiler la liste jusquau sous-menu Format des pixels et cliquez sur licne
en forme dil pour rendre invisibles toutes les commandes concernant les sept
formats DV et vido de D1/DV NTSC(0,91) jusqu DVCPROHD1080(1,5).
Photoshop supprime alors ces lments des menus dans cet espace de travail.

9. Refermez les commandes du menu Affichage, puis affichez les commandes du


menu Image.

34 LEoN 1 Lespace de travail de Photoshop


10. Faites dfiler la liste des commandes vers le bas et slectionnez Image> Mode>
Couleurs RVB. Cliquez sur Sans dans la colonne Couleur et choisissez Rouge dans
le menu droulant pour que cette commande saffiche en rouge dans le menu.

11. Cliquez sur OK pour fermer la bote de dialogue Raccourcis clavier et menus.
12. Cliquez sur Image> Mode. La commande Couleurs RVB saffiche prsent en
surbrillance rouge.

13. Cliquez sur Affichage> Format des pixels. Les options de formats DV napparaissent
plus dans ce sous-menu.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 35


14. Pour enregistrer cet espace de travail, cliquez sur Fentre> Espace de travail>
Nouvel espace de travail. Dans la bote de dialogue qui apparat, slectionnez les
options Raccourcis clavier et Menus, puis donnez un nom lespace de travail.
Cliquez sur le bouton Enregistrer.

Le nom de votre espace de travail personnalis apparat alors dans le sous-menu


Fentre> Espace de travail et dans le slecteur despace de travail de la barre doptions.
Pour le moment, vous allez revenir lespace de travail par dfaut.
15. Slectionnez Les indispensables dans le menu droulant du slecteur despace de
travail de la barre doptions. Ouvrez ensuite de nouveau ce menu et slectionnez
Rinitialiser Les indispensables pour revenir la configuration de linterface par
dfaut. Nenregistrez pas les modifications apportes lespace de travail.
16. Fermez le fichier mais conservez Photoshop ouvert.
La Leon1 est prsent termine.
Maintenant que vous connaissez mieux linterface de Photoshop, vous pouvez tudier
les diffrentes fonctionnalits dAdobe Bridge ou passer la leon suivante et apprendre
comment crer et retoucher des images. Vous tes libre daborder les leons suivantes
selon lenchanement propos ou en fonction des sujets qui vous intressent le plus.

En savoir plus sur lutilisation de Photoshop


Pour obtenir des informations compltes et mises jour sur les panneaux, les outils et
les autres fonctionnalits de Photoshop, visitez le site web dAdobe. Pour rechercher des
informations dans les rubriques daide et les documents de rfrence de Photoshop ainsi
que sur dautres sites web intressants pour les utilisateurs de Photoshop, cliquez sur
Aide> Aide en ligne de Photoshop. Rduisez le nombre de rsultats de vos recherches
si vous souhaitez nafficher que les documents daide de Photoshop.
Pour obtenir dautres informations, comme la liste des raccourcis clavier, des astuces
et les dernires informations sur le produit, visitez ladresse suivante: community.
adobe.com/help/main.

36 LEoN 1 Lespace de travail de Photoshop


Modifier lapparence de linterface
Par dfaut, les panneaux, les botes de dialogue et la couleur de fond de PhotoshopCC
sont sombres . Vous pouvez choisir une interface plus claire et effectuer dautres
modifications dans la bote de dialogue Prfrences de Photoshop .
Pour cela:
1. Cliquez sur dition> Prfrences> Interface (Windows) ou dition> Prfrences>
Interface (macoS) .
2. Slectionnez une autre couleur comme thme ou procdez dautres
modifications .
Lorsque vous choisissez un thme diffrent, vous pouvez visualiser les changements
immdiatement . Vous pouvez galement slectionner des couleurs diffrentes
pour chaque mode daffichage et modifier dautres paramtres de linterface dans
cette bote de dialogue .

3. Cliquez sur oK lorsque le rsultat vous convient .

4.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 37


Rvisions
Questions
1. Citez deux types dimages que vous pouvez ouvrir dans Photoshop.
2. Comment ouvrir une image laide dAdobe Bridge?
3. Comment slectionner un outil dans Photoshop?
4. Dcrivez deux mthodes pour modifier laffichage dune image.
5. Quelles sont les deux faons dobtenir des informations sur Photoshop?

Rponses
1. Il est possible de scanner une photographie, un transparent, un ngatif ou une
illustration dans le programme, de capturer une image depuis un priphrique
vido numrique ou dimporter une illustration cre dans un programme de dessin
vectoriel. On peut galement importer des photos numriques.
2. Il suffit de cliquer sur Fichier> Parcourir dans Bridge dans Photoshop pour ouvrir
ou afficher Adobe Bridge. On localise ensuite le fichier ouvrir, puis on double-
clique sur la vignette de limage pour louvrir dans Photoshop.
3. Pour slectionner un outil, on peut soit cliquer dessus dans le panneau Outils, soit
taper le raccourci clavier correspondant. Loutil slectionn reste actif jusqu la
slection dun autre outil. Pour slectionner un outil masqu, il suffit de taper le
raccourci clavier correspondant ou de maintenir le bouton de la souris enfonc
au-dessus de loutil du mme groupe dans le panneau Outils, jusqu ce que le menu
des outils masqus apparaisse.
4. On peut choisir une commande du menu Affichage pour agrandir ou rduire la
vue de limage ou encore pour lajuster par rapport la taille de lcran. Avec loutil
Zoom du panneau Outils, il suffit de cliquer ou de tracer un cadre dans limage pour
agrandir ou rduire son affichage. Les raccourcis clavier et le panneau Navigation
permettent aussi de contrler le facteur dagrandissement de limage.
5. LAide de Photoshop contient de nombreuses informations sur les fonctionnalits de
Photoshop, ainsi que la liste des raccourcis clavier, des informations complmentaires
et des illustrations en couleurs. Photoshop est aussi dot dun lien hypertexte vers la
page daccueil du site dAdobe Systems, sur lequel on peut trouver des informations
concernant les services et les produits Adobe, ainsi que des conseils dutilisation
de Photoshop.

38 LEoN 1 Lespace de travail de Photoshop


PRoJET: RESTAURATIoN DUNE PHoToGRAPHIE ANCIENNE

Photoshop met votre disposition une srie doutils et de com-


mandes pour amliorer la qualit dune photographie . Cette leon
explique les techniques lmentaires de correction dimages en
dcrivant les diffrentes tapes de recadrage et de retouche dune
photographie ancienne .

40
LES BASES DE
LA RETOUCHE
PHOTOGRAPHIQUE 2
Au cours de cette leon, vous apprendrez :
comprendre la taille et la rsolution dune image;
redresser et recadrer une image;
rgler la plage de tonalits dune image;
rparer des zones dune image avec loutil Correcteur de tons directs;
utiliser le remplissage avec contenu pris en compte pour remplacer une
zone dune image par une autre ;
utiliser loutil Tampon de duplication pour retoucher certaines zones;
utiliser loutil Pice avec contenu pris en compte pour supprimer ou
remplacer des lments;
supprimer les artefacts numriques dans une image;
appliquer le filtre Nettet optimise pour finaliser la retouche des photos.

Cette leon durera environ une heure. Si vous ne lavez pas dj fait, tl-
chargez les fichiers de la Leon2 depuis le site www.pearson.fr, sur la page
ddie au livre. Au cours de cette leon, vous ne modifierez pas les fichiers
de dpart. Si vous devez nanmoins revenir la version dorigine des fichiers,
tlchargez-les de nouveau.

41
Stratgie de retouche
Note: Dans La quantit de retouches effectuer dpend de limage et du rsultat que vous cherchez
cette leon, obtenir. Pour de nombreuses images, il suffit de modifier la rsolution, dclaircir
la retouche
de limage
limage ou de retoucher des imperfections mineures. Pour dautres, vous aurez besoin
seffectuera deffectuer plusieurs tches et dutiliser des filtres avancs.
uniquement
dans Adobe
Photoshop . Pour Procdures lmentaires
dautres images,
En gnral, la retouche dune image se droule selon les tapes suivantes, bien quelles
il peut tre
plus efficace de ne soient pas indispensables dans tous les cas:
travailler dans
1. Duplication de limage originale ou numrise (travaillez toujours sur une copie
Adobe Camera
Raw, qui sinstalle de limage de faon pouvoir facilement revenir au fichier original si ncessaire).
avec Photoshop .
Vous pouvez aussi
2. Vrification que la rsolution choisie est approprie en fonction de lusage prvu
commencer dans pour limage.
Camera Raw puis
basculer dans
3. Recadrage de limage dans ses dimensions et orientation finales.
Photoshop pour 4. Suppression dune dominante colore indsirable.
les retouches
plus complexes . 5. Rglage du contraste gnral et de la plage des couleurs de limage.
Pour en savoir
plus sur les outils 6. Suppression des imperfections sur limage numrise (poussires, taches, rayures).
de Camera Raw,
reportez-vous
7. Rglage de la couleur et des nuances dans certaines parties de limage pour souligner
la Leon 5, les tons clairs, moyens et foncs, ainsi que les couleurs ternes.
Correction et
retouche de 8. Renforcement de la nettet sur lensemble de limage.
photographies Lordre dans lequel doivent seffectuer ces tches dpend du projet, mais vous devez
numriques .
toujours commencer par dupliquer limage et ajuster sa rsolution. De mme, le ren-
forcement de la nettet devrait toujours constituer la dernire tape. Pour le reste,
tudiez votre projet et ralisez dans lordre le mieux adapt la situation afin dviter
que les rsultats dune tape nentranent des modifications inattendues sur dautres
aspects de limage, ce qui vous obligerait tout recommencer.

Destination de limage
Les techniques de retouche sur une image dpendent en partie de lusage que vous
comptez faire de celle-ci. En effet, la rsolution de la numrisation et le type de correc-
tions tonales ne seront pas du tout les mmes pour une image qui doit tre imprime
en noir et blanc ou pour une image en couleurs diffuse en ligne. Photoshop prend
en charge le mode de couleurs CMJN pour la prparation dimages imprimer en
quadrichromie, ainsi que les modes RVB et dautres modes de couleurs.

Rsolution et dimensions de limage


La premire tape dans la retouche dune image consiste sassurer que sa rsolution
est approprie son usage final. Le terme rsolution fait rfrence au nombre de petits

42 LEoN 2 Les bases de la retouche photographique


carrs, appels pixels, qui composent limage et forment les dtails. La rsolution Note:
sexprime en nombre de pixels en largeur et en hauteur. Pour dfinir la
rsolution
utiliser pour une
photographie
que vous voulez
imprimer,
suivez la rgle
qui consiste
numriser avec
une rsolution
une fois et
demie deux
fois suprieure
Dtail des pixels dune photographie .
la linature de
limprimante . Si
En infographie, on distingue plusieurs types de rsolutions. Le nombre de pixels par limage doit tre
unit de longueur dans une image correspond la rsolution dimage. Celle-ci est imprime avec
gnralement mesure en pixels par pouce (ppp) ou en pixels par centimtre. Une une linature
de 133lpp,
image haute rsolution possde plus de pixels quune image de mme dimension, mais vous devez
de rsolution plus basse; le poids du fichier est donc plus important. La rsolution donc numriser
des images dans Photoshop peut varier de 300ppp ou plus (rsolution haute) 72 ou limage avec
une rsolution
96ppp (rsolution faible).
de 200ppp
Le nombre de pixels par unit de longueur sur lcran correspond la rsolution dcran, (1331,5) .
gnralement mesure en pixels par pouce. Les pixels des images sont directement
convertis en pixels dcran. Ainsi, dans Photoshop, si la rsolution de limage est Note: Le terme
suprieure celle de lcran, limage apparat plus grande lcran que ses dimensions daffichage avec
un facteur de
spcifies pour limpression. titre dexemple, lorsque vous affichez une image dont 100% mrite
la dimension est dun pouce carr avec une rsolution de 144ppp sur un cran dune dtre prcis .
rsolution de 72ppp, limage stale sur une surface de quatre pouces carrs (22) Il signifie quun
pixel de limage
lcran.
quivaut un
pixel de lcran .
Les dimensions
de limage
lcran risquent
donc fort dtre
diffrentes de
celles de limage
imprime, sauf
si la rsolution
de limage est
exactement
identique celle
de lcran .

Image de 1818cm rsolution de 72ppp; Image de 1818cm rsolution de 200ppp;


taille du fichier: 744,2Ko . Affichage avec taille du fichier: 5,61mo . Affichage avec
un facteur de 100% . un facteur de 100% .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 43


Le nombre de points encrs par pouce produit par une photocomposeuse ou par une
imprimante laser correspond la rsolution dimpression ou rsolution de sortie. La
meilleure qualit sobtient avec une imprimante et une image de trs hautes rsolu-
tions. La rsolution adquate pour une image imprimer est dtermine la fois par
celle de limprimante et par la linature, soit le nombre de lignes par pouce (lpp) des
trames de demi-teintes utilises pour reproduire limage.
Gardez toujours en mmoire que la taille du fichier, la dure ncessaire son impression
et son tlchargement sur le Web sont proportionnelles la rsolution de limage.
Pour plus de dtails sur la rsolution et les dimensions dune image, reportez-vous
lAide en ligne de Photoshop.

Prparatifs
Dans cette leon, vous allez retoucher une version numrise dune photographie
ancienne abme et dcolore afin de la partager en ligne ou de limprimer. La taille
finale de limage doit tre de 77pouces.
Pour commencer cette leon, ouvrez limage finale pour la comparer avec limage scanne.
Note: Si 1. Cliquez sur Dmarrer> Tous les programmes> Adobe BridgeCC (Windows)
vous navez pas ou double-cliquez sur Adobe BridgeCC dans le dossier Applications (MacOS).
install Bridge,
vous devez le 2. Dans le volet Favoris dAdobe Bridge, cliquez sur le dossier Lessons, puis double-
faire maintenant . cliquez sur le dossier Lesson02 dans le volet Contenu pour afficher les images
Reportez-vous
lIntroduction
quil contient.
pour en savoir
plus .

3. Comparez les fichiers 02Start.tif et 02End.psd. Pour agrandir les vignettes dans le volet
Contenu, faites glisser vers la droite le curseur situ au bas de la fentre de Bridge.
Vous pouvez constater que limage du fichier 02Start.tif est incline et que ses couleurs
sont relativement ternes. De plus, elle prsente une dominante verte et sa surface
comporte une dchirure. Vous allez corriger tous ces dfauts (et dautres) au cours
de cette leon, en commenant par recadrer et redresser limage.

44 LEoN 2 Les bases de la retouche photographique


4. Double-cliquez sur la vignette du fichier 02Start.tif pour louvrir dans Photoshop.
5. Dans Photoshop, choisissez Fichier> Enregistrer sous, choisissez Photoshop dans
le menu Format, nommez le fichier 02Retouche.psd, puis cliquez sur Enregistrer.

Redressement et recadrage dans Photoshop


Vous allez utiliser loutil Recadrage pour redresser limage, rduire ses dimensions E Astuce:
et la recadrer. Vous pouvez pour cela vous servir soit de loutil Recadrage, soit de la Dsactivez
loption
commande Recadrer. Par dfaut, le recadrage supprime les pixels rogns.
Supprimer les
1. Activez loutil Recadrage ( ) dans le panneau Outils. pixels rogns si
vous souhaitez
2. Choisissez LHRsolution dans le premier menu droulant de la barre doptions recadrer limage
(loption Rapport L/H est active par dfaut). de faon non
destructrice et
3. Dans la barre doptions, tapez 7po dans les champs Largeur et Hauteur, puis pouvoir modifier
200pixels/pouce pour Rsolution. le recadrage par
la suite .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 45


Une grille de recadrage saffiche. Tout ce qui se trouve en dehors de la zone slectionne
est gris. Vous allez commencer par redresser limage.
4. Cliquez sur Dsincliner dans la barre doptions. Le pointeur change daspect pour
devenir loutil Dsincliner.
5. Cliquez dans un coin en haut de limage et tracez une ligne droite le long du bord
suprieur de limage.

Photoshop redresse limage pour que la ligne que vous avez trace soit parallle avec
le haut de la zone de travail. Vous pouvez galement utiliser nimporte quelle ligne
horizontale ou verticale dans limage.
Vous allez maintenant recadrer limage pour supprimer le contour blanc.
6. Faites glisser les angles de la grille de recadrage sur les coins de limage pour
supprimer la bordure blanche. Pour ajuster la position de limage, cliquez sur
celle-ci et faites-la glisser dans la grille de recadrage.
E Astuce: 7. Appuyez sur la touche Entre (Windows) ou Retour (MacOS).
Utilisez la
commande Limage est maintenant recadre, redresse, redimensionne et positionne selon vos
Image> Rognage rglages.
pour retirer une
zone en bordure
dimage selon
la couleur des
pixels au bord
de limage ou
selon les pixels
transparents .

E Astuce: Pour redresser et recadrer rapidement le fond dune image numrise, cliquez sur
Fichier> Rogner et dsincliner les photos .

46 LEoN 2 Les bases de la retouche photographique


8. Pour afficher les dimensions de limage, choisissez Dimensions du document dans
le menu droulant situ au bas de la fentre de document.
9. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail. Cliquez sur OK
si la bote de dialogue Options de format saffiche.

Ajustement de la couleur et des tons


Vous allez utiliser les calques de rglage Courbes et Niveaux pour supprimer la domi-
nante de couleur et ajuster les couleurs et les tons de limage.
1. Cliquez sur Courbes dans le panneau Rglages pour crer un calque de rglages
Courbes.
2. Slectionnez loutil Point blanc gauche du panneau Proprits.
Dfinir un point blanc a pour effet de modifier toutes les couleurs de limage. Pour
slectionner un point blanc de manire adquate, vous devez choisir une zone blanche
dans limage.
3. Cliquez sur une rayure blanche dans le dos de la fillette.

Les couleurs de limage changent radicalement.


Vous pouvez cliquer sur diffrentes zones de couleur blanche, par exemple sur une
rayure de la jupe de la femme ou sur lhabit de marin ou les chaussettes de lenfant quelle
tient dans ses bras pour voir comment chaque choix modifie les couleurs de limage.
Dans certaines images, dfinir le point blanc suffit supprimer la dominante de cou-
leur et corriger les tons. Ici, cela ne constitue quun bon point de dpart. Vous allez
utiliser un calque de rglage Niveaux pour ajuster les tons.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 47


4. Cliquez sur Niveaux dans le panneau Rglages pour crer un calque de rglage
Niveaux.
Lhistogramme des niveaux dans le panneau Proprits indique la rpartition des tons
sombres et clairs dans limage. Vous en apprendrez plus sur les niveaux au cours de
la Leon5. Pour linstant, il vous suffit de savoir que le triangle de gauche reprsente
le point noir, le triangle de droite, le point blanc tandis que le triangle situ entre les
deux reprsente les tons moyens.
5. Faites glisser le triangle de gauche (les noirs) situ sous lhistogramme vers la droite
pour renforcer les tons noirs. Nous avons utilis une valeurde15.
6. Faites glisser le triangle central lgrement vers la droite pour ajuster les tons
moyens. Nous avons utilis une valeurde0,90.

Maintenant que vous avez ajust les couleurs, vous allez aplatir limage afin que les
retouches suivantes soient plus faciles raliser.
7. Cliquez sur Calque> Aplatir limage.
Les calques de rglage fusionnent avec le calque darrire-plan.

Note: Loutil
Correcteur
fonctionne de la
Loutil Correcteur localis
mme faon que
loutil Correcteur Vous devez maintenant supprimer la dchirure sur limage. Pour cela, vous allez
de tons directs, employer loutil Correcteur localis. Vous en profiterez galement pour corriger
mais il ncessite dautres dfauts avec cet outil.
que vous
chantillonniez Loutil Correcteur localis permet de supprimer rapidement les imperfections sur
des pixels les images. Il reproduit des pixels chantillonns depuis une image ou un motif et
sources avant de
retoucher une fait correspondre leur texture, leur transparence et leur luminosit celles des pixels
zone . quil retouche.

48 LEoN 2 Les bases de la retouche photographique


Cet outil est particulirement efficace pour retoucher les imperfections sur les portraits,
mais il est galement trs bien adapt pour les parties sombres du mur, car ce dernier
a un aspect uniforme droite de ces taches.
1. Zoomez sur limage pour afficher au mieux la dchirure.
2. Slectionnez loutil Correcteur localis ( ) dans le panneau Outils.
3. Dans la barre doptions, cliquez sur le menu droulant Formes et slectionnez une
forme dune duret de 100% et dun diamtre de 25px environ. Assurez-vous que
loption Contenu pris en compte est active dans la barre doptions.
4. Faites glisser le pointeur de loutil Correcteur localis du haut vers le bas sur la
dchirure. Quatre six coups de brosse devraient vous suffire corriger toute la
dchirure. Lorsque vous faites glisser loutil sur la zone corriger, le trait saffiche
en gris fonc mais, lorsque vous relchez le bouton de la souris, la correction est
parfaite.

5. Zoomez sur le coin suprieur droit de limage pour voir le cheveu blanc. Activez
de nouveau loutil Correcteur localis et peignez sur ce cheveu pour le supprimer.

6. Si ncessaire, zoomez en arrire pour afficher le ciel dans son ensemble. Puis
liminez toutes les taches sombres avec loutil Correcteur localis.
7. Enregistrez votre travail.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 49


Gawain Weaver, le propritaire de la socit Gawain Weaver Art Conservation a
restaur des travaux originaux de nombreux artistes comme Eadward Muybridge,
Man Ray, Ansel Adams et Cindy Sherman. Il donne des cours dans le monde entier
et en ligne sur le sujet.
Pour en savoir plus, visitez le site gawainweaver .com .

Restauration dune photo


dans la pratique
Avec les outils dAdobe PhotoshopCC, la restauration des photos anciennes ou endommages
sapparente de la magie . Tout le monde peut numriser, retoucher, imprimer et encadrer ses
collections de photos .
Par contre, pour les travaux dartistes clbres destins des muses, des galeries dart ou des
collectionneurs, lobjet doit rester aussi proche que possible de son tat original en dpit des
dommages subis au fil des ans ou par accident . Les restaurateurs professionnels nettoient les
poussires et les taches sur la surface, corrigent la dcoloration, rparent les dchirures et pro-
tgent les uvres pour viter toute dtrioration supplmentaire, voire repeignent certaines
zones manquantes .

AVANT

Carleton E. Watkins, Nevada Falls, parc national de Yosemite, impression lalbumine, 2310 cm.
La photo a t provisoirement retire de son cadre afin de supprimer les taches.
Pour Weaver: La conservation des photographies est la fois un art et une science . Elle ncessite
des connaissances en chimie et sur la manire dont a t effectu le tirage, sur les vernis ou la
trame du papier afin de restaurer, prserver et amliorer limage sans la dtriorer . Comme il est
impossible dannuler rapidement une tape de ce traitement, il est impratif de toujours procder
avec la plus grande prudence compte tenu de la fragilit de lobjet, quil sagisse dune vue de
Notre-Dame de Paris obtenue par mulsion au nitrate dargent vieille de cent soixante ans ou
dun tirage argentique du rocher Half Dome dans la valle de Yosemite datant des annes 1970 .

50 LEoN 2 Les bases de la retouche photographique


La plupart des outils dont dispose un restaurateur duvres dart ont leurs quivalents num-
riques dans Photoshop:
Un restaurateur dart peut nettoyer une photo pour supprimer les composants dcolors
du papier, ou mme utiliser un procd de blanchiment doux connu sous le nom de
photoblanchiment afin doxyder et de supprimer les composants colors dune tache
ou une dcoloration globale . Dans Photoshop, vous pouvez utiliser un calque de rglage
Courbes pour enlever la dominante de couleur dune image .
Il peut aussi utiliser des peintures spciales et des brosses fines pour peindre manuel-
lement sur les zones endommages dune photographie . De mme, vous pouvez utiliser
loutil Correcteur localis dans Photoshop pour liminer les grains de poussire ou les
taches sur une image numrise .
Les papiers japonais et la pte damidon de bl permettent de rparer et de reconstruire
soigneusement les parties dchires avant de repeindre ces zones . Dans Photoshop,
vous pouvez supprimer un pli ou une dchirure dans une image numrise en quelques
clics laide de loutil Tampon de duplication .

Un fixateur a t appliqu avec une petite brosse sur la signature de lartiste pour quelle soit protge
lors du nettoyage.
Bien que notre travail consiste toujours et avant tout prserver et restaurer lobjet photogra-
phique original, il existe des cas o lutilisation de Photoshop est plus approprie, en particulier
pour les photographies de famille, dit Weaver . Des rsultats plus spectaculaires peuvent tre
obtenus plus rapidement . Une fois que la photo est numrise, le tirage original peut tre stock
en toute scurit et la version numrique tre imprime ou copie plusieurs exemplaires pour les
nombreux membres de la famille . Souvent, nous commenons par nettoyer les photos de famille
pour restaurer en toute scurit autant de limage dorigine que possible, puis nous corrigeons la
dcoloration, liminons les taches et les parties endommages sur ordinateur aprs numrisation .

APRS

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 51


Le remplissage avec contenu pris en compte
E Astuce: De Vous avez dj utilis loption Contenu pris en compte avec loutil Correcteur localis.
nombreuses Lorsque cette option est active, Photoshop remplace les pixels en fonction des zones
techniques
de limage qui entourent la zone que vous modifiez. Vous pouvez galement lutiliser
de cette leon
fonctionnent pour remplir nimporte quelle slection. Vous allez ici utiliser loption Contenu pris en
pour corriger compte pour supprimer lombre noire qui distrait le regard sur la gauche de limage.
tous les types
de dfauts . Vous 1. Activez loutil Rectangle de slection ( ) dans le panneau Outils.
pouvez tester ces
mthodes afin 2. Tracez un cadre de slection autour de lombre sur la gauche de limage. Cette slection
de voir lesquelles a une influence sur le remplissage. Aussi, pour de meilleurs rsultats, slectionnez
donnent les la totalit de lombre qui stend sur leau au-dessus du muret. Le bord droit de la
meilleurs rsultats
slection doit tre gauche de la ligne verticale form par la pierre, comme dans
selon la situation .
lillustration suivante (vous utilisez cette ligne verticale dans lexercice suivant).
3. Cliquez sur dition> Remplir.
4. Dans la bote de dialogue Remplir, assurez-vous que loption Contenu pris en compte
est slectionne dans le menu droulant Avec, puis cliquez sur OK.

Lombre noire est remplace par du contenu qui correspond aux zones proches de la
slection. Si le rsultat ne vous convient pas, cliquez sur dition> Annuler, puis cliquez
dans une autre partie de limage pour annuler la slection et rptez les tapes24.
5. Lorsque le rsultat vous satisfait, cliquez en dehors du cadre de slection pour tout
dslectionner.
6. Enregistrez votre travail.

Rparation dun document avec


loutil Tampon de duplication
Loutil Tampon de duplication permet de remplacer les pixels dune zone de limage
par des pixels prlevs dans une autre partie de limage. On peut sen servir pour faire
disparatre des lments ou remplir les parties manquantes dune image endommage.

52 LEoN 2 Les bases de la retouche photographique


Vous allez lutiliser sur la partie du mur que vous venez de modifier avec loption
Contenu pris en compte afin daffiner et rendre son aspect plus naturel.
Commencez par remplacer une zone claire du mur en clonant des briques dune autre
partie de ce mur.
1. Slectionnez loutil Tampon de duplication ( ) dans le panneau Outils.
2. Dans la barre doptions, ouvrez le slecteur de forme de loutil, puis dfinissez
paisseur 21 et Duret 30%. Assurez-vous ensuite que loption Align est active.

3. Placez le pointeur de loutil en haut de la ligne verticale qui spare deux pierres dans
la partie sombre du muret. Il sagit de la ligne que vous devez cloner pour obtenir un
aspect plus naturel. Vous obtiendrez de meilleurs rsultats si vous slectionnez une
source de duplication dont les couleurs correspondent la zone que vous modifiez
(zoomez sur limage au besoin pour mieux voir les pierres).
4. Cliquez en maintenant la touche Alt (Windows) ou Option (MacOS) enfonce
pour chantillonner cette zone de limage (lorsque vous maintenez la touche Alt
ou Option enfonce, le pointeur prend lapparence dune cible).

5. Faites glisser le pointeur vers le bas pour crer une ligne verticale entre les pierres,
puis relchez.
Chaque fois que vous cliquez sur limage avec loutil Tampon de duplication, la source
chantillonne est diffrente. Autrement dit, la position relative de la cible par rap-
port au pointeur reste toujours la mme car loption Align est active dans la barre
doptions. Dsactivez loption Align si vous voulez que les pixels clons le soient
toujours partir de la mme zone chaque nouveau coup de tampon. Vous pouvez
ainsi crer plusieurs lignes verticales par exemple.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 53


6. Continuez affiner laspect des pierres. Nous avons clon les textures des pierres
et les lignes qui les sparent mais vous tes libre de retoucher ce muret autant que
vous le souhaitez. Vous pouvez modifier la zone source au besoin ainsi que la taille
et les autres paramtres du Tampon de duplication. Gardez lesprit que vous
pouvez annuler chaque modification qui ne vous convient pas ou recommencer
depuis le dbut en cliquant sur dition> Aller vers larrire.
7. Lorsque lapparence des pierres vous satisfait, cliquez sur Fichier> Enregistrer.

Loutil Pice avec contenu pris en compte


Vous allez maintenant utiliser un autre outil avec loption Contenu pris en compte
pour supprimer le garon droite de la photo. Loutil Pice en mode Contenu pris en
compte est diffrent de loutil Tampon de duplication, car il ne copie pas une partie
de limage un autre emplacement. Cela sapparente plus de la magie.
1. Slectionnez loutil Pice ( ) cach sous loutil Correcteur localis ( ) dans le
panneau Outils.
2. Dans la barre doptions, choisissez Contenu pris en compte dans le menu Rapicer et
Trs stricte dans le menu Adaptation, puis assurez-vous que loption chantillonner
tous les calques est active.
3. Faites glisser le pointeur de loutil Pice pour crer une slection autour du garon
et de son ombre. La slection doit suivre autant que possible ses contours. Au
besoin, zoomez pour mieux voir cette zone de limage.
4. Cliquez dans la zone que vous venez de slectionner et faites-la glisser sur la
gauche. Photoshop affiche alors un aperu du contenu qui remplacera le garon.
Continuez faire glisser la slection sur la gauche jusqu ce que cette zone daperu
ne chevauche plus la zone occupe par le garon, mais sans recouvrir la femme qui
porte un enfant dans ses bras. Relchez quand laperu se trouve o vous le souhaitez.

La slection change pour tenir compte de la partie de limage situe autour de votre
slection. Le garon a disparu, remplac par une portion de muret et des immeubles.

54 LEoN 2 Les bases de la retouche photographique


5. Cliquez sur Slection > Dslectionner.
Le rsultat est assez impressionnant mais pas parfait. Vous allez utiliser loutil Tampon
de duplication pour liminer les irrgularits sur le muret et entre les fentres de
limmeuble.
6. Activez loutil Tampon de duplication dans le panneau Outils et slectionnez une
brosse dune paisseur de 60px et dune Duret de 30%.
7. Slectionnez une source de duplication sur une zone o le haut du parapet est
rgulier, puis faites glisser loutil Tampon de duplication sur le ct pour rendre
rectilignes les lignes horizontales du muret.
8. Rptez la mme opration pour le bas du muret.

9. Slectionnez une paisseur de brosse plus rduite et dsactivez loption Align.


Slectionnez la fentre la plus basse et la plus droite comme source de duplication,
puis faites glisser loutil sur les autres fentres pour les corriger.

10. Rptez ltape 9 pour effectuer tous les ajustements ncessaires sur la partie basse
de la faade de limmeuble et sur le muret au premier plan.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 55


11. Si vous le voulez, rduisez encore lpaisseur de la brosse pour retoucher les pierres
du muret dans la partie droite de limage.
12. Cliquez sur Slection > Dslectionner.

13. Enregistrez votre travail.

Renforcement de la nettet
Pour finir, vous allez renforcer la nettet de limage. Il existe plusieurs mthodes pour
cela dans Photoshop, mais le filtre Nettet optimise offre le meilleur contrle sur
le rsultat. tant donn que laccentuation de la nettet peut rendre plus visibles les
artefacts dans limage, vous devez commencer par corriger ce point.
1. Zoomez 400% environ pour visualiser clairement les artefacts sur la chemise du
garon. Ces points colors ont t crs lors de la numrisation de limage.
2. Cliquez sur Filtre> Bruit> Antipoussire.
3. Conservez les options Rayon 1pixel et Seuil0 par dfaut dans la bote de dialogue
Antipoussire, puis cliquez sur OK.

56 LEoN 2 Les bases de la retouche photographique


La valeur de loption Seuil dfinit quel point les pixels limins doivent tre diffrents
de ceux qui les entourent. La valeur Rayon dtermine la taille de la zone traiter. Les
valeurs par dfaut conviennent trs bien pour les petites taches de couleur comme
celles qui sont prsentes dans cette image.
Maintenant que les artefacts ont t limins, vous pouvez renforcer la nettet de limage.
4. Cliquez sur Filtre> Renforcement> Nettet optimise.
5. Assurez-vous que loption Aperu est coche dans la bote de dialogue Nettet
optimise, afin de pouvoir vrifier leffet du filtre dans la fentre daperu ou dans
la fentre de document avant de lappliquer.
Pour visualiser diffrentes parties de limage, cliquez sur le curseur et faites-le glisser
dans la zone daperu de la bote de dialogue. Vous pouvez aussi modifier le facteur
dagrandissement avec les boutons Plus(+) et Moins() situs sous la zone daperu.
6. Assurez-vous que loption Flou de lobjectif est slectionne dans le menu Supprimer.
Vous pouvez utiliser le filtre Nettet optimise pour supprimer le flou de lobjectif, le
flou gaussien ou le flou de mouvement.
7. Faites glisser le curseur Gain jusqu 60% environ pour augmenter la nettet de
limage.
8. Faites glisser le curseur Rayon 1,5 environ.
La valeur du paramtre Rayon dfinit la quantit de pixels proches des contours qui
affecteront le renforcement de la nettet. En gnral, plus la rsolution de limage est
leve, plus la valeur Rayon doit ltre.
9. Lorsque le rsultat vous satisfait, cliquez sur OK pour appliquer le filtre Nettet
optimise.

10. Enregistrez votre travail.


Limage est maintenant prte tre diffuse ou imprime!

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 57


Infos plus
Convertir une image en noir et blanc
Vous pouvez obtenir de trs bons rsultats en convertissant une image couleur en noir et blanc (avec
ou sans teinte particulire) dans Photoshop et dans Camera Raw .

1. Cliquez sur Fichier> ouvrir, puis parcourez votre disque dur jusquau fichier Lesson02/bike .jpg .
Cliquez ensuite sur ouvrir .
2. Si le fichier souvre dans Camera Raw, cliquez sur le bouton ouvrir une image pour louvrir dans
Photoshop .
3. Cliquez sur le bouton Noir et blanc dans le panneau Rglages pour crer un calque de rglage noir
et blanc .

4. Utilisez les curseurs de couleur pour modifier la saturation de chaque couche colorimtrique .
Vous pouvez galement essayer les options prdfinies du menu droulant, comme Plus fonc ou
Infrarouge ou encore slectionner loutil situ dans le coin suprieur gauche du panneau Rglages
et le faire glisser sur limage pour ajuster les couleurs associes cette zone (nous avons assombri
le vlo lui-mme et clairci les zones situes larrire-plan) .
5. Si vous souhaitez dfinir une teinte pour la photo, activez loption Teinte . Cliquez ensuite sur lchantillon
de couleur et slectionnez la couleur utiliser (nous avons utilis la couleur R=227, V=209, B=198) .

58 LEoN 2 Les bases de la retouche photographique


Rvisions
Questions
1. Que signifie le terme rsolution?
2. quoi sert loutil Recadrage pour la retouche dimages?
3. Comment rgler les tons et la couleur dune image dans Photoshop?
4. Quels outils employer pour supprimer les dfauts dune image?
5. Comment supprimer les artefacts numriques comme les pixels de couleur?

Rponses
1. Le terme rsolution fait rfrence au nombre de pixels composant une image pour
en former les dtails. La rsolution dimage et la rsolution dcran sont mesures
en points par pouce (ppp). La rsolution dimpression ou de sortie est mesure en
points dencre par pouce ou en lignes par pouce (lpp).
2. Loutil Recadrage permet de rogner, de redimensionner et de redresser une image.
3. Pour ajuster les tons et la couleur dune image dans Photoshop, on utilise dabord
loutil Point blanc dun calque de rglage Courbes, puis on ajuste les tons de limage
laide dun calque de rglage Niveaux.
4. Les outils Correcteur, Correcteur localis, Pice, Tampon de duplication et le
remplissage avec contenu pris en compte permettent de remplacer des zones quon ne
souhaite pas conserver par dautres parties de limage. Loutil Tampon de duplication
copie exactement la zone slectionne, les outils Correcteur et Correcteur de tons
directs fusionnent la zone corrige avec les pixels qui lentourent. Loutil Correcteur
de tons directs ne ncessite pas dchantillonner une zone source, il rpare une zone
afin quelle se fonde avec les pixels qui lentourent. Loutil Pice en mode Contenu
pris en compte remplit une slection avec du contenu qui correspond aux zones de
limage qui entourent cette slection.
5. Le filtre Antipoussire permet de supprimer les artefacts numriques dune image.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 59


PRoJET: CoLLAGE DANS UN CADRE

Savoir crer des slections, simples ou multiples, est absolument


indispensable . Il faut dabord slectionner la totalit ou une partie
de limage pour pouvoir y apporter des modifications . Seule, cette
zone slectionne peut alors tre modifie .

60
LES SLECTIONS 3
Au cours de cette leon, vous apprendrez :
activer certaines parties de limage, laide des outils de slection;
ajuster le contour dune slection;
dplacer et copier le contenu dune slection;
utiliser les raccourcis clavier pour gagner du temps;
dsactiver une slection;
contraindre le mouvement dune slection;
ajuster la position dune slection avec les touches de direction;
ajouter ou soustraire des pixels une slection;
faire pivoter une slection;
combiner plusieurs outils de slection pour raliser une slection complexe.

Cette leon vous prendra environ une heure. Si vous ne lavez pas dj fait,
tlchargez les fichiers de la Leon 3 depuis le site www.pearson.fr, sur la
page ddie au livre. Au cours de cette leon, vous ne modifierez pas les
fichiers de dpart. Si vous devez nanmoins revenir la version dorigine
des fichiers, tlchargez-les de nouveau.

61
La slection et les outils de slection
Note: Vous La modification dune partie de limage dans Photoshop seffectue en deux tapes.
apprendrez Vous commencez par slectionner la partie de limage concerne laide dun des
slectionner des
tracs vectoriels
outils de slection. Ensuite, vous faites appel un autre outil, filtre ou fonctionnalit,
laide de pour raliser des modifications, quil sagisse de dplacer les pixels slectionns ou
loutil Plume dappliquer un filtre. Vous pouvez effectuer des slections en fonction de la taille, de la
la Leon8, Les
forme ou de la couleur. Seuls, les pixels slectionns peuvent tre modifis. Les autres
techniques de
tracs vectoriels . parties de limage sont protges.
Loutil de slection le mieux adapt dpend de la forme et de la couleur de la zone
slectionner. Il existe quatre catgories de slections:
Les slections gomtriques. Loutil Rectangle de slection ( ) permet de slection-
ner dans limage une zone de forme rectangulaire. Loutil Ellipse de slection ( ) sert
slectionner une zone de forme ronde ou ovale. Les outils Rectangle de slection
1range ( ) et Rectangle de slection 1colonne ( ) permettent de slectionner une
range de 1pixel de hauteur ou une colonne de 1pixel de largeur.

Les slections main leve. Loutil Lasso ( ) sert dlimiter une slection de forme
libre autour dune zone de limage. Avec loutil Lasso polygonal ( ), vous cliquez pour
placer des points entre des segments rectilignes. Loutil Lasso magntique ( ) est une
combinaison des deux outils prcdents et fonctionne mieux lorsque le contraste est
lev entre la zone slectionner et le reste de limage.

Les slections fondes sur le contour. Loutil Slection rapide ( ) peint rapidement
une slection en trouvant automatiquement les contours dfinis dune image.
Les slections fondes sur la couleur. Loutil Baguette magique ( ) permet de
slectionner des parties de limage dont la couleur des pixels est identique. Cet outil
est particulirement utile pour slectionner une zone de couleur de forme irrgulire.

62 LEoN 3 Les slections


Prparatifs
Pour commencer, vous allez examiner le rsultat atteindre dans cette leon.
1. Lancez Adobe Photoshop et appuyez aussitt sur les touches Ctrl+Alt+Maj
(Windows) ou Cmd+Option+Maj (MacOS) pour restaurer les prfrences par
dfaut du logiciel (pour en savoir plus, reportez-vous la section Rtablissement
des prfrences par dfaut de lIntroduction).
2. Dans la bote de message qui apparat, cliquez sur Oui pour confirmer que vous
voulez supprimer le fichier de paramtres de Photoshop.
3. Cliquez sur Fichier> Parcourir dans Bridge pour ouvrir Adobe Bridge. Note: Si
vous navez pas
4. Dans le volet Favoris, cliquez sur le dossier Lessons, puis double-cliquez sur le install Bridge,
dossier Lesson03 dans le volet Contenu pour afficher son contenu. vous devez le
faire maintenant .
5. tudiez le fichier 03End.psd. Faites glisser Reportez-vous
le curseur sur la droite si vous souhaitez lIntroduction
pour en savoir
regarder la vignette plus en dtail.
plus .
Limage est constitue de plusieurs lments
symboliques: un morceau de corail, un fossile,
une moule, un mollusque, un plat de petits
coquillages. Lobjectif de ce projet est de recrer
cette image composite partir de limage 03Start.psd.
6. Double-cliquez sur la vignette du fichier 03Start.psd pour louvrir dans Photoshop.
7. Cliquez sur Fichier> Enregistrer sous et sauvegardez le fichier sous le nom
03Retouche.psd. Ainsi, vous ne risquez plus de modifier le fichier original.

Loutil Slection rapide


Loutil Slection rapide est sans doute le moyen le plus simple pour slectionner une
partie dimage. Peindre une zone de limage lui suffit pour trouver automatiquement
les contours de la forme. Vous pouvez ensuite ajouter ou supprimer des zones de la
slection jusqu obtenir prcisment le rsultat souhait.
Le fossile dans le fichier 03Retouche.psd a des contours clairement dfinis, ce qui le rend
parfait pour loutil Slection rapide. Vous allez le slectionner mais sans larrire-plan.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 63


1. Avec loutil Zoom, agrandissez la partie de limage o se trouve le fossile.
2. Activez loutil Slection rapide ( ).
3. Activez loption Accentuation automatique dans la barre doptions.
Loption Accentuation automatique permet de crer des slections de meilleure qualit
avec loutil Slection rapide, car les contours de lobjet sont mieux identifis. Le pro-
cessus de slection est un peu plus lent mais les rsultats trs suprieurs.
4. Cliquez sur une partie blanche du fossile.

Loutil Slection rapide trouve automatiquement les contours de la forme si bien


que la totalit du fossile est alors slectionne. Laissez la slection active pour ltape
suivante de cet exercice.

Dplacement dune slection


Aprs une slection, toutes les modifications que vous apportez sont appliques
uniquement aux pixels situs lintrieur de celle-ci. Le reste de limage nest pas affect.
Pour dplacer la zone slectionne, vous devez employer loutil Dplacement. Comme
cette image ne compte quun seul calque, les pixels que vous dplacez remplacent les
pixels situs au-dessous. Le changement nest pas dfinitif tant que vous ne dslec-
tionnez pas les pixels que vous dplacez, ce qui signifie que vous pouvez essayer de
les positionner diffrents endroits avant de faire votre choix.
1. Si le fossile nest plus slectionn, rptez la procdure prcdente pour le
slectionner de nouveau.
2. Zoomez en arrire afin que le fossile et le cadre en bois soient visibles.

64 LEoN 3 Les slections


3. Slectionnez loutil Dplacement ( ).
Comme vous le voyez, le fossile reste
slectionn.
4. Dplacez-le dans le coin suprieur gauche
du cadre, portant ltiquetteA. Placez-le
sur la silhouette dessine dans le cadre, en
laissant la partie infrieure de la silhouette
visible afin quelle forme une ombre sous
le fossile.
5. Cliquez sur Slection> Dslectionner
puis sur Fichier> Enregistrer.
Il nest pas facile dans Photoshop de dslectionner par erreur. En effet, moins quun
outil de slection ne soit actif, vous pouvez cliquer sur limage sans que la slection
disparaisse. Pour dslectionner intentionnellement une partie de limage, choisissez
Slection> Dslectionner, appuyez sur les touches Ctrl+D (Windows) ou Cmd+D
(MacOS) ou cliquez en dehors de la slection avec un outil de slection pour crer
une nouvelle slection.

Julieanne Kost est une porte-parole officielle dAdobe Photoshop.

Les astuces dune porte-parole


de Photoshop
Loutil Dplacement
Si vous dplacez des objets dans une image compose de plusieurs calques laide de
loutil Dplacement(V) et que vous deviez slectionner un des calques, essayez ceci:
placez le curseur de loutil Dplacement sur limage puis ouvrez le menu contextuel
(clic droit [Windows] ou Ctrl+clic [macoS]): le nom des calques situs sous le curseur
saffiche alors . Cliquez sur celui de votre choix pour lactiver .

Manipulation de slections
Vous pouvez dplacer et repositionner des slections lorsque vous les crez ou que
vous les dupliquez. Les diffrentes mthodes de manipulation des slections que vous
verrez dans cette section fonctionnent pour la plupart avec toutes les slections, mais
vous travaillerez ici avec loutil Ellipse, qui permet de crer des slections ovales et
circulaires.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 65


Vous dcouvrirez galement certains raccourcis clavier qui vous permettront de
gagner du temps.

Repositionner un cadre de slection lors de sa cration


Loutil Ellipse de slection nest pas toujours simple demploi. En effet, il est parfois
difficile de dfinir avec prcision o commencer la slection, si bien que le cadre de
slection nest pas centr ou que sa largeur ou sa hauteur ne convient pas. Vous allez
apprendre rsoudre ce problme en utilisant deux raccourcis clavier de Photoshop.
Au cours de cet exercice, assurez-vous de bien suivre les indications concernant le
bouton de la souris ou les touches clavier. Si vous relchez le bouton de la souris au
mauvais moment, vous devrez en effet recommencer toute la procdure depuis le dbut.
1. Slectionnez loutil Zoom ( ) et cliquez sur lassiette de coquillages situe au bas
de limage pour lagrandir 100% (zoomez 200% si la rsolution de votre cran
permet dafficher toute lassiette avec ce rapport dagrandissement).
2. Activez loutil Ellipse de slection ( ), cach sous loutil Rectangle de slection ( ).
3. Placez le pointeur sur lassiette et faites-le glisser en diagonale pour crer une ellipse
de slection, mais ne relchez pas le bouton de la souris. Ne vous inquitez pas si la
slection ne correspond pas exactement la forme de lassiette pour le moment.
Si vous avez relch le bouton de la souris, tracez un nouveau cadre de slection. Dans
la majorit des cas, la nouvelle slection remplace la prcdente.
4. Tout en gardant enfonc le bouton de la souris, appuyez sur la barre despacement et
faites glisser le cadre de slection. La slection nest pas redimensionne mais suit le
mouvement de la souris. Alignez le contour de la slection sur le bord de lassiette.
Note: Vous 5. Relchez la barre despacement (mais pas le bouton de la souris) et faites glisser la
navez pas besoin slection pour suivre exactement les contours de lovale. Si ncessaire, appuyez de
de slectionner
la totalit de
nouveau pour repositionner la slection.
lassiette de
coquillages, mais
assurez-vous
que la forme de
votre slection
a les mmes
proportions que
lassiette et que
les coquillages se
trouvent dans le Commencez tracer Appuyez sur la barre Compltez la slection .
cadre de slection . la slection . despacement pour
la repositionner .

66 LEoN 3 Les slections


6. Relchez le bouton de la souris lorsque les dimensions et la position du cadre de
slection sont correctes.
7. Cliquez sur Affichage> Taille cran ou utilisez le curseur du panneau Navigation
pour rduire la taille daffichage et visualiser la totalit de limage.
Laissez actifs la slection et loutil Ellipse de slection pour lexercice suivant.

Dplacer les pixels slectionns avec un raccourci clavier


Vous allez prsent dplacer les pixels slectionns sur le cadre en bois laide dun
raccourci clavier. Ce dernier permet daccder provisoirement loutil Dplacement
sans avoir lactiver dans le panneau Outils.
1. Si lassiette de coquillages nest pas slectionne, rptez la procdure prcdente.
2. Loutil Ellipse de slection ( ) tant activ dans le panneau Outils, appuyez sur la
touche Ctrl (Windows) ou Cmd (MacOS) et placez le pointeur lintrieur de la
slection. Une paire de ciseaux ( ) apparat sous le pointeur pour indiquer que la
slection sera coupe de son emplacement actuel.
3. Faites glisser lassiette de coquillages Note: Vous
dans la case portant ltiquetteB (vous pouvez relcher
la touche Ctrl
allez bientt tudier une technique pour (Windows) ou
positionner le bol plus prcisment). Cmd (macoS)
aprs avoir
4. Relchez le bouton de la souris mais commenc
conservez la slection. dplacer la
slection . Pour
revenir loutil
de slection,
vous devez
cliquer en dehors
de la slection
ou choisir la
Dplacer une slection avec les touches de direction commande
Dslectionner .
Il est possible de dplacer avec prcision une slection laide des touches de direc-
tion; cette mthode permet de dcaler la slection dun pixel ou de dix pixels la fois.
Si un outil de slection est activ dans le panneau Outils, les touches de direction
agissent sur le cadre de la slection et non sur son contenu. Pour ajuster la position
dune slection avec cette mthode, il faut que loutil de dplacement soit activ.
Avant de commencer, assurez-vous que lassiette de coquillages est slectionne dans
limage.
1. Appuyez plusieurs fois sur la touche directionnelle Haut ( ) pour dplacer le bol
de coquillages vers le haut.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 67


chaque appui sur cette touche, lassiette se dplace dun pixel. Essayez les autres
touches de direction.
2. Continuez en appuyant sur une touche directionnelle tout en maintenant la touche
Maj enfonce. La slection se dplace alors sur une distance de dix pixels chaque fois.
Le contour dune slection est parfois gnant pour raliser un travail de prcision.
Masquez-le provisoirement si ncessaire, sans annuler la slection, puis affichez-le
de nouveau.
3. Cliquez sur Affichage> Afficher> Contour de la slection ou Affichage> Extras
pour dsactiver cette option daffichage.
Le cadre de slection autour de lovale disparat.
4. Utilisez les touches de direction pour ajuster la position de lassiette sur la silhouette
afin que cette dernire forme une ombre gauche et en bas de lassiette. Cliquez
ensuite sur Affichage> Afficher> Contour de la slection ou Affichage> Extras
pour afficher de nouveau le contour de la slection.

Le contour de la slection masqu . Le contour de la slection visible .

5. Cliquez sur Slection> Dslectionner ou appuyez sur les touches Ctrl+D (Windows)
ou Cmd+D (MacOS).
6. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.

Loutil Baguette magique


Loutil Baguette magique slectionne tous les pixels dune couleur ou dune gamme
de couleurs. Cette mthode est particulirement utile pour slectionner des zones de
mme couleur, entoures de zones de diffrentes couleurs. Comme pour beaucoup des
outils de slection, vous pouvez ensuite ajouter ou supprimer des zones de la slection.
Le paramtre Tolrance dtermine la sensibilit de loutil Baguette magique en lim-
itant ou en tendant le nombre de pixels considrs comme similaires. Ainsi, avec la
valeur par dfaut(32) de ce paramtre, 32tons plus clairs et 32tons plus foncs seront
slectionns en mme temps que la couleur sur laquelle vous avez cliqu. Vous devez
donc choisir la valeur du paramtre Tolrance en fonction du nombre de variations
de couleurs que vous voulez slectionner.

68 LEoN 3 Les slections


Pour slectionner une zone multicolore qui se trouve sur un fond uni dune couleur
diffrente, il est souvent plus simple de slectionner larrire-plan que la zone multi-
colore elle-mme. Dans cet exercice, vous utiliserez loutil Rectangle de slection pour
crer une premire slection, puis loutil Baguette magique pour retirer larrire-plan
de cette slection.
1. Activez loutil Rectangle de slection ( ), cach derrire loutil Ellipse de slection
( ) dans le panneau Outils.
2. Tracez un cadre de slection autour du corail en vous assurant de slectionner
galement une partie de larrire-plan blanc autour du contour de cet objet.

prsent, le corail et une partie du fond blanc sont slectionns. Vous allez soustraire
la zone blanche de la slection afin que seul le corail reste slectionn.
3. Activez loutil Baguette magique ( ) cach derrire loutil Slection rapide ( ).
4. Dans la barre doptions, vrifiez que le paramtre Tolrance a une valeur de 32.
Cette valeur dtermine la plage de couleurs qui sera slectionne.
5. Cliquez sur le bouton Soustraire de la slection ( ) dans la barre doptions.
Un signe moins() apparat sous le pointeur. Tout ce que vous slectionnez alors est
retir de la slection initiale.
6. Cliquez sur la partie blanche lintrieur du cadre de slection.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 69


Loutil Baguette magique slectionne tout larrire-plan et le retire de la slection
existante. Tous les pixels blancs sont prsent dslectionns et la slection du corail
est parfaite.
7. Slectionnez loutil Dplacement ( )
et placez le corail dans la case portant
ltiquetteC, en le dcalant lgrement
par rapport la silhouette pour que celle-ci
forme une ombre gauche et en bas du
corail.
8. Cliquez sur Fichier> Dslectionner puis
enregistrez le fichier.

Adoucir les contours


dune slection
Pour galiser les bords crnels dune slection, vous pouvez utiliser le lissage, le contour
progressif ou loption Amliorer le contour (que nous verrons plus loin) .
Le lissage aplanit les bords crnels dune slection en adoucissant la transition de
couleur entre les pixels du bord et ceux de larrire-plan . Dans la mesure o seuls les
pixels du bord changent, aucun dtail nest perdu . Le lissage est utile lorsque des
slections sont coupes, copies et colles pour crer des images composites .
Ce procd est disponible pour les outils Lasso, Lasso polygonal, Lasso magntique,
Ellipse de slection et Baguette magique (slectionnez un outil pour afficher sa barre
doptions) . Vous devez toutefois spcifier loption de lissage avant de vous servir de
ces outils . En effet, une fois la slection ralise, vous ne pouvez plus ajouter de lissage .
Le contour progressif attnue les bords en crant une zone de transition entre la slec-
tion et les pixels situs autour de celle-ci . Cet effet de flou peut provoquer la perte de
dtails sur le contour de la slection .
Ce procd est disponible pour les outils Lasso . Vous pouvez soit lappliquer au moment
o vous employez loutil, soit lajouter une slection existante . Ses effets deviennent
visibles lorsque vous dplacez, coupez, copiez ou remplissez la slection .

Pour utiliser loption Amliorer le contour, crez dabord une slection puis
cliquez sur Amliorer le contour dans la barre doptions pour ouvrir la bote de
dialogue du mme nom . Vous pouvez lisser, contracter et dilater le contour ou
le rendre progressif .
Pour utiliser le lissage, slectionnez un outil Lasso, les outils Ellipse de slection
ou Baguette magique . Activez ensuite loption Lissage dans la barre doptions .
Pour appliquer un contour progressif un outil de slection, activez lun des
outils Lasso ou Rectangle de slection . Entrez une valeur pour loption Contour
progressif dans la barre doptions . Cette valeur dfinit la largeur du contour
progressif . Elle est comprise entre1 et 250pixels .
Pour appliquer un contour progressif une slection existante, cliquez sur
Slection> Contour progressif . Entrez une valeur dans la zone Rayon et cliquez
sur oK .

70 LEoN 3 Les slections


Les outils Lasso
Comme nous lavons mentionn plus tt, Photoshop dispose de trois types doutils
Lasso: Lasso, Lasso polygonal et Lasso magntique. Vous pouvez les utiliser pour
procder une slection qui ncessite la fois un trac main leve et des lignes
droites, en passant alternativement du Lasso au Lasso polygonal laide de raccourcis
clavier. Lemploi des outils Lasso requiert un peu dentranement pour alterner les
lignes droites et les segments de formes libres. Dans cette section, vous slectionnerez
la coquille de la moule. Si vous commettez une erreur pendant la slection, annulez-la
et recommencez.
1. Avec loutil Zoom ( ), cliquez sur la coquille de la moule pour quelle saffiche
100%. Elle doit apparatre en entier dans la fentre de document.
2. Activez loutil Lasso ( ). En commenant au coin infrieur gauche de la coquille,
faites glisser le pointeur vers le haut pour suivre main leve la courbe du talon
arrondi de la coquille. Ne relchez pas le bouton de la souris.
3. Appuyez sur la touche Alt (Windows) ou Option (MacOS), puis relchez le bouton
de la souris pour slectionner loutil Lasso polygonal ( ). Ne relchez pas la touche
Alt/Option.
4. Tracez de petites lignes droites en cliquant chaque angle le long du bord suprieur.
Gardez toujours la touche Alt/Option enfonce.

Tracez la slection avec loutil Lasso . Cliquez avec loutil Lasso polygonal .

Le contour de la slection stend automatiquement chaque clic entre les points


dancrage.
5. Arriv lextrmit droite de la coquille, gardez appuy le bouton de la souris et
relchez la touche Alt/Option. Le pointeur reprend la forme de loutil Lasso.
6. Faites glisser soigneusement le pointeur sur la pointe de la coquille pour tracer son
contour sans relcher le bouton de la souris.
7. Appuyez de nouveau sur la touche Alt/Option, relchez le bouton de la souris et
tracez des lignes droites le long du bord infrieur en cliquant sur les angles avec loutil
Lasso polygonal. Continuez ainsi jusqu revenir au point de dpart de la slection.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 71


8. Cliquez sur le point de dpart de la slection. Relchez ensuite la touche Alt/Option,
puis le bouton de la souris. La coquille est entirement slectionne et doit le rester
pour lexercice suivant.

Rotation dune slection


Vous allez prsent faire pivoter la coquille de moule.
Avant de poursuivre, vrifiez quelle est toujours slectionne.
1. Cliquez sur Affichage> Taille cran pour que la taille daffichage de la fentre de
document sadapte la rsolution de votre cran.
2. Maintenez la touche Ctrl (Windows) ou Cmd (MacOS) enfonce et faites glisser
la coquille dans la case portant ltiquetteD.
Le pointeur prend lapparence de loutil Dplacement.
3. Cliquez sur dition> Transformation> Rotation.
Un cadre de transformation apparat autour de la slection.
4. Placez le pointeur lextrieur du cadre, ct dune des poignes dangle. Il prend
alors la forme dune double flche incurve ( ). Faites-le glisser pour faire pivoter
la coquille de moule de 90. Vous pouvez vrifier langle dans le champ Rotation de
la barre doptions. Appuyez sur la touche Entre (Windows) ou Retour (MacOS)
pour appliquer la transformation.
5. Si ncessaire, slectionnez loutil Dplacement ( ) et faites glisser la coquille pour
la repositionner, en utilisant la silhouette dessine comme une ombre. Lorsque sa
position vous convient, cliquez sur Slection> Dslectionner.

6. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.

72 LEoN 3 Les slections


Loutil Lasso magntique
Loutil Lasso magntique permet de tracer une slection main leve autour dune
zone aux bords trs contrasts. Avec cet outil, le contour de la slection vient se coller
au bord de la zone dlimiter. De plus, vous pouvez tracer avec prcision en insrant
par un clic quelques points dancrage autour de la zone slectionner.
Vous allez prsent slectionner le mollusque avec cet outil afin de le positionner lui
aussi dans une case.
1. Avec loutil Zoom ( ), cliquez sur le mollusque pour lagrandir 100%, voire plus.
2. Activez loutil Lasso magntique ( ), cach sous loutil Lasso ( ).
3. Cliquez une seule fois sur le bord gauche du mollusque puis faites glisser loutil E Astuce: Dans
Lasso magntique le long du contour du mollusque pour tracer la slection. les zones de
faible contraste,
vous pouvez
insrer vous-
mme des points
dancrage en
cliquant dessus .
Vous pouvez
ajouter autant
de points que
vous le souhaitez .
Pour supprimer
le dernier point
dancrage,
Mme si vous ne maintenez pas le bouton de la souris enfonc, loutil Lasso magntique appuyez sur la
suit les contours en insrant automatiquement des points dancrage. touche Suppr
(Windows) ou
4. Une fois revenu au point de dpart, double-cliquez pour fermer la slection. Vous Ret . Arr . (macoS) .
pouvez galement placer le curseur sur le point de dpart de la slection et cliquer Dplacez ensuite
le pointeur sur
une seule fois. le dernier point
dancrage restant
et recommencez
tracer votre
slection depuis
ce point .

5. Double-cliquez sur loutil Main ( ) pour afficher limage la taille de lcran.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 73


6. Avec loutil Dplacement ( ), faites glisser le
mollusque dans la case portant ltiquetteE,
en laissant la silhouette constituer une ombre en
bas et gauche.
7. Cliquez sur Slection> Dslectionner puis sur
Fichier> Enregistrer.

Slectionner partir dun point central


Il est parfois plus facile de raliser une slection de forme ovale ou rectangulaire en
traant le cadre vers lextrieur, partir du centre de lobjet. Vous allez procder de
cette faon pour slectionner la tte de la vis que vous placerez dans le coin du cadre
en bois:
1. Avec loutil Zoom ( ), cliquez sur la vis pour lagrandir 300% environ. Assurez-
vous que la totalit de lobjet est visible dans la fentre de document.
2. Activez loutil Ellipse de slection ( ) dans le panneau Outils.
3. Placez le curseur approximativement au centre de la vis.
4. Cliquez et commencez faire glisser le curseur. Puis, sans relcher, appuyez sur la
touche Alt (Windows) ou Option (MacOS) et continuez faire glisser le contour
vers le pourtour de la vis.
E Astuce: Le cadre de slection est centr par rapport son point dorigine.
maintenez la
touche maj 5. Une fois la vis entirement slectionne, relchez dabord le bouton de la souris,
enfonce lors puis la touche Alt/Option (et la touche Maj si vous lavez utilise). Conservez la
du trac de la slection pour la suite des exercices.
slection pour
obtenir un cercle
parfait avec
loutil Ellipse de
slection et un
carr avec loutil
Rectangle de
slection .

6. Ajustez si ncessaire le contour de la slection en suivant les diffrentes techniques


que vous avez apprises jusque-l. Si vous relchez par erreur la touche Alt/Option
avant le bouton de la souris, essayez de slectionner la vis de nouveau.

74 LEoN 3 Les slections


Modification de la taille
et copie dune slection
Vous allez maintenant dplacer la vis dans le coin infrieur droit du cadre en bois, puis
vous la copierez pour les autres coins.

Redimensionner le contenu dune slection


Avant de dplacer la vis, vous devez modifier sa taille car elle est trop importante.
Assurez-vous que la vis est toujours slectionne. Si ce nest pas le cas, rptez la
procdure de la section prcdente.
1. Cliquez sur Affichage> Taille cran pour que lensemble de limage saffiche dans
la fentre de document.
2. Slectionnez loutil Dplacement ( ).
3. Placez le pointeur lintrieur de la slection. Il prend la forme dune flche
accompagne dune paire de ciseaux ( ) pour signaler que le dplacement va couper
les pixels de leur emplacement actuel et les dplacer vers le nouvel emplacement.
4. Faites glisser la vis dans le coin infrieur droit du cadre en bois.
5. Cliquez sur dition> Transformation> Homothtie. Un cadre de transformation
saffiche autour de la slection.
6. Maintenez la touche Maj enfonce et faites glisser un des angles du cadre de
transformation vers lintrieur pour rduire la taille de la vis 40% environ de sa
taille originale, ou jusqu ce quelle soit suffisamment petite pour correspondre
la largeur du cadre en bois. Appuyez ensuite sur la touche Entre ou Retour pour
valider la transformation et faire disparatre le cadre de transformation.
Lorsque vous modifiez la taille de lobjet, le contour de la slection est aussi redimen-
sionn. En conservant la touche Maj enfonce, vous conservez les proportions de
lobjet, ce qui vite toute dformation.
7. Repositionnez la vis laide de loutil Dplacement pour la centrer dans le coin
du cadre en bois.

8. Sans annuler la slection de la vis, cliquez sur Fichier> Enregistrer.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 75


Dplacer et copier simultanment une slection
Vous pouvez effectuer simultanment un dplacement et une copie de la slection.
Vous allez prsent dupliquer la vis dans les trois angles du cadre en bois. Si ncessaire,
slectionnez de nouveau la vis.
1. Activez loutil Dplacement ( ) et appuyez sur la touche Alt (Windows) ou Option
(MacOS), puis placez le pointeur lintrieur de la slection.
Le pointeur de loutil prend alors la forme dune double flche noire et blanche, ce qui
indique quune copie de la slection sera ralise pendant le dplacement.
2. Maintenez toujours la touche Alt/Option enfonce et faites glisser la copie de la vis
dans le coin suprieur droit du cadre. Relchez le bouton de la souris et la touche
Alt/Option, mais ne dslectionnez pas la copie de la vis.
3. Maintenez les touches Maj+Alt (Windows) ou Maj+Option (MacOS) enfonces et
faites glisser une copie de la deuxime vis dans le coin suprieur gauche du cadre.
Lorsque vous dplacez une slection en maintenant la touche Maj enfonce, ce dplace-
ment est alors parfaitement horizontal, vertical ou en diagonale de 45.
4. Rptez ltape3 pour crer une quatrime vis dans le coin infrieur gauche du cadre.

5. Quand la position de la quatrime vis vous convient, cliquez sur Slection>


Dslectionner puis sur Fichier> Enregistrer.

76 LEoN 3 Les slections


Copier des slections
Vous pouvez vous servir de loutil Dplacement pour copier les slections que vous faites
glisser dans ou entre des images Photoshop . Vous pouvez aussi copier et dplacer des
slections laide des commandes Copier, Copier avec fusion, Coller et Coller dedans .
Lemploi de loutil de dplacement exige moins de mmoire, car le Presse-papiers nest
pas autant sollicit quavec ces commandes .
Photoshop offre plusieurs commandes pour copier et coller:

Copier. Copie la zone slectionne sur le calque actif .


Copier avec fusion. Cre une copie fusionne de tous les calques visibles dans
la zone slectionne .
Coller. Colle une slection coupe ou copie dans une autre partie de limage
ou dans une autre image sous forme de nouveau calque .
Coller dedans. Colle une slection coupe ou copie dans une autre slection
de la mme image ou dune image diffrente . La slection source est colle
dans un nouveau calque, et la frange de la slection cible est convertie en
masque de fusion .
Lors du collage dune slection ou dun calque entre deux images de rsolution dif-
frente, les donnes colles conservent leurs dimensions en pixels . La zone colle peut
de ce fait sembler disproportionne dans la nouvelle image . laide de la commande
Taille de limage, dfinissez une rsolution identique pour les images source et cible
avant lopration de copier-coller .

Recadrage de limage
prsent que les lments de la composition sont en place, vous allez recadrer limage.
Pour cela, vous pouvez employer loutil Recadrage ou la commande Image> Recadrer.
1. Slectionnez loutil Recadrage ( ) dans le panneau Outils ou appuyez sur la toucheC
pour passer de loutil courant loutil Recadrage. Photoshop cre un rectangle de
recadrage autour de toute limage.
2. Dans la barre doptions, assurez-vous que loption RapportL/H est slectionne et
quaucune valeur prdfinie de recadrage nest dfinie dans les champs adjacents.
Assurez-vous ensuite que loption Supprimer les pixels rogns est active.
Lorsque vous slectionnez loption RapportL/H sans dfinir de valeurs, vous pouvez
ensuite dfinir les proportions du recadrage comme vous le souhaitez.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 77


E Astuce: 3. Faites glisser les poignes dangle du cadre de recadrage vers lintrieur de limage
Pour recadrer pour quil englobe tout le cadre mais en excluant le fond blanc au bas de limage
une image en
o se trouvaient les objets lorigine. Conservez une bordure blanche de mme
conservant ses
proportions dimension tout autour du cadre.
intactes,
slectionnez
Rapport L/H dans
le menu droulant
de la barre
doptions .

4. Lorsque la position du rectangle de recadrage vous convient, cliquez sur le bouton


Valider le recadrage en cours ( ) dans la barre doptions.
5. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.

Vous avez utilis plusieurs outils de slection pour positionner les coquillages. Le
collage est termin.

78 LEoN 3 Les slections


Rvisions
Questions
1. Aprs avoir ralis une slection, quelle zone de limage pouvez-vous modifier?
2. Comment tendre ou rduire le contenu dune slection?
3. Comment dplacer un contour de slection lors de son trac?
4. Lorsque vous ralisez une slection avec loutil Lasso, comment terminer le contour
pour tre sr que la slection aura la forme souhaite?
5. Comment fonctionne loutil Slection rapide?
6. Comment loutil Baguette magique dtermine-t-il les zones de limage slectionner?
Quest-ce que le paramtre Tolrance et quel est son rle dans la slection?

Rponses
1. Seule la zone comprise dans la slection active peut tre modifie.
2. Pour tendre une slection, on doit cliquer sur le bouton Ajouter la slection
dans la barre doptions, puis sur la zone inclure dans la slection. Pour rduire
une slection, on doit cliquer sur le bouton Soustraire de la slection dans la barre
doptions, puis sur la zone retirer de la slection. On peut galement tendre une
slection en maintenant la touche Maj enfonce et la rduire en maintenant enfonce
la touche Alt (Windows) ou Option (MacOS).
3. Pour repositionner la bordure dune slection, on appuie sur la barre despacement
sans relcher le bouton de la souris.
4. Pour tre sr que la slection a bien la forme souhaite lorsquon utilise loutil
Lasso, on referme le trac de slection en plaant le pointeur au point dorigine de
la slection. Par dfaut, Photoshop trace une ligne droite entre le point dorigine et
le point de clture de la slection.
5. Loutil Slection rapide tend la slection vers lextrieur depuis le point o on clique
et trouve automatiquement les contours dans une image.
6. Loutil Baguette magique slectionne des pixels adjacents de couleur identique. Le
paramtre Tolrance dtermine le nombre de nuances proches slectionner. Plus
sa valeur est leve, plus le nombre de tons slectionns est important.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 79


Crdit: Pineapple and flower photography Image Source, .imagesource .com .

PRoJET: CARTE PoSTALE DE VoYAGE .

Adobe Photoshop permet disoler sous forme de calques les


diffrentes parties dune image . Chaque calque peut ensuite tre
modifi sparment, ce qui offre une trs grande souplesse pour
la cration et la retouche dimages . Les compositions de calques
permettent galement de passer en revue les diffrentes versions
dune image trs facilement .

80
LES CALQUES:
TECHNIQUES
LMENTAIRES 4
Au cours de cette leon, vous apprendrez :
organiser une image autour des calques;
crer, afficher, masquer et slectionner des calques;
modifier lordre de superposition des calques;
utiliser les modes de fusion de calques;
redimensionner et faire pivoter des calques;
appliquer un dgrad un calque;
appliquer un filtre un calque;
ajouter du texte et utiliser les styles de calque;
ajouter un calque de rglage;
enregistrer une copie du fichier avec les calques aplatis.

Cette leon vous prendra environ une heure. Si vous ne lavez pas dj fait,
tlchargez les fichiers de la Leon4 depuis le site www.pearson.fr, sur la
page ddie au livre. Au cours de cette leon, vous ne modifierez pas les
fichiers de dpart. Si vous devez nanmoins revenir la version dorigine
des fichiers, tlchargez-les de nouveau.

81
propos des calques
Tout fichier Photoshop contient au moins un calque: chaque nouveau fichier est cr
avec un calque darrire-plan qui contient une couleur ou une image visible travers
les zones transparentes des autres calques. Tous les nouveaux calques dune image
sont transparents jusqu ce quon y ajoute du texte ou des illustrations (ce qui revient
attribuer des valeurs aux pixels).
Pour mieux comprendre ce quest un calque, supposez quon rpartisse les lments
dun dessin sur plusieurs feuilles transparentes: chacune de ces feuilles peut tre
modifie, repositionne ou supprime sans consquence aucune sur les autres, et le
dessin complet nat de la superposition de ces feuilles.

Prparatifs
prsent, ouvrez le fichier de lexemple termin pour avoir une ide de limage que
vous allez crer.
1. Lancez Photoshop et appuyez aussitt sur les touches Ctrl+Alt+Maj (Windows) ou
Cmd+Option+Maj (MacOS) pour restaurer les prfrences par dfaut du logiciel
(pour en savoir plus, reportez-vous la section Rtablissement des prfrences
par dfaut de lIntroduction).
2. Dans la bote de message qui apparat, cliquez sur Oui pour confirmer que vous
voulez supprimer le fichier de paramtres dAdobe Photoshop.
Note: Si 3. Cliquez sur Fichier> parcourir dans Mini Bridge pour ouvrir le panneau Mini Bridge.
vous navez pas Si Bridge nest pas ouvert en arrire-plan, cliquez sur le bouton Lancer Bridge.
install Bridge,
vous devez le Vous pouvez accder de nombreuses fonctionnalits dAdobe Bridge sans quitter
faire maintenant . Photoshop. Le panneau Mini Bridge permet de visualiser, slectionner, ouvrir et
Reportez-vous
lIntroduction
importer des fichiers tout en continuant de travailler sur une image dans Photoshop.
pour en savoir 4. Choisissez Favoris dans le menu droulant gauche du panneau Mini Bridge.
plus .
5. Dans le volet Favoris, double-cliquez sur le dossier Lessons, puis sur le dossier
Lesson04.
6. Dans le volet Contenu, slectionnez la vignette du fichier 04End.psd puis appuyez
sur la barre despacement pour afficher cette image en plein cran.
Cette composition de plusieurs calques est une carte postale. Vous allez apprendre
crer, modifier et organiser les calques afin de la reproduire.
7. Pressez de nouveau la barre despacement pour revenir dans le panneau Mini
Bridge puis double-cliquez sur le fichier 04Start.psd pour louvrir dans Photoshop.
8. Cliquez sur Fichier> Enregistrer sous et sauvegardez le fichier sous le nom
04Retouche.psd par exemple. Cliquez sur OK si la bote de dialogue Options de
format Photoshop souvre.

82 LEoN 4 Les calques : techniques lmentaires


Enregistrer une autre version du fichier de dpart vous permet de procder des
modifications sans crainte daltrer loriginal.

Utilisation du panneau Calques


Le panneau Calques affiche le nom et la vignette de tous les calques qui forment limage.
Vous pouvez lutiliser pour masquer, afficher, repositionner, supprimer, renommer et
fusionner des calques. La vignette de chaque calque est automatiquement mise jour
au fur et mesure des modifications.
1. Si ncessaire, affichez le panneau Calques (Fentre> Calques).
Le fichier 04Retouche.psd contient cinq calques (de haut en bas): Postage (affranchis- E Astuce:
Vous pouvez
sement), HAWAII, Flower (fleur), Pineapple (ananas) et Background (arrire-plan). utiliser le menu
contextuel du
2. Cliquez sur le calque Background au bas de la liste pour le slectionner (si ce nest
panneau Calques
pas dj le cas). pour masquer ou
redimensionner
Licne en forme de cadenas ( ) indique que ce calque est protg. les vignettes des
Licne en forme dil ( ) indique que le contenu de ce calque est visible dans calques . Cliquez
du bouton droit
la fentre de document. Si vous cliquez sur cette icne, ce calque ne saffiche (Windows)
plus dans la fentre de document. ou cliquez en
maintenant
la touche Ctrl
enfonce
(macoS) sur une
partie vide du
panneau Calques
pour ouvrir le
menu contextuel,
puis slectionnez
une taille de
vignette .

Pour commencer, vous allez ajouter une photo de la plage la carte postale.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 83


3. Dans le panneau Mini Bridge, double-cliquez sur la vignette du fichier Beach.psd
situ dans le dossier Lesson04 pour louvrir dans Photoshop.

Limage de ce fichier tant maintenant limage active, le panneau Calques change


pour prsenter le seul calque qui la compose: Layer1 (calque1) et non Background
ou Arrire-plan. Pour en savoir plus, reportez-vous lencadr suivant.

propos du calque de
fond (Arrire-plan)
Lorsque vous crez une image avec un fond blanc ou de couleur, le calque situ au
bas de la liste du panneau Calques constitue le calque Arrire-plan . Une image ne
peut avoir quun seul arrire-plan . Vous ne pouvez pas modifier lordre dun calque
Arrire-plan, ni son mode de fusion, ni son opacit . Cependant, il est possible de le
convertir en calque normal .
Lorsque vous crez une image dont le contenu est transparent, cette image ne com-
prend pas de calque Arrire-plan . Par consquent, le calque situ au bas de la liste nest
pas limit comme le calque Arrire-plan; vous pouvez le dplacer nimporte o dans
le panneau Calques et modifier son opacit et son mode de fusion .

Pour convertir un arrire-plan en calque


1. Double-cliquez sur Arrire-plan dans le panneau Calques ou cliquez sur Calque>
Nouveau> Calque daprs larrire-plan .
2. Dfinissez les options du calque (y compris son nom) .
3. Cliquez suroK .

Pour convertir un calque en arrire-plan


1. Slectionnez un calque dans le panneau Calques .
2. Cliquez sur Calque> Nouveau> Arrire-plan daprs un calque .

84 LEoN 4 Les calques : techniques lmentaires


Renommer et copier un calque dun fichier lautre
Pour ajouter du contenu une image et crer en mme temps un calque, il suffit de
faire glisser un lment ou un calque dune image dans la fentre de document dune
autre image. Vous pouvez faire glisser le calque actif depuis la fentre de document
ou depuis le panneau Calques.
Vous allez maintenant faire glisser limage Beach.psd dans limage 04Retouche.psd.
Commencez par vous assurer que les deux fichiers 04Retouche.psd et Beach.psd sont
ouverts et que Beach.psd est slectionn.
Vous allez tout dabord attribuer un nom plus significatif au calque Layer1.
1. Dans le panneau Calques, double-cliquez sur le nom Layer1, saisissez Plage, puis
appuyez sur la touche Entre (Windows) ou Retour (MacOS).

2. Cliquez sur Fentre> Rorganiser> 2vignettes verticales pour que les deux images
saffichent cte cte dans Photoshop. Cliquez ensuite sur limage Beach.psd pour
lactiver.
3. Activez loutil Dplacement ( ) et faites glisser cette image sur la fentre de E Astuce: Si
document du fichier 04Retouche.psd. vous maintenez
la touche maj
enfonce pendant
que vous faites
glisser une image
dun fichier
lautre, limage
ajoute sera
automatiquement
centre dans
la fentre de
document de
limage cible .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 85


Le calque Plage saffiche prsent dans la fentre de document et dans le panneau
Calques de limage 04Retouche.psd, entre les calques Pineapple et Background.
Photoshop insre toujours les nouveaux calques directement au-dessus du calque actif,
en loccurrence le calque Background que vous avez slectionn plus tt.

4. Fermez le fichier Beach.psd sans enregistrer les modifications.


5. Double-cliquez sur longlet Mini Bridge pour fermer ce panneau.

Afficher chaque calque


Le fichier 04Retouche.psd contient prsent six calques. Certains dentre eux sont
visibles alors que dautres sont masqus. Licne de visibilit en forme dil ( ) qui
apparat gauche du nom dun calque dans le panneau Calques indique quels calques
sont visibles.
1. Masquez le calque Pineapple en cliquant sur son icne de visibilit ( ).

86 LEoN 4 Les calques : techniques lmentaires


Vous pouvez afficher ou masquer un calque en cliquant sur cette icne ou dans la
colonne appele Colonne de visibilit.
2. Cliquez sur lemplacement de cette icne pour afficher de nouveau le calque Pineapple.

Ajouter une bordure un calque


Vous allez maintenant ajouter un cadre blanc autour du calque Beach pour donner
limpression quil sagit dune photographie.
1. Slectionnez le calque Plage (cliquez sur son nom dans le panneau Calques).
Le calque apparat en surbrillance dans le panneau Calques pour indiquer quil est
slectionn. Les modifications que vous raliserez ne concerneront que lui.
2. Pour mieux visualiser les zones opaques du calque, masquez tous les autres calques.
Pour cela, cliquez sur licne en forme dil ( ) du calque Plage tout en maintenant
la touche Alt (Windows) ou Option (MacOS) enfonce.

Larrire-plan blanc et les autres lments de limage disparaissent, tandis que le calque
Plage saffiche sur un fond damier gris. Ce damier reprsente les zones transparentes
du calque actif.
3. Cliquez sur Calque> Style de calque> Contour.
La bote de dialogue Style de calque souvre alors. Vous allez slectionner les options
du cadre blanc ajouter autour de cette image.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 87


4. Dfinissez les paramtres suivants:
Taille: 5px;
Position: Intrieur;
Mode de fusion: Normal;
Opacit: 100%;
Couleur: Blanc (cliquez sur lchantillon de couleur et slectionnez le blanc
avec loutil Pipette).

5. Cliquez sur OK. Un cadre blanc apparat autour de limage de la plage dans la
fentre de document.

Rorganisation des calques


Lordre dans lequel sont disposs les calques est appel ordre de superposition ou
dempilement. Il dtermine laspect de limage. Vous pouvez le modifier pour faire
apparatre certaines parties de limage devant ou derrire dautres calques.
Vous allez changer lordre des calques pour placer le calque Plage devant une autre
image du fichier actuellement masque.

88 LEoN 4 Les calques : techniques lmentaires


1. Affichez les calques Postage, HAWAII, Flower, Pineapple et Background en cliquant
sur leur colonne de visibilit, gauche de leur nom dans le panneau Calques.

Le calque Plage est prsent en partie recouvert par les images des autres calques.
2. Dans le panneau Calques, faites glisser le calque Plage vers le haut pour le placer
entre les calques Pineapple et Flower. Lorsquune ligne noire saffiche entre ces
deux calques, relchez.

E Astuce: Pour
contrler lordre
de superposition
des calques, vous
pouvez galement
les slectionner
dans le panneau
Calques et cliquer
sur Calques>
Disposition, puis
Premier plan, En
Le calque Plage remonte ainsi dun niveau dans lordre de superposition, devant lananas avant, En arrire
et larrire-plan, mais reste derrire le mot HAWAII et la fleur. ou Arrire-plan .

Modifier lopacit dun calque


Vous pouvez rduire lopacit de chaque calque pour rendre visibles les calques quil
recouvre par transparence. Dans ce projet, le tampon de la poste est trop sombre sur
la fleur. Vous allez donc modifier lopacit du calque Postage pour quil laisse la fleur
et les autres calques safficher par transparence.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 89


1. Dans le panneau Calques, slectionnez le calque Postage, puis cliquez sur la flche
du champ de texte Opacit et faites glisser le curseur 25%. Vous pouvez galement
saisir directement cette valeur dans le champ, cliquer sur le mot Opacit ou cliquer
et faire glisser le pointeur vers la gauche sur le mot Opacit.

Le calque Postage devient partiellement transparent, laissant voir les autres calques.
Vous constatez que le changement dopacit ne concerne que le contenu de ce calque.
Les calques Pineapple, Beach, Flower et HAWAII demeurent compltement opaques.
2. Cliquez sur Fichier> Enregistrer pour sauvegarder vos modifications.

Dupliquer un calque et modifier son mode de fusion


Vous pouvez appliquer diffrents modes de fusion au calque, lesquels modifient la
manire dont les pixels dun calque se combinent avec ceux des calques situs en
dessous de lui. Vous allez tout dabord employer les modes de fusion pour augmenter
lintensit de limage du calque Pineapple afin que lananas soit moins terne, puis vous
modifierez le mode de fusion du calque Postage (ce mode est actuellement dfini
comme Normal sur les deux calques).
1. Cliquez sur licne de visibilit des calques HAWAII, Flower et Plage pour les
rendre invisibles.
2. Cliquez du bouton droit (Windows) ou en maintenant la touche Ctrl enfonce
(MacOS) sur le calque Pineapple, slectionnez Dupliquer le calque dans le menu
contextuel (assurez-vous de cliquer sur le calque et non sur son nom, sans quoi
un menu contextuel diffrent saffichera). Cliquez ensuite sur OK dans la bote de
dialogue Dupliquer le calque.

Un calque nomm Pineapple copie apparat alors au-dessus du calque Pineapple


dans le panneau Calques.

90 LEoN 4 Les calques : techniques lmentaires


Julieanne Kost est une porte-parole officielle dAdobe Photoshop.

Les astuces dune porte-parole


de Photoshop
Les effets de fusion
Leffet quont les modes de fusion change selon lordre des calques et sils sont placs
en diffrents groupes . Le rsultat sera trs diffrent si vous appliquez un mode de
fusion tout un groupe de calques ou chaque calque individuellement . Lorsque le
mode de fusion est appliqu un groupe de calques, Photoshop considre ce groupe
comme un seul objet fusionn . Effectuez des essais avec les modes de fusion pour
obtenir leffet que vous dsirez .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 91


3. Dans le panneau Calques, slectionnez le calque Pineapple copie si ncessaire, puis
choisissez Incrustation dans le menu droulant Options de fusion.

Le mode de fusion Incrustation fond le calque Pineapple copie avec le calque Pineapple
situ juste en dessous pour crer un ananas plus color, dont les zones sombres sont
plus sombres et les zones claires plus lumineuses.
E Astuce: 4. Slectionnez le calque Postage, puis choisissez Produit dans le menu Options de
Pour en savoir fusion. Le mode de fusion Produit multiplie les couleurs des calques situs en
plus sur les
dessous avec la couleur du calque au sommet de la pile. Ici, cela rend le tampon
modes de fusion
des calques, de la poste un peu plus visible.
reportez-vous
lAide en ligne de
Photoshop .

5. Cliquez sur Fichier> Enregistrer pour sauvegarder vos modifications.

Redimensionner et faire pivoter des calques


Vous pouvez redimensionner et faire pivoter des calques.
1. Cliquez dans la colonne de visibilit du calque Plage pour le rendre visible.
2. Slectionnez le calque Plage dans le panneau Calques, puis cliquez sur dition>
Transformation manuelle.
Un cadre de transformation dot de poignes chaque angle apparat alors autour
de limage de la plage.

92 LEoN 4 Les calques : techniques lmentaires


Pour commencer, vous allez redimensionner et faire pivoter ce calque.
3. Maintenez la touche Maj enfonce et faites glisser une poigne dangle vers le centre
pour rduire la taille de la photo de la plage denviron 50% (utilisez les valeurs en
pourcentage des champs Largeur et Hauteur de la barre doptions).
4. Placez le pointeur lextrieur du cadre de transformation toujours slectionn,
prs dune poigne dangle. Il prend lapparence dune double flche incurve.
Faites-le glisser dans le sens des aiguilles dune montre pour faire pivoter limage
de 15 environ. Vous pouvez galement entrer 15 dans le champ Rotation de la
barre doptions.

5. Dans la barre doptions, cliquez sur le bouton Valider la transformation ( ).


6. Rendez le calque Flower visible. Slectionnez ensuite loutil Dplacement ( ) et
faites glisser le calque Plage afin que son coin suprieur droit se trouve sous la fleur,
comme dans notre exemple.
7. Cliquez sur Fichier> Enregistrer.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 93


Utiliser un filtre pour crer une illustration
Vous allez crer un nouveau calque sans aucun motif (lajout dun calque vide dans un
fichier revient poser une feuille de calque vierge au-dessus dune pile dimages). Vous
lutiliserez pour ajouter des nuages ralistes dans le ciel laide dun filtre de Photoshop.
1. Dans le panneau Calques, cliquez sur le calque Background pour lactiver, puis sur
le bouton Crer un calque ( ).

Note: Vous Un nouveau calque nomm Calque1 apparat entre les calques Background et Pineapple.
pouvez aussi Il est vide de tout contenu, si bien que sa cration na aucun effet sur limage.
crer un calque
en choisissant 2. Double-cliquez sur le nom Calque1, entrez Nuages et appuyez sur la touche Entre
Nouveau calque (Windows) ou Retour (MacOS) pour valider.
dans le menu du
panneau Calques
ou en cliquant
sur Calque >
Nouveau>
Calque .

3. Cliquez sur licne Dfinir la couleur de premier plan dans le panneau


Outils. Slectionnez un bleu ciel dans le slecteur de couleurs puis cliquez
sur OK. La couleur que nous avons choisie a les valeurs suivantes: R=48,
V=138 et B=174. La couleur darrire-plan reste le blanc.
4. Le calque Nuages toujours actif, cliquez sur Filtre> Rendu> Nuages.

Des nuages ralistes apparaissent derrire limage.


5. Cliquez sur Fichier> Enregistrer.

94 LEoN 4 Les calques : techniques lmentaires


Crer un calque par glisser-dposer
Vous pouvez ajouter un calque en faisant glisser une image depuis le Bureau, Bridge,
lExplorateur (Windows) ou le Finder (MacOS). Vous allez maintenant utiliser cette
mthode pour ajouter une fleur la carte postale.
1. Minimisez linterface de Photoshop si elle occupe tout lcran.
Sous Windows, cliquez sur le bouton Agrandir/Restaurer ( ) situ dans le
coin suprieur droit, puis faites glisser les bords de la fentre de Photoshop
pour rduire sa taille.
Sous MacOS, cliquez sur le bouton vert Agrandir/Restaurer ( ) situ dans le
coin suprieur gauche de la fentre de document.
2. Slectionnez le calque Pineapple copie dans le panneau Calques de Photoshop
pour lactiver.
3. Parcourez votre disque dur dans lExplorateur (Windows) ou le Finder (MacOS)
jusquau dossier dans lequel vous avez tlcharg les fichiers du site pearson.com
Ouvrez ensuite le dossier Lesson04.
4. Slectionnez le fichier Flower2.psd, puis faites-le glisser de lExplorateur ou du
Finder sur limage.

Le calque Flower2 saffiche dans le panneau Calques, directement au-dessus du calque


Pineapple copie. Photoshop importe limage en tant quobjet dynamique, cest--dire
un calque que vous pouvez modifier sans que ces modifications soient permanentes.
Vous en apprendrez plus sur les objets dynamiques dans les Leons5et8.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 95


5. Placez le calque Flower2 dans le coin infrieur gauche de la carte postale, afin que
la moiti de la fleur soit visible.

6. Cliquez sur le bouton Valider la transformation ( ) dans la barre doptions pour


finaliser limportation de ce nouveau calque.

Ajouter du texte
Vous tes maintenant prt ajouter du texte laide de loutil Texte horizontal. Ce
texte se place automatiquement sur un calque distinct. Vous le modifierez ensuite et
lui appliquerez un effet spcial.
1. Rendez le calque HAWAII visible. Vous allez ajouter le texte sous ce calque et
appliquer leffet ces deux calques.
2. Cliquez sur Slection> Dslectionner les calques afin quaucun calque ne soit actif.
3. Cliquez sur licne Dfinir la couleur de premier plan dans le panneau Outils.
Slectionnez un vert fonc dans le slecteur de couleurs. Cliquez ensuite sur OK.
4. Dans le panneau Outils, activez loutil Texte horizontal ( ), puis affichez le panneau
Caractre (Fentre> Caractre) et parmi les options suivantes:
Choisissez une police de caractres de type serif
(nous avons choisi Birch Std si vous utilisez
une police diffrente, modifiez les diffrents
paramtres en consquence).
Choisissez un style (ici Regular).
Slectionnez un corps de police de grande
taille (nous avons choisi 36points).
Choisissez une valeur dapproche des caractres
( ) importante (nous utilisons 250).

96 LEoN 4 Les calques : techniques lmentaires


Cliquez sur le bouton Faux gras ( ).
Cliquez sur le bouton Tout en capitales ( ).
Slectionnez Nette sur la liste droulante Dfinir la mthode de lissage ( ).
5. Cliquez juste en dessous de la lettre H du mot HAWAII dans la fentre de Note: Si vous
document et tapez Island Paradise (Lle du paradis). Ensuite, cliquez sur le bouton avez fait une
erreur lorsque
Valider toutes les modifications en cours ( ) dans la barre doptions. vous avez cliqu
Un nouveau calque nomm Island Paradise apparat au sommet de la pile des calques pour dfinir le
texte, cliquez
dans le panneau Calques. LeT en lieu et place de la vignette indique quil sagit dun simplement en
calque de texte. dehors du texte et
rptez ltape5 .

Ce texte saffiche dans la partie de limage o vous avez cliqu. Il est alors fort probable
quil ne soit pas exactement positionn o vous le souhaitez.
6. Slectionnez loutil Dplacement ( ) et faites glisser le texte Island Paradise pour
le centrer sous le mot HAWAII.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 97


Ajout dun dgrad un calque
Vous pouvez ajouter un dgrad sur la totalit dun calque ou sur une partie seulement.
Dans cet exercice, vous allez ajouter un dgrad au mot HAWAII pour le rendre
plus color. Vous slectionnerez donc les lettres, puis vous appliquerez le dgrad.
1. Dans le panneau Calques, cliquez sur le calque HAWAII pour lactiver.
2. Cliquez du bouton droit (Windows) ou en maintenant la touche Ctrl enfonce
(MacOS) sur le calque et choisissez Slectionner des pixels dans le menu contextuel.

E Astuce:
Pour afficher
les dgrads
sous forme de
liste plutt que
sous forme
dchantillons,
cliquez sur le
bouton de menu Tout le contenu du calque HAWAII (les lettres blanches) est alors slectionn. prsent
du slecteur
de dgrad et
que la zone remplir est slectionne, vous allez appliquer le dgrad.
slectionnez 3. Slectionnez loutil Dgrad ( ) dans le panneau Outils.
Petite liste ou
Grande liste . 4. Cliquez sur licne Dfinir la couleur de premier plan, slectionnez une teinte orange
Vous pouvez clair dans le slecteur de couleurs puis cliquez sur OK. La couleur darrire-plan
galement laisser
quelques instants reste le blanc.
le pointeur sur
5. Dans la barre doptions, assurez-vous que loption Dgrad linaire ( ) est slectionne.
une des vignettes
du slecteur de 6. Dans la barre doptions, cliquez sur la flche droite de lditeur de dgrad pour
dgrad; une
ouvrir le slecteur de dgrad. Cliquez sur la vignette Premier plan > Arrire-plan
info-bulle apparat
alors avec le nom (le premier chantillon de dgrad), puis cliquez en dehors du slecteur de dgrad
du dgrad . pour le fermer.
7. La slection toujours active, faites glisser loutil Dgrad du bas vers le haut des lettres.
Pour tracer une ligne parfaitement rectiligne, maintenez la touche Maj enfonce.

98 LEoN 4 Les calques : techniques lmentaires


Le dgrad stend sur les lettres, en commenant par la couleur orange au bas des
lettres pour se fondre graduellement en blanc.
8. Cliquez sur Slection> Dslectionner pour dslectionner le mot HAWAII.
9. Enregistrez vos modifications.

Application dun style de calque


Photoshop propose une srie deffets appliquer sur les calques: Ombre, Contour,
Satin, entre autres, sous forme de styles de calque. Ces styles sont dun emploi trs
simple et sassocient directement au calque de votre choix.
E Astuce: Pour
Il est possible de masquer les effets dun calque grce licne de visibilit ( ) du afficher la bote
panneau Calques. Les styles ne sont pas destructifs et peuvent donc tre modifis ou de dialogue
supprims tout moment. Vous pouvez galement copier un effet de calque vers un Style de calque,
vous pouvez
autre calque en le faisant glisser avec la souris. galement cliquer
Plus tt dans cette leon, vous avez ajout un cadre la photo de la plage. Vous allez sur le bouton
Ajouter un style
maintenant ajouter une ombre porte au texte pour le mettre davantage en valeur. de calque au
bas du panneau
1. Slectionnez le calque Island Paradise puis cliquez sur Calque> Style de calque>
Calques et choisir
Ombre porte. un style comme
Biseautage et
2. Dans la bote de dialogue Style de calque, assurez-vous que loption Aperu est
estampage
coche. Au besoin, dplacez la bote de dialogue pour visualiser le texte dans la dans le menu
fentre de document. droulant .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 99


3. Dans la section Structure, activez loption Utiliser lclairage global puis slectionnez
les options suivantes:
Mode de fusion: Produit;
Opacit: 75%;
Angle: 78;
Distance: 5px;
Grossi: 30%;
Taille: 10px.

Photoshop ajoute une ombre porte au texte Island Paradise.


4. Cliquez sur OK pour valider les paramtres et fermer la bote de dialogue Style
de calque.

Photoshop imbrique le style de calque dans le calque Island Paradise. La premire


ligne signale la prsence dun effet et la seconde le nom de leffet appliqu au calque.
Pour activer/dsactiver un effet, cliquez sur licne de visibilit en forme dil ( ) qui
prcde son nom. Pour dsactiver tous les effets en mme temps, cliquez sur licne
de visibilit devant Effets. Pour rduire la liste des effets dun calque, cliquez sur la
flche situe droite du nom de ce calque.

100 LEoN 4 Les calques : techniques lmentaires


5. Assurez-vous que les icnes de visibilit des deux lments imbriqus sous le calque
Island Paradise sont bien visibles.
6. Pressez et maintenez enfonce la touche Alt (Windows) ou Option (MacOS), puis
faites glisser le mot Effets ou le symbolefx ( ) sur le calque HAWAII.

Le style de calque Ombre porte est alors galement appliqu ce calque, avec les
mmes paramtres. Vous allez maintenant ajouter un contour vert autour du calque
HAWAII.
7. Slectionnez le calque HAWAII dans le panneau Calques, cliquez sur le bouton
Ajouter un style de calque ( ) au bas du panneau, puis slectionnez Contour dans
le menu.
8. Dans la zone Structure de la bote de dialogue Style de calque, slectionnez les
options suivantes:
Taille: 4px;
Position: Extrieur;
Mode de fusion: Normal;
Opacit: 100%;
Couleur: Vert (slectionnez une couleur qui se marie bien avec celle que vous
avez choisie pour le texte Island Paradise).

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 101


9. Cliquez sur OK pour appliquer leffet Contour.

Vous allez enfin ajouter une ombre porte et un effet satin au calque Flower.
10. Slectionnez le calque Flower et cliquez sur Calque> Style de calque> Ombre
porte. Dfinissez ensuite les options suivantes dans la zone Structure:
Opacit:60%;
Distance: 13px;
Grossi: 9%;
Assurez-vous que loption Utiliser lclairage global est active et que le mode
de fusion Produit est slectionn. Ne cliquez pas sur OK.

11. Cliquez sur Satin sur la liste des styles. Assurez-vous que loption Inverser est
active, puis slectionnez les options suivantes:
Cliquez sur lchantillon de couleur droite de loption Mode de fusion et
choisissez une couleur fuchsia complmentaire de celle de la fleur.
Opacit: 20%.
Distance: 22px.

102 LEoN 4 Les calques : techniques lmentaires


12. Cliquez sur OK pour appliquer les deux styles de calque.

Ajouter un calque de rglage


Les calques de rglage peuvent tre utiliss pour appliquer une couleur ou modifier les
tons dune image sans modifier de faon permanente les valeurs des pixels. Par exemple,
un calque de rglage Balance des couleurs permet de tester plusieurs valeurs de couleurs
car les modifications nont lieu que sur le calque de rglage. Il suffit de rendre invisible
ou de supprimer le calque de rglage pour revenir la version originale de limage.
Vous avez dj utilis les calques de rglage dans les leons prcdentes. Ici, vous allez
ajouter un calque de rglage Teinte/Saturation afin de modifier la couleur de la fleur
violette. Un calque de rglage affecte tous les calques situs en dessous de lui dans le
panneau Calques moins quune slection ne soit active lorsque vous le crez ou que
vous utilisiez un masque dcrtage.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 103


1. Slectionnez le calque Flower2 dans le panneau Calques.
2. Cliquez sur licne Teinte/Saturation dans le panneau Rglages pour crer un
calque de rglage du mme nom.

3. Rglez les paramtres dans le panneau Proprits de la faon suivante:


Teinte: 43;
Saturation: 19;
Luminosit: 0.

Les modifications sappliquent aux calques Flower2, Pineapple copie, Pineapple,


Nuages et Background. Leffet est intressant mais il doit sappliquer uniquement sur
le calque Flower2.

104 LEoN 4 Les calques : techniques lmentaires


4. Cliquez du bouton droit (Windows) ou en maintenant la touche Ctrl enfonce
(Mac OS) sur le calque de rglage Teinte/Saturation et choisissez Crer un masque
dcrtage dans le menu contextuel.

Une flche apparat devant le nom du calque de rglage dans le panneau Calques pour
indiquer quil affecte seulement le calque Flower2. Vous en apprendrez plus sur les
masques dcrtage dans les Leons6et7.

Mettre jour un style de calque


Les styles de calque sappliquent automatiquement aux changements apports au
calque. Vous allez pouvoir le vrifier en modifiant le texte. Pour commencer, vous
allez utiliser la nouvelle fonctionnalit de recherche dans le panneau Calques pour
isoler le calque de texte.
E Astuce: Vous
1. Dans le menu Choisir un type de filtre du panneau Calques, slectionnez Type. pouvez effectuer
Ce filtre dfinit les options disponibles. une recherche
dans le panneau
2. Cliquez sur le bouton Filtre pour les calques Calques sur le
type, le nom, le
de texte dans les options de filtrage en haut
mode, les effets,
du panneau Calques. les attributs ou
la couleur des
Seul le calque Island Paradise apparat dans
calques . Cette
le panneau Calques. La fonction de recherche fonction peut
permet de trouver trs rapidement un calque en tre trs utile
lorsque vous
particulier mais ne modifie pas la visibilit des
travaillez sur un
calques ni lordre dempilement. fichier complexe
contenant de
3. Dans le panneau Calques, slectionnez le calque Island Paradise.
trs nombreux
4. Dans le panneau Outils, slectionnez loutil Texte horizontal ( ). calques .

5. Dans le champ Dfinir le corps de police de la barre doptions, entrez une valeur
de 32 et appuyez sur la touche Entre (Windows) ou Retour (MacOS).

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 105


Bien que vous nayez pas slectionn le texte en faisant glisser dessus loutil Texte
(comme vous lauriez fait dans un logiciel de traitement de texte), le texte Island
Paradise a maintenant une taille de 32points.
6. laide de loutil Texte horizontal, cliquez entre les mots Island et Paradise
et tapez of.
Lorsque vous modifiez le texte, les styles sont appliqus au nouveau texte.
7. Comme le mot of nest pas utile,
supprimez-le.
Note: Vous 8. Slectionnez loutil Dplacement ( ) et
navez pas centrez les mots Island Paradise sous le
besoin de cliquer
sur le bouton
mot HAWAII.
Valider toutes
les modifications
en cours aprs
avoir modifi le
texte, car le fait de
slectionner loutil
Dplacement
valide les 9. Cliquez sur le bouton rouge Activer/Dsactiver le filtrage de calque situ dans le
changements .
coin suprieur droit du panneau Calques pour dsactiver le filtrage et afficher tous
les calques de limage.

10. Enregistrez votre travail.

106 LEoN 4 Les calques : techniques lmentaires


Ajouter un cadre
La carte postale dHawaii est quasiment termine. Les lments sont en effet presque
tous en place dans la composition. Pour finir, vous allez dplacer le tampon de la poste
et ajouter un cadre blanc.
1. Slectionnez le calque Postage et, avec loutil Dplacement ( ), positionnez le
tampon de la poste au centre et droite de limage.
2. Slectionnez le calque Island Paradise puis cliquez sur le bouton Crer un calque
( ) au bas du panneau Calques.
3. Cliquez sur Slection> Tout slectionner.
4. Cliquez sur Slection> Modifier> Cadre. Tapez 10(pixels) dans le champ Largeur
de la bote de dialogue Slection du cadre puis cliquez sur OK.
Un cadre de slection de 10pixels saffiche alors autour de limage. Vous allez main-
tenant le remplir en blanc.
5. Slectionnez le blanc comme couleur de premier plan puis cliquez sur dition>
Remplir.
6. Slectionnez Couleur de premier plan dans le menu Avec de la bote de dialogue
Remplir puis cliquez sur OK.

7. Cliquez sur Slection> Dslectionner.


8. Double-cliquez sur le nom du calque et renommez-le Cadre, par exemple.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 107


Aplatissement et enregistrement de limage
Aprs avoir modifi tous les calques de limage, vous pouvez les fusionner autrement
dit, aplatir limage pour rduire la taille du fichier. Tous les calques fusionnent en
un seul calque darrire-plan. En revanche, vous ne pouvez plus modifier les calques
une fois limage aplatie, et vous ne devez donc pas le faire avant dtre entirement
satisfait de votre travail. Plutt que daplatir votre fichier PSD, nous vous conseillons
de conserver une copie du fichier avec ses calques intacts, afin de pouvoir y apporter
dventuels changements par la suite.
Note: Si ces Pour valuer leur juste mesure les effets de laplatissement, notez les deux nombres
informations ne correspondant la taille du fichier dans la barre dtat au bas de la fentre de document.
saffichent pas,
ouvrez le menu Le premier indique la taille du fichier
droulant situ avec limage aplatie et le second repr-
dans la barre
dtat au bas
sente la taille actuelle du fichier. Alors
de la fentre que la version actuelle du fichier a un
de document poids important, cette mme image
et choisissez
noccuperait plus que 2 3 Mo si
Afficher> Tailles
du document . tous les calques taient fusionns.
Par consquent, lopration se justifie
largement ici.
1. Slectionnez nimporte quel outil sauf loutil Texte horizontal ( ) pour vous
assurer que vous ntes pas en mode dition de texte. Cliquez ensuite sur Fichier>
Enregistrer (si cette commande est disponible) afin de ne pas perdre les dernires
modifications ralises dans le document.
2. Cliquez sur Image> Dupliquer.
3. Dans la bote de dialogue Dupliquer limage, nommez le fichier 04Plat.psd, par
exemple, et cliquez sur OK.
4. Fermez le fichier 04Retouche.psd pour ne conserver lcran que le fichier 04Plat.psd.
5. Ouvrez le menu du panneau Calques et choisissez Aplatir limage.

Un seul calque nomm Arrire-plan reste alors.

108 LEoN 4 Les calques : techniques lmentaires


6. Cliquez sur Fichier> Enregistrer. Mme si vous avez choisi Enregistrer et non
Enregistrer sous, la bote de dialogue Enregistrer sous apparat.
7. Assurez-vous que le dossier Lesson04 est slectionn et cliquez sur Enregistrer
pour accepter les paramtres par dfaut et sauvegarder le fichier aplati.
Vous disposez maintenant de deux versions du fichier: une version aplatie et le fichier E Astuce: Si
original, qui possde toujours tous ses calques. vous ne voulez
fusionner quune
Vous avez cr une carte postale colore et attractive. Cette leon naborde quune partie des calques
petite partie des possibilits quoffrent les calques dans Photoshop. Vous en apprendrez dun fichier,
cliquez sur les
plus sur les calques et vous essaierez diffrentes mthodes tout au long de cet ouvrage. icnes de visibilit
des calques
conserver afin
Les compositions de calques de les masquer,
puis choisissez
Fusionner les
Les compositions de calques permettent dafficher dun seul clic diffrentes versions calques visibles
dune image compose de plusieurs calques . Autrement dit, ces compositions enre- dans le menu du
panneau Calques .
gistrent la configuration du panneau Calques . Lorsque vous en crez plusieurs, il suffit
de slectionner lune ou lautre de ces compositions pour afficher chaque configuration .
Les compositions de calques permettent ainsi de visualiser rapidement les diffrentes
apparences possibles dune illustration, pour les montrer un client, par exemple, sans
que vous ayez besoin de cliquer sur les icnes en forme dil de chaque calque ou de
modifier des paramtres dans le panneau Calques .
Imaginons, par exemple, que vous conceviez une brochure destine tre imprime
en franais mais galement en anglais . Vous avez dispos le texte franais sur un calque
et le texte anglais sur un autre dans la mme image . Il vous suffit alors de rendre le
calque du texte franais visible et le texte anglais invisible puis de cliquer sur le bouton
Crer une composition de calques du panneau Compositions de calques et ensuite de
rpter lopration inverse rendre le texte anglais visible et le texte franais invisible et
de cliquer de nouveau sur le bouton Crer une composition de calques pour obtenir
deux compositions de calques diffrentes .
Pour visualiser une disposition de calques en particulier, cliquez sur le bouton
Composition de calques pour lafficher . Vous pouvez facilement apprcier le gain
de temps que cette fonctionnalit apporte dans le cas de variations plus complexes
entre diffrentes versions dune mme composition . Les compositions de calques sont
extrmement pratiques pour tablir le suivi dun projet ou lorsque vous devez crer
plusieurs versions de la mme image .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 109


Infos plus
Fusionner des photos
Utilisez la fonctionnalit Alignement automatique des calques pour
corriger les dfauts dune photo de famille .

1. ouvrez le fichier FamilyPhoto .psd situ dans le dossier Lesson04 .


2. Dans le panneau Calques, affichez et masquez alternativement le
calque Layer2 pour visualiser les deux versions de la photo . Lorsque
les deux calques sont visibles, vous pouvez constater que lhomme
au centre de limage cligne des yeux et que les deux filles dans le
coin infrieur gauche ne regardent pas lobjectif .
Vous allez aligner les deux images puis avec loutil Gomme vous
supprimerez les parties du calque Layer2 que vous voulez amliorer .
3. Affichez les deux calques, appuyez sur la touche maj et cliquez sur
chacun deux pour les slectionner . Cliquez sur dition> Alignement
automatique des calques et cliquez sur oK pour accepter loption de
position automatique par dfaut . Cliquez sur licne en forme dil
gauche du calque Layer2 pour lafficher et le masquer alternativement
et vrifier que les deux calques sont parfaitement aligns .
Vous allez maintenant gommer les parties de limage que vous voulez amliorer .

4. Activez loutil Gomme dans le panneau outils et choisissez une forme douce de 45points dans la
barre doptions . Commencez gommer le visage de lhomme qui cligne des yeux pour que saffiche
son visage souriant sur le calque infrieur .

5. Rptez lopration sur les deux filles jusqu


ce quelles regardent lobjectif .
Vous obtenez ainsi une image naturelle .

110 LEoN 4 Les calques : techniques lmentaires


Rvisions
Questions
1. Quels avantages prsente lutilisation des calques?
2. Lorsque vous crez un nouveau calque ou un nouveau groupe de calques, o celui-ci
apparat-il dans la pile des calques du panneau Calques?
3. Comment faire apparatre limage dun calque par-dessus celle dun autre calque?
4. Comment appliquer un style de calque?
5. Lorsquune image compose de calques est acheve, que faut-il faire du fichier pour
en rduire la taille?

Rponses
1. Les calques permettent de dplacer et de modifier diffrentes parties de limage en
tant qulments indpendants. On peut galement rendre certains calques invisibles
de faon nafficher que ceux sur lesquels on travaille.
2. Un nouveau calque apparat toujours au-dessus du calque slectionn.
3. Pour afficher limage dun calque par-dessus celle dun autre calque, il suffit de faire
glisser les calques vers le haut ou vers le bas sur la liste du panneau Calques et de
modifier lordre de superposition, ou de cliquer sur Calque> Rorganiser> Premier
plan, Rapprocher, loigner ou Arrire-plan. En revanche, on ne peut pas modifier
lordre de superposition du calque Arrire-plan.
4. Pour appliquer un style de calque, on doit slectionner le calque et cliquer sur le
bouton Ajouter un style de calque du panneau Calques, ou cliquer sur Calque>
Style de calque et choisir un style.
5. Pour rduire la taille dun fichier, il faut aplatir limage en fusionnant tous les
calques en un seul calque de fond. Il est prfrable de sauvegarder limage originale
avant de fusionner les calques, au cas o il faudrait apporter des modifications la
composition par la suite.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 111


PRoJET: REToUCHE PHoToGRAPHIQUE AVANCE
AVANCE .

Photoshop dispose de quantits doutils pour importer, modifier


et archiver vos photographies numriques, quelle soient desti-
nes diffrents clients, prvues pour tre intgres dans divers
projets ou quil sagisse simplement dune collection personnelle
que vous voulez archiver et conserver .

112
CORRECTION
ET RETOUCHE DE
PHOTOGRAPHIES
NUMRIQUES 5
Au cours de cette leon, vous apprendrez :
travailler sur une image enregistre dans le format raw propritaire de
votre appareil photo et enregistrer vos modifications;
effectuer les corrections les plus courantes, comme enlever les yeux
rouges, le bruit, restaurer les ombres et mettre en valeur les dtails;
corriger les distorsions provoques par loptique de votre appareil photo;
aligner et fusionner deux images pour augmenter la profondeur de champ;
adopter les meilleures mthodes dorganisation, de gestion et
denregistrement de vos images;
fusionner des images dont lexposition est diffrente pour crer une
image HDR (High Dynamic Range).

Cette leon vous prendra environ une heure et demie. Si vous ne lavez pas
dj fait, tlchargez les fichiers de la Leon 5 depuis le site www.pearson.fr,
sur la page ddie au livre. Au cours de cette leon, vous ne modifierez pas
les fichiers de dpart. Si vous devez nanmoins revenir la version dorigine
des fichiers, tlchargez-les de nouveau.

113
Prparatifs
Au cours de cette leon, vous modifierez diffrentes images dans Photoshop et dans
Camera Raw. Vous utiliserez diffrentes techniques pour retoucher et amliorer
laspect de vos images numriques. Pour commencer, vous allez visualiser les fichiers
originaux et les fichiers finaux dans Adobe Bridge.
1. Lancez Photoshop et appuyez aussitt sur les touches Ctrl+Alt+Maj (Windows) ou
Cmd+Option+Maj (MacOS) pour restaurer les prfrences par dfaut du logiciel
(pour en savoir plus, reportez-vous la section Rtablissement des prfrences
par dfaut de lIntroduction).
2. Dans la bote de message qui apparat, cliquez sur Oui pour supprimer le fichier
de paramtres de Photoshop.
Note: Si 3. Cliquez sur Fichier> Parcourir dans Bridge pour ouvrir Adobe Bridge.
vous navez pas
install Bridge, 4. Cliquez sur le dossier Lessons dans le volet Favoris, puis double-cliquez sur le
vous devez le dossier Lesson05 dans le volet Contenu pour louvrir.
faire maintenant .
Reportez-vous 5. Si ncessaire, augmentez la taille daperu des vignettes laide du curseur pour
lIntroduction pouvoir comparer les diffrentes images correctement, puis examinez les fichiers
pour en savoir 05A_Start.crw et 05A_End.psd.
plus .

05A_Start .crw . 05A_End .psd .

La photo originale de cette glise de style espagnol est un fichier au format Camera
Raw. Cette photographie ayant t prise avec un appareil Canon EOS300D, le fichier
est au format propritaire .crw de Canon et non au format .psd comme les autres
images sur lesquelles vous avez travaill jusqualors. Vous allez corriger cette image
dans Camera Raw pour la rendre plus lumineuse, plus nette et plus claire, puis vous
lenregistrerez au format JPEG pour le Web et au format PSD pour continuer la
retoucher dans Photoshop.

114 LEoN 5 Correction et retouche de photographies numriques


6. Comparez les images 05B_Start.nef et 05B_End.psd.
Cette image-ci a t ralise avec un appareil Nikon, si bien que limage raw est au for-
mat .nef. Vous corrigerez les couleurs et effectuerez quelques retouches dans Camera
Raw et dans Photoshop pour obtenir le rsultat final.

05B_Start .nef . 05B_End .psd .

7. Examinez les fichiers 05C_Start.psd et 05C_End.psd.

05C_Start .psd . 05C_End .psd .

Vous allez apporter plusieurs corrections cette photographie dune fille sur la plage.
Vous verrez comment souligner les dtails des tons foncs et des tons clairs, supprimer
leffet yeux rouges et augmenter la nettet de limage.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 115


8. Examinez les fichiers 05D_Start.psd et 05D_End.psd.

05D_Start .psd . 05D_End .psd .

Dans limage originale, les colonnes sont dformes. Vous allez corriger la distorsion
de loptique dans cette image.
9. Examinez les fichiers 05E_Start.psd et 05E_End.psd.

05E_Start .psd . 05E_End .psd .

La premire image contient deux calques. Selon celui qui est visible, la mise au point
est soit sur le verre au premier plan, soit sur la plage de sable larrire-plan. Vous
allez augmenter la profondeur de champ pour que les deux lments soient nets en
mme temps, puis vous ajouterez des poteaux sur la plage et vous appliquerez un flou
de diaphragme sur le verre.

116 LEoN 5 Correction et retouche de photographies numriques


propos des fichiers Camera Raw
Un fichier raw (brut) contient toutes les donnes dimage non traites provenant du
capteur dun appareil photo numrique. La plupart des appareils photo numriques
permettent denregistrer les images au format raw. De cette faon, les photographes
peuvent contrler la manire dont les donnes de limage sont interprtes au lieu de
laisser lappareil photo le soin de procder automatiquement aux rglages et aux
conversions ( linverse de ce qui se produit si vous photographiez au format JPEG).
Comme lappareil photo numrique ne fait aucun traitement de limage lors de la prise
de vue, vous pouvez dfinir la balance des blancs, la gamme des tons, le contraste, la
saturation des couleurs et la nettet dans Adobe Camera Raw. Les fichiers raw corres-
pondent dune certaine faon au ngatif dune photo classique. tout moment, vous
pouvez les retraiter pour parvenir au rsultat souhait.
Pour crer des fichiers raw, rglez votre appareil afin quil enregistre les fichiers dans Note: Le
son propre format de fichier brut, qui peut tre un format propritaire. Lorsque vous format Raw de
Photoshop (qui
transfrez limage brute de lappareil photo sur votre disque dur, le fichier peut alors porte lextension
avoir une extension .nef (Nikon) ou .crw (Canon). Adobe Bridge et Photoshop prennent .raw) est un
en charge de nombreux formats propritaires de fichiers bruts, notamment ceux des format de fichier
conu pour
appareils Canon, Kodak, Leica, Nikon. Vous pouvez ensuite exporter ces fichiers aux
transfrer des
formats DNG, JPEG, TIFF ou PSD. images dune
application
Vous pouvez non seulement traiter les images en provenance des appareils photo pris
une autre et
en charge, mais galement ouvrir des images au format JPEG et TIFF dans Camera dun systme
Raw, qui contient certaines fonctionnalits absentes de Photoshop. En revanche, vous dexploitation
ne disposez pas de la mme flexibilit de traitement pour les images JPEG ou TIFF un autre . Ne
confondez pas le
que pour les images brutes. Enfin, bien que Camera Raw soit capable douvrir et de format raw des
retoucher une image raw, il ne peut pas enregistrer de fichier dans ce format. appareils photo
avec le format
Camera Raw de
Photoshop .
Traitement des images dans Camera Raw
Lorsque vous redressez ou recadrez une image dans Camera Raw, Photoshop et Bridge
prservent les donnes du fichier brut original. De cette faon, vous pouvez modifier
limage comme vous le voulez, exporter limage retouche et conserver limage originale
intacte en vue de nouvelles modifications.

Ouvrir des images dans Camera Raw


Vous pouvez ouvrir Camera Raw depuis Photoshop et Bridge et apporter les mmes
modifications plusieurs images Camera Raw simultanment, ce qui est particulire-
ment utile si vous travaillez sur des photographies prises dans les mmes conditions
et qui ncessitent par consquent les mmes rglages de lumire, par exemple.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 117


Les contrles avancs de Camera Raw permettent dajuster la balance des blancs,
lexposition, le contraste, la nettet, les courbes de tons et bien plus encore. Dans cet
exercice, vous allez modifier une image puis appliquer ces rglages des images similaires.
1. Dans Bridge, ouvrez le dossier Lessons/Lesson05/Mission. Il contient trois prises
diffrentes de la mme glise espagnole que vous avez dj vue: Mission01.crw,
Mission02.crw et Mission03.crw.
2. Maintenez la touche Maj enfonce et cliquez sur chacune des images pour les
slectionner toutes, puis choisissez Fichier> Ouvrir dans Camera Raw.

C D E F

H
A

I J K L
A. Film fixe B. Afficher/masquer le film fixe C. Barre doutils D. option Aperu E. Valeurs RVB F. onglets
de rglage des images G. Histogramme H. menu Paramtres de Camera Raw I. chelle J. Cliquer ici
pour afficher les options de flux de travail K. Flches de navigation L. Curseurs de rglage

La premire image tant slectionne, un aperu de grande taille de celle-ci saffiche


au centre de la bote de dialogue Camera Raw et toutes les images ouvertes saffichent
dans le volet Film fixe, gauche de la bote de dialogue. Lhistogramme situ dans le
coin suprieur droit indique les trois couches de tons de limage slectionne, tandis
que le lien des options de flux de production situ sous la fentre daperu spcifie
lespace colorimtrique, la profondeur, la taille et la rsolution. Les outils situs en
haut de la bote de dialogue permettent dagrandir la taille daffichage de laperu, de
faire dfiler et de redresser le contenu de limage, et dapporter dautres modifications
limage. Les panneaux situs droite de la bote de dialogue contiennent des options
plus prcises permettant notamment dajuster les couleurs et les tons, de renforcer
la nettet de limage et de supprimer le bruit. Vous pouvez galement enregistrer des
paramtres en tant quensemble de paramtres prdfinis pour les appliquer par la suite.

118 LEoN 5 Correction et retouche de photographies numriques


Pour obtenir les meilleurs rsultats dans Camera Raw, vous devez travailler de la
gauche vers la droite et du haut vers le bas de la bote de dialogue. Autrement dit,
vous commencerez gnralement par utiliser les outils situs en haut de la bote de
dialogue puis vous procderez aux modifications ncessaires dans chaque panneau,
lun aprs lautre.
Vous allez maintenant dcouvrir ces contrles pour retoucher la premire image.
3. Avant de commencer, cliquez sur la vignette de chaque image dans le panneau Film
fixe pour afficher un aperu de chaque image. Vous pouvez galement cliquer sur
la flche triangulaire pointant vers la droite, situe sous laperu de limage, pour
afficher les images lune aprs lautre. Slectionnez ensuite de nouveau limage
Mission01.crw.

4. Assurez-vous que loption Aperu, en haut de la bote de dialogue, est active afin que
vous puissiez visualiser en temps rel leffet des retouches que vous allez apporter.

Ajuster la balance des blancs


La balance des blancs dune image reflte les conditions dans lesquelles la photo a t
prise. Un appareil photo numrique enregistre la balance des blancs au moment de
lexposition. Lorsque vous ouvrez le fichier dans la bote de dialogue Camera Raw,
cette valeur est dfinie comme paramtre initial pour laperu de limage.
La balance des blancs comprend deux composants: Temprature et Teinte. La
temprature, mesure en kelvins, dtermine la froideur ou la chaleur de limage,
cest--dire les tons bleu-vert et jaune-rouge. La teinte compense la prsence dune
dominante verte ou magenta.
Selon les paramtres de votre appareil photo et les conditions de la prise de vue (si,
par exemple, la lumire est faible ou ingale), vous devrez peut-tre ajuster la balance
des blancs. Si cest le cas, cest la premire opration raliser car cette modification
a une influence sur tous les autres rglages.
1. Si le panneau Rglages de base nest pas dj ouvert la droite de la bote de dialogue,
cliquez sur le bouton Rglages de base ( ).
Par dfaut, loption Telle quelle est slectionne dans le menu droulant Balance des
blancs. Camera Raw utilise en effet les paramtres de balance des blancs de votre appa-
reil photo au moment de la prise de vue. Camera Raw dispose galement de nombreux
rglages prdfinis pour la balance des blancs, que vous pouvez utiliser comme guide
pour visualiser leur effet.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 119


2. Slectionnez Nuageuse dans le menu droulant Balance des blancs.

Camera Raw ajuste la temprature et la teinte de limage. Un paramtre prdfini suffit


parfois mais ici, limage prsente toujours une dominante colore bleue et vous devez
donc ajuster la balance des blancs manuellement.
3. Slectionnez loutil Balance des blancs ( ) en haut de la bote de dialogue.
Pour dfinir la balance des blancs adquate, choisissez un lment qui doit tre gris ou
blanc. Camera Raw utilise cette information pour dterminer la couleur de la lumire
lors de la prise de vue et ajuster ensuite la luminosit de limage.
4. Cliquez sur les nuages dans limage. La lumire de limage change.

120 LEoN 5 Correction et retouche de photographies numriques


5. Cliquez sur une autre partie des nuages. La lumire de limage change encore.
Loutil Balance des blancs permet de trouver rapidement et facilement la lumire la
plus approprie pour une image. Le changement de lumire ne modifie pas limage
originale de faon permanente, et vous pouvez donc faire autant dessais que vous le
souhaitez en cliquant sur diffrentes zones de limage.
6. Cliquez sur le nuage juste gauche du clocher. Cette slection supprime lessentiel
de la dominante de couleur et donne limage une luminosit raliste.
7. Dplacez le curseur Teinte 22 pour accentuer les tons verts. E Astuce:
Pour annuler
les paramtres,
appuyez sur les
touches Ctrl+Z
(Windows) ou
Cmd+Z (macoS)
plusieurs fois .
Pour comparer
les modifications
apportes avec
limage originale,
dsactivez
loption Aperu .
Activez de
nouveau cette
option pour
afficher limage
modifie .

Ajuster la tonalit dans Camera Raw


Les autres curseurs du panneau Rglages de base influent sur lexposition, la luminosit,
le contraste et la saturation de limage. lexception du curseur Contraste, dplacer le
curseur vers la droite a pour effet dclaircir les zones concernes de limage, tandis que
le dplacer vers la gauche les assombrit. Le curseur Exposition dfinit pour lessentiel
le point blanc ou le point le plus clair dans limage, partir duquel Camera Raw ajuste
toutes les autres parties de limage. linverse, le curseur Noirs dfinit le point noir,
autrement dit le point le plus sombre de limage. Les curseurs Tons clairs et Tons fon-
cs ont pour effet daugmenter les dtails dans les zones claires et les zones sombres.
Comme son nom lindique, le curseur Contraste dfinit le contraste de limage. Pour E Astuce: Pour
lajuster de faon plus nuance, vous pouvez employer le curseur Clart, qui ajoute de meilleurs
rsultats,
de la profondeur limage en augmentant le contraste localement, en particulier sur
augmentez la
les tons moyens. valeur de loption
Clart jusqu ce
Le curseur Saturation rgle la saturation de toutes les couleurs de limage de manire que des halos
gale. Le curseur Vibrance, en revanche, a un effet plus important sur les couleurs les apparaissent
moins satures. Vous pouvez par exemple lutiliser pour amliorer un arrire-plan, autour des
contours des
sans pour autant exagrer la saturation de la couleur des tons de peau des personnes
dtails, puis
prsentes dans limage. rduisez-la
lgrement .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 121


Vous pouvez soit faire appel loption Auto pour laisser Camera Raw tenter de corriger
les tons de limage, soit slectionner vos propres paramtres.
1. Dans le panneau Rglages de base, cliquez sur Auto.

Camera Raw augmente la valeur dexposition et modifie plusieurs autres paramtres.


Vous pourriez utiliser ce rglage comme base de dpart mais, dans cet exercice, vous
allez revenir aux paramtres par dfaut pour ensuite ajuster ces valeurs par vous-mme.
2. Dans le panneau Rglages de base, cliquez sur Par dfaut.
3. Donnez ensuite les valeurs suivantes aux autres options:
Exposition: +0,20;
Contraste +18;
Tons clairs: +8;
Tons foncs: +63;
Blancs: +12;
Noirs: -14;
Clart: +3;
Vibrance: +4;
Saturation: +1.

122 LEoN 5 Correction et retouche de photographies numriques


Ces paramtres permettent de faire ressortir les tons moyens de limage et avivent
limage sans que les couleurs saturent trop.

Lhistogramme de Camera Raw


Lhistogramme situ dans le coin suprieur droit de la bote de dialogue Camera Raw
affiche simultanment les couches Rouge, Vert et Bleu de limage slectionne . Il est
automatiquement mis jour lorsque vous modifiez un des paramtres . De plus, si
vous dplacez un outil sur laperu de limage, les valeurs RVB de la zone situe sous
le pointeur saffichent au-dessus de lhistogramme .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 123


Renforcer la nettet
E Astuce: Si Photoshop dispose de nombreux filtres pour renforcer la nettet mais, pour amliorer
vous ne retouchez celle de lensemble dune image, les contrles de nettet du panneau Dtail de Camera
quune zone
Raw sont mieux adapts. Pour visualiser les effets de ce rglage dans le panneau Aperu,
de limage en
particulier, utilisez vous devez afficher limage 100%, voire plus.
les outils Pinceau
de retouche et
1. Double-cliquez sur loutil Zoom ( ) situ gauche de la barre doptions, pour
Filtre gradu . augmenter la taille daffichage de limage 100%. Slectionnez ensuite loutil Main
Loutil Pinceau ( ) et faites dfiler limage vers le haut pour afficher le sommet du clocher.
de retouche
vous permet 2. Cliquez sur le bouton Dtail ( ) pour ouvrir le panneau du mme nom.
notamment
de modifier
lExposition,
les Tons clairs
et la Clart en
peignant sur
la photo . Loutil
Filtre gradu
permet deffectuer
les mmes
modifications de
faon graduelle
sur une partie de
limage .

Le curseur Gain dfinit la force du filtre que Camera Raw applique. En rgle gnrale,
on commence par donner ce paramtre une valeur trop importante puis, aprs avoir
dfini les autres options, on lajuste.
3. Faites glisser le curseur Gain 100.
Le curseur Rayon dtermine la zone de pixels que Camera Raw analyse pour augmenter
la nettet de limage. Pour la plupart des images, les meilleurs rsultats sobtiennent
avec une valeur faible, voire infrieure 1pixel. Un rayon plus lev peut en effet
donner limage un aspect peu naturel, proche de celui dune aquarelle.
4. Faites glisser le curseur Rayon 0,9.
Le curseur Dtail dfinit la quantit de dtails. Mme avec une valeur de0, Camera
Raw effectue un renforcement de la nettet. En rgle gnrale, ce paramtre doit avoir
une valeur assez faible.

124 LEoN 5 Correction et retouche de photographies numriques


5. Faites glisser le curseur Dtail 25, si ce nest pas dj sa valeur.
Le curseur Masquage dtermine sur quelle partie de limage Camera Raw renforce
la nettet. Avec une valeur leve, Camera Raw nagit que sur les lments dont le
contour est net.
6. Faites glisser le curseur Masquage 61. E Astuce:
Appuyez sur
Maintenant que vous avez ajust les paramtres Rayon, Dtail et Masquage, vous pou- la touche Alt
vez rduire la valeur du paramtre Gain afin de finaliser le renforcement de la nettet. (Windows) ou
option (macoS)
7. Faites glisser le curseur Gain 70. en dplaant
le curseur pour
afficher la zone
de limage sur
laquelle Camera
Raw agit .

Une fois la nettet de limage renforce, les dtails et les contours du clocher deviennent Note: Si vous
plus prsents. Le curseur Masquage permet de dfinir laction de leffet sur les lignes zoomez en arrire,
la nettet de
dans limage, si bien quaucun artefact napparat dans les zones moins nettes ou limage semble
situes larrire-plan. inchange .
Laction de ce
Quand vous procdez aux rglages dans Camera Raw, les donnes originales du fichier rglage nest en
sont prserves. Vos rglages sont stocks soit dans la base de donnes du fichier Camera effet visible que
Raw soit sous la forme de fichiers XMP (les fichiers qui accompagnent limage originale lorsque limage
est affiche
et qui sont enregistrs dans le mme dossier quelle). Ces fichiers XMP conservent
100% ou plus .
les modifications apportes dans Camera Raw lorsque limage est dplace sur un
priphrique de stockage ou sur un autre ordinateur.

Appliquer les rglages dautres images


Maintenant que vous avez amlior cette premire image, vous pouvez automatique-
ment appliquer ces paramtres aux deux autres images de lglise, qui ont t prises le
mme jour et dans les mmes conditions. Pour cela, vous allez utiliser la commande
Synchroniser.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 125


1. Cliquez sur le bouton Tout slectionner, situ dans le coin suprieur gauche de la
bote de dialogue, pour slectionner toutes les vignettes du volet Film fixe.
2. Cliquez sur le bouton Synchroniser.
La bote de dialogue Synchroniser qui saffiche alors contient tous les paramtres
que vous pouvez appliquer aux images. Par dfaut, toutes les options (sauf Recadrer,
Retouche des tons directs et Rglages locaux) sont actives. Mme si nous navons pas
lensemble des paramtres, cela convient tout fait notre projet.
3. Cliquez sur OK dans la bote de dialogue Synchroniser.

Lorsque vous appliquez les mmes paramtres toutes les images slectionnes, les
vignettes se mettent automatiquement jour pour reflter ces modifications. Pour
visualiser les images, cliquez sur chaque vignette dans le panneau Film fixe.

126 LEoN 5 Correction et retouche de photographies numriques


Enregistrer les modifications Camera Raw
Vous pouvez sauvegarder vos modifications de diffrentes faons. Vous allez tout
dabord enregistrer les images modifies en basse rsolution et au format JPEG, afin
de les partager sur le Web, puis vous enregistrerez le fichier Mission01 au format
Photoshop, afin de pouvoir louvrir en tant quobjet dynamique dans Photoshop et
ainsi pouvoir revenir dans Camera Raw tout moment pour procder des modifi-
cations supplmentaires.
1. Dans la bote de dialogue Camera Raw, cliquez sur le bouton Tout slectionner
pour slectionner les trois images.
2. Dans le coin infrieur gauche, cliquez sur le bouton Enregistrer les images.
3. Dans la bote de dialogue Options denregistrement, procdez comme suit:
Dans le menu Destination, slectionnez Enregistrer au mme emplacement.
Dans la section Dnomination de fichier, conservez Nom du document dans
le premier champ de texte.
Dans le menu droulant Format, situ au bas de la bote de dialogue, choisissez
JPEG.
Ces paramtres vont crer une copie en basse rsolution (72ppp) au format JPEG de Note: Avant
chaque image retouche, ce qui vous permet de les partager sur le Web. Les fichiers de transfrer ces
images sur le Web,
sont nomms Mission01.jpg, Mission02.jpg et Mission03.jpg. vous devrez sans
4. Cliquez sur Enregistrer. doute les ouvrir
dans Photoshop
et leur donner
une rsolution de
640480pixels .
Elles ont en
effet une taille
beaucoup plus
grande et ne
pourront pas
tre safficher
intgralement
sur la plupart des
moniteurs .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 127


Bridge revient la bote de dialogue Camera Raw et indique combien dimages sont
traites jusqu ce que toutes les images soient enregistres. Les vignettes CRW
saffichent toujours dans la bote de dialogue Camera Raw. En revanche, les fichiers
JPEG saffichent prsent dans Bridge en compagnie des images originales au format
CRW, que vous pouvez continuer retoucher ou laisser en ltat.
Vous allez maintenant ouvrir une copie de limage Mission01.jpg dans Photoshop.
5. Cliquez sur la vignette Mission01.crw dans le volet Film fixe de la bote de dialogue
Camera Raw pour la slectionner. Appuyez ensuite sur la touche Maj et cliquez
sur le bouton Ouvrir un objet au bas de la bote de dialogue.

E Astuce: Pour La commande Ouvrir un objet entrane louverture de limage en tant quobjet dynamique
que le bouton dans Photoshop. Double-cliquez sur la vignette de lobjet dynamique dans Photoshop
ouvrir un objet
pour revenir tout moment dans Camera Raw et procder dautres modifications.
saffiche par
dfaut, cliquez sur Si vous cliquez sur le bouton Ouvrir une image, limage souvre comme une image
le lien soulign en standard dans Photoshop. Si vous maintenez la touche Maj enfonce, le bouton Ouvrir
bleu, situ sous
une image devient Ouvrir un objet.
le volet Aperu,
indiquant le profil,
les dimensions et
la rsolution de
limage, activez
loption ouvrir
dans Photoshop
comme objets
dynamiques puis
cliquez sur oK .

6. Dans Photoshop, choisissez Fichier> Enregistrer sous, nommez le fichier Mission_


final.psd et sauvegardez-le au format Photoshop (PSD) dans le dossier Lesson05.
Cliquez sur OK si la bote de dialogue Options de format Photoshop souvre, puis
fermez ce fichier.

128 LEoN 5 Correction et retouche de photographies numriques


Lenregistrement des fichiers
dans Camera Raw
Chaque appareil photo enregistre les images raw dans un format qui lui est propre,
mais Adobe Camera Raw peut traiter de nombreux formats de fichiers raw, partir
des rglages par dfaut de limage propres lappareil photo et des donnes EXIF .
Vous pouvez enregistrer les fichiers propritaires au format DNG (le format de Camera
Raw), JPEG, TIFF et PSD . Tous ces formats peuvent tre utiliss pour enregistrer les tons
directs en RVB et en CmJN, les images bitmap, et tous ( lexception du format DNG)
sont galement disponibles dans les botes de dialogue Enregistrer et Enregistrer
sous de Photoshop .

Le format DNG (Adobe Digital Negative) contient les donnes dimage brutes dun
appareil photo numrique et les mtadonnes qui dfinissent leur signification .
Ce format est conu pour permettre la compatibilit des fichiers Camera Raw
et ainsi aider les photographes grer les nombreux formats propritaires
des diffrents appareils photo numriques (cette option denregistrement est
uniquement disponible dans la bote de dialogue Camera Raw) .
Le format JPEG (Joint Photographic Experts Group) est gnralement employ
pour visualiser des photographies et dautres images RVB en tons continus
sur le Web . Les fichiers JPEG en haute rsolution peuvent tre utiliss dans
dautres domaines, y compris limpression . Le format JPEG conserve toutes les
informations chromatiques des images mais compresse la taille des fichiers
en liminant des donnes de faon slective . Plus le taux de compression est
important, plus la qualit de limage est dgrade .
Le format TIFF (Tagged-Image File) semploie pour lchange de fichiers entre
applications et plates-formes informatiques . Cest un format souple pris en
charge par la plupart des applications de dessin, de retouche dimages et
de mise en pages . La quasi-totalit des scanners de bureau peut galement
produire des images TIFF .
Le format PSD (Photoshop Document) est le format de fichier natif de Photoshop .
Grce lintgration troite entre les produits Adobe, certaines autres applications
Adobe comme Illustrator et InDesign peuvent directement importer des fichiers
PSD en prservant de nombreuses fonctionnalits de Photoshop .
Une fois le fichier ouvert dans Photoshop, vous pouvez lenregistrer dans de nom-
breux formats diffrents, y compris le format de document volumineux (PSB), Cineon,
Photoshop Raw ou PNG . Le format Photoshop Raw (RAW) ne doit pas tre confondu
avec les formats raw des appareils photo . Il sagit dun format de fichier destin au
transfert des images entre diffrentes applications et diffrents systmes dexploitation .
Pour en savoir plus sur les formats de fichiers dans Camera Raw et Photoshop, repor-
tez-vous lAide de Photoshop .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 129


Retouches colorimtriques avances
Vous allez utiliser la bote de dialogue Niveaux, loutil Correcteur et dautres fonction-
nalits de Photoshop pour amliorer cette image.

Ajuster la balance des blancs dans Camera Raw


E Astuce: Vous Le portrait original de la marie prsente une lgre dominante de couleur. Vous allez
pouvez non commencer par corriger les couleurs dans Camera Raw, en ajustant la balance des
seulement ouvrir
blancs et le ton gnral de limage.
les fichiers dans
Camera Raw pour 1. Dans Bridge, parcourez votre disque dur jusquau dossier Lesson05. Slectionnez
commencer la
retouche mais
le fichier 05B_Start.nef puis cliquez sur Fichier> Ouvrir dans Camera Raw.
aussi appliquer 2. Dans Camera Raw, slectionnez loutil Balance des blancs ( ) puis cliquez sur une
les rglages de
Camera Raw zone blanche de la robe de la marie pour ajuster la temprature et supprimer la
comme filtre dominante verte.
sur nimporte
quel fichier dans
Photoshop . Pour
cela, cliquez
sur Filtre>
Filtre Camera
Raw, ajustez les
paramtres puis
cliquez sur oK .

3. Donnez ensuite les valeurs suivantes aux options du panneau Rglages de base de
la faon suivante pour claircir et accentuer limage:
Exposition: +0,30;
Contraste: +15;
Clart: +8.

130 LEoN 5 Correction et retouche de photographies numriques


4. Appuyez sur la touche Maj puis cliquez sur le bouton Ouvrir un objet.
Limage souvre dans Photoshop en tant quobjet dynamique.

Ajuster les niveaux


La plage de tonalits dune image reprsente le contraste ou la quantit de dtails dans
limage. Elle est dtermine par la rpartition des pixels, des plus foncs (noirs) aux
plus clairs (blancs). Vous allez utiliser un calque de rglage Niveaux pour affiner la
plage de tonalits de cette image.
1. Dans Photoshop, cliquez sur Fichier> Enregistrer sous. Nommez le fichier
Modle_final.psd et cliquez sur Enregistrer. Cliquez sur OK dans la bote de
dialogue Options de format Photoshop si elle souvre.
2. Cliquez sur le bouton Niveaux dans le panneau Rglages.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 131


Photoshop ajoute un calque de rglage Niveaux1 dans le panneau Calques. Les contrles
de niveaux et lhistogramme saffichent dans le panneau Proprits. Lhistogramme
prsente lensemble des valeurs (noires et blanches) de limage. Le curseur triangulaire
de gauche (noir) reprsente les zones sombres, le curseur triangulaire de droite (blanc)
les zones claires et le curseur triangulaire du centre (gris) les tons moyens, ou gamma.
moins que vous ne cherchiez obtenir un effet particulier, la courbe du graphique
doit occuper toute la largeur de lhistogramme. En outre, pour obtenir une rpartition
rgulire des tons moyens de limage, la partie centrale de la courbe ne doit pas pr-
senter de crtes abruptes mais, au contraire, avoir une forme douce.
3. Dans le panneau Proprits, cliquez sur le bouton Calculer un histogramme plus prcis
( ) situ gauche de lhistogramme pour que Photoshop remplace le graphique.

La petite crte compltement droite du graphique reprsente le point blanc mais la


majorit des donnes finit plus gauche. Vous devez donc faire concider les deux.
4. Faites glisser le curseur triangulaire de droite (blanc) vers la gauche, hauteur de
la reprsentation des tons les plus clairs dans lhistogramme.
Au fur et mesure que vous dplacez le triangle, la valeur dans le champ du troisime
niveau dentre (sous lhistogramme du panneau Niveaux) change, ainsi que lapparence
de limage elle-mme.
5. Faites glisser le triangle du milieu lgrement vers la droite pour assombrir les tons
moyens. Nous lavons dplac une valeurde0,90.

132 LEoN 5 Correction et retouche de photographies numriques


Modifier la saturation dans Camera Raw
Le rglage des Niveaux a considrablement amlior limage, mais la marie semble
maintenant avoir pris un coup de soleil. Vous allez donc ajuster la saturation dans
Camera Raw pour rendre le ton de sa peau plus homogne.
1. Double-cliquez sur la vignette du calque 05B_Start pour ouvrir cet objet dynamique
dans Camera Raw.
2. Cliquez sur le bouton TSL/Niveaux de gris ( ) pour afficher ce panneau.
3. Cliquez sur longlet Saturation.
4. Modifiez les valeurs suivantes comme indiqu pour rduire la quantit de couleur
rouge dans le ton de la peau:
Rouges: 2;
Oranges: 10;
Magentas: 3.

5. Cliquez sur OK pour revenir dans Photoshop.

Supprimer des imperfections avec les outils Correcteur


Vous tes maintenant prt retoucher le visage du modle. Vous allez vous servir des
outils Correcteur et Correcteur localis afin de supprimer les imperfections, adoucir
la peau, supprimer les veines rouges dans les yeux et mme supprimer le piercing sur
la narine.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 133


1. Slectionnez le calque 05B_Start dans le panneau Calques puis choisissez Dupliquer
le calque dans le menu du panneau. Nommez ce nouveau calque Corrections,
puis cliquez sur OK.

En travaillant sur une copie du calque, vous conservez les pixels originaux intacts
et pouvez ainsi recommencer depuis le dbut si ncessaire. Comme vous ne pouvez
pas retoucher un objet dynamique laide des outils Correcteur, vous devez dabord
pixelliser ce calque.
2. Cliquez sur Calque> Objets dynamiques> Pixelliser.
3. Zoomez sur le visage du modle afin de mieux le visualiser.
4. Activez loutil Correcteur localis ( ).
5. Dans la barre doptions, slectionnez les paramtres suivants:
paisseur de la brosse: 35px;
Mode: Normal;
Type: Contenu pris en compte.
6. Peignez laide de loutil Correcteur localis sur le nez de la marie pour liminer
le piercing. Un seul clic devrait suffire. Comme vous avez slectionn loption
Contenu pris en compte, loutil Correcteur localis remplace ce bijou par les pixels
de peau similaires qui se trouvent autour.

7. Peignez sur les ridules autour des yeux et de la bouche. Vous pouvez galement
liminer les grains de beaut sur son visage, son cou, ses bras et son buste. Essayez
de procder par clics successifs, avec de petits coups de pinceau et des coups de
pinceau plus importants. Testez aussi diffrents rglages de loutil. Pour supprimer
les ridules autour de la bouche, nous avons par exemple slectionn le mode claircir
et activ loption Similarit des couleurs. Supprimez les imperfections et les lignes
superflues mais conservez suffisamment de petits dfauts pour ne pas supprimer
le caractre du modle.

134 LEoN 5 Correction et retouche de photographies numriques


Loutil Correcteur peut reprsenter une meilleure option pour les corrections plus
importantes, car il offre un meilleur contrle sur les pixels chantillonns par Photoshop.
8. Slectionnez loutil Correcteur ( ) cach sous loutil Correcteur localis ( ).
Choisissez une brosse dune taille de 45pixels et dune Duret de 100%.
9. En maintenant le bouton Alt (Windows) ou Option (MacOS) enfonc, cliquez sur
la joue pour dfinir la zone source de limage utiliser.
10. Peignez sur le grain de beaut sur la joue pour la remplacer par la couleur que vous
avez chantillonne. Vous adoucirez la texture plus tard.

11. Corrigez les autres dfauts importants qui subsistent avec loutil Correcteur.
12. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.

Amliorer une image avec les outils Densit et ponge


Vous allez utiliser les outils ponge et Densit pour claircir les yeux et les lvres
de la marie.
1. Slectionnez loutil ponge ( ) cach sous loutil Densit ( ). Assurez-vous
que loption Vibrance est active dans la barre doptions puis slectionnez les
paramtres suivants:
paisseur: 35px;
Duret: 0%;
Mode: Saturation;
Flux: 50%.
2. Dplacez loutil ponge sur les iris pour augmenter leur saturation.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 135


Photographe depuis plus de 25ans, Jay Graham a commenc sa carrire en concevant
et en ralisant des maisons personnalises. Aujourdhui, il travaille pour des publicitaires,
des magazines darchitecture et lindustrie du tourisme.
Son portfolio sur le Web est accessible ladresse: www.jaygraham.com .

Les mthodes de travail dun professionnel


Les bonnes habitudes font toute la diffrence
Pour conserver votre enthousiasme pour la photographie numrique, vous devez adopter de bonnes
mthodes et habitudes de travail . Cela vous permettra damliorer vos images et vous vitera la peur de
perdre des travaux non sauvegards . Voici un rsum concis du flux de production de base utiliser pour
vos images numriques, crit par un professionnel de limage expriment . Jay Graham dcrit certaines
rgles pour paramtrer votre appareil photo, crer un flux de production simple de la gestion des cou-
leurs, slectionner les formats de fichiers, organiser et grer les fichiers et enfin prsenter votre travail .

Graham utilise Photoshop Lightroom pour organiser ses milliers de photographies.

136 LEoN 5 Correction et retouche de photographies numriques


Les gens se plaignent le plus souvent de ne pas retrouver leur image,
explique Graham. O est-elle? quoi ressemble-t-elle? Nommer ses fichiers
est primordial.

Commencer par paramtrer les prfrences de lappareil photo


Si votre appareil photo dispose de cette fonctionnalit, il est conseill de toujours photographier au
format raw afin de conserver toutes les informations dont vous avez besoin . Selon Graham, la lumire
dune photo au format raw peut tre modifie pour sembler avoir t prise de jour ou sous une lumire
au tungstne sans quelle se dgrade . Sil est plus intressant pour votre projet de photographier au
format JPEG, utilisez alors une compression faible et une rsolution leve .
Utiliser le meilleur matriel possible
Choisissez la compression la plus faible et la rsolution la plus haute lors de la prise de vue . Les donnes
manquantes sont dfinitivement supprimes et ne peuvent tre restaures par la suite .
Organiser les fichiers
Nommez et cataloguez vos images aprs les avoir transfres sur lordinateur . mme si votre appareil
photo nomme les fichiers, il finit toujours par se rinitialiser et nomme plusieurs fichiers lidentique .
Utilisez Adobe Photoshop Lightroom pour renommer, tiqueter et ajouter des descriptions aux mta-
donnes des photographies que vous pensez conserver . Supprimez les autres .
Graham incorpore la date (et si possible le nom du sujet photographi) dans le nom de ses fichiers .
Ainsi, il stocke une srie de photographies prises le 12dcembre 2011 sur la plage de Stinson dans un
dossier nomm 20111212_Stinson . Dans ce dossier, il nomme les images de faon incrmentielle:
2006_1212_01, 2006_1212_02 ou 001, 002, etc . Suivez galement les conventions de nom de
Windows afin de pouvoir utiliser vos images sur dautres systmes dexploitation que macoS (nom de
32caractres au maximum, nincluant que des chiffres, lettres, traits de soulignement et tirets) .
Convertir les images brutes au format Adobe Camera Raw
Il est prfrable de convertir toutes les images raw au format DNG . Ce format libre peut tre lu par
nimporte quel priphrique, contrairement aux diffrents formats propritaires des appareils photo .
Conserver une image de dpart
Enregistrez vos images aux formats PSD, TIFF ou DNG et non en JPEG . Chaque fois quune image JPEG
est retouche et enregistre, sa qualit se dgrade car elle subit une nouvelle compression .
Prsenter les images
Lorsque vous prparez vos images pour les prsenter, slectionnez le profil colorimtrique le mieux
adapt . Convertissez limage dans ce profil plutt que dassigner seulement le profil . Pour une composition
affiche lcran ou destine au Web, utilisez le profil sRVB . Pour limpression de brochures, utilisez le
profil Adobe1998 ou Colormatch pour les images RVB et les profils Adobe1998 ou ProPhoto RGB si vous
utilisez une imprimante jet dencre . Slectionnez une rsolution de 72ppp pour les images destines
safficher sur un cran et 180ppp ou plus pour les images imprimer .
Effectuer des sauvegardes
Ralisez des copies de sauvegarde . Comme la dure de vie des CD et DVD nest pas garantie, il est pr-
frable deffectuer des sauvegardes automatiques sur un (ou plusieurs) disque dur externe . Jay Graham
reprend ainsi cet adage bien connu: Le problme nest pas de savoir si votre disque dur interne va
tomber en panne, mais quand .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 137


3. Dans la barre doptions, donnez la brosse une paisseur de 70px et un Flux de
10%. Peignez ensuite sur les lvres pour accentuer leur saturation.
Loutil ponge permet aussi de diminuer la saturation de la couleur. Vous allez lutiliser
pour rduire le rouge au coin de lil de la marie.
4. Donnez la brosse une paisseur de 45px et un Flux de 50% et slectionnez
Dsaturation dans le menu droulant Mode de la barre doptions.
5. Peignez sur les coins de lil pour rduire la couleur rouge.
6. Slectionnez loutil Densit ( ) cach sous loutil ponge.
7. Dans la barre doptions, donnez la brosse une paisseur de 60px et une Exposition
de 10%, puis slectionnez Tons clairs dans le menu droulant Gamme.
8. Peignez avec loutil Densit sur le blanc des yeux et les iris pour les claircir.

9. Loutil Densit toujours slectionn, slectionnez Tons foncs dans le menu


Gamme de la barre doptions.
10. Avec loutil Densit, claircissez les zones au-dessus des paupires et autour des
iris afin de rendre les couleurs plus vives.

Ajuster les tons de la peau


Dans Photoshop, vous pouvez slectionner une plage de couleurs qui correspond
aux tons de la peau, ce qui facilite le rglage des niveaux et des teintes de la peau sans
affecter limage dans son ensemble. Dautres zones de limage de la mme couleur
sont slectionnes, mais les modifications que vous effectuez restent gnralement
acceptables dans ces zones si elles restent minimes.
1. Cliquez sur Slection> Plage de couleurs.

138 LEoN 5 Correction et retouche de photographies numriques


2. Choisissez Coloration de la peau dans le menu Slection de la bote de dialogue
Plage de couleurs.
Laperu vous indique la proportion de limage qui est slectionne.
3. Activez loption Dtecter les visages.
Laperu change. prsent, le visage et les zones claires des cheveux et de la robe
sont slectionns.
4. Rduisez la valeur du paramtre Tolrance 10 puis cliquez sur OK.

La slection saffiche sous la forme dun trait en pointills sur limage elle-mme. Vous
allez appliquer un calque de rglages Courbes cette slection pour rduire la teinte
rougetre sur les tons de la peau.
5. Cliquez sur licne Courbes dans le panneau Rglages.

Photoshop ajoute un calque de rglages Courbes1 au-dessus du calque Corrections.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 139


6. Dans le panneau Proprits, choisissez Rouge dans le menu droulant des couches
puis cliquez au milieu du graphique et faites glisser la courbe trs lgrement vers
le bas. Les zones slectionnes deviennent moins rouges. Faites attention ne pas
faire glisser la courbe trop bas car ces zones prsenteraient alors une dominante
de couleur verte. Pour afficher la diffrence que ce rglage produit, cliquez sur le
bouton Active/Dsactiver la visibilit des calques au bas du panneau.
Comme vous avez slectionn les tons de la peau avant dappliquer le calque de rglage
Courbes, les tons de la peau changent mais larrire-plan reste intact. La modification
affecte lgrement dautres zones de limage mais leffet est minime et se remarque
trs peu.

Appliquer un flou de surface


Pour finir la retouche du modle, vous allez appliquer le filtre Flou de surface afin de
donner limage un aspect plus adouci.
1. Slectionnez le calque Corrections puis cliquez sur Calque> Dupliquer le calque.
Nommez ce nouveau calque Flou de surface dans la bote de dialogue Dupliquer
le calque puis cliquez sur OK.
2. Le calque Flou de surface tant slectionn, cliquez sur Filtre> Flou> Flou de surface.
3. Dans la bote de dialogue Flou de surface, conservez la valeur de Rayon 5pixels
puis donnez loption Seuil une valeur de 10niveaux. Cliquez ensuite sur OK.

140 LEoN 5 Correction et retouche de photographies numriques


Le filtre Flou de surface donne un aspect un peu irrel au visage. Pour rduire cet effet,
vous allez diminuer lopacit du calque.
4. Le calque Flou de surface toujours slectionn, rduisez son Opacit 40% dans
le panneau Calques.

La marie a une apparence plus raliste prsent, mais vous pouvez modifier le flou
de surface plus prcisment laide de loutil Gomme.
5. Slectionnez loutil Gomme ( ). Dans la barre doptions, donnez la brosse une
paisseur entre 10 et 50pixels et une Duret de 10%. Rglez ensuite lOpacit 90%.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 141


6. Peignez sur les yeux, les sourcils, larte du nez et les dtails de la robe afin de
supprimer ces zones sur le calque flou et rendre visible le calque plus net situ en
dessous pour ces zones.

7. Zoomez en arrire pour afficher toute limage.


8. Sauvegardez votre travail.
9. Cliquez sur Calque> Aplatir limage afin de fusionner tous les calques et rduire
le poids du fichier.
10. Enregistrez de nouveau limage puis fermez le document.

Correction de photographies numriques


Comme vous lavez vu, Photoshop dispose de nombreuses fonctionnalits qui per-
mettent damliorer facilement la qualit des photographies numriques. Vous pouvez
notamment souligner les dtails des zones sombres et des zones claires, supprimer
leffet yeux rouges, rduire le bruit et augmenter la nettet de certaines zones dune
image. Pour dcouvrir ces possibilits, vous allez retoucher une autre image.

Ajuster les tons foncs


et les tons clairs
La commande Tons foncs/Tons clairs permet de
mettre en vidence les dtails dans les zones sombres
ou trop claires dune image. Elle se rvle particuli-
rement efficace pour les lments contre-jour ou
qui sont, au contraire, trop clairs par le flash de
lappareil photo. Ce rglage est galement trs utile
pour une image bien claire dans lensemble mais
qui contient des zones sombres claircir.
1. Cliquez sur Fichier> Ouvrir et parcourez votre
disque jusquau dossier Lesson05. Double-cliquez

142 LEoN 5 Correction et retouche de photographies numriques


ensuite sur la vignette du fichier 05C_Start.psd pour ouvrir cette image dans
Photoshop.
2. Cliquez sur Fichier> Enregistrer sous et sauvegardez limage sous le nom 05C_
Retouche.psd.
3. Cliquez sur Image> Rglages> Tons foncs/Tons clairs. Photoshop applique
automatiquement les paramtres par dfaut limage et claircit larrire-plan.
Vous allez personnaliser les diffrents paramtres pour faire apparatre encore
plus de dtails dans les tons foncs et dans les tons clairs et pour amliorer laspect
du coucher de soleil.
4. Dans la bote de dialogue Tons foncs/Tons clairs, activez loption Afficher plus
doptions puis procdez aux rglages suivants:
Dans la section Tons foncs, dfinissez Facteur 50%, Gamme de tons 50%
et Rayon 38px.
Dans la section Tons clairs, spcifiez Quantit 14%, Gamme de tons 46%
et Rayon 43px.
Dans la section Rglages, donnez loption Correction colorimtrique une valeur
de +5, loption Contraste des tons moyens une valeur de 22 et conservez les
valeurs crtage noir et crtage blanc par dfaut.
5. Cliquez sur OK pour valider ces modifications.

6. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 143


Rduction du tremblement
mme avec une main ferme, des mouvements involontaires de lappareil photo peuvent
se produire lorsque vous utilisez des vitesses dobturation lentes ou des distances
focales leves . Le filtre Rduction du tremblement minimise ces mouvements de
lappareil photo pour donner une image plus nette .

Avant lapplication du filtre Rduction du tremblement.


Pour obtenir les meilleurs rsultats, mieux vaut appliquer le filtre sur une partie de
limage plutt que sur limage entire . Ce filtre peut tre particulirement utile lorsque
du texte est devenu illisible cause du mouvement de lappareil .
Pour utiliser le filtre Rduction du tremblement, ouvrez limage corriger puis cliquez
sur Filtre> Renforcement> Rduction du tremblement . Le filtre analyse automati-
quement limage, slectionne une zone dintrt et corrige le flou . Utilisez la loupe
de la section Dtail pour examiner laperu du rsultat . Si le traitement vous convient,
il vous suffit alors de cliquer sur oK pour fermer la bote de dialogue Rduction du
tremblement et appliquer le filtre .

Aprs lapplication du filtre Rduction du tremblement.


Si vous souhaitez procder dautres ajustements, ouvrez la section Avanc de la bote
de dialogue . Vous pouvez alors modifier la zone dintrt ou ajuster sa taille, afficher et
redimensionner la zone destimation du flou, cest--dire la forme et la taille du mou-
vement de lappareil et ajuster les valeurs Lissage et Suppression des artefacts pour
corriger le bruit et les artefacts . Vous pouvez mme enregistrer la zone destimation
du flou afin de rutiliser ces paramtres sur une autre image . Pour en savoir plus sur
le filtre Rduction du tremblement, reportez-vous lAide de Photoshop .

144 LEoN 5 Correction et retouche de photographies numriques


Corriger leffet yeux rouges
Leffet yeux rouges est d une rflexion du flash de lappareil photo sur la rtine de
la personne photographie. Ce phnomne se produit souvent lorsque vous prenez
des photos dans un lieu sombre, car la pupille des personnes photographies est alors
dilate. Comme vous allez le voir dans cet exercice, ce dfaut est simple corriger
dans Photoshop.
1. laide de loutil Zoom ( ), tracez un cadre autour des yeux de la fille. Pour cela,
vous devrez peut-tre dsactiver loption Zoom dfilant dans la barre doptions.
2. Activez loutil il rouge ( ), cach sous loutil Correcteur ( ).
3. Dans la barre doptions, laissez la valeur de Taille de la pupille 50%, mais augmentez
la valeur de Taux dobscurcissement 75%. Cette option dfinit quel point la
pupille doit tre sombre.
4. Cliquez sur la partie rouge dans lil gauche. La rflexion rouge de la rtine disparat.
5. Cliquez sur la partie rouge de lil droit pour supprimer galement cette rflexion.

6. Double-cliquez sur loutil Zoom pour rduire la taille daffichage de limage 100%.
7. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.

Rduire le bruit
Le bruit dsigne les pixels superflus et alatoires qui ne font pas partie du dtail de
limage. Il peut tre d un rglage ISO lev sur un appareil photo numrique, une
sous-exposition ou une prise de vue dans un lieu sombre avec une vitesse dobtu-
ration trop lente. Les images scannes peuvent galement prsenter du bruit gnr
par le capteur de numrisation ou par le grain du film prsent sur limage numrise.
Le bruit peut prendre deux formes distinctes: le bruit de luminance, qui correspond
des donnes en niveaux de gris qui ajoutent du grain ou des taches limage, et le bruit
de chrominance, qui apparat sous la forme dartefacts dans limage. Le filtre Rduction
du bruit peut ajuster ces deux types de bruits couche par couche et corriger les artefacts
dus la compression JPEG, tout en prservant les dtails des contours dans limage.
Pour commencer, vous allez zoomer sur le visage de la fille afin de mieux visualiser
le bruit.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 145


1. Cliquez laide de loutil Zoom ( ) au centre du visage jusqu ce que limage
saffiche 300% environ.
Comme vous le voyez, la peau est mouchete de pixels gris. Vous allez donc adoucir
cette zone de limage laide du filtre Rduction du bruit.
2. Choisissez Filtre> Bruit> Rduction du bruit, puis zoomez dans limage pour
visualiser le bruit dans la fentre daperu.
3. Dans la bote de dialogue Rduction du bruit, procdez aux rglages suivants:
Augmentez la valeur de loption Intensit 8 (cette option contrle limportance
du bruit de chrominance).
Diminuez la valeur de loption Conserver les dtails 30%.
Augmentez la valeur de loption Rduire le bruit de couleur 80%.
Donnez loption Accentuer les dtails une valeur de 30%.

Note: Pour Vous navez pas besoin dactiver loption Supprimer lartefact JPEG car cette image
corriger le bruit nest pas au format JPEG et ne contient donc pas ce type dartefacts.
de chaque couche
dune image
sparment,
activez loption
Avanc puis
cliquez sur
longlet Par
couche pour
ajuster les
paramtres de
chaque couche .

146 LEoN 5 Correction et retouche de photographies numriques


4. Cliquez sur laperu et faites-le glisser pour placer le visage au centre. Cliquez
et maintenez sur la zone daperu pour afficher limage avant modification, puis
relchez le bouton pour afficher limage corrige.
5. Cliquez sur OK pour appliquer vos modifications et fermer la bote de dialogue
Rduction du bruit puis double-cliquez sur loutil Zoom pour afficher de nouveau
limage 100%.
6. Choisissez Fichier> Enregistrer pour sauvegarder vos modifications puis fermez
le fichier.

Correction de la distorsion dune image


Le filtre Correction de lobjectif corrige les dfauts courants, comme la distorsion en
barillet, la distorsion en coussinet, laberration chromatique et la mise en vignette. La
distorsion en barillet est un dfaut de lobjectif qui dvie les lignes droites vers les bords
de limage. linverse, la distorsion en coussinet dvie les lignes droites vers lintrieur.
Laberration chromatique prend laspect dune frange de couleur le long des contours
des objets. La mise en vignette est un dfaut qui provoque lassombrissement des bords
dune image en gnral (et de ses coins en particulier) par rapport son centre.
Ces dfauts apparaissent selon la distance focale ou louverture de diaphragme de
lobjectif. Le filtre Correction de lobjectif peut reprendre les paramtres de lappareil
photo, de lobjectif et de la distance focale utiliss pour la prise de vue. Il peut galement
faire pivoter une image ou corriger une perspective inadquate provoque par une
inclinaison verticale ou horizontale de lappareil. La grille dimage du filtre permet des
rglages plus faciles et plus prcis quavec la commande Transformation.
Dans cet exercice, vous corrigerez la distorsion de lobjectif dans limage dun temple grec.
1. Cliquez sur Fichier> Ouvrir, parcourez votre disque dur jusquau dossier Lesson05
puis double-cliquez sur le fichier 05D_Start.psd pour ouvrir cette image dans
Photoshop.
Les colonnes du temple sont dformes au centre et dans le haut de limage. Cette pho-
tographie a en effet t prise une distance trop faible avec un objectif grand-angulaire.
2. Cliquez sur Fichier> Enregistrer sous. Nommez le fichier Colonnes_final.psd, par
exemple, et enregistrez-le dans le dossier Lesson05. Cliquez sur OK dans la bote
de dialogue Options de format Photoshop si elle souvre.
3. Cliquez sur Filtre> Correction de lobjectif pour ouvrir la bote de dialogue du
mme nom.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 147


4. Activez loption Afficher la grille au bas de la bote de dialogue si elle nest pas dj
slectionne.
Une grille recouvre limage et de nombreuses options permettent de supprimer la
distorsion, corriger les aberrations chromatiques, supprimer la mise en vignette et
transformer la perspective.

La bote de dialogue Correction de lobjectif dispose de fonctionnalits de correction


automatiques. Vous allez ajuster un des paramtres de longlet Correction automatique
puis vous personnaliserez les autres rglages.
5. Dans la section Corrections de longlet Correction automatique, assurez-vous que
loption Mise lchelle automatique est active et que loption Transparence est
slectionne dans le menu droulant Contour.
6. Cliquez sur longlet Personnalis.
7. Sous longlet Personnalis, dplacez le curseur de loption Corriger la dformation
+52,00 environ pour supprimer la distorsion en barillet de cette image. Vous
pouvez galement slectionner loutil Correction de la dformation ( ) et le faire
glisser sur laperu de limage jusqu ce que les colonnes soient rectilignes.

148 LEoN 5 Correction et retouche de photographies numriques


Cette correction provoque une dformation vers lintrieur de limage. Mais comme E Astuce:
loption Mise lchelle automatique est active, le filtre Correction de lobjectif redi- Aidez-vous
de la grille qui
mensionne automatiquement limage pour corriger cela.
recouvre laperu
8. Cliquez sur OK pour valider vos modifications et fermer la bote de dialogue de limage
pour rendre
Correction de lobjectif. les colonnes
parfaitement
rectilignes dans
limage .

La distorsion de lobjectif cause par lutilisation dun grand-angle une trop faible
distance est limine.
9. (Facultatif) Pour visualiser leffet du filtre dans la fentre de document, appuyez
deux fois sur les touches Ctrl+Z (Windows) ou Cmd+Z (MacOS) pour annuler
et rtablir le filtre.
10. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail. Cliquez sur OK si
la bote de dialogue Options de format saffiche puis fermez cette image.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 149


Augmentation de la profondeur de champ
Lorsque vous prenez une photo, vous devez souvent choisir entre faire la mise au point
sur larrire-plan ou la faire sur le premier plan. Pour que toute limage soit nette, vous
devez prendre deux photos, une avec le premier plan net et lautre avec larrire-plan
net, puis fusionner les deux dans Photoshop.
Comme vous devez aligner les images avec prcision, il est conseill dutiliser un tr-
pied pour viter tout mouvement parasite de lappareil photo, mme si vous pouvez
obtenir de trs bons rsultats sans. Vous allez appliquer cette technique sur limage
dun verre de vin devant une plage.
1. Dans Photoshop, cliquez sur Fichier> Ouvrir, parcourez votre disque dur jusquau
dossier Lessons/Lesson05 puis double-cliquez sur le fichier 05E_Start.psd pour
louvrir.
2. Cliquez sur Fichier> Enregistrer sous, nommez le fichier Verre_final.psd, par
exemple, et enregistrez-le dans le dossier Lesson05. Cliquez sur OK dans la bote
de dialogue Options de format Photoshop si elle souvre.
3. Dans le panneau Calques, rendez le calque Beach invisible afin que seul le calque
Glass saffiche. Le verre est net, mais larrire-plan est flou. Rendez le calque Beach
visible et le calque Glass invisible. La plage est prsent nette mais le verre flou.

150 LEoN 5 Correction et retouche de photographies numriques


Vous allez fusionner les deux calques en utilisant la zone de chacun deux qui est nette.
Pour cela, vous devez dabord les aligner.
4. Affichez de nouveau les deux calques puis cliquez dessus en appuyant sur la touche
Maj pour les slectionner.

5. Cliquez sur dition> Alignement automatique des calques.


Les deux photos ayant t prises sous le mme angle, loption Automatique convient
tout fait.
6. Slectionnez loption Automatique si ce nest pas le cas. Assurez-vous que les
options Correction du vignetage et Dformation gomtrique sont inactives puis
cliquez sur OK pour aligner les calques.

prsent que les calques sont parfaitement aligns, vous tes prt les fusionner.
7. Assurez-vous que les deux calques sont toujours slectionns dans le panneau
Calques puis cliquez sur dition> Fusion automatique des calques.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 151


8. Activez les options Empiler les images et Tons et couleurs continus puis cliquez
sur OK.

Le verre et la plage sont prsent tous les deux parfaitement nets. Vous allez fusionner
les calques pour rendre les autres retouches plus simples raliser.
9. Cliquez sur Calques> Fusionner les calques visibles.

Extension des objets avec loutil


Dplacement bas sur le contenu
Vous allez utiliser loutil Dplacement bas sur le contenu pour ajouter quelques
poteaux sur la plage et ainsi amliorer la composition la range de poteaux renvoyant
aux barres verticales du parapet.
1. Slectionnez loutil Dplacement bas sur le contenu ( ) cach sous loutil il
rouge ( ).

152 LEoN 5 Correction et retouche de photographies numriques


2. Dans la barre doptions, choisissez tendre dans le menu Mode et Stricte dans le
menu Adaptation.
3. Tracez un rectangle de slection autour des deux poteaux de droite, en incluant
une partie du sable o leurs ombres portent.
4. Faites glisser la slection lgrement vers le bas et vers la droite pour continuer
la range.
Lorsque vous relchez la souris, Photoshop ajoute deux nouveaux poteaux et les
fusionne parfaitement dans la scne.
5. Cliquez sur Slection> Dslectionner.

Ajouter un effet de flou interactif


Les effets de flou interactifs permettent de visualiser un aperu de leffet sur limage
et de le personnaliser. Vous allez appliquer un flou de diaphragme en tant quobjet
dynamique afin de pouvoir le modifier loisir par la suite.
1. Cliquez sur Calque> Objets dynamiques> Convertir en objet dynamique.
2. Cliquez sur Filtre> Flou> Flou de diaphragme.
Une ellipse de flou apparat au centre de limage. Vous pouvez ajuster la position et
la porte de leffet de flou en dplaant les diffrentes poignes. Photoshop ouvre
galement les panneaux Outils effets de flou et Effets de flou.
3. Faites glisser la poigne centrale sur le ct droit du verre.
4. Cliquez sur le contour de lellipse et faites glisser le pointeur de la souris pour
agrandir sa taille.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 153


5. Maintenez la touche Alt (Windows) ou Option (Mac OS) enfonce et faites glisser
les poignes de contrle de progressivit du flou pour les placer comme dans la
seconde illustration ci-aprs. La touche Alt ou Option permet de dplacer chaque
poigne de faon indpendante.
A B C D

A. Position de leffet B. Ellipse C. Contour progressif du flou D. Contrle de mise au point

6. Cliquez sur lanneau de focalisation et faites glisser le pointeur pour rduire la


quantit de flou 6px et obtenir un effet de flou lger mais visible. Vous pouvez
aussi modifier la quantit de flou laide du curseur Flou dans la section Flou de
diaphragme du panneau Outils effets.

7. Cliquez sur OK dans la barre doptions pour appliquer le flou.

154 LEoN 5 Correction et retouche de photographies numriques


Votre travail est presque termin. Vous allez juste ajouter un calque de rglage de
vibrance pour donner un peu plus de punch cette image.
8. Cliquez sur le bouton Vibrance dans le panneau Rglages.
9. Dplacez le curseur Vibrance +33 et le curseur Saturation 5.

Le calque de rglage Vibrance affecte tous les calques situs en dessous de lui.
10. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail puis fermez le fichier.

Vous avez utilis diffrentes techniques pour ajuster les tons, supprimer leffet il
rouge, corriger la dformation de lobjectif et ajouter de la profondeur de champ sur
cinq images. Vous pouvez utiliser ces techniques individuellement ou les combiner
sur vos propres images.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 155


Infos plus
Images HDR (High Dynamic Range)
Lorsque vous observez le monde qui vous entoure, vos yeux sadaptent la luminosit afin que vous
puissiez distinguer les dtails dans les zones claires et les zones sombres . Les appareils photo et les
ordinateurs, par contre, sont capables de reproduire une tendue dynamique plus limite (lcart entre
les zones sombres et les zones claires) . En crant des images HDR (High Dynamic Range) dans Photoshop,
vous pouvez reproduire dans vos images la luminosit que vous percevez dans le monde rel . Les images
HDR sutilisent principalement dans les films, dans les effets spciaux et dans certains cas particuliers
en photographie . Cependant, vous pouvez aussi fusionner plusieurs photographies prises diffrents
niveaux dexposition afin de crer une seule image HDR qui contienne les dtails prsents dans chacune
des prises de vue .
Vous allez utiliser le filtre Fusion HDR Pro pour combiner trois photos dune rue .

1. Dans Bridge, ouvrez le dossier Lesson05/HDR_ExtraCredit et examinez les fichiers StreetA .jpg, StreetB .
jpg et StreetC .jpg . Ces images montrent toutes la mme scne mais prise diffrentes expositions .
Il sagit dimages JPEG mais vous pouvez aussi utiliser des images raw .

2. Dans Photoshop, cliquez sur Fichier> Automatisation> Fusion HDR Pro .


3. Dans la bote de dialogue Fusion HDR Pro, cliquez sur le bouton Parcourir . Naviguez ensuite jusquau
dossier Lesson05/HDR_ExtraCredit, puis cliquez en maintenant la touche maj enfonce sur les fichiers
StreetA .jpg, StreetB .jpg et StreetC .jpg pour les slectionner . Cliquez ensuite sur oK ou ouvrir .
4. Assurez-vous que loption Tenter daligner automatiquement les images source est active puis
cliquez sur oK .
Photoshop ouvre chacun des fichiers brivement, puis les fusionne en une seule image qui souvre dans
la bote de dialogue Fusion HDR Pro, avec les rglages par dfaut appliqus . Les trois images que vous
avez fusionnes saffichent dans le coin infrieur gauche de la bote de dialogue .

156 LEoN 5 Correction et retouche de photographies numriques


5. Ajustez les rglages suivants dans la bote de dialogue Fusion HDR Pro:
Dans la section Lueur de contour, dplacez le curseur Rayon 403px et le curseur Intensit 0,75 .
Ces paramtres dfinissent la manire dont leffet de lueur est appliqu .
Dans la section Lueur de contour, dplacez le curseur Rayon 403px et le curseur Intensit
0,75 . Ces paramtres dfinissent la manire dont leffet de lueur est appliqu .
Dans la section Ton et dtail, changez la valeur Gamma 1,15, lExposition 0,30 et Dtail
300% . Chacun de ces paramtres influe sur la tonalit gnrale de limage .
Sous longlet Avanc, donnez au paramtre Tons foncs une valeur de 2% et au paramtre Tons
clairs une valeur de 11% pour dfinir la quantit de dtails visibles dans les zones sombres et
les zones claires . Dplacez les curseurs Vibrance et Saturation respectivement 65% et 55%
pour ajuster lintensit des couleurs .
6. Cliquez sur oK pour valider et fermer la bote de dialogue Fusion HDR Pro . Photoshop fusionne les
calques en un seul et applique les rglages que vous avez dfinis .

7. Cliquez sur Fichier> Enregistrer et sauvegarder le fichier sous le nom ExtraCredit_final.psd dans
le dossier Lesson05 .
8. Fermez le fichier .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 157


Rvisions
Questions
1. Quarrive-t-il aux images raw des appareils photo lorsque vous les modifiez dans
CameraRaw?
2. Quel avantage prsente le format DNG (Adobe Digital Negative)?
3. Comment corriger leffet yeux rouges dans Photoshop?
4. Dcrivez comment corriger les distorsions dobjectif courantes dans Photoshop.
Quelles sont les causes de ces dfauts?

Rponses
1. Les fichiers image Camera Raw contiennent les donnes originales captures par le
capteur sans traitement de lappareil, ce qui permet aux photographes de contrler
linterprtation de ces donnes plutt que de laisser lappareil photo effectuer les
ajustements et les conversions ncessaires. Lorsquon retouche une image dans Camera
Raw, les donnes brutes du fichier original sont prserves. Il est ainsi possible de
modifier limage sa guise, de lexporter et de conserver loriginal intact pour une
utilisation ultrieure ou pour lui appliquer des retouches diffrentes.
2. Le format DNG (Adobe Digital Negative) contient les donnes dimage brutes dun
appareil photo numrique et les mtadonnes qui dfinissent la signification des
donnes de limage. DNG est le format public Adobe darchivage des fichiers Camera
Raw conu pour permettre leur compatibilit et rduire la prolifration actuelle des
formats de fichiers Camera Raw.
3. Leffet yeux rouges est d une rflexion du flash de lappareil photo sur la rtine du
sujet. Pour corriger ce phnomne dans Photoshop, il faut zoomer sur les yeux de
la personne photographie, slectionner loutil il rouge puis cliquer sur la partie
rouge de la pupille.
4. Le filtre Correction de lobjectif corrige les dfauts courants, savoir les distorsions
en barillet et en coussinet dans lesquelles les lignes droites sont dformes vers les
bords (barillet) ou le centre de limage (coussinet), laberration chromatique (comme
la prsence dune frange de couleur le long des contours des lments de limage) et
la mise en vignette (un assombrissement des bords dune image en gnral et de
ses coins en particulier par rapport son centre). Ces dfauts proviennent dun
mauvais paramtrage de la distance focale, de louverture de diaphragme ou encore
de linclinaison horizontale ou verticale de lappareil photo lors de la prise de vue.

158 LEoN 5 Correction et retouche de photographies numriques


Crdit: photographie Image Source, www .imagesource .com .

PRoJET: ImAGE DE CoUVERTURE PoUR UN mAGAZINE .

Les masques permettent disoler et de manipuler certaines


parties dune image . Vous travaillez ainsi sur la zone expose et
le reste de limage est protg . Vous pouvez crer des masques
provisoires pour un emploi unique ou les enregistrer pour les
utiliser plusieurs reprises .

160
LES MASQUES
ET LES COUCHES 6
Au cours de cette leon, vous apprendrez :
crer un masque pour supprimer un lment de larrire-plan;
amliorer un masque pour quil intgre des contours complexes;
crer un masque temporaire pour modifier une zone slectionne;
modifier un masque dans le panneau Proprits;
manipuler une image avec la fonctionnalit Dformation de la marionnette;
enregistrer une slection comme couche alpha;
visualiser un masque dans le panneau Couches;
charger une couche en tant que slection;
isoler une couche afin de raliser des corrections spcifiques.

Cette leon vous prendra environ une heure. Si vous ne lavez pas dj fait,
tlchargez les fichiers de la Leon 6 depuis le site www.pearson.fr, sur la
page ddie au livre. Au cours de cette leon, vous ne modifierez pas les
fichiers de dpart. Si vous devez nanmoins revenir la version dorigine
des fichiers, tlchargez-les de nouveau.

161
propos des masques et des couches
Les masques de Photoshop isolent et protgent certaines parties de limage de la mme
manire que du ruban adhsif permet de protger les vitres dune fentre lorsque vous
repeignez son encadrement. Lorsque vous crez un masque partir dune slection,
toute la zone non slectionne se trouve masque, cest--dire labri de toute modi-
fication. Les masques permettent aussi de sauvegarder les slections, ce qui procure
galement un gain de temps prcieux. De plus, vous pouvez les utiliser dans des travaux
de retouche plus complexes, pour appliquer des changements de couleur ou un effet
de filtre sur une image, par exemple.
Vous pouvez soit crer des masques provisoires, soit les stocker de faon permanente
sous la forme de couches spciales en niveaux de gris, appeles couches alpha. Dans
Photoshop, les couches servent aussi emmagasiner les donnes sur les couleurs de
limage. Contrairement aux calques, les couches ne peuvent pas tre imprimes. Le
panneau Couches permet de visualiser et dutiliser les couches alpha.
Souvenez-vous que, dans le cas des masques, le noir cache le contenu tandis que le
blanc le rvle. Par consquent, les niveaux de gris masquent partiellement, en fonction
du niveau de gris employ (255 correspond au noir et 0aublanc).

Prparatifs
Pour commencer, vous allez ouvrir limage reproduire en utilisant les masques et
les couches.
1. Lancez Adobe Photoshop et appuyez aussitt sur les touches Ctrl+Alt+Maj
(Windows) ou Cmd+Option+Maj (MacOS) pour restaurer les prfrences par
dfaut du logiciel (pour en savoir plus, reportez-vous la section Rtablissement
des prfrences par dfaut de lIntroduction).
2. Dans la bote de message qui apparat, cliquez sur Oui pour supprimer le fichier
de paramtres de Photoshop.
Note: Si 3. Cliquez sur Fichier> Parcourir dans Bridge pour ouvrir Adobe Bridge.
vous navez pas
install Bridge, 4. Cliquez sur longlet Favoris, gauche de la fentre de Bridge. Slectionnez le dossier
vous devez le Lessons, puis double-cliquez sur le dossier Lesson06 dans le volet Contenu.
faire maintenant .
Reportez-vous 5. tudiez limage 06End.psd. Pour agrandir la taille de la vignette, faites glisser vers
lIntroduction la droite le curseur situ au bas de la fentre de Bridge.
pour en savoir
plus . Dans cette leon, vous allez raliser la couverture dun magazine. Le modle a t pho-
tographi sur un arrire-plan diffrent. Vous utiliserez les masques et la fonctionnalit
Amliorer le contour pour modifier cet arrire-plan.
6. Double-cliquez sur la vignette du fichier 06Start.psd pour louvrir dans Photoshop.
Cliquez sur OK si la bote de dialogue Options de format Photoshop souvre.

162 LEoN 6 Les masques et les couches


Cration dun masque
Vous allez utiliser loutil de Slection rapide pour crer le masque initial afin de sparer
le modle de larrire-plan.
1. Cliquez sur Fichier> Enregistrer sous et sauvegardez le fichier sous le nom de
06Retouche.psd. Cliquez sur OK dans la bote de dialogue Options de format
Photoshop si elle saffiche.
En crant une autre version du fichier de dpart, vous pouvez ainsi revenir loriginal
si ncessaire.
2. Activez loutil Slection rapide ( ) dans le panneau Outils. Dans la barre doptions, E Astuce: Pour
donnez la brosse une valeur dpaisseur de 15px et de Duret de 100%. en savoir plus
sur les slections,
3. Faites glisser loutil sur limage pour slectionner le modle. Il est assez facile de reportez-vous la
slectionner son visage et sa chemise mais il nen va pas de mme pour ses cheveux. Leon3 .
Ne vous inquitez pas si la slection nest pas parfaite, vous amliorerez ce masque
dans la section suivante.

4. Cliquez sur le bouton Ajouter un masque de fusion au bas du panneau Calques


( ) pour crer un masque de fusion.

La slection devient un masque de pixels qui apparat comme partie du calque Layer0
dans le panneau Calques. Tout ce qui se trouve en dehors de la slection est transparent,
comme lindique le motif de damier gris et blanc.
ADoBE PHoToSHoP CC CLASSRoom IN A BooK 163
propos du calque des masques
Quelles sont les diffrences entre les couches alpha, les masques de fusion (ou masque
de pixels), les masques vectoriels, les masques dcrtage et les masques de couches?
Dans certains cas, ils sont interchangeables; un masque de couche peut tre converti
en masque de fusion, un masque de fusion converti en masque vectoriel et vice versa .
Voici une brve description qui vous aidera les distinguer . Ils ont tous en commun de
stocker une slection et de modifier limage de faon non destructrice, ce qui permet
de revenir tout moment limage originale .

Couche alpha. Appele aussi masque ou slection, cest une couche


supplmentaire ajoute une image et qui stocke les slections sous la forme
dimages en niveaux de gris . Vous pouvez ajouter des couches alpha pour crer
et stocker des masques .
Masque de fusion. Il est identique une couche alpha, mais attach un calque
en particulier . Il permet de contrler quelle partie dun calque sera visible ou
non . Il saffiche sous la forme dune vignette vierge la droite de la vignette
du calque dans le panneau Calques . Une bordure noire autour de la vignette
indique que le masque est slectionn .
Masque vectoriel. Cest un masque de fusion compos de vecteurs et non
de pixels . Les masques vectoriels sont donc indpendants de la rsolution
de limage, ont des contours nets et sont crs laide de loutil Plume ou des
outils de dessin . Ils ne prennent pas en charge la transparence, si bien que leurs
contours ne peuvent pas tre progressifs . La vignette dun masque vectoriel a
le mme aspect que celle dun masque de fusion .
Masque dcrtage. Il sapplique aux calques et permet de restreindre linfluence
dun effet certains calques en particulier plutt qu tous les lments qui se
trouvent en dessous de lui dans la pile des calques . Si vous utilisez un masque
dcrtage sur un calque de base, seul celui-ci est affect . Les vignettes des
masques dcrtage saffichent sous la forme dun calque indent, prcd
dune flche pointant vers le calque situ en dessous de lui . Le nom du calque
sur lequel il porte saffiche soulign .
Masque de couche. Il permet de restreindre les retouches une couche en
particulier (par exemple la couche Cyan dune image CmJN) . Les masques de
couche sont utiles pour crer des slections complexes ayant des contours
dchiquets, dents . Vous pouvez crer un masque de couche bas sur la
couleur dominante dune image ou sur le contraste prononc dune couche
(entre un sujet et larrire-plan, par exemple) .

Amlioration du masque
Le masque est assez bon, mais loutil Slection rapide na pas russi slectionner la
totalit des cheveux. En outre, les contours du visage et de la chemise sont lgrement
grossiers. Vous allez adoucir les contours du masque puis amliorer la slection des
cheveux.

164 LEoN 6 Les masques et les couches


1. Cliquez sur Fentre> Proprits pour ouvrir le panneau Proprits.
2. Cliquez sur le masque du calque Layer0 pour le slectionner si ce nest pas le cas.
3. Cliquez sur le bouton Contour du masque dans le panneau Proprits. La bote de
dialogue Amliorer le masque souvre alors.

4. Dans la section Mode daffichage de la bote de dialogue, cliquez sur la flche droite
de laperu pour ouvrir le menu droulant Affichage, puis slectionnez Sur noir.
Le masque saffiche maintenant sur un fond noir, ce qui permet de mieux voir les
contours du visage et de la chemise.
5. Dans la section Rgler le contour de la bote de dialogue, dplacez les curseurs
pour adoucir le contour du masque le long du visage et de la chemise. Les rglages
optimaux dpendent de la slection initiale, mais ils seront probablement identiques
aux ntres. Nous avons dplac le curseur Lissage 15, Contraste 40% et Dcalage
du contour 8%.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 165


6. Dans la section Sortie de la bote de dialogue, activez loption Dcontamination
des couleurs puis choisissez Nouveau calque avec masque de fusion dans le menu
droulant Sortie vers.
7. Activez loutil Zoom de la bote de dialogue Amliorer le contour puis cliquez sur
le visage dans limage pour voir ses contours plus distinctement.
8. Slectionnez loutil Amlioration du rayon ( ) de la bote de dialogue Amliorer
le contour. Utilisez-le pour peindre toutes les zones blanches de larrire-plan qui
subsistent autour des lvres et du nez. Pressez la touche[ pour diminuer la taille
de la brosse et la touche] pour laugmenter.

9. Lorsque le contour du masque autour du visage vous satisfait, cliquez sur OK.
Un nouveau calque nomm Layer0copie apparat dans le panneau Calques. Vous
allez lutiliser pour ajouter les mches de cheveux la slection.
10. Le calque Layer0copie tant slectionn, cliquez sur le bouton Contour du masque
dans le panneau Proprits pour ouvrir de nouveau la bote de dialogue Amliorer
le contour.
11. Slectionnez Sur blanc dans le menu droulant Affichage. Les cheveux noirs se
dtachent bien du fond blanc. Si ncessaire, zoomez en arrire ou utilisez loutil
Main pour repositionner limage et afficher les cheveux.
12. Activez loutil Amlioration du rayon de la bote de dialogue. Pressez la touche]
pour augmenter la taille de la brosse (elle est indique dans la barre doptions;
nous avons utilis une brosse de 300px pour commencer). Peignez ensuite le long
des mches de cheveux afin dinclure les pointes. Pressez plusieurs fois la touche[
pour diminuer la taille de la brosse de moiti environ puis peignez sur larrire du
crne o les cheveux sont dune couleur unie pour slectionner galement tous les
petits cheveux qui dpassent.

166 LEoN 6 Les masques et les couches


Au fur et mesure que vous peignez, Photoshop affine le contour du masque, en intgrant
les cheveux mais en liminant la plus grande partie de larrire-plan. Si vous peigniez
sur un masque dcrtage, larrire-plan serait inclus. La fonctionnalit Amliorer le
contour donne de trs bons rsultats mais elle nest pas parfaite; vous allez nettoyer le
masque et supprimer toutes les parties de larrire-plan slectionnes avec les cheveux.
13. Slectionnez loutil Effacement des amliorations ( ) cach sous loutil Amlioration
du rayon dans la bote de dialogue Amliorer le contour. Cliquez une fois ou deux
sur chaque zone o la couleur darrire-plan est visible. Lorsque vous supprimez
une zone, la fonctionnalit Amliorer le contour supprime toutes les couleurs
similaires. Vous devez donc tre prudent. Vous pouvez annuler une tape ou utiliser
loutil Amlioration du rayon pour restaurer le contour du masque si ncessaire.
14. Activez loption Dcontamination des couleurs et dplacez le curseur Quantit
85%. Choisissez Nouveau calque avec masque de fusion dans le menu droulant
Sortie vers puis cliquez sur OK.

15. Dans le panneau Calques, rendez le calque Magazine Background visible. Le modle
apparat devant un fond pixellis de couleur orange.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 167


Julieanne Kost est une porte-parole officielle dAdobe Photoshop.

Les astuces dune porte-parole


de Photoshop
Les raccourcis clavier de loutil Zoom
Quand vous modifiez une image, vous avez souvent besoin de zoomer en avant pour
travailler sur un dtail, puis de zoomer en arrire pour observer le rsultat dans son
contexte . Il existe plusieurs raccourcis clavier pour passer de lun lautre plus rapidement .

Quel que soit loutil actif, appuyez sur la touche Ctrl (Windows) ou Cmd (macoS)
puis sur la touche Plus(+) pour zoomer en avant ou sur la touche moins()
pour zoomer en arrire .
Double-cliquez sur loutil Zoom dans le panneau outils pour retrouver laffichage
100% de limage .
Lorsque loption Zoom variable est active dans la barre doptions, faites glisser
le curseur sur la gauche pour zoomer et sur la droite pour zoomer en arrire .
maintenez la touche Alt (Windows) ou option (macoS) enfonce pour passer
de loutil Zoom avant loutil Zoom arrire, puis cliquez sur la partie de limage
dont vous voulez rduire laffichage . Chaque fois que vous cliquez, la taille
daffichage de limage se rduit en fonction du facteur de rduction prdfini .

Cration dun masque temporaire


Vous allez crer un masque temporaire pour modifier la couleur des branches des
lunettes. Pour commencer, vous allez nettoyer le panneau Calques.
1. Rendez invisible le calque Magazine
Background afin de vous concentrer sur le
modle. Supprimez ensuite les calques Layer0
et Layer0copie. Si ncessaire, cliquez sur Oui
pour confirmer la suppression de ces calques
et de leurs masques. Vous navez pas besoin
dappliquer le masque sur le calque courant
car celui-ci est dj appliqu sur le calque
Layer0copie2.
2. Double-cliquez sur le nom du calque Layer0copie2 et renommez-le Modle.
3. Cliquez sur le bouton Mode masque dans le panneau Outils (vous avez travaill
jusqu prsent en mode Standard).

168 LEoN 6 Les masques et les couches


En mode Masque, un masque rouge vient recouvrir la partie de limage non slec-
tionne. Vous ne pouvez modifier que la zone expose, visible et slectionne. Vous
constatez que le masque slectionn saffiche non plus en bleu mais en gris dans le
panneau Calques pour indiquer que le mode Masque est activ.
4. Slectionnez loutil Pinceau ( ) dans le panneau Outils.
5. Dans la barre doptions, assurez-vous que le mode Normal est slectionn. Ouvrez
le slecteur de forme prdfinie et rduisez la valeur dpaisseur de la brosse
13px. Cliquez en dehors du panneau pour le fermer.
6. Peignez sur les branches des lunettes. La zone sur laquelle vous peignez saffiche
en rouge, indiquant quun masque est cr.
7. Continuez peindre avec loutil Pinceau pour masquer la monture des lunettes.
Rduisez la taille de la brosse pour la partie situe autour des verres. Peignez sur
toute la zone sans vous soucier des cheveux qui recouvrent en partie les branches
des lunettes.

En mode Masque, Photoshop passe automatiquement en mode Niveaux de gris. Par


dfaut, le noir devient la couleur de premier plan et le blanc, la couleur darrire-plan.
Lors de lemploi doutils de dessin et de retouche en mode Masque, noubliez pas ces
principes de base:
Dessiner en noir tend le masque (le voile rouge) et rduit la zone slectionne.
Dessiner en blanc gomme le masque (le voile rouge) et tend la zone slectionne.
Peindre en gris tend partiellement le masque.
8. Cliquez sur le bouton Mode Standard du panneau Outils pour quitter le mode
Masque.
La partie non masque de limage est slectionne. moins que vous ne sauvegardiez
le masque temporaire dans une couche alpha, Photoshop supprime le masque tem-
poraire lorsquil est converti en slection.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 169


9. Cliquez sur Slection> Intervertir pour que la zone que vous avez masque soit
slectionne.
10. Cliquez sur Image> Rglages> Teinte/Saturation.
11. Dans la bote de dialogue Teinte/Saturation, donnez la valeur 70 loption Teinte
pour que la monture des lunettes prenne une couleur verte. Cliquez ensuite surOK.

12. Cliquez sur Slection> Dslectionner.


13. Enregistrez votre travail.

Dformation de la marionnette
La fonctionnalit Dformation de la marionnette offre de nombreuses possibilits
de manipulation des images. Vous pouvez repositionner certaines zones, comme la
coiffure ou un bras, de la mme manire quun marionnettiste tire des ficelles pour
animer une marionnette. Pour cela, on place des coins o lon souhaite contrler le
mouvement. Vous allez utiliser la fonctionnalit Dformation de la marionnette pour
incliner la tte du modle vers larrire afin quil semble regarder vers le haut.
1. Zoomez en arrire afin dafficher le modle en entier.
2. Le calque Modle tant slectionn dans le panneau Calques, cliquez sur dition>
Dformation de la marionnette.
Un filet recouvre les zones visibles du calque; ici, il saffiche sur le modle. Vous allez
utiliser ce filet pour disposer des coins l o vous souhaitez contrler le mouvement
(ou pour vous assurer que certaines zones ne bougent pas).
3. Cliquez sur les bords de la chemise. chaque clic, la fonctionnalit Dformation
de la marionnette ajoute un coin. Une dizaine de coins environ devrait suffire.

170 LEoN 6 Les masques et les couches


Les coins que vous avez disposs sur la chemise resteront en place lorsque vous incli-
nerez la tte du modle.
4. Cliquez sur le coin la base du cou. Un cercle blanc apparat sur la tte de ce coin
pour indiquer quil est slectionn.

5. Pressez la touche Alt (Windows) ou Option (MacOS). Un cercle de plus grande Note:
taille accompagn dune double flche saffiche autour du coin. Maintenez la Attention de ne
pas cliquer sur
touche Alt/Option enfonce et faites glisser le pointeur pour faire pivoter la tte le coin lui-mme
vers larrire. Langle de rotation est indiqu dans la barre doptions. Vous pouvez avec la touche
galement entrer la valeur 135 dans la barre doptions. Alt ou option
enfonce car vous
le supprimeriez .

6. Lorsque langle de rotation vous convient, cliquez sur le bouton Valider la dformation
de la marionnette ( ) ou appuyez sur la touche Entre/Retour.
7. Enregistrez votre travail.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 171


Utilisation des couches
Comme les calques, chaque couche contient certaines informations sur limage. Les
couches alpha stockent les slections en tant quimages en niveaux de gris. Les couches
de couleur contiennent les informations sur chaque couleur de limage; une image
RVB dispose automatiquement des couches rouge, vert, bleu et composite.
Pour viter toute confusion entre les couches et les calques, considrez que les couches
contiennent des informations sur la couleur de limage et la slection tandis que les
calques contiennent les images et les effets.
Vous allez utiliser une couche alpha afin de crer une ombre pour le modle, puis
vous convertirez limage en mode CMJN et utiliserez la couche Noir pour ajouter de
la couleur dans les reflets clairs des cheveux.

Utiliser une couche alpha pour crer une ombre


Vous avez dj cr un masque pour le modle. Pour raliser lombre, il vous suffit de
le dupliquer puis de le dcaler. Pour cela, vous allez utiliser une couche alpha.
1. Dans le panneau Calques, cliquez sur la vignette du masque du calque Modle tout
en maintenant la touche Ctrl (Windows) ou Cmd (MacOS) enfonce. La zone
masque est alors slectionne.
2. Cliquez sur Slection> Mmoriser la slection. Assurez-vous que Nouveau est
slectionn dans le menu Couche de la bote de dialogue Mmoriser la slection,
nommez la slection Contour du modle puis cliquez sur OK.

172 LEoN 6 Les masques et les couches


Rien ne change dans la fentre de document ni dans le panneau Calques. Par contre,
une nouvelle couche nomme Contour du modle apparat dans le panneau Couches.
3. Cliquez sur licne Crer un calque ( ) au bas du panneau Calques puis faites
glisser ce calque sous le calque Modle. Double-cliquez ensuite sur son nom et
renommez-le Ombre.
4. Le calque Ombre tant slectionn, cliquez sur Slection> Amliorer le contour.
Dans la bote de dialogue, dplacez le curseur Dcalage du contour 36% puis
cliquez sur OK.

5. Cliquez sur dition> Remplir. Choisissez Noir dans le menu droulant Avec de la
bote de dialogue puis cliquez sur OK.
Le calque Ombre contient maintenant la silhouette noire du modle. Comme les
ombres ne sont gnralement pas aussi sombres que la personne qui les projette, vous
allez rduire lopacit de ce calque.
6. Dans le panneau Calques, rduisez lopacit du calque Ombre 30%.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 173


Lombre a exactement la mme position que le modle, si bien quelle nest pas visible.
Vous allez donc la dplacer.
7. Cliquez sur Slection> Dslectionner pour supprimer la slection.
8. Cliquez sur dition> Transformation> Inclinaison. Faites pivoter lombre
manuellement ou entrez 15 dans le champ Rotation de la barre doptions. Faites
ensuite glisser lombre vers la gauche ou entrez 845 dans le champX de la barre
doptions. Pour valider, cliquez ensuite sur le bouton Valider la transformation de
la barre doptions ( ) ou pressez la touche Entre ou Retour.

9. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.

propos du calque
des couches alpha
Si vous utilisez beaucoup Photoshop, vous savez que les couches alpha sont incon-
tournables . Voici quelques informations complmentaires leur sujet:
Une image peut compter jusqu 56couches, y compris les couches de couleur
et alpha .
Toutes les couches sont des images en niveaux de gris 8bits, capables dafficher
256niveaux de gris .
Vous pouvez, pour chaque couche, dfinir un nom, une couleur, une option
de masque et une valeur dopacit (lopacit a une incidence sur laperu de la
couche, mais pas sur limage) .
Toutes les nouvelles couches ont les mmes dimensions et le mme nombre
de pixels que limage originale .
Vous pouvez modifier le masque sur une couche alpha laide des outils de
peinture et de retouche, ainsi que des filtres .
Vous pouvez convertir des couches alpha en couches de tons directs .

174 LEoN 6 Les masques et les couches


Ajustement dune couche
Limage pour la couverture du magazine est presque termine. Il vous reste encore
ajouter des reflets de couleurs dans les cheveux. Pour cela, vous allez convertir limage
en mode CMJN afin de tirer parti de la couche Noir.
1. Slectionnez le calque Modle dans le panneau Calques.
2. Cliquez sur Image> Mode> Couleurs CMJN. Cliquez sur Non dans la bote de
message qui saffiche afin de conserver vos diffrents calques. Cliquez ensuite sur
OK si une bote de message concernant les profils colorimtriques saffiche.
3. Maintenez la touche Alt (Windows) ou Option (MacOS) enfonce et cliquez sur
licne de visibilit du calque Modle pour cacher les autres calques.
4. Cliquez sur longlet Couches puis slectionnez la couche Noir. Ouvrez le menu du
panneau et choisissez Dupliquer la couche. Nommez-la Cheveux puis cliquez sur OK.

Chaque couche saffiche en niveaux de gris. Si plus dune couche est visible dans le
panneau Couches, elles saffichent alors en couleurs.
5. Rendez visible la couche Cheveux et invisible la couche Noir. Slectionnez ensuite
la couche Cheveux et cliquez sur Image> Rglages> Niveaux.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 175


6. Dans la bote de dialogue Niveaux, dplacez le curseur du noir85, le curseur de
tons moyens1 et le curseur de tons clairs165. Cliquez ensuite sur OK.

7. La couche Cheveux toujours slectionne, cliquez sur Image> Rglages> Ngatif.


La couche saffiche en blanc sur fond noir.
8. Activez loutil Pinceau puis cliquez sur licne Permuter les couleurs de premier
plan et darrire-plan au bas du panneau Outils pour que la couleur noire soit au
premier plan. Peignez ensuite sur les lunettes, les yeux et sur tous les lments de
cette couche qui ne sont pas des cheveux.

9. Cliquez sur le bouton Rcuprer la couche comme slection au bas du panneau


Couches.
10. Cliquez sur longlet Calques puis slectionnez le calque Modle dans le panneau
Calques.

176 LEoN 6 Les masques et les couches


11. Cliquez sur Slection> Amliorer le contour. Dans la bote de dialogue Amliorer
le contour. Dplacez le curseur Contour progressif 1,2px puis cliquez sur OK.
12. Cliquez sur Image> Rglages> Teinte/Saturation. Activez loption Redfinir puis
dplacez les curseurs de la faon suivante:
Teinte: 230;
Saturation: 56;
Luminosit: 11.

13. Cliquez sur Image> Rglages> Niveaux. Dans la bote de dialogue Niveaux, dplacez
le curseur noir vers la droite jusquau premier pic. Dplacez ensuite le curseur blanc
vers la gauche jusquau dernier pic, puis placez le curseur des tons moyens entre
les deux (nous avons choisi les valeurs 58, 1,65 et 255). Cliquez sur OK.

14. Dans le panneau Calques, affichez les calques Ombre et Magazine Background.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 177


15. Cliquez sur Slection> Dslectionner.
16. Enregistrez votre travail.
Limage pour la couverture du magazine
est maintenant termine.

Astuces et raccourcis clavier


pour les masques
Voici quelques informations complmentaires sur les masques:
Les masques sont non destructifs . Autrement dit, vous pouvez revenir en arrire
et les modifier sans perdre les pixels quils cachent .
Lorsque vous ditez un masque, vrifiez la couleur slectionne dans le panneau
outils . Le noir masque, le blanc affiche et les nuances de gris rvlent ou cachent
partiellement . Plus la couleur grise est fonce et plus le masque cache les
lments sur lesquels il agit .
Pour afficher le contenu dun calque sans masquer les effets, dsactivez le masque
en cliquant sur la vignette du masque de fusion tout en maintenant la touche
maj enfonce, ou en choisissant Calque> masque de fusion> Dsactiver . Un
Xrouge apparat alors sur la vignette du masque dans le panneau Calques .
Pour activer un masque de fusion, appuyez sur la touche maj et cliquez sur la
vignette du masque de fusion ou choisissez Calque> masque de fusion> Activer .
Si le masque ne saffiche pas dans le panneau Calques, cliquez sur Calques>
masque de fusion> Tout faire apparatre .
Dsactivez le lien entre un calque et son masque pour les dplacer indpendamment
lun de lautre et dplacer les limites du masque sparment du calque . Pour
dsactiver le lien entre un calque ou un groupe de calques et un masque ou
un masque vectoriel, cliquez sur licne en forme de lien entre leurs vignettes
dans le panneau Calques . Pour rtablir le lien, cliquez dans lespace vierge
entre les vignettes .
Pour convertir un masque vectoriel en masque de fusion, slectionnez le calque
contenant le masque vectoriel que vous voulez convertir et choisissez Calque>
Pixellisation> masque vectoriel . Notez toutefois quil est ensuite impossible de
convertir le masque de fusion en masque vectoriel .
Pour modifier un masque, utilisez les curseurs Densit et Contour progressif
du panneau Proprits . Le curseur Densit dtermine lopacit du masque:
100%, le masque est totalement opaque; avec une densit moindre, le contraste
diminue; 0%, le masque na aucun effet . Le curseur Contour progressif adoucit
le contour du masque .

178 LEoN 6 Les masques et les couches


Rvisions
Questions
1. Quel est lintrt dutiliser des masques provisoires?
2. Que deviennent les masques provisoires lorsquils sont dslectionns?
3. Aprs lenregistrement dune slection comme masque, o ce masque est-il stock?
4. Comment peut-on modifier un masque dans une couche aprs lavoir enregistr?
5. Quelle est la diffrence entre les couches et les calques?

Rponses
1. Les masques provisoires facilitent la procdure de slection car on peut ajuster le
contour de la slection laide des outils de dessin.
2. Les masques provisoires disparaissent ds quon les dslectionne.
3. Le masque (permanent) est conserv dans une couche alpha, lieu de stockage
dinformations sur les couleurs et les slections de limage.
4. On peut dessiner directement sur le masque dans une couche avec du noir, du
blanc ou du gris.
5. Les couches servent de zones de stockage pour les slections mmorises. moins
que lon naffiche une couche alpha, elles napparaissent pas lcran ni limpression.
Les calques peuvent servir isoler diverses parties dune image afin de les modifier
(avec les outils de dessin et de retouche) indpendamment du reste de limage.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 179


www .imagesource .com
Photographie tous droits rservs Image Source, www imagesource com

PRoJET: mISE EN PAGE DE LA CoUVERTURE DUN mAGAZINE .

Photoshop propose des outils souples et puissants qui vous


permettent dajouter du texte dans vos images avec un contrle
parfait et une crativit optimale .

180
CONCEPTION
TYPOGRAPHIQUE 7
Au cours de cette leon, vous apprendrez :
utiliser les repres pour positionner du texte dans une composition;
crer un masque dcrtage partir du texte;
fusionner le texte avec dautres calques;
mettre en forme du texte;
positionner du texte sur un trac;
crer et appliquer des styles de texte;
contrler la police et le positionnement laide de fonctionnalits avances.

Cette leon durera moins dune heure. Si vous ne lavez pas dj fait, tl-
chargez les fichiers de la Leon 7 depuis le site www.pearson.fr, sur la page
ddie au livre. Au cours de cette leon, vous ne modifierez pas les fichiers
de dpart. Si vous devez nanmoins revenir la version dorigine des fichiers,
tlchargez-les de nouveau.

181
propos du texte
Le texte dans Photoshop est compos de formes calcules mathmatiquement pour
dcrire les lettres, les chiffres et les symboles dune police de caractres. De nombreuses
polices de caractres sont disponibles dans plusieurs formats, les plus courants tant
Type1 (appel aussi polices PostScript), TrueType et OpenType (pour en savoir plus,
reportez-vous lencadr Les polices OpenType dans Photoshop plus loin dans
cette leon).
Lorsque vous ajoutez du texte une image Photoshop, les caractres se composent
de pixels et leur rsolution est identique celle du fichier dimage. En zoomant sur les
caractres, vous pouvez distinguer les bords crnels. Toutefois, Photoshop conserve
les contours vectoriels du texte et les utilise lors de la mise lchelle ou du redimen-
sionnement du texte, de lenregistrement dun fichier PDF ou EPS ou de limpression
dune image sur une imprimante PostScript. Il est ainsi possible de crer du texte avec
des contours clairs et indpendants de la rsolution.

Prparatifs
Dans cette leon, vous allez travailler sur la mise en page de la couverture dun magazine
de produits high-tech. Vous allez partir de limage que vous avez cre la Leon6.
Elle comprend pour linstant la photo du modle, son ombre et larrire-plan orange.
Vous ajouterez et mettrez en forme du texte en le dformant pour cette couverture.
Pour commencer cette leon, vous allez afficher une image de la composition finale.
1. Lancez Photoshop et appuyez aussitt sur les touches Ctrl+Alt+Maj (Windows)
ou Cmd+Option+Maj (MacOS) pour restaurer les prfrences par dfaut (pour
Note: Si en savoir plus, reportez-vous la section Rtablissement des prfrences par
vous navez pas
dfaut de lIntroduction).
install Bridge,
vous devez le 2. Lorsque vous y tes invit, cliquez sur Oui pour supprimer le fichier des paramtres
faire maintenant .
Adobe Photoshop.
Reportez-vous
lIntroduction 3. Cliquez sur Fichier> Parcourir dans Bridge.
pour en savoir
plus . 4. Dans le volet Favoris, cliquez sur le dossier Lessons puis double-cliquez sur le
dossier Lesson07 dans le volet Contenu.
Note: Bien
que cette leon 5. Slectionnez le fichier 07End.psd. Agrandissez la taille de la vignette laide du
commence l curseur afin de mieux voir limage.
o la Leon6 se
termine, utilisez le Vous allez crer le texte dans Photoshop pour finaliser la couverture du magazine.
fichier 07Start .psd . Tous les outils de texte dont vous aurez besoin sont disponibles dans Photoshop et
Il contient en effet vous naurez donc pas basculer vers une autre application pour terminer ce projet.
un trac et une
Annotation qui ne 6. Double-cliquez sur le fichier 07Start.psd pour louvrir.
se trouvent pas
dans votre fichier 7. Cliquez sur Fichier> Enregistrer sous, renommez le fichier 07Retouche.psd et
06Retouche .psd . cliquez sur Enregistrer.

182 LEoN 7 Conception typographique


8. Cliquez sur OK dans la bote de dialogue Options de format Photoshop si celle-ci
saffiche.
9. Dans la barre doptions, choisissez Typographie dans le slecteur despace de travail.

Lespace de travail Typographie affiche les panneaux Caractre, Paragraphe, Styles de


paragraphe, Styles de caractre, Calques et Tracs que vous utiliserez dans cette leon.

Cration dun masque dcrtage


partir du texte
Un masque dcrtage est un objet ou un groupe dobjets dont la forme masque dautres
images. Seules les zones situes lintrieur du masque dcrtage demeurent visibles.
Dans Photoshop, vous pouvez crer des masques dcrtage partir de formes ou de
lettres. Ici, vous utiliserez des lettres de faon ne rvler limage qui se trouve sur un
autre calque quau travers de celles-ci.

Ajouter des repres pour positionner le texte


Le fichier 07Retouche.psd contient un calque darrire-plan, qui servira de point de
dpart votre typographie. Pour commencer, vous agrandirez la taille daffichage de
la zone de travail puis vous utiliserez des repres pour positionner le texte.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 183


1. Cliquez sur Affichage> Taille cran pour
afficher limage dans son intgralit.
2. Cliquez sur Affichage> Rgles pour
afficher les rgles le long des bordures
gauche et suprieure de la fentre.
3. Faites glisser un repre vertical au centre
de ltiquette (10,8cm) depuis la rgle de
gauche. Relchez le bouton de la souris.

Ajouter un texte de point


Vous tes maintenant prt ajouter le texte la composition. Vous pouvez crer du
texte horizontal ou vertical tout endroit dune image. Vous pouvez entrer du texte
de point (une seule lettre, un seul mot ou une seule ligne) ou du texte de paragraphe.
Ici, vous raliserez les deux oprations, en commenant par le texte de point.
1. Slectionnez le calque Background dans le panneau Calques.
2. Activez loutil Texte horizontal ( ) puis dfinissez les paramtres suivants dans
la barre doptions:
Choisissez une police de caractres sans serif comme Myriad Pro, dans le menu
droulant Dfinir la famille de polices et slectionnez loption SemiBold dans
le menu Dfinir le style de la police.
Entrez une valeur de 144pt dans le champ Dfinir le corps de la police et
appuyez sur Entre (Windows) ou Retour (MacOS).
Cliquez sur le bouton dalignement Centrer le texte.
Note: Aprs
avoir entr le 3. Dans le panneau Caractre, dfinissez Approche 100.
texte, vous
devez cliquer 4. Cliquez sur le repre central que vous avez ajout pour dfinir un point dinsertion
sur le bouton et saisissez DIGITAL en majuscules. Dans la barre doptions, cliquez ensuite sur
Valider toutes le bouton Valider toutes les modifications en cours ( ).
les modifications
en cours de la
barre doptions,
slectionner un
autre outil ou
cliquer sur un
autre calque .
Vous ne pouvez
pas valider vos
modifications en
appuyant sur la
touche Entre
ou Retour; cette
touche cre une
autre ligne de
texte .

184 LEoN 7 Conception typographique


Le terme DIGITAL est ajout limage. Il apparat, dans le panneau Calques, sous
la forme dun nouveau calque de texte nomm DIGITAL, que vous pouvez modifier
et grer de la mme faon que les autres. Il est possible dajouter, de modifier ou de
changer lorientation du texte, dappliquer un lissage, des transformations ou des styles
de calque et de crer des masques. Vous pouvez dplacer et copier un calque de texte,
et modifier ses options tout comme vous le feriez avec tout autre calque.
5. Appuyez sur Ctrl (Windows) ou Cmd (MacOS), et centrez verticalement le texte
DIGITAL en haut de limage sil ne sy trouve pas dj.
6. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.

Crer un masque dcrtage et appliquer une ombre porte


Vous avez ajout les lettres en noir, la couleur par dfaut pour le texte. Comme vous
souhaitez quune image de circuits imprims apparaisse au travers des lettres, vous
allez utiliser celles-ci pour crer un masque dcrtage qui permettra de rvler limage
situe sur le calque infrieur.
1. Cliquez sur Fichier> Ouvrir, parcourez votre disque dur jusquau dossier Lesson07
et ouvrez le fichier circuit_board.tif.
2. Cliquez sur Fentre> Rorganiser > 2vignettes verticales. Les images circuit_board.
tif et 07Retouche.psd saffichent toutes deux lcran. Cliquez sur la fentre de
document de limage circuit_board.tif pour vous assurer quelle est active.
3. Activez loutil Dplacement. Tout en maintenant la touche Maj enfonce, faites
glisser le calque Arrire-plan du panneau Calques de limage circuit_board.tif vers
le centre de la fentre de document de limage 07Retouche.psd, puis relchez le
bouton de la souris.
Lutilisation de la touche Maj pendant cette opration permet de centrer limage cir-
cuit_board.tif dans la composition.

Un nouveau calque, Calque1, apparat dans le panneau Calques du fichier 07Retouche.


psd. Il contient limage du circuit imprim qui apparatra au travers des lettres. Mais,
avant de crer le masque dcrtage, vous allez redimensionner cette image, car elle
est trop grande pour la composition.
4. Fermez le fichier circuit_board.tif sans lenregistrer.
5. Slectionnez le calque Calque1 dans limage 07Retouche.psd puis cliquez sur
dition> Transformation> Homothtie.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 185


6. Saisissez une poigne de dimensionnement dans le coin du rectangle de slection
et, tout en maintenant les touches Alt+Maj (Windows) ou Option+Maj (MacOS)
enfonces, faites glisser le pointeur vers lintrieur de limage pour rduire sa taille
et lui donner la mme largeur que le texte.
Lutilisation de la touche Maj permet limage de conserver les mmes proportions,
les touches Alt ou Option de redimensionner la slection sans modifier la position
de son centre.
7. Repositionnez ensuite limage du circuit imprim pour quelle recouvre le texte
puis appuyez sur la touche Entre (Windows) ou Retour (MacOS) pour appliquer
la transformation.

8. Double-cliquez sur le nom du calque Calque1 pour le renommer Circuit imprim.


Puis appuyez sur la touche Entre/Retour ou cliquez en dehors du nom du calque
dans le panneau Calques pour appliquer la modification.

E Astuce: Vous 9. Slectionnez le calque Circuit imprim si ncessaire puis choisissez Crer un masque
pouvez galement dcrtage dans le menu du panneau Calques ( ).
crer un masque
dcrtage en
cliquant entre
les calques
Circuit imprim
et DIGITAL tout
en maintenant
la touche Alt
(Windows) ou
option (macoS)
enfonce .

186 LEoN 7 Conception typographique


Le circuit imprim apparat maintenant au travers des lettres DIGITAL. La petite
flche qui prcde le nom du calque Circuit imprim et le soulignement du nom du
calque de texte indiquent que le masque dcrtage est appliqu. Vous allez ajouter
une ombre porte pour donner du relief aux lettres.
10. Slectionnez le calque DIGITAL pour lactiver. Cliquez ensuite sur le bouton
Ajouter un style de calque ( ) au bas du panneau Calques et choisissez Ombre
interne dans le menu contextuel.

11. Dans la bote de dialogue Style de calque, slectionnez le mode de fusion Produit
puis rglez les paramtres Opacit48%, Distance18, Maigri0 et Taille16.
Cliquez ensuite sur OK.

12. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.

Cration dun texte sur un trac


Dans Photoshop, vous pouvez crer du texte le long dun trac ralis avec loutil Plume
ou les outils de forme. La direction du texte dpend de lordre dans lequel les points
dancrage ont t ajouts au trac. Lorsque vous ajoutez du texte sur un trac avec
loutil Texte horizontal, les lettres sont perpendiculaires la ligne de base de ce trac.
Si vous modifiez lemplacement ou la forme du trac, le texte suit ces modifications.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 187


Vous allez crer du texte sur un trac pour former des questions semblant sortir de la
bouche du modle. Nous avons dj cr le trac pour vous.
1. Slectionnez le calque Background dans le panneau Calques.
2. Cliquez sur longlet Tracs dans le groupe de panneaux Calques.
3. Dans le panneau Tracs, slectionnez le trac Speech Path.
Le trac semble prsent sortir de la bouche du modle.

4. Slectionnez loutil Texte horizontal.


5. Dans la barre doptions, cliquez sur le bouton Texte align droite.

Julieanne Kost est une porte-parole officielle dAdobe Photoshop.

Les astuces dune porte-parole


de Photoshop
Les outils Texte
Pour crer un calque de texte, cliquez dans la fentre de document au moyen
de loutil Texte horizontal (T) tout en maintenant la touche maj enfonce (au
cas o le pointeur se trouve prs dun autre bloc de texte et que Photoshop
essaie de le slectionner automatiquement) .
Double-cliquez sur licne T de tout calque de texte pour slectionner tout
le texte prsent sur ce calque .
Un segment quelconque de texte tant slectionn, accdez son menu
contextuel (clic droit [Windows] ou Ctrl+clic [macoS]) . Choisissez orthographe
pour procder une vrification orthographique .

188 LEoN 7 Conception typographique


6. Dans le panneau Caractre, modifiez les paramtres suivants:
Famille de police: Myriad Pro;
Style de police: Regular;
Taille de police ( ): 16pt;
Approche des caractres ( ): 10;
Couleur: Blanc;
Tout en capitales ( ).
7. Placez le pointeur de loutil Texte sur le trac. Lorsquune ligne courbe traverse la
barre verticale du pointeur, cliquez sur la fin du trac, prs de la bouche du modle
et saisissez: whats new with games?

8. Slectionnez le mot GAMES et modifiez son style en Bold (gras). Cliquez ensuite
sur le bouton Valider toutes les modifications en cours ( ) dans la barre doptions.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 189


9. Cliquez sur longlet du panneau Calques pour lafficher au premier plan, slectionnez
le calque whats new with games? puis choisissez Dupliquer le calque dans le menu
du panneau. Renommez ensuite ce nouveau calque: whats new with music? puis
cliquez sur OK.
10. Avec loutil Texte, slectionnez le mot games et remplacez-le par music. Cliquez
ensuite sur le bouton Valider toutes les modifications en cours pour valider.
11. Cliquez sur dition> Transformation manuelle. Faites pivoter le trac de 30 environ
puis dplacez-le au-dessus et lgrement sur la droite du premier trac, comme
dans lillustration suivante. Cliquez sur le bouton Valider toutes les modifications
en cours dans la barre doptions pour valider.

12. Rptez les tapes 9 11 en remplaant cette fois le mot games par phones. Faites
pivoter le trac de 30 environ et placez-le sous le premier trac.
13. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.

190 LEoN 7 Conception typographique


Dformation du texte de point
Le texte plac sur un trac est dj plus intressant que sil se trouvait sur une ligne
horizontale rectiligne, mais vous allez le dformer pour le rendre encore plus vivant.
La dformation permet dappliquer une varit de formes au texte, telles quun arc ou
une onde. Le style de dformation slectionn est un attribut du calque de texte; vous
pouvez le changer tout moment. Les options de dformation offrent un contrle
prcis de lorientation et de la perspective dun effet.
1. Faites glisser la barre de dfilement ou utilisez loutil Main ( ) pour positionner
les lignes de texte au centre de lcran.
2. Cliquez du bouton droit (Windows) ou avec la touche Ctrl enfonce (MacOS) sur le
calque whats new with games? dans le panneau Calques puis choisissez Dformer
le texte dans le menu contextuel.

3. Dans le menu Style de la bote de dialogue Dformer le texte, choisissez loption


Onde puis activez loption Horizontal. Dfinissez les options Inflexion +33%,
Dformation horizontale 23% et Dformation verticale +5%. Cliquez ensuite
sur OK.

Les mots whats new with games? semblent flotter comme un vague sur limage.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 191


4. Rptez les tapes 2 et 3 pour dformer les deux autres textes placs sur des tracs.

5. Enregistrez votre travail.

Conception dun texte de paragraphe


Jusqu prsent, tout le texte que vous avez ajout pour cette couverture de magazine
est du texte de point qui ne dpasse pas quelques mots ou quelques lignes. Il est cepen-
dant frquent de devoir intgrer des paragraphes entiers dans ce type de composition.
Photoshop permet de crer ces paragraphes et mme de dfinir leurs styles, sans avoir
basculer sur un logiciel de PAO pour accder des contrles de texte sophistiqus.

Utiliser les repres pour le positionnement


Vous allez inclure des paragraphes de texte sur cette couverture dans Photoshop. Vous
commencerez par ajouter des repres la zone de travail pour vous aider positionner
le paragraphe, puis vous crerez un style de paragraphe.
1. Faites glisser un repre depuis la rgle
verticale, en le plaant environ 0,5cm
du bord droit de limage (ou 21cm du
bord gauche).
2. Faites glisser un repre depuis la rgle
horizontale et placez-le 5cm environ
du bord suprieur de limage.

192 LEoN 7 Conception typographique


Ajouter un texte de paragraphe partir dune annotation
Vous tes maintenant prt ajouter le texte. Dans une situation relle, ce texte
pourrait vous tre fourni sous la forme dun document de traitement de texte ou
dans le corps dun message lectronique. Il vous faudrait alors le copier et le coller
dans Photoshop. Vous pourriez galement tre amen le saisir directement. Une
autre mthode consiste lier le texte au fichier dimage dans une annotation, comme
nous lavons fait ici pour vous.
1. Activez loutil Dplacement puis double-cliquez sur licne dannotation jaune
situe dans le coin infrieur droit de limage pour ouvrir le panneau Annotations.
Si ncessaire, agrandissez la taille de ce panneau pour afficher la totalit du texte.

2. Slectionnez tout le texte de lannotation puis appuyez sur Ctrl+C (Windows) ou


Cmd+C (MacOS) pour le copier dans le Presse-papiers. Fermez ensuite le panneau
Annotations.
Avant de coller le texte, vous devez dfinir ses options.
3. Slectionnez le calque Model puis activez loutil Texte horizontal ( ). E Astuce:
Pressez la touche
4. Appuyez sur la touche Maj et cliquez sur lintersection des deux derniers repres, maj lorsque vous
0,5cm environ du bord droit et 5cm du bord suprieur de limage. Maintenez la commencez
dplacer la zone
touche Maj enfonce pour tendre la zone de texte la gauche jusquau repre situ
de texte afin
au centre de limage et vers le bas. Relchez ensuite la touche Maj et continuez dtre sr que
faire glisser le pointeur vers le bas jusqu ce que la zone de texte ait une taille de Photoshop cre
1020cm environ, avec ses bords haut et droit aligns sur les repres que vous un calque de texte
et ne slectionne
avez ajouts. pas un calque de
5. Pressez les touches Ctrl+V (Windows) ou Cmd+V (MacOS) pour coller le texte. texte existant .

Ce nouveau calque de texte se trouve au sommet du panneau Calques, si bien que


Note: Si le
le texte saffiche par-dessus le modle. texte nest pas
visible, assurez-
Le texte a une taille de 16points et il est align sur la droite puisque ce sont les derniers
vous que ce
paramtres que vous avez utiliss. Vous devez donc modifier ces rglages pour rendre nouveau calque
le texte lisible avant de lui appliquer un style. de texte se trouve
au-dessus du
calque model
dans le panneau
Calques .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 193


6. Slectionnez les trois premires lignes (The Trend Issue) puis dfinissez les
options suivantes:
Famille de police: Myriad Pro (ou une autre police sans serif);
Style de police: Regular;
Taille de police ( ): 70pt;
Interligne ( ): 55pt;
Approche ( ): 50;
Couleur: Blanc.
7. Slectionnez ensuite le mot Trend seulement et changez Style de police en Bold.
8. Cliquez sur le bouton Valider toutes les modifications en cours de la barre doptions
( ).
9. Cliquez sur Slection> Dslectionner les calques pour vous assurer quaucun
calque nest slectionn.

Vous venez de dfinir la mise en forme du titre.

Les styles de texte


Vous allez crer des styles de paragraphe et de caractre pour mettre en forme du texte
supplmentaire. Les styles de paragraphe et les styles de caractre sont des ensembles
dattributs que vous pouvez appliquer respectivement tout un paragraphe ou des
caractres en particulier dun seul clic. Dans Photoshop, les styles de texte sont iden-
tiques aux styles dans les logiciels de traitement de texte et de PAO comme Adobe
InDesign, mais vous remarquerez sans doute quelques diffrences de fonctionnement.
Par dfaut, tout le texte cr dans Photoshop lest avec le style Paragraphe de base.

194 LEoN 7 Conception typographique


Crer des styles de paragraphe
Vous allez crer des styles de paragraphe pour le texte supplmentaire que vous allez Note: Vous
coller. pouvez utiliser
les mmes styles
1. Cliquez sur le bouton Crer un nouveau style de paragraphe ( ) situ au bas du de paragraphe et
panneau Styles de paragraphe. de caractre dans
plusieurs fichiers .
2. Double-cliquez sur Style de paragraphe1 pour modifier ses attributs. Pour enregistrer
les styles que
3. Dfinissez les options suivantes dans la bote de dialogue Options de style de vous utilisez
paragraphe: comme styles
par dfaut pour
Nom du style: Titres; tous les nouveaux
documents,
Famille de police: Myriad Pro (ou une autre police sans serif); cliquez sur Texte>
Style de police: Regular; Enregistrer les
styles de texte
Taille de police: 28pt; par dfaut . Pour
utiliser ces styles
Interligne ( ): 28pt; dans un autre
document, cliquez
Couleur: Blanc. sur Texte>
Charger les styles
de texte par
dfaut .

4. Slectionnez Indentations et espacement sur la liste situe gauche de la bote de


dialogue Options de style de paragraphe.
5. Choisissez Droite dans le menu droulant Alignement puis cliquez sur OK.
Vous pouvez appliquer le style que vous venez de crer pour mettre en forme les titres
sur cette couverture. Vous allez crer un second style pour les sous-titres, avec une
taille de texte plus rduite.
6. Cliquez de nouveau sur le bouton Crer un nouveau style de paragraphe au bas du
panneau Styles de paragraphe.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 195


7. Double-cliquez sur le style Style de paragraphe1 et dfinissez les attributs suivants:
Nom du style: Sous-titres;
Famille de police: Myriad Pro (ou une autre police sans serif);
Style de police: Regular;
Taille de police: 22pt;
Interligne: 28pt;
Couleur: Blanc.
8. Slectionnez Indentations et espacement sur la liste situe gauche de la bote de
dialogue Options de style de paragraphe.
9. Choisissez Droite dans le menu Alignement puis cliquez sur OK.

Appliquer des styles de paragraphe


Pour appliquer un style de paragraphe, il suffit de slectionner le texte et de cliquer sur
le nom du style. Si le style du texte est une modification du style Paragraphe de base,
Photoshop conserve ces modifications et applique seulement les attributs de ce style
qui nentrent pas en conflit avec elles. Vous devez alors fusionner les remplacements
pour appliquer tous les attributs du style.
1. Slectionnez le texte Whats Hot! puis cliquez sur le style Titres dans le panneau
Styles de paragraphe.

Photoshop applique certains des attributs du style Titres au paragraphe mais pas
tous, car certains attributs du texte taient dj modifis lorsque vous avez appliqu
le nouveau style.
2. Cliquez sur le bouton Effacer le remplacement ( ) au bas du panneau Styles de
paragraphe.
3. Slectionnez les deux lignes de texte sous Whats Hot puis cliquez sur le style
Sous-titres dans le panneau Styles de paragraphe. Cliquez de nouveau sur le bouton
Effacer le remplacement.
4. Rptez les tapes13 pour les blocs de texte Whats Not et Coming This Year.

196 LEoN 7 Conception typographique


Vous allez effectuer une dernire modification sur cette portion de texte, sans appli-
quer de style cette fois-ci.
5. Slectionnez Coming This Year et tout le texte
qui suit. Dans le panneau Caractre, changez la
couleur du texte en noir.
6. Enfin, cliquez sur le bouton Valider toutes
les modifications en cours pour accepter ces
modifications.

Modifier les styles de paragraphe


Les styles de paragraphe permettent dappliquer facilement des attributs du texte
mais aussi de modifier les attributs de plusieurs paragraphes. Plutt que de modifier
les paragraphes un par un, diter les styles de paragraphe permet dtre sr dobtenir
un ensemble homogne. Vous allez modifier le style Titres pour que tous les titres
saffichent en gras.
1. Cliquez sur Slection> Dslectionner les calques pour que rien ne soit slectionn
dans le panneau Calques. E Astuce:
Utilisez le
2. Double-cliquez sur le style Titres dans le panneau Styles de paragraphe. panneau
Glyphes dAdobe
3. Choisissez Bold dans le menu Style de la police. Illustrator pour
afficher un aperu
4. Cliquez sur OK.
des options
Photoshop applique le changement tous les paragraphes qui utilisent le style Titres openType . Copiez
votre texte dans
dans le document.
Photoshop et
collez-le dans
Crer des styles de caractre un document
Illustrator .
Vous avez utilis les styles de paragraphe pour appliquer des attributs des blocs Cliquez ensuite
sur Fentre>
entiers de texte. Les styles de caractre permettent de dfinir les attributs pour chaque
Texte> Glyphes .
caractre (la taille de police, le style de police ou la couleur par exemple) et priment les Slectionnez le
styles de paragraphe et les autres options de mise en forme. Vous allez crer un style texte modifier
de caractre afin de mettre en valeur certains mots sur cette couverture. et choisissez
Afficher> Variante
1. Assurez-vous quaucun calque nest slectionn dans le panneau Calques (cliquez pour la slection .
sur Slection> Dslectionner les calques si ncessaire). Double-cliquez
sur un glyphe
2. Cliquez sur longlet du panneau Styles de caractre pour lafficher au premier plan. pour lappliquer .
Une fois cette
3. Cliquez sur le bouton Crer un style de caractre au bas du panneau. opration
termine, copiez-
4. Double-cliquez sur le style Style de caractre1 pour lditer. collez la nouvelle
police dans votre
fichier Photoshop .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 197


5. Dans la bote de dialogue Options de style de caractre, modifiez les rglages de la
faon suivante puis cliquez sur OK:
Nom du style: Mise en valeur;
Famille de polices: Myriad Pro;
Style de la police: Bold Italic.

6. laide de loutil Texte horizontal, slectionnez les mots must-have dans la zone
de texte Whats Hot!.
7. Cliquez sur le nouveau style Mise en valeur dans le panneau Styles de caractre.

8. Rptez les tapes6et7 pour appliquer le style Mise en valeur aux mots hard
drives et next gen.
9. Cliquez sur le bouton Valider toutes les modifications en cours dans la barre doptions.
Vous avez appliqu le mme style de caractre chaque fois et Photoshop a utilis le
style Bold Italic (italiques et gras) sur chaque slection de texte. Notez que le style de
caractre ne modifie pas les autres attributs. Si le texte tait blanc, il reste blanc, sil
tait noir, il lest toujours.

198 LEoN 7 Conception typographique


Les polices OpenType
dans Photoshop
La norme de polices openType rsulte dune collaboration entre Adobe et microsoft .
Les polices openType utilisent un fichier de police unique commun Windows et
macintosh, permettant de dplacer des fichiers dune plate-forme une autre sans
se soucier de la substitution des polices et de la redistribution du texte . Les polices
openType peuvent inclure un grand choix de jeux de caractres et de fonctions de
mise en page comme les ornements et les ligatures conditionnelles qui ne sont pas
disponibles dans les polices PostScript et TrueType . on dispose ainsi dune gestion
linguistique et dun contrle typographique amlior .
Le menu OpenType. Le menu du panneau Caractre inclut un sous-menu openType
qui contient toutes les fonctionnalits disponibles pour ces polices, dont les ligatures,
les variantes et les fractions . Les fonctionnalits qui apparaissent en gris sont indis-
ponibles, tandis que celles qui sont appliques sont coches .
Les ligatures conditionnelles. Pour ajouter une ligature conditionnelle deux lettres
openType, telles que th dans la police Bickham Script Standard, slectionnez-les dans
la fentre de document et choisissez openType> Ligatures conditionnelles dans le
menu du panneau Caractre .
Les ornements. Le processus est le mme pour lajout dornements ou de caractres
alternatifs: slectionnez la lettre, telle quun T majuscule en Bickham Script, et
choisissez openType > ornements pour transformer la majuscule ordinaire en un T
spectaculairement orn .
Les fractions. Pour insrer des fractions, saisissez les caractres 1/2, par exemple
puis slectionnez-les . Dans le menu du panneau Caractre, choisissez alors openType>
Fractions . Photoshop applique la mise en forme automatique de la fraction pour
convertir 1/2 en .

Ajout dun rectangle arrondi


Vous avez presque termin la mise en forme du texte du magazine. Il vous reste
insrer le numro du volume dans le coin suprieur droit de limage. Pour cela, vous
allez dabord crer un rectangle aux coins arrondis qui servira de fond au numro.
1. Slectionnez loutil Rectangle arrondi ( ) cach sous loutil Rectangle ( ) dans le
panneau Outils.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 199


2. Tracez un rectangle dans le coin suprieur droit de limage, au-dessus de la lettreL
de DIGITAL, en plaant son bord droit le long du repre.
3. Dans le panneau Proprits, donnez-lui une largeur de 67px puis assurez-vous
que lpaisseur du trait est de 3pt.
4. Cliquez sur lchantillon de couleur pour le fond dans le panneau Proprits et
slectionnez la couleur Jaune orang pastel sur la deuxime ou troisime ligne
Par dfaut, le rayon de tous les angles du rectangle est identique. Dans PhotoshopCC,
vous pouvez ajuster le rayon de chacun deux sparment. Et vous pouvez les modi-
fier tout moment par la suite. Vous allez modifier le rectangle pour que seul le coin
infrieur gauche soit arrondi.
5. Au bas du panneau Proprits, dsactivez le lien entre les valeurs dangle de rayon
puis donnez au coin infrieur gauche une valeur de 16px et tous les autres une
valeur de 0px.
6. laide de loutil Dplacement, faites glisser le rectangle en haut de limage pour
que son bord suprieur se trouve contre le bord suprieur de limage.
7. Activez loption Options de transformation dans la barre doptions puis faites ensuite
glisser le bas du rectangle vers le bas prs de la base de la lettreL. Le rectangle
doit en effet tre suffisamment allong en hauteur pour contenir le texte. Cliquez
ensuite sur le bouton Valider la transformation ( ).

Ajout dun texte vertical


Vous tes maintenant prt ajouter le numro du magazine dans le rectangle.
1. Cliquez sur Slection> Dslectionnez les calques. Activez ensuite loutil Texte
vertical ( ) cach sous loutil Texte horizontal.
2. Pressez la touche Maj et cliquez dans le rectangle que vous venez de crer.
Lutilisation de la touche Maj lors du clic permet de sassurer quon cre une nouvelle
zone de texte et quon ne slectionne pas le titre.
3. Entrez VOL.9 en majuscules.

200 LEoN 7 Conception typographique


La taille des lettres est trop importante et vous devez donc la rduire pour rendre le
texte lisible.
4. Cliquez sur Slection> Tout slectionner puis dfinissez les options suivantes dans
le panneau Caractre:
Famille de police: une police sans serif comme Myriad Pro;
Style de police: Condensed;
Taille de police: 15pt;
Approche des caractres: 10;
Couleur: Noir.

5. Cliquez sur le bouton Valider toutes les modifications en cours ( ) dans la barre
doptions. Votre texte vertical apparat sous la forme dun calque nomm VOL.9. Si
ncessaire, utilisez loutil Dplacement ( ) pour centrer le texte dans le rectangle.
Vous allez maintenant procder un peu de nettoyage.
6. Cliquez du bouton droit (Windows) ou avec la touche Ctrl enfonce (MacOS) sur
licne de lannotation et choisissez Supprimer lannotation dans le menu contextuel.
Cliquez sur Oui dans la bote de message qui saffiche.

7. Activez loutil Main ( ) et appuyez sur les touches Ctrl+: (Windows) ou Cmd+:
(MacOS) pour masquer les repres. Puis rduisez la taille daffichage du document
afin dobtenir un bon aperu de votre travail.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 201


8. Cliquez sur Fichier> Enregistrer pour
sauvegarder votre travail.
Flicitations! Vous avez ajout et mis en forme
tout le texte de la couverture du magazine
Digital. prsent que limage est termine, vous
allez laplatir et la prparer pour limpression.
9. Cliquez sur Fichier> Enregistrer sous
puis enregistrez le fichier sous le nom
07Retouche_Aplati. Cliquez sur OK dans
la bote de dialogue Options de format
Photoshop si celle-ci saffiche.
En conservant une version compose de plu-
sieurs calques, vous pourrez retoucher le fichier
07Retouche.psd ultrieurement si ncessaire.
10. Cliquez sur Calque> Aplatir limage.
11. Cliquez sur Fichier> Enregistrer puis fermez la fentre de document.

Enregistrer au format
Photoshop PDF
Le texte que vous avez ajout est form de tracs vectoriels, qui restent nets et clairs
lorsque vous zoomez sur limage ou que vous modifiez leur taille . Par contre, si vous
enregistrez le document au format JPEG ou TIFF, Photoshop pixellise le texte et vous
perdez cet avantage . Lorsque vous enregistrez le fichier en tant que fichier Photoshop
PDF, le texte reste vectoriel .
Les autres lments du document peuvent galement rester modifiables . Ainsi, vous
pouvez conserver les calques, les informations de couleur et mme les annotations .
Pour tre sr de pouvoir modifier le fichier par la suite, slectionnez loption Conserver
les fonctions ddition de Photoshop dans la bote de dialogue Enregistrer le fichier
Adobe PDF .
Pour conserver les annotations dans le fichier et les convertir en commentaires Acrobat
lors de lenregistrement au format PDF, activez loption Annotations dans la bote de
dialogue Enregistrer sous .
Vous pouvez ouvrir un fichier Photoshop PDF dans Acrobat ou Photoshop, limporter
dans une autre application ou limprimer . Pour en savoir plus sur lenregistrement au
format Photoshop PDF, reportez-vous lAide de Photoshop .

202 LEoN 7 Conception typographique


Rvisions
Questions
1. Comment Photoshop traite-t-il le texte?
2. Quelles sont les similitudes et les diffrences entre un calque de texte et les autres
calques de Photoshop?
3. Quest-ce quun masque dcrtage et comment peut-on en crer un partir dun
texte?
4. Quest-ce quun style de paragraphe?

Rponses
1. Le texte dans Photoshop est compos de formes calcules pour dcrire les lettres,
les chiffres et les symboles dune police de caractres. Lorsquon ajoute du texte
une image Photoshop, les caractres sont composs de pixels et leur rsolution est
identique celle du fichier dimage. Toutefois, Photoshop conserve les contours
vectoriels du texte et les utilise lors de la mise lchelle ou du redimensionnement
du texte, de lenregistrement dun fichier PDF ou EPS ou de limpression dune image
sur une imprimante PostScript.
2. Le texte qui est ajout une image apparat dans le panneau Calques sous la forme
dun calque de texte susceptible dtre modifi et gr de la mme faon que tout
autre type de calque. Il est possible dajouter, de modifier ou de changer lorientation
du texte et dappliquer un lissage. On peut galement dplacer, copier et modifier
les options du calque.
3. Un masque dcrtage est un objet ou un groupe dobjets dont la forme masque
dautres images. Seules les zones situes lintrieur de la forme de lobjet masquant
demeurent visibles. Pour convertir les lettres dun calque de texte en un masque
dcrtage, il suffit de slectionner la fois le calque de texte et le calque qui devra
apparatre au travers des lettres, puis de choisir Crer un masque dcrtage dans
le menu du panneau Calques.
4. Un style de paragraphe est un ensemble dattributs que lon peut rapidement appliquer
un paragraphe entier.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 203


PRoJET: CoNCEPTIoN DUNE ENSEIGNE PoUR UN mAGASIN DE JoUETS .

la diffrence des images bitmap, les lments vectoriels


conservent leur nettet quelle que soit la taille laquelle vous
les agrandissez . Vous pouvez dessiner des formes vectorielles
et des tracs dans Photoshop et ajouter des masques vectoriels
pour contrler les parties visibles dune image .

204
LES TECHNIQUES DE
TRACS VECTORIELS 8
Au cours de cette leon, vous apprendrez :
distinguer les images bitmap des images vectorielles;
crer des droites et des courbes avec loutil Plume;
convertir un trac en slection et une slection en trac;
enregistrer les tracs;
crer et modifier des calques de formes;
crer des formes personnalises;
importer et modifier un objet dynamique depuis Adobe Illustrator.

Cette leon vous prendra une heure et demie. Si vous ne lavez pas dj fait,
tlchargez les fichiers de la Leon 8 depuis le site www.pearson.fr, sur la
page ddie au livre. Au cours de cette leon, vous ne modifierez pas les
fichiers de dpart. Si vous devez nanmoins revenir la version dorigine
des fichiers, tlchargez-les de nouveau.

205
propos des images bitmap et
des graphismes vectoriels
Avant daborder cette leon, vous devez savoir ce qui distingue les images bitmap des
formes et tracs vectoriels. Tous les graphismes numriques appartiennent lun ou
lautre de ces deux types. Dans Photoshop, on peut travailler avec les deux: un fichier
peut contenir des donnes bitmap et des donnes vectorielles.
Dun point de vue technique, les images bitmap sont constitues dun ensemble de
points, appels pixels, auxquels sont attribues des valeurs de couleurs et une position
dans limage. Retoucher une image bitmap, cest modifier des groupes de pixels plutt
que des formes ou des objets. Parce que les images bitmap permettent de reprsenter
des transitions subtiles de formes et de couleurs, elles sont le support des photographies
numrises et des travaux de peinture numrique. Conues pour une rsolution
donne, cest--dire avec un certain nombre de pixels, dont elles restent dpendantes,
elles prsentent linconvnient de se dgrader lorsquon augmente leur taille ou quon
les imprime avec une rsolution infrieure celle laquelle elles ont t cres.
Les illustrations vectorielles sont constitues de courbes et de lignes, dfinies par
des formules mathmatiques des vecteurs. Indpendantes de la rsolution (mais
reprsentes lcran par des pixels), les formes vectorielles peuvent tre affiches
nimporte quelle chelle ou redimensionnes sans perte de qualit. Elles sont donc
particulirement adaptes aux graphismes prcis susceptibles dtre redimensionns,
tels les logos et les graphiques.

Un logo vectoriel .

Le mme logo, converti en image bitmap .

206 LEoN 8 Les techniques de tracs vectoriels


propos des tracs et de loutil Plume
Un trac est une ligne droite, une courbe ou une
forme dessine avec loutil Plume, Plume libre
ou un outil de forme. Loutil Plume produit le
trac le plus prcis; les outils de forme crent
des rectangles, des ellipses et dautres formes
gomtriques; loutil Plume libre permet de
dessiner des tracs main leve.

Julieanne Kost est une porte-parole officielle dAdobe Photoshop.

Les astuces dune porte-parole


de Photoshop
Les raccourcis clavier des outils Plume
on peut slectionner chaque outil en appuyant sur une touche du clavier . La touche
maj associe au raccourci clavier de la touche permet de passer aux outils lis entre
eux . Ainsi, vous slectionnez loutil Plume avec la toucheP, tandis quavec les touches
maj+P, vous passez de loutil Plume loutil Plume libre et vice versa .

On distingue deux types de tracs: ouvert ou ferm. Un trac ouvert comprend deux
extrmits distinctes, tandis quun trac ferm est continu (un cercle, par exemple,
est un trac continu). Le type du trac dtermine la manire dont il sera slectionn
et modifi.
Les tracs sans fond ni forme ne sont pas visibles limpression. Il sagit en fait dobjets
vectoriels ne contenant aucun pixel, contrairement aux formes bitmap ralises avec
loutil Crayon ou tout autre outil de dessin.

Prparatifs
Avant de commencer, vous allez ouvrir la version finale dune copie de limage que
vous allez crer, savoir une enseigne pour un magasin de jouets fictif.
1. Lancez Photoshop et appuyez aussitt sur les touches Ctrl+Alt+Maj (Windows) ou
Cmd+Option+Maj (MacOS) pour restaurer les prfrences par dfaut du logiciel
(pour en savoir plus, reportez-vous la section Rtablissement des prfrences
par dfaut de lIntroduction).
2. Lorsque vous y tes invit, cliquez sur Oui pour supprimer le fichier de paramtres
de Photoshop.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 207


Note: Si 3. Cliquez sur Fichier> Parcourir dans Mini Bridge pour ouvrir le panneau du mme
vous navez pas nom. Si Bridge nest pas dj ouvert en arrire-plan, cliquez sur Lancer Bridge.
install Bridge
et mini Bridge, 4. Dans le panneau Mini Bridge, slectionnez Favoris dans le menu droulant situ
vous devez le gauche. Double-cliquez sur le dossier Lessons puis sur le dossier Lesson08.
faire maintenant .
Reportez-vous 5. Slectionnez le fichier 08End.psd puis appuyez sur la barre despacement pour
lIntroduction afficher cette image en plein cran.
pour en savoir
plus . Pour crer cette enseigne, vous allez ouvrir limage de la navette spatiale et raliser
des tracs et des slections au moyen de loutil Plume. Tout au long de ce processus,
Note: Si vous vous en apprendrez plus sur les calques de forme et les masques vectoriels ainsi que
ouvrez le fichier
08End .psd dans sur les techniques dutilisation des objets dynamiques.
Photoshop, vous 6. Lorsque vous avez termin lobservation du fichier 08End.psd, pressez de nouveau
serez peut-tre
invit mettre la barre despacement puis double-cliquez sur le fichier 08Start.psd pour louvrir
jour les calques dans Photoshop.
de texte . Cet
avertissement
apparat lorsque
les fichiers sont
transfrs entre
ordinateurs,
et plus
particulirement
entre des
systmes
dexploitation
diffrents .
7. Cliquez sur Fichier> Enregistrer sous, renommez le fichier 08Retouche.psd par
exemple, puis cliquez sur Enregistrer. Cliquez sur OK dans la bote de dialogue
Options de format Photoshop.

Utilisation des tracs dans les images


Vous allez vous servir de loutil Plume pour slectionner la navette spatiale, dont les
formes tout en courbes et en rondeurs seraient trs difficiles slectionner dune
autre manire.
Vous crerez un trac autour de la navette spatiale et un trac lintrieur de celle-ci,
les convertirez en slections puis soustrairez une slection de lautre, afin que seule
la navette soit slectionne. Vous crerez ensuite un calque partir de limage de la
navette et modifierez larrire-plan.
Pour dessiner un trac main leve
avec loutil Plume, il est toujours pr-
frable dinsrer le moins de points
possible pour crer la forme. En
effet, moins il y a de points, plus les
courbes sont lisses.
Nombre adquat Nombre excessif
de points de points

208 LEoN 8 Les techniques de tracs vectoriels


Crer des tracs avec loutil Plume
Loutil Plume permet de crer des tracs droits ou incurvs, ouverts ou ferms . Son utilisation peu sembler
droutante au premier abord, aussi est-il prfrable de comprendre son fonctionnement et connatre les
lments qui forment un trac afin de le crer plus facilement .
Pour crer un trac rectiligne, commencez par un clic . Au premier clic,
vous dfinissez le point de dpart . chaque nouveau clic, une ligne 1 1
droite est cre entre le point prcdent et le point actuel . Pour crer des
tracs composs de multiples segments rectilignes avec loutil Plume,
il suffit de continuer ajouter des points .
Pour crer un trac incurv, cliquez pour placer un point dancrage 2 2
puis faites glisser le pointeur afin de crer une ligne directrice pour ce
point . Chaque ligne directrice se termine par deux points directeurs . Le
Cration dune ligne droite
positionnement des lignes et des points directeurs dtermine la taille et
la forme du segment incurv . Dplacer les lignes et les points directeurs
modifie lincurvation dun trac . A B

Les courbes lisses sont connectes par des points dancrage appels C

points dinflexion . Les tracs nettement incurvs sont connects par D E


des sommets . Lorsque vous dplacez une ligne directrice sur un point
dinflexion, les segments de courbe des deux cts du point sajustent
simultanment . En comparaison, lorsque vous placez une ligne directrice
sur un sommet, seule la courbe situe du mme ct du point que la A. Segment courbe
ligne directrice est ajuste . B. Point directeur
C. Ligne directrice
D. Point dancrage slectionn
Les segments de tracs et les points dancrage peuvent tre dplacs E. Point dancrage non slectionn
aprs leur cration soit individuellement, soit en groupe . Quand un trac
contient plusieurs segments, il est possible de faire glisser des points
dancrage individuels pour ajuster des segments individuels de ce trac
ou de slectionner tous les points dancrage pour modifier le trac dans
sa totalit . Faites appel loutil Slection directe pour slectionner et 1 2
ajuster un point dancrage, un segment de trac ou un trac entier .
La cration dun trac ferm diffre de celle dun trac ouvert dans la
faon dont vous le terminez . Pour terminer un trac ouvert, vous cliquez
sur loutil Plume dans le panneau outils . Pour crer un trac ferm, vous Cration dun trac ferm
placez le pointeur de loutil Plume sur le point de dpart et vous cliquez .
Le fait de fermer un trac le termine automatiquement . Une fois le trac
ferm, le pointeur de loutil Plume apparat accompagn dun petitx
indiquant que le clic suivant commencera un nouveau trac .
Lors de la cration de tracs, une zone de stockage temporaire nomme Trac de travail apparat dans
le panneau Tracs . Il est prfrable denregistrer les tracs de travail, surtout si vous employez des tracs
distincts dans la mme image . Si vous dslectionnez un trac de travail existant dans le panneau Tracs
et recommencez un trac, un nouveau trac de travail viendra remplacer loriginal, qui sera perdu . Pour
enregistrer un trac de travail, double-cliquez dessus dans le panneau Tracs, entrez un nom dans la bote
de dialogue mmoriser le trac qui apparat et cliquez sur oK pour renommer et enregistrer le trac . Il reste
alors slectionn dans le panneau Tracs .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 209


Crer un trac avec loutil Plume
Vous allez relier tous les points deAS avec loutil Plume puis vous fermerez le trac.
Vous crerez des segments rectilignes, incurvs et quelques sommets.
Vous configurerez dabord les options de loutil Plume et de votre zone de travail, puis
vous tracerez les contours dune navette spatiale en utilisant un modle.
1. Double-cliquez sur longlet Mini Bridge pour fermer ce panneau et librer lespace
de travail.
2. Activez loutil Plume ( ) dans le panneau Outils.
3. Dans la barre doptions, dfinissez ou vrifiez les paramtres suivants:
Choisissez Tracs dans le menu Choisir un outil.
Assurez-vous que loption Afficher le dplacement est dsactive dans le menu
Options de gomtrie.
Assurez-vous que loption Ajout/Suppr. auto est active.

A B

A. menu Choisir un outil B. menu options de Gomtrie

4. Cliquez sur longlet du panneau Tracs pour lafficher au premier plan de son groupe.

Le panneau Tracs affiche une vignette des tracs de limage. Il est vide pour le moment
car vous navez pas encore commenc raliser le trac.
5. Si ncessaire, zoomez sur limage pour voir nettement les lettres et les points rouges.
Assurez-vous que le modle entier saffiche dans la fentre de document et veillez
slectionner de nouveau loutil Plume aprs avoir zoom.
6. Cliquez sur le pointA (le point bleu au-dessus de la verrire de la navette) et
relchez. Vous avez cr le premier point dancrage.

210 LEoN 8 Les techniques de tracs vectoriels


7. Cliquez sur le pointB (bleu) et faites glisser le pointeur sur le point rouge b. Vous
avez dfini la direction de la courbe.

Cration du premier point dancrage sur A . Dfinition dun point dinflexion sur B .

la base du cockpit (pointB), vous devez convertir le point dinflexion en sommet


pour crer un angle aigu entre la courbe et une droite.
8. Cliquez sur le pointB en maintenant la touche Alt (Windows) ou Option (MacOS)
enfonce pour supprimer une des lignes directrices et convertir ce point en sommet.
9. Cliquez sur le point C et faites glisser le pointeur sur le point rougec. Rptez la
mme procdure pourDetE.

Conversion du point Ajout dun segment . Incurvation autour du nez


dinflexion en sommet . de la navette .

En cas derreur, cliquez sur dition> Annuler et reprenez le dessin du trac.

Complter le trac
Vous connaissez maintenant les techniques lmentaires pour crer tout le trac.
Vous allez donc continuer de la mme faon autour de la navette jusqu rejoindre le
point de dpart.
1. Cliquez sur le point F et relchez.
2. Cliquez sur le point G et faites glisser le pointeur jusquau point rougeg.
3. Cliquez sur le point H et faites glisser le pointeur jusquau point rougeh. Cliquez
ensuite en maintenant la touche Alt (Windows) ou Option (MacOS) enfonce
pour crer un nouveau sommet sur le pointH.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 211


4. Cliquez sur le point I et faites glisser le pointeur jusquau point rougei qui se
trouve dans la zone jaune de la queue de la navette. Cliquez ensuite en maintenant
la touche Alt (Windows) ou Option (MacOS) enfonce pour crer un nouveau
sommet sur le pointI.
5. Cliquez sur le point J et faites glisser le pointeur jusquau point rougej puis crez
un sommet sur le pointJ.
6. Cliquez sur le point K et faites glisser le pointeur jusquau point rougek. Cliquez
sur le pointL et faites glisser le pointeur jusquau point rougel, puis crez un
sommet sur le pointL.
7. Cliquez sur le point M et faites glisser le pointeur jusquau point rougem puis
crez un sommet sur le pointM. Cliquez sur le pointN et faites glisser le pointeur
jusquau point rougen.
8. Cliquez sur les pointsO et P pour conserver des segments rectilignes. Cliquez
sur le pointQ et faites glisser le curseur jusquau point rouge correspondant afin
dincurver le segment autour de laileron de queue de lappareil.
9. Cliquez sur les pointsR et S pour crer des segments rectilignes.
10. Placez le pointeur sur le pointA: il doit arborer un petit cercle pour indiquer que
vous allez fermer le trac (ce cercle peut tre assez difficile voir). Cliquez et faites
glisser le pointeur du pointA au point rouge final, puis relchez pour tracer la
dernire ligne courbe.

11. Dans le panneau Tracs, double-cliquez sur le trac de travail, nommez-le Navette
dans la bote de dialogue Mmoriser le trac et cliquez sur OK pour lenregistrer.

12. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.

212 LEoN 8 Les techniques de tracs vectoriels


Convertir des slections en tracs
Voyons une autre technique pour crer un second trac. Vous commencerez par
slectionner une zone de limage en fonction de la similitude de couleurs puis vous
convertirez cette slection en trac. (Toute slection cre avec un outil de slection
peut tre convertie en trac.)
1. Cliquez sur longlet du panneau Calques pour lafficher puis faites glisser le calque
Template sur la Corbeille, au bas du panneau, car vous nen avez plus besoin.

2. Slectionnez loutil Baguette magique ( ) dans le panneau Outils, cach sous loutil
Slection rapide.
3. Dans la barre doptions, assurez-vous que la valeur indique dans le champ
Tolrance est de32.
4. Cliquez sur la partie verte de laileron de queue de la navette.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 213


5. Cliquez sur longlet du panneau Tracs pour lafficher puis cliquez sur le bouton
Convertir une slection en trac ( ) au bas du panneau.
La slection est convertie en trac, et un nouveau trac de travail est ajout dans le
panneau Tracs.
6. Double-cliquez sur ce trac de travail, nommez-le Aileron et cliquez sur OK pour
lenregistrer.

7. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.

Convertir des tracs en slections


linverse, vous pouvez aussi facilement convertir des tracs en slections. En effet,
leurs contours rguliers permettent de raliser des slections prcises. Aprs avoir cr
les tracs pour la navette et laileron de queue, vous allez les convertir en slections
et leur appliquer un filtre.
1. Dans le panneau Tracs, cliquez sur le trac Navette pour lactiver.
E Astuce: 2. Choisissez Dfinir une slection dans le menu du panneau puis cliquez sur OK
Vous pouvez dans la bote de dialogue.
galement cliquer
sur le bouton
Rcuprer le trac
comme slection
au bas du
panneau Tracs
pour convertir le
trac slectionn
en slection .

prsent, vous allez soustraire la slection Aileron de la slection Navette afin que
larrire-plan soit visible travers les parties vides de laileron.

214 LEoN 8 Les techniques de tracs vectoriels


3. Dans le panneau Tracs, cliquez sur le trac Aileron pour lactiver puis choisissez
Dfinir une slection dans le menu du panneau.
4. Dans la section Opration de la bote de dialogue Dfinir une slection, activez
loption Soustraire de la slection et cliquez sur OK.

Le trac Aileron est simultanment converti en slection et soustrait de la slection


Navette.
Ne dslectionnez rien: nous allons poursuivre avec la mme slection.

Convertir la slection en calque


Vous allez voir maintenant comment utiliser des slections ralises avec loutil Plume
pour obtenir des effets intressants. La navette tant parfaitement dtoure, il est pos-
sible de la copier et de la coller sur un nouveau calque. Vous pourrez ensuite linsrer
dans une nouvelle image qui constituera larrire-plan de laffiche.
1. Vous devez toujours voir le contour de la slection dans la fentre de document.
Dans le cas contraire, vous devez rpter les tapes de lexercice prcdent.
2. Cliquez sur Calque> Nouveau> Calque par copier.

3. Cliquez sur longlet du panneau Calques.


Un nouveau calque, Calque1, est apparu. Sa vignette
montre quil ne contient que limage de la navette,
et non larrire-plan comme sur le calque dorigine.
4. Dans le panneau Calques, renommez le Calque1
Navette spatiale et appuyez sur la touche Entre
(Windows) ou Retour (MacOS).
5. Cliquez sur Fichier> Ouvrir pour ouvrir le fichier 08Landscape.psd, situ dans le
dossier Lessons/Lesson08 sur votre disque dur.
Limage du fichier 08Landscape.psd est un paysage dont vous allez vous servir comme
arrire-plan.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 215


6. Cliquez sur Fentre> Rorganiser> 2vignettes verticales afin dafficher simultanment
les deux images ouvertes. Cliquez ensuite sur limage 08Retouche.psd pour lactiver.
7. Slectionnez loutil Dplacement ( ) et faites glisser la navette spatiale depuis
la fentre de document 08Retouche.psd sur limage 08Landscape.psd afin quelle
semble survoler le sol.

8. Fermez limage 08Retouche.psd sans enregistrer les modifications et laissez le


fichier 08Landscape.psd ouvert et actif.
Vous allez maintenant positionner la navette plus prcisment sur larrire-plan.
9. Slectionnez le calque Navette spatiale dans le panneau Calques puis cliquez sur
dition> Transformation manuelle.
Un rectangle de transformation apparat autour de la navette.
Note: Si 10. Placez le pointeur sur une poigne de contrle dans un coin du cadre de transformation.
vous dformez Lorsquil prend lapparence dune double flche incurve ( ), faites-le glisser de
accidentellement
la navette au lieu
faon faire pivoter la navette de 12 environ. Pour une rotation plus prcise,
de la faire pivoter, vous pouvez entrer cette valeur dans le champ Rotation de la barre doptions.
appuyez sur la Une fois satisfait du rsultat, appuyez sur Entre (Windows) ou Retour (MacOS).
touche chap et
recommencez . 11. Assurez-vous que le calque Navette spatiale est toujours slectionn et, avec loutil
Dplacement, faites glisser la navette pour la repositionner au-dessus du paysage,
comme dans la troisime illustration ci-aprs.

12. Cliquez sur Fichier> Enregistrer sous, renommez le fichier 08B_Retouche.psd


par exemple et cliquez sur Enregistrer. Cliquez sur OK dans la bote de dialogue
Options de format Photoshop.

216 LEoN 8 Les techniques de tracs vectoriels


Cration dobjets vectoriels
pour larrire-plan
Les affiches sont souvent conues pour pouvoir tre redimensionnes tout en conservant
la mme qualit, do lemploi de formes vectorielles. Vous allez maintenant crer de
nouvelles formes vectorielles partir de tracs et utiliser des masques pour contrler
ce qui sera visible sur lenseigne. Comme il sagit de formes vectorielles, elles pourront
ainsi tre redimensionnes par la suite sans perte de qualit ou de dtails.

Crer une forme redimensionnable


Pour commencer, vous allez crer un objet de la forme dun rein pour larrire-plan
de lenseigne.
1. Cliquez sur Affichage> Rgles pour rendre visibles les rgles verticale et horizontale.
2. Faites glisser le panneau Tracs hors du groupe de panneaux Calques. Comme vous
allez beaucoup vous servir de ces deux panneaux, autant les afficher tous les deux.

3. Cliquez sur les icnes de visibilit des calques dans le panneau Calques pour que
les calques Retro Shape Guide et Background soient visibles et que les deux autres
calques ne le soient pas. Slectionnez ensuite le calque Background.

Le calque Retro Shape Guide Layer servira de modle lorsque vous tracerez la forme.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 217


4. Slectionnez loutil Plume ( ) dans le panneau Outils.
5. Choisissez Forme dans le menu droulant Choisir un outil de la barre doptions.
Cliquez ensuite sur lchantillon de couleur de Fond et slectionnez la couleur
blanche.

Note: Si 6. Crez la forme en procdant comme suit:


vous rencontrez
des problmes, Cliquez sur le point A et faites glisser le pointeur sur le pointB, puis relchez.
ouvrez de
nouveau limage
Cliquez sur le point C et faites glisser le pointeur sur le pointD, puis relchez.
de la navette et Continuez tracer les segments incurvs de cette faon autour de la forme
entranez-vous
jusqu revenir au pointA, puis cliquez surA pour fermer le trac. Ne vous
sur son contour
jusqu vous inquitez pas si la forme se retourne sur elle-mme, le trac se met jour au
familiariser avec le fur et mesure que vous le crez.
trac de segments
incurvs . Par
ailleurs, nhsitez
pas relire
lencadr Crer
des tracs avec
loutil Plume,
prcdemment L L L
dans ce chapitre .

K G K G K G
H H H
I I I
J J J

Vous remarquerez au cours du trac que Photoshop cre automatiquement un nouveau


calque nomm Forme1 au-dessus du calque actif Background dans le panneau Calques.
7. Double-cliquez sur le calque Forme1, renommez-le Forme rtro par exemple et
appuyez sur Entre (Windows) ou Retour (MacOS).

8. Rendez invisible le calque Retro Shape Guide dans le panneau Calques.

218 LEoN 8 Les techniques de tracs vectoriels


Dslectionner des tracs
Lorsque vous slectionnez un outil de dessin vectoriel, vous devez parfois dslection-
ner les tracs pour que la barre doptions affiche les bonnes options. Cela peut aussi
tre ncessaire pour voir le rsultat produit par certains effets, les contours des tracs
pouvant tre gnants.
Notez que la bordure entre la forme blanche et larrire-plan bleu est visible. Ce
que vous voyez est en fait le trac lui-mme, qui nest pas imprimable. Cest lindice
visuel indiquant que le calque Forme rtro est toujours slectionn. Avant de passer
lexercice suivant, vous allez vous assurer que tous les tracs sont dslectionns.
1. Dans le panneau Tracs, cliquez sur la zone vide sous
le trac pour tout dslectionner.
2. Cliquez sur Fichier> Enregistrer pour sauvegarder
votre travail.

Modifier la couleur de fond dune forme


Vous avez choisi le blanc comme couleur de remplissage pour que la forme soit bien
visible lors de sa cration, mais vous allez maintenant lui donner sa couleur bleue
dfinitive.
1. Assurez-vous que le calque Forme rtro est bien slectionn dans le panneau Calques.
2. Activez loutil Plume dans le panneau Outils sil nest pas dj slectionn.
3. Dans la barre doptions, cliquez sur lchantillon de couleur de Fond et slectionnez
la couleur Bleu cyan clair.

La couleur de remplissage de la forme devient bleue.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 219


Soustraire des formes dun calque de forme
Aprs avoir cr un calque de forme (une illustration vectorielle), on peut dfinir des
options pour soustraire la forme vectorielle dautres formes. On peut aussi la dplacer,
la redimensionner et la modifier avec les outils Slection de trac et Slection directe.
Vous allez amliorer la forme du calque Forme rtro en lui soustrayant une forme
dtoile travers laquelle larrire-plan sera visible. Pour placer cette forme avec pr-
cision, vous pourrez vous aider du calque Star Guide, qui est invisible pour le moment.
1. Dans le panneau Calques, rendez visible le calque Star Guide mais conservez le
calque Forme rtro slectionn. Le calque Star Guide est maintenant visible dans
la fentre de document.

2. Dans le panneau Tracs, slectionnez le trac Trac de la forme Forme rtro.


3. Dans le panneau Outils, activez loutil Polygone ( ), qui est cach sous loutil
Rectangle ( ).
4. Dans la barre doptions, dfinissez les options suivantes:
Dans le champ Cts, entrez11.
Dans le menu Oprations sur les tracs, choisissez Soustraire la forme avant. Le
pointeur prend alors lapparence dune croix accompagne dun signe moins ( )
Cliquez sur la flche Options de Gomtrie ( gauche du champ Cts) pour
afficher le panneau Options de polygone. Activez loption toile et tapez 50%
dans le champ Cts indents de. Cliquez ensuite en dehors de ce panneau
pour le fermer.

220 LEoN 8 Les techniques de tracs vectoriels


5. Cliquez sur le point au centre du cercle orange dans limage et faites glisser le pointeur Note: Faites
vers lextrieur jusqu ce que les pointes de ltoile atteignent le contour du cercle. glisser le pointeur
sur un ct pour
faire pivoter
ltoile mesure
que vous la tracez .

Lorsque vous relchez, la forme en toile se transforme en dcoupe, qui permet de


voir le ciel au travers.
Le contour noir des branches de ltoile indique que ce trac est slectionn. Le trac
Trac de la forme Forme rtro est galement slectionn dans le panneau Tracs.
6. Dans le panneau Calques, rendez invisible le calque Star Guide.
Notez que les vignettes des panneaux Calques et Tracs montrent maintenant la forme
dcoupe de ltoile.

7. Dans le panneau Tracs, cliquez dans la zone vide en dessous du trac pour le
dslectionner.
Le trac est maintenant dslectionn et le contour noir a disparu, laissant une bordure
nette entre les zones bleues et le ciel. De plus, le trac Trac de la forme Forme rtro
napparat plus en surbrillance dans le panneau Tracs. Pour viter que cette forme
nattire trop lattention au dtriment de la navette, vous allez la rendre semi-transparente.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 221


8. Dans le panneau Calques, rduisez la valeur dOpacit du calque Formertro 40%.

9. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.

Utilisation de formes
personnalises prdfinies
Une autre faon dutiliser les formes dans une image consiste tracer une forme
personnalise ou prdfinie. Pour cela, il suffit de cliquer sur loutil Forme personna-
lise, de slectionner une forme dans le slecteur de forme personnalise et de la faire
glisser dans la fentre de document. Vous allez le dcouvrir maintenant en ajoutant
des carreaux et des touffes dherbe larrire-plan de lenseigne.
1. Dans le panneau Calques, assurez-vous que le calque Forme rtro est slectionn
puis cliquez sur le bouton Crer un calque ( ) pour ajouter un calque au-dessus.
Nommez ce nouveau calque Motif, par exemple. Appuyez sur Entre (Windows)
ou Retour (MacOS).
2. Dans le panneau Outils, activez loutil Forme personnalise ( ), cach sous loutil
Polygone ( ).
3. Dans la barre doptions, slectionnez loption Pixels dans le menu Choisir un outil.
Dans le mode de dessin Pixels, vous peignez des formes composes de pixels (non
vectorielles) directement sur le calque.

222 LEoN 8 Les techniques de tracs vectoriels


4. Toujours dans la barre doptions, cliquez sur la flche du menu Forme pour ouvrir
le slecteur de forme personnalise.
5. Double-cliquez sur la forme de style damier (Carreau4) dans le bas du slecteur
(si ncessaire, faites glisser la barre de dfilement ou agrandissez le slecteur pour
afficher cette forme) pour la slectionner et fermer le slecteur de forme personnalise.

6. Slectionnez le blanc comme couleur de premier plan dans le panneau Outils, Note: Les
appuyez sur la touche Maj et faites glisser le pointeur en diagonale dans le document options de la
barre doptions
pour crer une forme carre de 4cm de ct environ. changent
selon le mode
slectionn dans
le menu Choisir
un outil . Dans
le mode Forme,
vous pouvez
slectionner
la couleur de
remplissage ou
de contour alors
que ces options
ne sont pas
Maintenir la touche Maj enfonce permet de conserver les proportions initiales de disponibles dans
le mode Pixels .
la forme.
7. Ajoutez quatre damiers supplmentaires de diverses tailles jusqu ce que limage
ressemble lillustration suivante.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 223


8. Dans le panneau Calques, rduisez la valeur dOpacit du calque Motif 75%.

9. Rendez visible le calque Navette spatiale pour voir toute la composition.

Avec loutil Forme personnalise, vous allez ajouter des brins dherbe larrire-plan.
Vous pouvez dfinir la couleur de remplissage et de contour des tracs dans le mode
Forme.
E Astuce: 10. Loutil Forme personnalise toujours slectionn, ouvrez le slecteur de forme
Pour obtenir personnalis, puis double-cliquez sur la forme appele Herbe2.
davantage de
formes, choisissez 11. Choisissez Forme dans le menu Choisir un outil. Slectionnez la couleur Jaune vert
diffrentes fonc comme couleur de remplissage et Cyan vert plus fonc pour la couleur de
catgories dans le
menu des options
contour. Donnez au contour une paisseur de 0,75pt.
du slecteur
de forme
personnalise .

224 LEoN 8 Les techniques de tracs vectoriels


12. Maintenez la touche Maj enfonce et tracez quatre touffes dherbe dans le coin Note: Si les
infrieur gauche de larrire-plan et une touffe dherbe dans le coin infrieur droit. brins dherbe se
placent sur des
calques distincts,
cela signifie
que vous ne
mainteniez pas
la touche maj
enfonce lors de
leur cration . Dans
ce cas, supprimez-
les et rptez les
tapes12et13 .

La touche Maj permet de sassurer que toutes les formes sont sur le mme calque.
13. Activez loutil Slection de trac ( ) dans le panneau Outils puis, avec la touche
Maj enfonce, cliquez sur les cinq touffes dherbe pour les slectionner.
14. Choisissez Rpartir les largeurs dans le menu Alignement du trac de la barre
doptions.

Photoshop rpartit les touffes dherbe de faon rgulire au bas de larrire-plan.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 225


15. Renommez le calque Herbe, rduisez son opacit 60% et dplacez-le au-dessus
du calque Background dans le panneau Calques.

16. Dslectionnez le calque puis cliquez sur Fichier> Enregistrer pour sauvegarder
votre travail.

Utiliser des fichiers Photoshop


dans Illustrator
Dans cette leon, vous allez importer une illustration vectorielle cre dans Illustrator
pour lutiliser comme logo pour lenseigne . mais vous pouvez aussi ouvrir, importer
ou coller des fichiers Photoshop dans Illustrator .
Bien quil soit possible de crer et de modifier des illustrations vectorielles dans
Photoshop, ce programme est avant tout destin au traitement des images constitues
de pixels . De mme, vous pouvez travailler avec des bitmaps dans Illustrator, mais sa
force premire rside dans sa capacit crer et diter des illustrations vectorielles .
Selon la nature de votre projet, vous pourrez utiliser les deux applications pour tirer
avantage des fonctionnalits qui sont propres chacune .
Illustrator prend en charge la plupart des donnes en provenance de Photoshop,
y compris les compositions de calques, les calques, le texte ditable et les tracs .
Autrement dit, vous pouvez transfrer des fichiers entre Photoshop et Illustrator sans
perdre la possibilit de modifier ces illustrations . Au cas o Illustrator ait convertir
les donnes de Photoshop, un message davertissement saffiche pour vous indiquer
quel contenu ne sera plus modifiable .

226 LEoN 8 Les techniques de tracs vectoriels


Importation dun objet dynamique
Les objets dynamiques sont des calques que vous pouvez modifier dans Photoshop
de faon non destructive, ce qui signifie que les modifications apportes limage
restent ditables et naffectent pas les pixels de limage. Quel que soit le nombre de
fois o vous redimensionnez, faites pivoter, dformez ou modifiez un objet dyna-
mique, il conserve des contours nets et prcis.
Vous pouvez importer des objets vectoriels en tant quobjets dynamiques depuis
Illustrator. Si vous modifiez lobjet original dans Illustrator, les changements sont
immdiatement rpercuts dans lobjet dynamique de votre fichier image Photoshop.
Vous allez maintenant utiliser un objet dynamique en important du texte Illustrator
dans lenseigne.

Ajouter le titre
Le nom du magasin de jouets a t cr dans Illustrator. Vous allez maintenant lajouter
lenseigne.
1. Activez loutil Dplacement ( ) dans le panneau Outils. Slectionnez ensuite le
calque Navette spatiale puis cliquez sur Fichier> Importer. Naviguez jusquau
dossier Lessons/Lesson08, slectionnez le fichier Title.ai et cliquez sur Importer.
Cliquez ensuite sur OK dans la bote de dialogue Importer un fichier PDF.
Le texte Retro Toyz saffiche au milieu de la composition, dans un rectangle de
transformation muni de poignes de redimensionnement. Un nouveau calque, Title,
apparat dans le panneau Calques.
2. Faites glisser lobjet Retro Toyz vers le coin suprieur gauche de limage. Faites ensuite
glisser un coin de llment en maintenant la touche Maj enfonce pour agrandir
la taille du texte afin quil remplisse la partie suprieure de limage, comme dans
lillustration suivante. Appuyez ensuite sur Entre (Windows) ou Retour (MacOS)
ou cliquez sur le bouton Valider la transformation ( ) dans la barre doptions.

Lorsque vous validez la transformation, la vignette du calque se transforme pour


indiquer quil sagit dun objet dynamique.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 227


Comme pour tout calque de forme ou tout objet dynamique, vous pouvez continuer
modifier la taille et la forme du texte Retro Toyz comme bon vous semble. Il suffit
pour cela de slectionner le calque et de choisir dition> Transformation manuelle
pour accder aux poignes de redimensionnement et les faire glisser votre convenance.
Vous pouvez galement slectionner loutil Dplacement ( ), en activant Options de
transf. dans la barre doptions afin dafficher ces poignes.

Ajouter un masque vectoriel un objet dynamique


Pour crer un effet amusant, vous allez transformer le centre de chaque lettreO en une
toile qui corresponde la dcoupe que vous avez cre plus tt. Vous utiliserez pour
cela un masque vectoriel, que vous pouvez lier un objet dynamique dans Photoshop.
1. Slectionnez le calque Title puis cliquez sur Calque> Masque vectoriel> Tout
faire apparatre.
2. Slectionnez loutil Polygone ( ) cach derrire loutil Forme personnalise ( ). Les
options que vous avez utilises prcdemment pour crer ltoile doivent toujours
tre actives, savoir11 pour Cts et 50% dans le champ Cts indents de. Loutil
Polygone conserve en effet les mmes paramtres jusqu ce que vous les modifiiez.
3. Choisissez Trac dans le menu Choisir un outil de la barre doptions. Assurez-
vous que loption Soustraire la forme avant est toujours slectionne dans le menu
Opration sur les tracs puis cliquez sur la vignette du masque vectoriel du calque
Title.

4. Cliquez au centre de la lettre O du mot Toyz et faites glisser le pointeur vers


lextrieur jusqu ce que ltoile couvre le centre de la lettre.
5. Rptez ltape4 pour ajouter une autre toile dans le O du mot Retro.
Dslectionnez ensuite le trac Masque vectoriel Title dans le panneau Trac.

228 LEoN 8 Les techniques de tracs vectoriels


Rotation de laffichage (OpenGL seulement)
Vous avez travaill sur limage en conservant les mots Retro Toyz en haut de la zone
de travail et le sol en bas. Mais si votre carte graphique prend en charge OpenGL, vous
pouvez faire pivoter la zone de travail afin de dessiner, saisir du texte ou disposer des
objets depuis un point de vue diffrent. Vous allez faire pivoter laffichage afin dajouter
une indication de copyright sur le ct de limage (si votre carte graphique ne prend
pas en charge OpenGL, passez directement la section suivante).
Pour commencer, entrez le texte.
1. Cliquez sur Fentre> Caractre pour ouvrir le panneau du mme nom. Slectionnez
une police sans serif comme Myriad Pro, dune taille de 10points, et choisissez la
couleur blanche.
2. Slectionnez loutil Texte horizontal et cliquez dans le coin infrieur gauche de
limage. Tapez ensuite: Copyright VOTRE NOM Productions, en indiquant
votre propre nom.

Cette indication doit safficher verticalement sur le ct de limage. Vous allez donc
faire pivoter la zone de travail pour vous faciliter la tche.
3. Slectionnez loutil Rotation de laffichage ( ), cach sous loutil Main ( ).
4. Appuyez sur la touche Maj et faites glisser loutil de faon circulaire pour faire E Astuce:
pivoter la zone de travail de 90 dans le sens horaire. Avec la touche Maj enfonce, Vous pouvez
galement entrer
la rotation seffectue par incrments de 45.
une valeur dans
le champ Angle
de rotation de la
barre doptions .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 229


5. Slectionnez le calque de texte Copyright et choisissez dition> Transformation>
Rotation90 antihoraire.
6. Utilisez loutil Dplacement pour aligner le texte le long du bord suprieur de limage,
qui sera donc le ct gauche lorsquelle saffichera dans sa disposition normale.

7. Slectionnez de nouveau loutil Rotation de laffichage puis cliquez sur le bouton


Rinitialiser la vue dans la barre doptions.
8. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.

Finitions
Pour finir, vous allez nettoyer le panneau Calques en supprimant les calques qui vous
ont servi de guide.
1. Assurez-vous que les calques Copyright, Title, Navette spatiale, Motif, Forme
rtro, Herbe et Background sont les seuls calques visibles dans le panneau Calques.
2. Dans le menu du panneau Calques, choisissez Supprimer les calques masqus, puis
cliquez sur Oui pour confirmer la suppression.

3. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.


Flicitations! Vous avez termin cette enseigne. Le rsultat doit ressembler lillus-
tration suivante

230 LEoN 8 Les techniques de tracs vectoriels


Infos plus
Utiliser des fichiers Photoshop dans InDesign
Adobe InDesign prend en charge les fichiers Photoshop de faon native . Vous pouvez importer des
fichiers PSD et revenir facilement dans Photoshop pour les modifier; ils sont automatiquement mis
jour dans InDesign .
Importer des images
Vous allez importer limage de lenseigne contenant la navette spatiale et le logo du magasin dans un
modle de papier lettres InDesign . Puis vous modifierez cette image dans Photoshop pour ladapter
cette utilisation .

1. Dans Photoshop, cliquez sur Fichier> Enregistrer sous . Sauvegardez le fichier sous le nom Navette_final .
psd . Cliquez sur oK dans la bote de dialogue options de format de Photoshop .
2. Lancez InDesign puis cliquez sur Fichier> ouvrir . Double-cliquez ensuite sur le fichier Lesson08/
Extra_Credit/08_Stationery .indd pour louvrir .
3. Dans InDesign, slectionnez le mode Normal au bas du panneau outils afin dafficher les cadres des
objets dans le modle .
4. Slectionnez le bloc en haut de la lettre laide de loutil Slection .
5. Cliquez sur Fichier> Importer puis double-cliquez sur le fichier Lesson08/Navette_final .psd .

Limage apparat dans le bloc que vous avez slectionn . Les options dajustement de bloc taient dj
appliques dans le modle, si bien que les images saffichent en fonction de la taille du bloc et le bas
de limage est coup .

6. Rptez les tapes 4 et 5 pour importer la mme image dans la carte postale et la carte de visite .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 231


Infos plus (suite)
Modifier les images
Vous allez modifier limage lie pour quelle sadapte mieux au modle de papier lettres . Vous allez
ajuster la position de la navette spatiale et du texte de copyright, puis vous supprimerez le motif de
larrire-plan qui distrait le regard . Limage ne saffichera pas en entier dans tous les blocs, mais la mention
lgale et une plus grande partie de la navette spatiale seront visibles .

1. Dans InDesign, cliquez sur Fentre> Liens pour afficher le panneau du mme nom .
2. Slectionnez Navette_final .psd puis cliquez sur le bouton modifier loriginal au bas du panneau Liens .
Le fichier Navette_final .psd souvre dans Photoshop .

3. Dans Photoshop, slectionnez le calque Navette spatiale puis approchez-le du texte Retro Toyz
laide de loutil Dplacement .
4. Rendez le calque motif invisible .
5. Slectionnez le calque Copyright et dplacez-le dans le coin suprieur droit de limage laide de
loutil Dplacement . Cliquez ensuite sur dition> Transformation> 180 .

6. Dans Photoshop, cliquez sur Fichier> Enregistrer puis revenez dans InDesign .
Les images lies sont automatiquement mises jour
selon les modifications que vous avez effectues
dans Photoshop . Si vous ne voyez aucun change-
ment, cliquez sur le bouton mettre jour le lien au
bas du panneau Liens dInDesign .

232 LEoN 8 Les techniques de tracs vectoriels


Rvisions
Questions
1. En quoi loutil Plume peut-il tre utile pour crer une slection?
2. Quelle est la diffrence entre une image bitmap et une illustration vectorielle?
3. Quest-ce quun calque de forme?
4. Quels outils utilise-t-on pour dplacer et redimensionner les tracs et les formes?
5. Que sont les objets dynamiques et quels avantages prsentent-ils?

Rponses
1. Dans le cas dune slection de forme complexe, il est souvent plus facile de dessiner
un trac avec loutil Plume puis de le convertir en slection.
2. Les images bitmap sont constitues dun ensemble de points appels pixels.
Parce quelles permettent de reprsenter des transitions subtiles de formes et de
couleurs, ces images sont le support des photographies numrises et des travaux
de peinture numrique. Les illustrations vectorielles sont constitues de courbes
et de lignes, dfinies par des formules mathmatiques. Elles peuvent tre affiches
nimporte quelle chelle ou redimensionnes sans perte de qualit. Elles sont donc
particulirement adaptes aux graphismes prcis susceptibles dtre redimensionns,
tels les logos et les graphiques.
3. Un calque de forme est un calque vectoriel qui peut contenir une forme (y compris
une couleur de remplissage et de contour), des pixels ou un trac.
4. Les outils Slection dlment de trac et Slection directe permettent de redimensionner
et de dplacer les tracs et les formes. On peut galement cliquer sur dition>
Transformation manuelle du trac.
5. Les objets dynamiques sont des objets vectoriels qui peuvent tre imports et modifis
dans Photoshop sans perte de qualit. On peut mettre lchelle, faire pivoter,
pencher et modifier un objet dynamique souhait sans pour autant que les donnes
de limage dorigine soient perdues. Les objets dynamiques prsentent lavantage
dtre modifiables dans lapplication o ils ont t crs, comme Illustrator; les
changements sont alors immdiatement rpercuts dans lobjet dynamique import
dans le fichier image de Photoshop.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 233


Cration de la crature par de Russell Brown, illustration de John Connell

PRoJET: CoNCEPTIoN DUNE AFFICHE DE FILm DHoRREUR .

Les filtres permettent de transformer une photographie ordinaire


en uvre dart numrique . Les filtres dynamiques permettent de
modifier ces transformations . Photoshop dispose de nombreuses
fonctionnalits pour faire varier laspect dune illustration . Les
actions vous permettent deffectuer rapidement des tches rp-
titives et donc de vous consacrer davantage au processus cratif .

234
COMPOSITION
AVANCE 9
Au cours de cette leon, vous apprendrez :
appliquer et modifier des filtres dynamiques;
appliquer des effets de couleurs aux zones slectionnes dune image;
appliquer des filtres pour crer diffrents effets;
enregistrer et excuter une action pour automatiser une srie doprations;
crer une action conditionnelle;
augmenter la rsolution dune image en vue de limprimer;
fusionner des images pour crer un panorama.

Cette leon vous prendra environ une heure et demie. Si vous ne lavez pas
dj fait, tlchargez les fichiers de la Leon 9 depuis le site www.pearson.fr,
sur la page ddie au livre. Au cours de cette leon, vous ne modifierez pas
les fichiers de dpart. Si vous devez nanmoins revenir la version dorigine
des fichiers, tlchargez-les de nouveau.

235
Prparatifs
Dans cette leon, vous allez crer du matriel publicitaire pour un film dhorreur.
Vous effectuerez un montage de plusieurs images afin de concevoir une affiche, puis
vous raliserez un panorama pour une bannire web. Pour commencer, observez les
versions finales de ces projets.
1. Lancez Photoshop et appuyez aussitt sur les touches Ctrl+Alt+Maj (Windows) ou
Cmd+Option+Maj (MacOS) pour restaurer les prfrences par dfaut du logiciel
(pour en savoir plus, reportez-vous la section Rtablissement des prfrences
par dfaut de lIntroduction).
2. Lorsque vous y tes invit, cliquez sur Oui pour supprimer le fichier de paramtres
de Photoshop.
Note: Si 3. Cliquez sur Fichier> Parcourir dans Bridge.
vous navez pas
install Bridge 4. Dans Bridge, cliquez sur longlet Favoris puis sur le
et mini Bridge, dossier Lessons. Double-cliquez ensuite sur le dossier
vous devez le
Lesson09 dans le volet Contenu.
faire maintenant .
Reportez-vous 5. Examinez la miniature du fichier 09A_End.psd. Si
lIntroduction
ncessaire, utilisez le curseur au bas de la fentre de
pour en savoir
plus . Bridge pour agrandir la taille de la vignette et mieux
voir limage.
Il sagit dune affiche de film contenant un dcor en arrire-
plan, une image de monstre et de diffrentes images de plus
petite taille. Un effet ou un filtre diffrent a t utilis sur
chacun de ces lments.
La crature se compose de limage dune personne tout fait normale dans une atti-
tude menaante sur laquelle Russell Brown a appliqu plusieurs autres images afin de
lui donner laspect dun monstre. Lillustration larrire-plan est de John Connell.
6. Examinez maintenant ensuite la vignette 09B_End.jpeg.

Ce fichier est une bannire web contenant une image panoramique et du texte. Pour
commencer, vous allez crer laffiche partir de plusieurs images, en commenant
par combiner plusieurs calques pour assembler la crature.

236 LEoN 9 Composition avance


7. Ouvrez le dossier Lesson09/Monster_Makeup dans Bridge.
8. Maintenez la touche Maj enfonce et cliquez sur tous les fichiers du dossier
Monster_Makeup pour les slectionner. Cliquez ensuite sur Outils> Photoshop>
Chargement des fichiers dans les calques Photoshop.
Photoshop importe tous les fichiers slectionns en tant que calques dans un nouveau
fichier Photoshop. Licne de visibilit des calques qui donnent son aspect effrayant
la crature est en rouge.

9. Dans Photoshop, cliquez sur Fichier> Enregistrer sous et sauvegardez limage au


format Photoshop sous le nom 09Retouche.psd dans le dossier Lesson09. Cliquez
sur OK dans la bote de message Options de format.

Rorganisation des calques


Limage contient huit calques, imports par ordre alphabtique, mais cette disposition
ne convient pas du tout pour crer un monstre convaincant. Vous devez donc com-
mencer par modifier lordre des calques et redimensionner leurs contenus.
1. Zoomez en arrire ou faites dfiler limage pour visualiser tous les calques dans la
fentre de document.
2. Dans le panneau Calques, faites glisser le calque Monster_Hair au sommet de la pile.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 237


3. Faites glisser le calque Franken au bas de la pile des calques.
4. Slectionnez loutil Dplacement puis faites glisser le calque Franken (la photo de
lhomme bras tendus) au bas de la pile des calques.

5. Dans le panneau Calques, cliquez en maintenant la touche Maj enfonce sur tous les
calques sauf le calque Franken puis cliquez sur dition> Transformation manuelle.
6. Appuyez sur la touche Maj et faites glisser un des angles de la slection vers lintrieur
pour rduire la taille de tous les calques slectionns de 50% environ. (Surveillez
les valeurs en pourcentage indiques dans les champs Hauteur et Largeur de la
barre doptions.)

238 LEoN 9 Composition avance


7. Les calques redimensionns toujours slectionns, dplacez-les sur la tte de
lhomme (qui se trouve sur le calque Franken). Appuyez ensuite sur Entre ou
Retour pour valider la transformation.
8. Zoomez pour mieux voir la tte.
9. Rendez tous les calques invisibles sauf les calques Green_Skin_Texture et Franken.
10. Slectionnez le calque Green_Skin_Texture puis centrez-le sur le visage laide
de loutil Dplacement.

11. Cliquez de nouveau sur dition> Transformation manuelle pour ajuster la texture
sur le visage. Utilisez les poignes de contrles du cadre de slection latraux pour
ajuster la largeur et ceux situs en bas et au sommet pour modifier la hauteur de
la texture. Repositionnez ensuite le calque laide des flches directionnelles du
clavier, en vous aidant des yeux et de la bouche comme guides. Une fois la texture
de la peau en position, appuyez sur Entre ou Retour pour valider la transformation.

12. Enregistrez votre travail.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 239


Les filtres dynamiques
Contrairement aux filtres classiques, qui altrent de manire dfinitive les images, les
filtres dynamiques ne sont pas destructifs: ils peuvent tre modifis, activs et dsac-
tivs ou supprims tout moment. Par contre, les filtres dynamiques ne sappliquent
que sur les objets dynamiques.

Le filtre Fluidit
Vous allez utiliser le filtre Fluidit pour que les yeux soient moins ouverts et pour
modifier la forme du visage du monstre. Comme vous devrez ajuster les paramtres
du filtre par la suite, vous allez utiliser le filtre Fluidit comme un filtre dynamique.
Pour commencer, vous devez donc convertir le calque Green_Skin_Texture en objet
dynamique.
1. Assurez-vous que le calque Green_Skin_Texture est slectionn dans le panneau
Calques, puis ouvrez le menu du panneau et choisissez Convertir en objet dynamique.

2. Cliquez sur Filtre> Fluidit.


Photoshop affiche alors le calque dans la bote de dialogue Fluidit.
3. Activez loption Mode Avanc pour afficher des options supplmentaires.
4. Activez loption Afficher le fond puis slectionnez Arrire dans le menu droulant
Mode. Rglez ensuite lOpacit75.
5. Activez loutil Zoom ( ) dans le panneau Outils situ gauche de la bote de
dialogue et zoomez sur les yeux.

240 LEoN 9 Composition avance


6. Activez loutil Dformation avant ( ) (le premier outil).
Loutil Dformation avant pousse les pixels en les loignant de la position du pointeur.
7. Rglez paisseur 150 et Pression75.
8. Cliquez sur la paupire de gauche (la droite du monstre) et faites glisser le pointeur
vers le bas pour fermer davantage lil. Faites galement glisser le bas de lil vers
le haut pour le fermer encore davantage.
9. Rptez ltape8 sur lil gauche.

10. Lorsque vous avez rduit louverture des deux yeux, cliquez sur OK.
Comme vous avez appliqu le filtre Fluidit comme filtre dynamique, vous pourrez
rouvrir cette bote de dialogue plus tard et procder dautres modifications sur le visage.

Positionner les autres calques


Maintenant que la texture de la peau est au bon emplacement, vous allez dplacer les
autres calques, en commenant par ceux situs au bas de la pile dans le panneau Calques.
1. Rendez visible le calque Green_Nose_Stitches puis slectionnez-le dans le panneau
Calques.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 241


2. Cliquez sur dition> Transformation manuelle puis placez le calque sur le nez,
en le redimensionnant si ncessaire. Appuyez ensuite sur Entre ou Retour pour
valider la transformation.

3. Rptez les tapes 1 et 2 pour disposer les calques suivants:


Green_Neck_Stitches sur le cou;
Green_Ear_Staples sur loreille gauche;
Enhanced_Green_Forehead sur le front;
Bolts afin que les boulons se trouvent de part
et dautre du cou;
Monster_Hair sur le haut du front.
4. Enregistrez votre travail.

Modifier un filtre dynamique


prsent que tous les calques sont bien positionns, vous pouvez affiner davantage
louverture des yeux et les arcades sourcilires prominentes de la crature. Pour cela,
vous allez utiliser de nouveau le filtre Fluidit.
1. Dans le panneau Calques, double-cliquez sur Fluidit dans la liste des filtres
dynamiques sous le calque Green_Skin_Texture.
Photoshop rouvre la bote de dialogue Fluidit. Comme tous les calques sont visibles
cette fois dans le panneau Calques, ils saffichent tous si vous activez loption Afficher
le fond. Il est parfois plus ais deffectuer des modifications sans tre distrait par le
fond mais il peut aussi dans dautres cas tre utile de voir limpact des modifications
dans le contexte.

242 LEoN 9 Composition avance


2. Zoomez sur les yeux.
3. Slectionnez loutil Contraction ( ) dans
le panneau Outils de la bote de dialogue,
puis cliquez au coin de chaque il.
Comme son nom lindique, loutil Contraction
dcale les pixels vers le pointeur et cre un effet
de contraction.

4. Slectionnez loutil Dilatation ( ) et cliquez sur le bord extrieur dun sourcil pour
augmenter sa taille. Rptez la mme opration sur lautre sourcil.
Loutil Dilatation loigne les pixels du centre du pointeur.
5. Effectuez diffrents essais avec les diffrents
outils de la bote de dialogue Fluidit
(Contraction, Dilatation et autres) pour
personnaliser laspect du visage de la
crature. Modifiez si vous le souhaitez la
taille de la brosse et les autres paramtres.
Vous pouvez aussi annuler chaque tape une
par une mais, si vous voulez recommencer
du dbut, le plus simple consiste cliquer
sur Annuler puis ouvrir de nouveau la
bote de dialogue Fluidit.
6. Lorsque lapparence du visage du monstre vous satisfait, cliquez sur OK.

Peinture sur un calque


Il existe de nombreuses faons de peindre les objets et les calques dans Photoshop.
Lune des plus simples consiste utiliser le mode de fusion Couleur et loutil Pinceau,
comme vous allez le faire pour peindre la partie verte de la peau du monstre.
1. Slectionnez le calque Franken dans le panneau Calques.
2. Cliquez sur le bouton Crer un calque au bas du panneau Calques.
Photoshop ajoute un nouveau calque nomm Calque1.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 243


E Astuce: Pour 3. Le calque Calque 1 tant slectionn,
en savoir plus choisissez Couleur dans le menu Mode de
sur les modes
fusion du panneau Calques.
de fusion des
calques et lire Le mode de fusion Couleur combine la lumi-
une description
de chacun deux,
nance de la couleur prsente sur le calque avec
reportez-vous la teinte et la saturation de la couleur que vous
la rubrique appliquez. Ce mode est idal pour colorier des
modes de fusion
images monochromes ou donner une teinte
dans lAide de
Photoshop . particulire des images en couleurs.

4. Slectionnez loutil Pinceau ( ). Dans la barre doptions, rglez les valeurs dpaisseur
de la brosse 60pixels et de Duret0.
5. Appuyez sur la touche Alt ou Option pour activer temporairement loutil Pipette
et chantillonnez une couleur verte sur le front de la crature. Relchez ensuite la
touche Alt ou Option pour revenir loutil Pinceau.

6. Cliquez en maintenant la touche Ctrl ou Cmd enfonce sur la vignette du calque


Franken pour slectionner son contenu.
E Astuce: Pour 7. Assurez-vous que le calque Calque1 est toujours slectionn dans le panneau
modifier la taille Calques puis utilisez loutil Pinceau pour peindre sur les mains et les bras. Veillez
de la brosse,
ne pas peindre en dehors de la peau l o elle jouxte les couleurs du pull. Par
appuyez sur la
touche[ pour contre, vous pouvez tre moins prcautionneux sur les zones o la peau se trouve
diminuer la taille au bord de la slection puisque les zones non slectionnes ne sont pas modifies.
de la brosse et
la touche] pour
laugmenter .

244 LEoN 9 Composition avance


8. Peignez toutes les zones sur le visage et
le cou o la couleur de peau originale est
visible sur le calque Green_Skin_Texture.
9. Lorsque le rsultat vous convient, cliquez
sur Slection> Dslectionner. Enregistrez
ensuite votre travail.

Ajout dun arrire-plan


Le monstre est maintenant prt tre intgr dans le dcor fantasmagorique. Pour
dplacer facilement tous les lments qui constituent le monstre sur un arrire-plan,
vous allez tout dabord fusionner tous les calques.
1. Assurez-vous que tous les calques sont visibles. Ouvrez ensuite le menu du panneau
Calques et choisissez Fusionner les calques visibles.
Photoshop fusionne alors tous les calques en un seul, nomm Calque1.
2. Renommez ce calque Monstre.

3. Cliquez sur Fichier> Ouvrir. Parcourez votre disque dur jusquau dossier Lesson09
et ouvrez le fichier Backdrop.psd.
4. Cliquez sur Fentre> Rorganiser> 2vignettes verticales afin dafficher la fois
limage du monstre et le dcor.
5. Cliquez sur la fentre de limage 09Retouche.psd pour lactiver.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 245


6. Slectionnez loutil Dplacement ( ), puis faites glisser le calque Monstre sur la
fentre de document du fichier Backdrop.psd file. Placez le monstre dans limage
de telle faon que ses mains se trouvent juste au-dessus du titre du film.

7. Fermez le fichier 09Retouche.psd, en sauvegardant les modifications lorsque


Photoshop vous le demande.
8. Cliquez sur Fichier> Enregistrer sous. Nommez le fichier Affiche-film.psd. Cliquez
sur OK dans la bote de dialogue Options de format de Photoshop.

Automatisation dune tche


Une action est un ensemble de plusieurs commandes enregistres que vous pouvez
ensuite lancer pour rpter les mmes oprations sur un ou plusieurs fichiers en
une seule instruction. Vous pouvez mme crer des actions conditionnelles dont le
comportement change selon certains critres que vous dfinissez. Dans cet exercice,
vous allez crer des actions pour appliquer des filtres sur des images de pierres tom-
bales puis vous utiliserez une action conditionnelle pour dfinir la manire dont ces
instructions seront appliques.
Lemploi des actions nest quun des moyens possibles dautomatiser les tches dans
Photoshop. Pour en savoir plus sur lenregistrement des actions, consultez lAide de
Photoshop.

246 LEoN 9 Composition avance


Enregistrer une action
Pour commencer, vous allez enregistrer une action qui applique une srie de filtres
sur une image. Les actions senregistrent, sexcutent, se modifient et se suppriment
ventuellement dans le panneau Actions. Elles peuvent galement y tre sauvegardes
et charges en tant que fichiers.
1. Cliquez sur Fichier> Parcourir dans Mini Bridge pour ouvrir le panneau Mini Bridge.
2. Parcourez votre disque dur jusquau dossier Lesson09 puis cliquez sur le dossier
Tombstones dans le panneau de gauche pour afficher son contenu.
3. Double-cliquez sur le fichier T1.psd pour louvrir.
4. Dans le panneau Outils, cliquez sur le bouton Couleur de premier plan et darrire-
plan par dfaut ( ) pour que la couleur de premier plan soit le noir.
5. Cliquez sur Fentre> Actions pour ouvrir le panneau du mme nom.
6. Dans le panneau Actions, cliquez sur le bouton Crer une action ( ).

7. Dans le champ Nom de la bote de dialogue Nouvelle action, tapez Filtre bleu puis
cliquez sur le bouton Enregistrer.

Enregistrer vos actions ne signifie pas que vous devez vous presser pour les raliser.
Prenez tout le temps pour raliser cette procdure correctement. La vitesse laquelle
vous travaillez na aucune influence sur le temps ncessaire son excution.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 247


8. Cliquez sur Filtre> Rendu> Nuages par diffrence.
9. Cliquez sur Filtre> Bruit> Ajout de bruit.
10. Dans la bote de dialogue Ajout de bruit, rglez Quantit 3%, slectionnez la
rpartition Gaussienne, activez loption Monochromatique puis cliquez sur OK.

Note: Le filtre 11. Cliquez sur Filtre> Rendu> clairage.


clairage nest
pas disponible si 12. Slectionnez Ponctuel dans le menu droulant Paramtres prdfinis de la barre
loption Utiliser doptions.
un processeur
graphique nest 13. Dans le panneau Proprits, cliquez sur lchantillon de couleur de loption Couleur
pas active et slectionnez un bleu clair.
dans la section
Performances 14. Dans la fentre de document, faites glisser la source dclairage dans le tiers suprieur
de la bote de la pierre tombale en la centrant sur les lettres RIP.
de dialogue
Prfrences . 15. Dans le panneau Proprits, donnez au paramtre Ambiance une valeur de46.
Si votre carte
graphique ne
prend pas en
charge cette
option, passez les
tapes1116 .

16. Cliquez sur le bouton OK dans la barre doptions pour valider les rglages du filtre
clairage.

248 LEoN 9 Composition avance


17. Cliquez sur le bouton Arrter lexcution/lenregistrement ( ) au bas du panneau
Actions.

Laction que vous venez denregistrer saffiche dans le panneau Actions. Le dtail de
chaque tape peut tre affich ou masqu dun clic sur la flche gauche de son nom.

Amliorer les performances


lors de lutilisation des filtres
Certains filtres consomment beaucoup de mmoire vive, en particulier sils sont appli-
qus des images haute rsolution . Pour ne pas abuser de vos ressources systme,
suivez ces indications:
Essayez les filtres sur une petite portion de limage .
Appliquez leffet sur les couches une une sur chacune des trois couches RVB,
par exemple si limage est trs grande et si vous manquez de mmoire . (Notez
toutefois quavec certains filtres les effets varient lorsquils sont appliqus
une couche spare plutt qu la couche de synthse, en particulier si le filtre
modifie les pixels de faon alatoire) .
Utilisez la commande Purger du menu dition avant de lancer les filtres afin
de librer la mmoire .
Fermez toutes les autres applications afin de librer le maximum de mmoire
pour Photoshop . Sous macoS, allouez plus de mmoire RAm Photoshop .
Essayez de modifier les paramtres pour acclrer la vitesse dexcution des
filtres qui consomment le plus de mmoire, dont clairage, Dcoupage, Vitrail,
Chrome, ondulation, Effet pointilliste et Verre . Par exemple, augmentez la taille
des pices de verre dans le cas du filtre Vitrail; augmentez la simplicit et/ou
diminuez la fidlit du contour dans le cas du filtre Dcoupage .
Si limage est destine une impression monochrome, convertissez une copie de
limage en niveaux de gris avant dappliquer les filtres . Sachez que lapplication
dun filtre une image en couleurs, ensuite convertie en niveaux de gris, ne
produit pas forcment le mme effet que lapplication directe du filtre sur une
image en niveaux de gris .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 249


Excuter une action
Essayons laction que vous venez denregistrer. Comme vous navez pas enregistr
les modifications que vous avez effectues, vous pouvez facilement revenir limage
originale. Vous pourrez ainsi lancer laction ensuite et voir les rsultats.
1. Cliquez sur Fichier> Version prcdente.
Toutes les modifications que vous avez apportes la pierre tombale disparaissent,
mais le panneau Actions contient toujours votre action.
2. Slectionnez laction Filtre bleu dans le panneau Actions puis cliquez sur le bouton
Excuter la slection ( ).
Leffet dclairage sur la pierre tombale est appliqu quasi instantanment. Vous allez
prsent crer une seconde action partir de la premire et vous lappliquerez sur
la mme pierre tombale. Vous devez donc commencer par revenir une nouvelle fois
limage originale.
3. Cliquez sur Fichier> Version prcdente.

propos des filtres


Pour utiliser un filtre, slectionnez la commande de sous-menu approprie dans le
menu Filtre . Les indications suivantes devraient vous aider dans vos oprations .

Le dernier filtre slectionn saffiche en haut du menu Filtre .


Les filtres sappliquent au calque actif et visible .
Les filtres ne peuvent pas tre appliqus sur les images en mode Bitmap ou
Couleurs indexes .
Certains filtres fonctionnent uniquement sur des images RVB .
Dautres sont traits entirement dans la mmoire RAm .
Reportez-vous la section Utilisation des filtres dans lAide de Photoshop pour
obtenir une liste des filtres pouvant tre employs aussi bien sur des images
16bits par couche que 32bits par couche .
Consultez lAide de Photoshop pour de plus amples informations sur des filtres
spcifiques .

Copier et modifier une action


Vous allez crer une autre action qui applique les mmes filtres mais leffet de couleur
sera diffrent. Plutt que de rpter les mmes oprations pour enregistrer cette seconde
action, vous allez copier laction originale, puis vous la modifierez.
1. Dans le panneau Actions, faites glisser laction Filtre bleu sur le bouton Crer une
action.

250 LEoN 9 Composition avance


2. Renommez cette copie Filtre vert. Vous devrez peut-tre augmenter la taille du
panneau Actions ou faire dfiler la liste pour le visualiser.
3. Affichez les diffrentes tapes de laction Filtre vert si elles ne sont pas dj affiches.
4. Slectionnez ltape clairage, puis cliquez sur Lancer lenregistrement pour
commencer lenregistrement de la nouvelle action partir de ce point.

5. Cliquez sur Image> Rglages> Teinte/Saturation.


6. Dans la bote de dialogue Teinte/Saturation, activez loption Redfinir puis donnez
une valeur de 120 Teinte. Cliquez ensuite sur OK.

7. Cliquez sur le bouton Arrter lexcution/lenregistrement au bas du panneau Actions.


8. Cliquez sur dition> Annuler Teinte/Saturation afin de revenir limage originale
et tester laction.
9. Slectionnez laction Filtre vert puis cliquez sur le bouton Excuter la slection ( ).
Toutes les textures et les filtres de la premire action ont t appliqus, mais limage
adopte une teinte verte.
10. Cliquez de nouveau sur Fichier> Version prcdente.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 251


Crer une action conditionnelle
Dans le cas dune action conditionnelle, les diffrentes commandes sexcutent selon
certains critres comme lorientation du fichier, la profondeur de pixels, le mode
colorimtrique, ltat du document (ouvert ou ferm), les attributs des calques et ainsi
de suite. Vous avez cr deux actions: la premire donne une lgre teinte bleute
limage et la seconde, une teinte verte plus accentue. Vous allez maintenant crer une
action conditionnelle pour appliquer le Filtre vert sur les pierres tombales couches
et le Filtre bleu sur les autres.
1. Cliquez sur le bouton Crer une action. Nommez-le Slection de couleur puis
cliquez sur Enregistrer.
2. Cliquez immdiatement sur le bouton Arrter lexcution/lenregistrement au bas
du panneau Actions car vous ne voulez rien enregistrer.
3. Laction Slection de couleur tant slectionne, ouvrez le menu du panneau Actions
et choisissez Insrer une condition.

4. Parcourez les options du menu droulant Si de la bote de dialogue Action


conditionnelle. Il sagit des critres que vous pouvez utiliser pour une action
conditionnelle.
5. Choisissez le document est au format paysage dans le menu droulant Si.
6. Slectionnez Filtre vert dans le menu Alors excuter laction.
7. Slectionnez Filtre bleu dans le menu Sinon excuter laction puis cliquez sur OK.

252 LEoN 9 Composition avance


Traitement par lots
Les actions permettent de gagner normment de temps pour effectuer des oprations
rptitives sur des fichiers. Mais vous pouvez davantage automatiser votre travail en
utilisant des actions sur plusieurs fichiers simultanment, comme vous allez le voir
en appliquant laction conditionnelle que vous venez de crer sur les cinq images de
pierres tombales avant de les ajouter laffiche.
1. Cliquez sur Fichier > Automatisation > Traitement par lots.
2. Dans la section Excuter de la bote de dialogue Traitement par lots, choisissez
laction Slection de couleur dans le menu droulant Action puis choisissez Dossier
dans le menu Source.
3. Dans la section Source de la bote de dialogue, cliquez sur le bouton Slectionner.
Parcourez votre disque dur jusquau dossier Lesson09/Tombstones puis cliquez
sur OK ou Choisir.
4. Dans la section Destination de la bote de dialogue Traitement par lots, choisissez
Dossier dans le menu Destination puis cliquez sur le bouton Slectionner. Parcourez
votre disque dur jusquau mme dossier Lesson09/Tombstones et cliquez sur OK
ou Choisir.
5. Dans la section Dnomination de fichier de la bote de dialogue Traitement par
lots, assurez-vous que le premier champ indique Nom du document. Tapez ensuite
final dans le champ situ droite.
6. Cliquez sur la flche du champ suivant (situ sous le champ Nom du document)
pour ouvrir le menu droulant puis choisissez extension (en minuscules). Ainsi,
lextension du fichier sera indique dans son nom.
7. Cliquez sur OK.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 253


Photoshop excute laction Slection de couleur sur les cinq fichiers du dossier
Tombstones, en ajoutant le terme final au nom de chacun des fichiers modifis.
8. Dans Mini Bridge, maintenez la touche Ctrl ou Cmd enfonce et cliquez sur les
cinq fichiers dont le nom se termine par final pour les slectionner.
9. Faites glisser ces fichiers au centre de la composition puis appuyez sur Entre ou
Retour cinq fois pour accepter limportation.

10. Double-cliquez sur longlet Mini Bridge pour le fermer.


11. Slectionnez loutil Dplacement ( ). Dans la barre doptions, activez ensuite
loption Slection automatique et choisissez Calque dans le menu droulant suivant.
Lorsque loption Slection auto est active et loption Calque slectionne dans le
menu, vous pouvez dplacer chaque objet indpendamment sans devoir slectionner
au pralable chaque calque dans le panneau Calques.
12. Faites glisser chaque pierre tombale au
bas de laffiche, en vous assurant que le
bas de chaque pierre est coup par le bord
infrieur de laffiche. Vous pouvez disposer
les pierres tombales comme vous le voulez.
13. Sauvegardez votre travail.

254 LEoN 9 Composition avance


Augmentation des dimensions
dune image basse rsolution
Les images en basse rsolution sont parfaites et prfrables pour les pages web et
les rseaux sociaux. Par contre, si vous devez augmenter leurs dimensions pour les
imprimer, il est alors probable quelles ne contiennent pas suffisamment dinformations
pour que le rsultat soit de bonne qualit. Pour augmenter les dimensions dune image,
Photoshop doit la rchantillonner, autrement dit crer des pixels l o ils manquent
en estimant leurs contenus. Un nouvel algorithme dans PhotoshopCC amliore gran-
dement ce processus, si bien que vous pouvez redimensionner des images en basse
rsolution avec de bien meilleurs rsultats.
Pour laffiche de ce film, vous devez utiliser une image en basse rsolution poste sur
un rseau social. Vous allez augmenter ses dimensions sans diminuer la qualit en
vue de limprimer.
1. Cliquez sur Fichier> Ouvrir, parcourez votre disque dur jusquau dossier Lesson09
puis ouvrez le fichier Faces.jpg.
2. Zoomez 300% afin de visualiser les pixels.
3. Cliquez sur Image> Taille de limage.
4. Choisissez lunit Pourcentage pour les champs Largeur et Hauteur puis donnez-
leur une valeur de 400%.
Par dfaut, la largeur et la hauteur sont lies, si bien que limage sera redimensionne
de faon proportionnelle. Si vous souhaitez modifier les dimensions de limage spa-
rment, cliquez sur licne en forme de lien entre les champs Largeur et Hauteur pour
les rendre indpendants.
5. Faites glisser laperu de limage afin que les lunettes de lhomme au premier plan
soient visibles.
6. Assurez-vous que loption Rchantillonnage est active puis choisissez Conserver
les dtails (agrandissement) dans le menu droulant situ droite.
Limage est plus nette, mais ce renforcement a entran lapparition de bruit.
7. Dplacez le curseur Rduction du bruit 50% pour adoucir limage.

8. Cliquez et maintenez sur laperu pour afficher limage originale et ainsi la comparer
limage modifie.
9. Cliquez sur OK.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 255


Laspect de limage finale est plus lisse, mais le rsultat reste bon, surtout si lon consi-
dre que vous avez multipli la taille de limage par quatre et rendu une image en basse
rsolution utilisable pour limpression. Vous allez maintenant coller cette image dans
une slection sur laffiche.
10. Cliquez sur Slection> Tout slectionner puis sur dition> Copier.
11. Cliquez sur longlet Affiche-film.psd pour afficher cette image au premier plan
puis slectionnez loutil Ellipse de slection ( ) cach sous loutil Rectangle de
slection ( ).
12. Dans la barre doption, donnez loption Contour progressif une valeur de 50px.
13. Tracez une slection ovale dans le coin suprieur droit de laffiche, au-dessus de
la tte de la crature. Lellipse de slection doit chevaucher la fentre et la sortie
de secours.
14. Cliquez sur dition> Collage spcial> Coller dedans. Cliquez sur OK dans la bote
de dialogue signalant des profils non concordants si elle saffiche.

15. Activez loutil Dplacement ( ) et centrez limage que vous venez de coller dans
la slection.
16. Dans le panneau Calques, slectionnez le mode de fusion Luminosit et rduisez
lOpacit du calque 50%.

17. Cliquez sur Fichier> Enregistrer. Fermez ensuite le fichier Faces.jpg sans lenregistrer.
256 LEoN 9 Composition avance
Enregistrement de limage avant
impression en quadrichromie
Si vous prvoyez dimprimer un fichier Photoshop en qualit professionnelle sur une
photocomposeuse ou en quadrichromie, vous devez la convertir en mode CMJN
laide de la commande Mode. Comme certains filtres et effets fonctionnent unique-
ment en mode RVB, vous devez effectuer toutes les modifications sur limage avant
de la convertir.
De nombreux imprimeurs prfrent utiliser des fichiers PDF, donc vous allez enre-
gistrer ce fichier au format Photoshop PDF. Nous vous conseillons de contacter votre
imprimeur pour connatre les rglages ncessaires avant denregistrer le PDF.
Pour en savoir plus sur les conversions dun mode colorimtrique un autre, consultez
lAide de Photoshop.
1. Cliquez sur Fichier> Enregistrer sous. Nommez le fichier Affiche _CMJN.psd.
Cliquez sur OK si la bote de dialogue Options de format de Photoshop saffiche.
Il est toujours prfrable de sauvegarder une copie du fichier original avant de modi-
fier le mode colorimtrique. Vous pouvez ainsi retoucher limage originale au besoin.
2. Cliquez sur Image> Mode> Couleurs CMJN. Cliquez sur Pixelliser pour conserver
laspect des objets dynamiques puis sur Fusionner pour aplatir limage. Pour finir,
cliquez sur OK si un message davertissement sur la gestion des couleurs saffiche.
Si vous prpariez cette image pour une vritable impression, vous devriez vous assu- E Astuce: La
rer que vous utilisez le profil CMJN appropri. Pour en savoir plus sur la gestion des plupart des
images comptent
couleurs, consultez la Leon14.
plus dun
3. Cliquez sur Fichier> Enregistrer sous puis choisissez Photoshop PDF dans le menu calque . Cliquez
sur Calque>
Type de la bote de dialogue Enregistrer sous. Fusionner les
4. Conserver le nom par dfaut (Affiche_CMJN.pdf) puis cliquez sur Enregistrer. calques visibles
avant de changer
Cliquez ensuite sur OK dans la bote dinformations qui saffiche. de mode
5. Slectionnez Qualit suprieure dans le menu Paramtres prdfinis Adobe PDF colorimtrique
afin dtre sr
de la bote de dialogue Enregistrer le fichier Adobe PDF. que limage CmJN
contienne toutes
les modifications
que vous avez
effectues .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 257


Les Paramtres prdfinis sont des ensembles de rglages destins diffrentes uti-
lisations. Dans de nombreux cas, le paramtre prdfini Qualit suprieure permet
dobtenir les meilleurs rsultats sur une imprimante de bureau. Nanmoins, limprimeur
peut vous demander de personnaliser ces rglages.
6. Cliquez sur Enregistrer le PDF puis sur Oui si un message davertissement concernant
la conservation des fonctions ddition de Photoshop saffiche.
7. Fermez le fichier Affiche_CMJN.pdf.
Votre affiche est prte tre imprime! Vous allez maintenant crer une bannire
web pour la publicit en ligne du film.

Correspondance des couleurs


entre plusieurs images
Vous allez combiner sept images dun cimetire dans un panorama pour crer une
bannire web. Pour que les raccords soient invisibles, vous harmoniserez les couleurs
de ces images en les faisant correspondre aux couleurs dominantes dune image source.
La fonctionnalit Correspondance de la couleur peut sutiliser pour crer des effets
intressants et inhabituels. Elle est galement utile pour corriger certaines couleurs (les
tons de la peau par exemple) dans certaines images. Enfin, elle peut aussi permettre
une meilleure concordance des couleurs sur les diffrents calques dune mme image.
Pour en savoir plus, reportez-vous lAide de Photoshop.
Pour commencer, vous allez crer une action afin deffectuer toutes les modifications
plus rapidement.
1. Ouvrez le panneau Mini Bridge puis parcourez votre disque dur jusquau dossier
Lesson09/panorama. Double-cliquez ensuite sur ce dossier pour afficher son contenu.
Ce dossier contient sept images, nommes de faon squentielle et dont vous allez
faire correspondre les couleurs.
2. Dans le panneau Mini Bridge, double-cliquez sur le fichier IMG_7437.jpg pour
louvrir. Double-cliquez ensuite sur le fichier IMG_7436.jpg pour louvrir galement.
3. Cliquez sur Fentre> Rorganiser> 2vignettes verticales pour voir les deux images
cte cte.

258 LEoN 9 Composition avance


Certaines parties de limage IMG_7436.jpg sont surexposes et dcolores. Vous
allez utiliser la fonctionnalit Correspondance de la couleur pour que ces couleurs
correspondent celles du fichier IMG_7437.jpg. Vous amliorerez ensuite la nettet
de limage. Comme vous devrez effectuer ces mmes oprations sur tous les fichiers
du dossier, vous allez crer une action.
4. Cliquez sur longlet de limage IMG_7436.jpg pour vous assurer quelle est active.
5. Cliquez sur Fentre> Actions pour afficher le panneau du mme nom.
6. Cliquez sur le bouton Crer une action, nommez-la Correspondance couleurs et
nettet puis cliquez sur Enregistrer.

7. Cliquez sur Images> Rglages> Correspondance de la couleur pour ouvrir la


bote de dialogue du mme nom (vous ne devez pas confondre les fonctionnalits
Correspondance de la couleur et Correspondance de couleur). Ensuite:
Activez loption Aperu si elle ne lest pas dj.
Slectionnez IMG_7437.jpg dans le menu droulant Source.
Slectionnez Arrire-plan dans le menu Calque. Vous pouvez slectionner
nimporte quel calque dune image, mais ce document nen contient quun seul.
Testez diffrentes valeurs pour les paramtres Luminance, Intensit des couleurs
et Fondu si vous le souhaitez. Nous avons conserv ces paramtres par dfaut.
Lorsque vous avez dfini les paramtres qui conviennent le mieux la
correspondance des couleurs, cliquez sur OK.

8. Cliquez sur Filtre> Renforcement> Accentuation.


ADoBE PHoToSHoP CC CLASSRoom IN A BooK 259
9. Dans la bote de dialogue Accentuation, donnez au paramtre Rayon une valeur
de1,5pixel et conservez les autres rglages par dfaut. Cliquez ensuite sur OK.
10. Cliquez sur Fichier> Enregistrer sous, slectionnez JPEG dans le menu Type,
conservez le mme nom de fichier (IMG_7436.jpg) et enregistrez limage dans un
nouveau dossier nomm Prt pour panorama. Cliquez ensuite sur Enregistrer.
11. Slectionnez Maximum dans le menu Qualit de la bote de dialogue Options JPEG,
activez loption de base (standard), puis cliquez sur OK.

12. Fermez le fichier IMG_7436.jpg.


13. Cliquez sur le bouton Arrter lexcution/lenregistrement ( ) au bas du panneau
Actions.
14. Fermez le fichier IMG_7437.jpg. Cliquez ensuite sur Fichier> Ouvrir. Slectionnez
les fichiers IMG_7431.jpg, IMG_7432.jpg, IMG_7433.jpg, 7434.jpg, 7435.jpg et
7437.jpg, puis cliquez sur Ouvrir.
Il peut sembler curieux de fermer le fichier IMG_7437.jpg pour le rouvrir immdiate-
ment mais les tapes de laction ncessitent que les fichiers traiter soient ouverts et
que limage de rfrence soit celle qui est ouverte dans le dernier onglet.
15. Cliquez sur Fichier > Automatisation > Traitement par lots.
16. Dans le menu Source, slectionnez Fichiers ouverts. Dans le menu Destination,
laissez Sans et cliquez sur OK.

260 LEoN 9 Composition avance


Vous navez pas besoin de prciser de dossier de destination dans la bote de dialogue
Traitement par lots car cette information est enregistre dans laction. Ds que vous
avez cliqu sur OK, Photoshop excute laction sur tous les fichiers ouverts, les enre-
gistre dans le dossier Prt pour panorama et les ferme.
17. Double-cliquez sur longlet Mini Bridge pour fermer ce panneau.

Cration dun panorama


Les couleurs des images correspondent, leur nettet a t accentue et les fichiers
enregistrs afin dviter toute incohrence. Vous tes maintenant prt assembler
ces lments pour former un panorama. Vous ajouterez ensuite la crature et le titre
du film pour complter la bannire web.
1. Aucun fichier ntant ouvert dans Photoshop, cliquez sur Fichier> Automatisation>
Photomerge.
2. Slectionnez Auto dans la section Disposition de la bote de dialogue Photomerge.
Cliquez sur le bouton Parcourir de la section Fichiers source, naviguez jusquau
dossier Lesson09/Prt pour panorama. Cliquez en maintenant la touche Maj
enfonce sur toutes les images du dossier pour les slectionner. Cliquez ensuite
sur Ouvrir ou OK.
3. Activez les options Fusion des images, Correction du vignetage et Correction
de la dformation gomtrique au bas de la bote de dialogue Photomerge, puis
cliquez sur OK.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 261


Photoshop cre alors le panorama. Il sagit dun processus complexe, qui peut prendre
plusieurs minutes. Une fois quil est termin, une image semblable celle de lillus-
tration suivante doit safficher. Elle doit contenir sept calques, un pour chaque image.
Photoshop a dcel les zones communes des images et les a raccordes, en corrigeant
les diffrences dangle. Au cours de cette opration, certaines zones sont restes vides.
Vous allez amliorer laspect du panorama en recadrant limage.

4. Dans le panneau Calques, slectionnez tous les calques puis cliquez sur Calque>
Fusionner les calques.

5. Cliquez sur Fichier> Enregistrer sous, choisissez Photoshop dans le menu Format,
renommez le fichier 09B_Retouche.psd puis enregistrez-le dans le dossier Lesson09.
Cliquez sur OK dans la bote de dialogue Options de format Photoshop.
6. Slectionnez loutil Recadrage ( ). Dans la barre doptions, assurez-vous que les
champs Largeur, Hauteur et Rsolution sont vides et que loption Supprimer les
pixels rogns est active. Redimensionnez ensuite le cadre de recadrage pour
liminer toutes les zones transparentes tout en conservant autant de limage que
possible. Lorsque le rsultat vous convient, appuyez sur la touche Entre ou Retour
ou cliquez sur le bouton Valider le recadrage en cours ( ) dans la barre doptions.

262 LEoN 9 Composition avance


7. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.

Finalisation de limage
Vous allez utiliser le filtre Grand-angle adaptatif pour corriger la perspective de limage,
puis vous ajouterez des effets de lumire pour la rendre plus spectaculaire. Enfin, vous
insrerez des lments de laffiche pour complter cette bannire web.

Utiliser le filtre Grand-angle adaptatif


Laspect de ce panorama est bon mais, en raison de lobjectif grand-angle utilis, certaines Note: Le filtre
lignes sont lgrement dformes et plusieurs btiments penchent de faon irraliste. Grand-angle
adaptatif nest
Ainsi, la pente sur le ct droit de limage est plus accentue quelle ne lest en ralit. pas disponible si
1. Cliquez sur Filtre> Grand-angle adaptatif. loption Utiliser
un processeur
2. Slectionnez loutil Contrainte ( ) dans la bote de dialogue Grand-angle adaptatif. graphique nest
pas active
Cet outil permet de dfinir les zones rectilignes dans une image; le filtre modifie le dans la section
reste de limage en fonction de la perspective que vous indiquez. Performances
de la bote
3. Cliquez sur la pierre tombale noire au premier plan dans le tiers droit de limage de dialogue
puis cliquez pour crer un autre point au centre de larbre sa droite afin de tracer Prfrences .
Si votre carte
une ligne droite.
graphique ne
prend pas en
charge cette
option, passez
cet exercice .

E Astuce:
Si des zones
transparentes
apparaissent
sur les bords
de limage,
Lorsque vous relchez aprs avoir cliqu sur le second point, le filtre ajuste lgrement modifiez la valeur
la perspective dans limage. Vous allez davantage accentuer cette modification. du paramtre
Homothtie
4. Placez le pointeur au-dessus de la poigne de rotation droite du cercle jusqu dans la bote
ce quil prenne lapparence dune double flche de rotation. Cliquez alors et faites de dialogue
lgrement glisser le pointeur vers le haut pour rehausser la partie droite de limage. Grand-angle
adaptatif pour
redimensionner
limage .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 263


5. Rglez Homothtie 135% pour supprimer les zones transparentes qui se crent
alors. Selon langle que vous avez utilis, il est possible que vous deviez utiliser une
valeur plus importante.

Vous pouvez continuer ajuster la rotation et lchelle tant que la bote de dialogue
du filtre reste ouverte.
6. Lorsque le rsultat vous satisfait, cliquez sur OK pour valider les modifications et
appliquer le filtre limage.

Ajouter un filtre photo


Le cimetire ne semble pas assez effrayant. Vous allez donc le rendre plus spectaculaire
laide dun filtre photo bleu froid qui donnera lillusion que cette photo a t prise de
nuit. Puis vous accentuerez cet effet avec loutil Dgrad.

Julieanne Kost est une porte-parole officielle dAdobe Photoshop.

Les astuces dune porte-parole


de Photoshop
Les raccourcis clavier pour les filtres
Ces raccourcis clavier suivants permettent de gagner du temps lors de lapplication
de filtres:
Pour appliquer de nouveau le dernier filtre avec les mmes rglages, appuyez
sur les touches Ctrl+F (Windows) ou Cmd+F (macoS) .
Pour ouvrir la bote de dialogue du dernier filtre appliqu, appuyez sur les
touches Ctrl+Alt+F (Windows) ou Cmd+option+F (macoS) .
Pour rduire leffet du dernier filtre utilis, appuyez sur les touches Ctrl+maj+F
(Windows) ou Cmd+maj+F (macoS) .

264 LEoN 9 Composition avance


1. Cliquez sur le bouton Filtre photo dans le panneau Rglages pour crer un calque
de rglage.
2. Dans le menu Filtre du panneau Proprits, choisissez Bleu profond, rglez la
Densit 80% et dsactivez loption Conserver la luminosit.

Le filtre photo donne toute la scne une teinte de couleur bleue, mais le ciel reste
trop clair. Vous allez donc utiliser un dgrad pour lassombrir.
3. Dans le panneau Outils, changez la couleur de premier plan pour le noir puis
slectionnez loutil Dgrad.
4. Dans la barre doptions, ouvrez le slecteur de dgrad puis slectionnez la seconde
option (Premier plan vers Transparent).
5. Slectionnez le calque IMG_7431.jpg dans le panneau Calques. Cliquez ensuite
environ un centimtre au-dessus de limage et faites glisser le pointeur vers le bas
un peu en dessous du milieu de limage.

6. Enregistrez le fichier.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 265


Prparer limage pour le Web
Il ne manque plus que les lments de laffiche du film et le texte sur le ct de limage
pour que la bannire web soit complte. Cependant, ces lments sont en plus haute
rsolution et vous devez les donc utiliser la fonctionnalit Enregistrer pour le Web
afin dtre sr que le poids du fichier final sera suffisamment compact pour safficher
rapidement en ligne. Vous en apprendrez plus sur la bote de dialogue Enregistrer
pour le Web au cours de la Leon13.
1. Cliquez sur Fichier> Ouvrir puis double-cliquez sur le fichier Affiche-film.psd
pour louvrir.
2. Cliquez sur Fentre> Rorganiser> 2vignettes verticales afin de voir simultanment
le panorama et laffiche du film. Cliquez sur limage Affiche-film.psd pour lactiver.
3. Maintenez la touche Ctrl ou Cmd enfonce et cliquez sur les calques Title et Monstre
pour les slectionner. Faites ensuite glisser ces deux calques dans la fentre de
document du fichier 09B_Retouche.psd.

4. Fermez le fichier Affiche-film.psd sans lenregistrer. Ensuite, avec loutil Dplacement,


faites glisser limage du monstre et le titre sur la droite du panorama.
5. Dans le panneau Calques, faites glisser le calque de rglage Filtre photo1 sous les
calques Title et Monstre pour que le filtre nagisse que sur le calque IMG_7431.
jpg (le panorama).
6. Cliquez sur Fichier> Enregistrer pour le Web.
7. Slectionnez JPEG suprieur dans le menu droulant Paramtre prdfini de la
bote de dialogue Enregistrer pour le Web.
8. Dans la section Taille de limage, entrez 1024px dans le champ Largeur. Comme
la hauteur est lie la largeur par dfaut, les valeurs du champ Largeur changent
automatiquement.
9. Cliquez sur Enregistrer.
10. Choisissez Images dans le menu Format de la bote de dialogue Enregistrer une
copie optimise sous. Nommez le fichier Banniere.jpg puis parcourez votre disque
dur jusquau dossier Lesson09. Cliquez ensuite sur Enregistrer.
11. Ouvrez le fichier Banniere.jpg dans Photoshop pour visualiser la bannire web
termine. Elle est prte tre confie un concepteur de sites web.
Vous avez cr un montage de plusieurs images et ralis un panorama en fusionnant
dautres images. Vous tes prsent prt crer des montages et des panoramas de
vos propres images.

266 LEoN 9 Composition avance


Rvisions
Questions
1. Quelles sont les diffrences demploi entre un filtre dynamique et un filtre normal?
2. Quelle est laction des outils Contraction et Dilatation de la bote de dialogue Fluidit?
3. Quest-ce quune action? Comment en crer une?
4. Comment crer un panorama?

Rponses
1. Les filtres dynamiques sont non destructifs. Il est possible de les retoucher, de les
dsactiver, de les ractiver ou de les supprimer tout moment. linverse, leffet
des filtres normaux est permanent sur limage. Une fois quils sont appliqus, il nest
pas possible de les supprimer. Les filtres dynamiques ne peuvent tre employs que
sur les calques dobjets dynamiques.
2. Loutil Dilatation dplace les pixels depuis le centre de la brosse vers lextrieur tandis
que loutil Contraction dplace les pixels de lextrieur vers le centre de la brosse.
3. Une action est un ensemble de plusieurs commandes quon peut enregistrer puis
excuter afin dappliquer les mmes oprations sur un ou plusieurs fichiers. Pour
crer une action, on clique sur le bouton Crer une action au bas du panneau Actions,
on lui donne un nom puis on clique sur Enregistrer. On effectue ensuite les tches
inclure puis on clique sur le bouton Arrter lexcution/lenregistrement au bas
du panneau Actions.
4. Pour crer un panorama, on utilise plusieurs photos destines former un ensemble.
Puis, on clique sur Fichier> Automatisation> Photomerge, on choisit les images
fusionner et on dfinit les options, puis on clique sur OK.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 267


PRoJET: VIDo FAmILIALE FILmE SUR UN TLPHoNE PoRTABLE .

Vous pouvez maintenant diter des fichiers vido dans Photoshop


et utiliser plusieurs de ses effets pour retoucher des images . Vous
pouvez crer un film partir de plusieurs fichiers vido, dimages
fixes, dobjets dynamiques, de fichiers audio et de calques de texte,
appliquer des transitions et animer des effets laide dimages cls .

268
DITION VIDO 10
Au cours de cette leon, vous apprendrez :
crer un montage vido dans Photoshop;
ajouter des lments une vido dans le panneau Montage;
ajouter du mouvement dans des vidos et des images fixes;
animer du texte et des effets en utilisant des images cls;
appliquer un filtre dynamique sur une vido;
ajouter des transitions entre les squences vido;
intgrer du son dans une squence vido;
procder au rendu dune vido.

Cette leon vous prendra environ une heure et demie. Si vous ne lavez pas
dj fait, tlchargez les fichiers de la Leon10 depuis le site www.pearson.fr,
sur la page ddie au livre. Au cours de cette leon, vous ne modifierez pas les
fichiers de dpart. Si vous devez nanmoins revenir la version dorigine des
fichiers, tlchargez-les de nouveau.

269
Note:
Certaines
Prparatifs
fonctionnalits
de cette leon Dans cette leon, vous allez diter une vido filme avec un appareil photo. Vous crerez
ncessitent le montage, importerez des squences vido, ajouterez des transitions et dautres effets
macoS10 .7 ou vido, puis vous procderez au rendu de la vido finale. Pour commencer, regardez
suprieur, ou
Windows7 ou
la version finale de ce projet.
suprieur . Pour 1. Lancez Photoshop et appuyez aussitt sur les touches Ctrl+Alt+Maj (Windows) ou
une description
complte de la Cmd+Option+Maj (MacOS) pour restaurer les prfrences par dfaut du logiciel
configuration (pour en savoir plus, reportez-vous la section Rtablissement des prfrences
requise par par dfaut de lIntroduction).
PhotoshopCC,
reportez-vous 2. Lorsque vous y tes invit, cliquez sur Oui pour supprimer le fichier de paramtres
la page: www. de Photoshop.
adobe.com/
fr/products/ 3. Cliquez sur Fichier> Parcourir dans Bridge.
photoshop/tech-
specs.html. 4. Dans Bridge, slectionnez le dossier Lessons dans le volet Favoris puis double-
cliquez sur le dossier Lesson10 dans le volet Contenu.
Note: Si 5. Double-cliquez sur le fichier 10End.mp4 pour louvrir dans QuickTime ou dans le
vous navez pas
install Bridge Lecteur Windows Media.
et mini Bridge,
vous devez le
faire maintenant .
Reportez-vous
lIntroduction
pour en savoir
plus .

6. Cliquez sur le bouton Lecture pour visionner la vido.


Cette courte vido regroupe plusieurs squences filmes lors dune journe la plage.
Elle contient des transitions, des effets de calque, du texte anim et une bande sonore
musicale.
7. Fermez le lecteur QuickTime ou le Lecteur Windows Media pour revenir dans Bridge.
8. Double-cliquez sur le fichier 10End.psd pour louvrir dans Photoshop. Cliquez
sur le bouton Lecture ou dplacez manuellement le curseur pour voir diffrentes
parties de la vido.
Le panneau Montage souvre dans Photoshop et la fentre de document contient des
repres. Ils indiquent la partie de limage qui sera visible sur un cran de tlvision. Le
panneau Montage contient toutes les squences vido ainsi que la piste audio.

270 LEoN 10 dition vido


9. Lorsque vous avez termin dexaminer le fichier final, fermez-le mais laissez
Photoshop ouvert.

Crer un projet vido


Le travail sur la vido est lgrement diffrent de celui sur les images fixes dans
Photoshop. Il peut tre plus facile de commencer par crer le projet puis dimporter
les lments que vous souhaitez utiliser. Pour le projet de cette leon, vous allez uti-
liser le paramtre prdfini vido puis vous ajouterez les neuf fichiers vido et image
intgrer dans le film.

Crer un fichier vido


Photoshop dispose de plusieurs paramtres prdfinis pour les films et vido. Vous
allez crer un fichier et slectionner le paramtre prdfini appropri.
1. Cliquez sur Fichier> Nouveau.
2. Nommez le fichier 10Dbut.psd par exemple.
3. Choisissez Film et vido dans le menu Paramtre prdfini.
4. Choisissez HDV/HDTV 720p/29,97 dans le menu Taille. Note: La vido
utilise dans
5. Laissez les autres paramtres sur leurs valeurs par dfaut et cliquez sur OK. cette leon a t
filme avec un
Apple iPhone,
si bien que les
paramtres
prdfinis HDV
conviennent bien .
Le paramtre
prdfini 720p
offre une
bonne qualit
dimage tout en
permettant de
raliser une vido
destine tre
diffuse en flux
continu en ligne .
6. Cliquez sur Fichier> Enregistrer sous et enregistrez le fichier dans le dossier Lesson10.

Importer des lments


Photoshop dispose de nombreux outils spcifiques du travail sur la vido, comme le
panneau Montage. Celui-ci, qui peut dj tre ouvert car vous avez examin le pro-
jet final de cette leon, sutilise pour disposer les calques dune vido, animer leurs
proprits, dfinir le dbut et la fin de chaque calque et appliquer des transitions.
Pour vous assurer que vous avez accs aux ressources dont vous avez besoin, vous
allez slectionner lespace de travail Mouvement et rorganiser les panneaux avant
dimporter les fichiers.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 271


1. Cliquez sur Fentre> Espace de travail> Mouvement.
2. Faites glisser le bord suprieur du panneau Montage vers le haut pour que celui-ci
occupe la moiti infrieure de lespace de travail.
3. Activez loutil Zoom ( ) puis cliquez sur le bouton Adapter lcran dans la barre
doptions afin que tout le document soit visible dans la moiti suprieure de lcran.
4. Cliquez sur le bouton Crer un montage vido dans le panneau Montage. Photoshop
cre un montage vido contenant deux pistes par dfaut: le Calque0 et une Piste
audio.

272 LEoN 10 dition vido


5. Dans le panneau Montage, cliquez sur le menu Vido de la piste Calque0 et
choisissez Ajouter un support.

6. Parcourez votre disque dur jusquau dossier Lesson10.


7. Maintenez la touche Maj enfonce et cliquez sur les fichiers numrots19 (vidos Note: Lorsque
et photos) pour les slectionner, puis cliquez sur Ouvrir. vous choisissez
Ajouter un
support dans un
montage sans
avoir prcis
ses dimensions,
Photoshop
dfinit celles-ci
en fonction de la
Photoshop importe les neuf lments que vous avez slectionns dans le panneau taille du premier
Montage sur la mme piste, renomme Groupe vido1. Les images fixes sont repr- fichier vido ou
de la premire
sentes avec un fond violet et les squences vido avec un fond bleu. Dans le panneau
image que vous
Calques, ces lments saffichent comme des calques distincts dans le groupe de calque importez .
nomm Groupe vido1. Le calque Calque0 tant inutile, vous allez le supprimer.
8. Slectionnez le calque Calque0 dans le panneau Calques puis cliquez sur le bouton
Supprimer le calque au bas du panneau. Cliquez sur Oui dans la bote de dialogue
pour confirmer la suppression.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 273


Modifier la dure des squences dans le montage
Comme vous pouvez le constater dans le panneau Montage, les lments que vous
avez imports ont des longueurs trs diffrentes et nauront pas la mme dure dans
la vido. Or, dans ce montage, toutes les squences doivent avoir la mme dure. Vous
allez donc toutes les raccourcir pour quelles durent trois secondes. La longueur dun
lment (sa dure) est indique en secondes et en images. Ainsi, 03:00 correspond
trois secondes et 02:25 deux secondes et vingt-cinq images.
Note: Vous 1. Faites glisser vers la droite le curseur Grer le zoom du montage au bas du panneau
donnez la mme Montage pour agrandir la taille daffichage du montage. Vous devez pouvoir visualiser
dure tous les
lments ici, mais
la vignette de chaque lment et lchelle de temps doit afficher suffisamment de
vous pouvez dtails pour que vous puissiez modifier la dure de chaque lment avec prcision.
bien sr avoir des
squences plus
2. Faites glisser le bord droit de la premire squence (1_Family) 03:00 sous lchelle
ou moins longues de temps. Photoshop affiche le point de sortie (la fin) et la dure au cours du
dans un montage, redimensionnement pour que vous puissiez indiquer le moment exact.
tout dpend du
projet sur lequel
vous travaillez .

3. Faites glisser le bord droit de la seconde squence (2_BoatRide) pour lui donner
une dure de 03:00.
Rduire la dure dune squence vido ne comprime pas son contenu mais en sup-
prime une partie. Dans notre exemple, vous nallez ainsi utiliser que les trois premires
secondes de chaque squence. Si vous vouliez utiliser une partie diffrente dune vido,
vous devriez rduire sa longueur en faisant glisser ses bords gauche et droit. Lorsque
vous faites glisser le point de sortie dune squence vido, Photoshop affiche un aperu
de la squence afin que vous voyiez ce quelle contient.
E Astuce: 4. Rptez ltape3 pour chacun des lments restant afin que tous aient une dure
Pour changer de trois secondes.
rapidement la
dure dune
squence vido,
cliquez sur la
flche situe dans
le coin suprieur Toutes les squences ont maintenant la dure approprie, mais les dimensions de
droit de llment
puis entrez une certaines images ne conviennent pas la taille de ce projet. Vous allez donc les redi-
valeur de Dure . mensionner avant de continuer.
Cette option nest
pas disponible 5. Slectionnez le calque 1_Family dans le panneau Calques. Cette squence est
pour les images galement slectionne dans le panneau Montage.
fixes .

274 LEoN 10 dition vido


6. Cliquez sur le triangle situ dans le coin suprieur droit de llment 1_Family dans E Astuce: La
le panneau Montage pour ouvrir le panneau Mouvement. flche situe
gauche de
7. Choisissez Panoramique & Zoom dans le menu puis assurez-vous que loption llment (prs
Redimensionner pour remplir la zone de travail est active. Cliquez ensuite dans de la vignette)
permet dafficher
une zone vide du panneau Montage pour fermer le panneau Mouvement. les proprits
que vous pouvez
animer laide
dimages cls . La
flche sur la droite
de llment
ouvre la bote
de dialogue
mouvement .

Limage est redimensionne pour occuper la zone de travail, ce qui correspond ce


que nous voulions. En revanche, vous navez pas besoin de leffet panoramique et zoom
et vous allez donc le supprimer.
8. Ouvrez de nouveau le panneau Mouvement de la squence 1_Family et choisissez
Aucun mouvement dans le menu. Cliquez ensuite dans une zone vide du panneau
Montage pour fermer le panneau Mouvement.
9. Cliquez sur Fichier> Enregistrer. Cliquez sur OK dans la bote de dialogue Options
de format de Photoshop.

Animer du texte avec des images cls


Les images cls permettent de contrler une animation, des effets et tous les autres
changements qui surviennent dans le temps. Une image cl marque le moment o
vous dfinissez une valeur de position, de taille ou de style par exemple. Pour quil y ait
volution dans le temps, vous devez utiliser au moins deux images cls: la premire pour
ltat de dpart et la seconde pour ltat final. Photoshop interpole ensuite les valeurs
intermdiaires afin que le changement se droule de faon fluide sur la dure dfinie.
Vous allez utiliser des images cls pour animer le titre dune vido (Beach Day Une
journe la plage) afin quil traverse limage dintroduction de la gauche vers la droite.
1. Ouvrez le menu contextuel Vido de la piste Groupe vido1 et choisissez Nouveau
groupe vido. Photoshop ajoute une piste nomme Groupe vido2 dans le panneau
Montage.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 275


2. Activez loutil Texte horizontal ( ) puis cliquez sur le ct gauche de limage,
mi-distance environ du haut et du bas de limage. Photoshop cre un nouveau
calque de texte nomm Calque1 sur la piste Groupe vido2.
3. Choisissez une police de caractres sans serif comme Myriad Pro dans la barre
doptions, dfinissez une taille de 600pt et slectionnez la couleur blanche.
4. Saisissez BEACH DAY.
Le texte nest pas entirement visible dans limage en raison de sa taille trs importante.
Mais vous allez lanimer pour quil se traverse limage
5. Dans le panneau Calques, rduisez lopacit du calque BEACH DAY 25%.

6. Dans le panneau Montage, faites glisser le point de sortie du calque de texte 03:00
pour quil ait la mme dure que le calque 1_Family.
7. Cliquez sur la flche gauche de la vignette de la squence BEACH DAY pour
afficher ses proprits.
8. Assurez-vous que la tte de lecture se trouve bien au dbut de lchelle de temps.
9. Cliquez sur licne en forme de chronomtre de la proprit Transformation pour
dfinir une premire image cl sur ce calque.
Limage cl saffiche sous la forme dun losange jaune dans lchelle de temps.

276 LEoN 10 dition vido


10. Activez loutil Dplacement ( ) et faites glisser le calque de texte sur la zone de
travail en alignant le sommet des lettres sur le deuxime repre en partant du haut
de limage. Faites ensuite glisser le texte vers la droite afin que seul le bord gauche
de la lettre B du mot BEACH soit visible.
11. Dplacez la tte de lecture sur la dernire image de la squence ( 02:29). E Astuce:
Photoshop
12. Maintenez la touche Maj enfonce et faites glisser le texte sur la gauche de limage indique la
afin que seul le bord droit de la lettre Y du mot DAY soit visible. En maintenant la position de la
touche Maj enfonce, vous tes sr de ne pas modifier la position verticale du texte. tte de lecture
dans le coin
Comme vous avez modifi la position du texte, Photoshop cre une nouvelle image cl. infrieur gauche
du panneau
montage .

13. Faites glisser la tte de lecture sur les trois premires secondes de lchelle de temps
pour visualiser lanimation. Le titre traverse limage.
14. Cachez les proprits de llment puis cliquez sur Fichier> Enregistrer pour
sauvegarder votre travail.

Les effets
Un des avantages de travailler sur des fichiers vido dans Photoshop est que vous
pouvez crer des effets en utilisant les calques de rglage, les styles et raliser des
transformations simples.

Utiliser les calques de rglage sur des squences vido


Vous avez utilis des calques de rglage sur des images fixes dans les leons prcdentes.
Mais ils fonctionnent galement parfaitement sur les squences vido. Lorsque vous
utilisez un calque de rglage sur un groupe vido, Photoshop lapplique uniquement
au calque situ immdiatement en dessous dans le panneau Calques.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 277


1. Slectionnez le calque 3_DogAtBeach dans le panneau Calques.
2. Dans le panneau Montage, placez la tte de lecture au dbut de la squence
3_DogAtBeach ( 06:00) afin de voir leffet du filtre sur limage.
Note: Si vous 3. Dans le panneau Rglages, cliquez sur le bouton Noir et blanc.
aviez import
le fichier vido 4. Dans le panneau Proprits, laissez le paramtre prdfini par dfaut et activez
laide de la loption Teinte. La couleur par dfaut cre un effet spia qui convient bien pour
commande cette squence. Vous pouvez essayer diffrentes valeurs de couleur pour modifier
Importer, il ne
serait pas dans
leffet noir et blanc selon vos gots.
un groupe vido
et vous devriez
crer un calque
dcrtage pour
limiter laction du
calque de rglage
ce seul lment .

5. Faites glisser la tte de lecture dans le panneau Montage pour afficher un aperu
de leffet sur la squence 3_DogAtBeach.

Animer un effet de zoom


Mme des transformations trs simples peuvent produire des effets intressants
lorsque vous les animez. Vous allez animer un effet de zoom sur la squence 4_Dogs.
1. Placez la tte de lecture au dbut de la squence 4_Dogs dans le panneau Montage
( 09:00).
2. Cliquez sur la flche droite de la squence 4_Dogs pour afficher le panneau
Mouvement.
3. Choisissez Zoom dans le menu droulant, puis Zoom avant dans le menu Zoom.
Cliquez ensuite sur le coin suprieur gauche de la grille de zoom situe en bas
gauche du panneau Mouvement pour que leffet de zoom seffectue sur ce point
de rfrence. Assurez-vous que loption Redimensionner pour remplir la zone
de travail est active puis cliquez dans une zone vide du panneau Montage pour
fermer le panneau Mouvement.
4. Faites glisser la tte de lecture sur la dure de la squence pour afficher un aperu de
leffet. Vous allez augmenter la taille de limage la dernire image pour renforcer
leffet de zoom.
5. Cliquez sur la flche gauche de la vignette de la squence 4_Dogs pour afficher
ses proprits.
La squence compte deux images cls, une pour le dbut et lautre pour la fin de leffet
Zoom avant.

278 LEoN 10 dition vido


6. Cliquez sur la flche pointant vers la droite situe devant la proprit Transformation E Astuce: Les
pour placer la tte de lecture sur la dernire image cl de cette squence puis flches situes
devant le nom
cliquez sur dition> Transformation manuelle. Entrez 120% dans les champs
dune proprit
Largeur et Hauteur de la barre doptions puis pressez la touche Entre ou Retour dans le panneau
pour valider la transformation. montage
permettent de
passer dune
image cl lautre .
Cliquez sur la
flche pointant
vers la gauche
pour revenir
limage cl
prcdente .

7. Faites glisser la tte de lecture sur la dure de la squence 4_Dogs pour afficher de
nouveau lanimation.
8. Cliquez sur Fichier> Enregistrer.

Appliquer un filtre dynamique sur une vido


Vous pouvez appliquer des filtres dynamiques sur des objets dynamiques, y compris
ceux dun projet vido. Vous allez convertir la squence vido qui se droule sur le
bateau en objet dynamique puis vous lui appliquerez un effet de flou interactif. Comme
il sagit dun filtre dynamique, vous pourrez tout moment modifier ses rglages ou
le supprimer ensuite si vous le souhaitez.
1. Dplacez la tte de lecture 12:00, soit la premire image de la squence 5_BoatRide2,
puis slectionnez cette squence dans le panneau Montage.
2. Le calque 5_BoatRide2 tant slectionn dans le panneau Calques, ouvrez le menu
du panneau Calques et choisissez Convertir en objet dynamique.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 279


Note: Pour Licne du calque change dans le panneau Calques pour indiquer quil sagit dun
en savoir sur les objet dynamique.
flous interactifs,
reportez-vous la 3. Cliquez sur Filtre> Flou> Flou de diaphragme.
Leon5 .
Lespace de travail change pour afficher la Galerie deffets de flou et ouvrir les panneaux
Outils effets de flou et Effets de flou.

4. Faites glisser la poigne centrale sur lpaule de la femme afin que la mise au point
seffectue sur les personnes et le chien et que le reste de la scne soit floue. Cliquez
ensuite sur OK dans la barre doptions.
5. Faites glisser la tte de lecture sur la squence vido pour visualiser leffet.
La camra bouge au cours de la vido mais la zone de nettet reste la mme, si bien que
vers 14:20, le chien se trouve en dehors de cette zone et devient flou. Vous allez ajuster
leffet pour largir la zone de mise au point. Comme il sagit dun filtre dynamique, le
flou est trs facile ajuster.
6. Double-cliquez sur Galerie deffets de flou dans le panneau Calques pour modifier
les paramtres du filtre. Faites glisser les poignes de contrle de lellipse et celles
qui contrlent le contour progressif du flou pour agrandir la zone de mise au point
afin que les personnes et le chien restent nets tout au long de la squence. Cliquez
ensuite sur OK dans la barre doptions.

E Astuce: Si
vous voulez que
la zone de nettet
change au cours 7. Faites glisser la tte de lecture sur la squence vido pour visualiser leffet ainsi
de la squence, modifi.
vous devez
lanimer laide Les modifications que vous venez dapporter sappliquent sur lensemble de la squence
dimages cls . vido, mme si la tte de lecture se trouvait un endroit diffrent.

280 LEoN 10 dition vido


Animer des styles de calque
Vous pouvez appliquer des styles de calque sur des squences du panneau Montage,
comme vous allez le voir en ajoutant un effet intressant sur limage de la fillette qui
porte des lunettes de soleil. Pour commencer, vous allez redimensionner cette image
afin quelle ait les mmes dimensions que la zone de travail. Vous appliquerez ensuite
un style, le supprimerez puis lappliquerez de nouveau diffrents instants afin que
limage semble clignoter dans la vido.
1. Placez la tte de lecture au dbut de la squence 6_Avery clip ( 15:00).
Cette image est trop grande pour la zone de travail.
2. Ouvrez le panneau Mouvement de cette squence, choisissez Panoramique & Zoom
dans le menu, puis assurez-vous que loption Redimensionner pour remplir la zone
de travail est active. Cliquez ensuite dans une zone vide du panneau Montage pour
fermer le panneau Mouvement et redimensionner limage.
3. Ouvrez de nouveau le panneau Mouvement et choisissez Aucun mouvement dans
le menu, puisquon ne souhaite pas effectuer un effet de panoramique et de zoom
sur cette image. Cliquez ensuite dans une zone vide du panneau Montage pour
fermer le panneau Mouvement.
4. Cliquez sur Fentre> Styles pour ouvrir le panneau du mme nom.
5. Cliquez sur la flche gauche de la vignette de la squence 6_Avery pour afficher
ses proprits dans le panneau Montage puis cliquez sur licne en forme de
chronomtre de sa proprit Style.
6. Dplacez la tte de lecture au quart de la dure de la squence environ. Dans le
panneau Styles, slectionnez ensuite le style Ngatif.

Photoshop ajoute une image cl.


7. Dplacez la tte de lecture la moiti de la squence. Slectionnez le style par
dfaut dans le panneau Styles pour supprimer leffet. Photoshop ajoute une nouvelle
image cl.
8. Dplacez la tte de lecture aux trois quarts de la squence et appliquez de nouveau
le style Ngatif. Photoshop ajoute une quatrime image cl.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 281


9. Dplacez la tte de lecture la fin de la squence ( 17:29), puis slectionnez le
style par dfaut. Photoshop ajoute une dernire image cl pour cette squence.

10. Faites glisser la tte de lecture sur lchelle de temps pour visualiser leffet.

Animer une image pour crer un effet de mouvement


Vous allez animer une autre transformation pour donner lillusion du mouvement.
Pour cela, vous modifierez limage du plongeur en commenant par montrer ses pieds
pour finir sur ses mains.
1. Dplacez la tte de lecture la fin de la squence 7_jumping ( 20:29) et cliquez
sur cette squence pour la slectionner. Maintenez la touche Maj enfonce et
faites glisser limage vers le bas laide de loutil Dplacement pour que la main du
plongeur se trouve prs du haut de limage. Il sagit de la position finale du plongeur.
2. Affichez les proprits de cette squence puis cliquez sur licne en forme de
chronomtre de la proprit Position pour ajouter une image cl.

282 LEoN 10 dition vido


3. Dplacez la tte de lecture au dbut de la squence ( 18:00). Dplacez limage en
maintenant la touche Maj enfonce pour que les pieds du plongeur se trouvent au
bas de limage dans la fentre de document.
Photoshop ajoute une image cl.

4. Faites glisser la tte de lecture sur lchelle de temps pour visualiser un aperu de
lanimation.
5. Cachez les proprits de cette squence puis cliquez sur Fichier> Enregistrer pour
sauvegarder votre travail.

Ajouter des effets de panoramique et de zoom


Vous pouvez facilement crer des effets de panoramique et de zoom comparables
ceux que lon voit dans les documentaires. Vous allez le faire ici sur les couchers de
soleil pour amliorer la fin de la vido.
1. Dplacez la tte de lecture au dbut de la squence 8_Sunset ( 21:00).
2. Ouvrez le panneau Mouvement pour cette squence, choisissez Panoramique dans
le menu droulant, puis assurez-vous que loption Redimensionner pour remplir la
zone de travail est active. Cliquez ensuite dans une zone vide du panneau Montage
pour fermer le panneau Mouvement.
3. Dplacez la tte de lecture au dbut de la squence 9_Sunset2 ( 24:00).

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 283


4. Ouvrez le panneau Mouvement pour cette squence, choisissez Panoramique et zoom
dans le menu droulant, puis Zoom arrire dans le menu Zoom. Assurez-vous que
loption Redimensionner pour remplir la zone de travail est active. Cliquez ensuite
dans une zone vide du panneau Montage pour fermer le panneau Mouvement.

5. Faites glisser la tte de lecture sur lchelle de temps du dbut la fin des deux
dernires squences pour visualiser un aperu de ces effets.

Ajout de transitions
Une transition permet de faire le lien entre une squence et la suivante. Dans Photoshop,
les transitions se crent par simple glisser-dposer.
1. Cliquez sur le bouton Atteindre la premire image ( ) situ dans le coin suprieur
gauche du panneau Montage pour placer la tte de lecture au dbut de lchelle
de temps.
2. Cliquez sur le bouton Transitions ( ) situ dans le coin suprieur gauche du
panneau Montage. Slectionnez Fondu enchan et donnez au paramtre Dure
une valeur de 0,25seconde (un quart de seconde).
3. Faites glisser la transition Fondu enchan entre les squences 1_Family et 2_BoatRide.
Photoshop ajuste la fin des squences pour appliquer la transition. Une icne blanche
saffiche dans le coin infrieur gauche de la deuxime squence.

284 LEoN 10 dition vido


4. Faites glisser une transition Fondu enchan aprs chacune des autres squences
du montage.
5. Faites glisser une transition Fondu au noir sur la fin de la dernire squence.

6. Pour rendre la transition moins abrupte, faites glisser le bord gauche de la transition
Fondu au noir vers la gauche pour lui donner une dure quivalente environ un
tiers de la dure de la squence.

7. Cliquez sur Fichier> Enregistrer.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 285


Ajout de son
Vous pouvez ajouter une piste audio spare un fichier vido dans Photoshop. En
fait, le panneau Montage contient une piste audio par dfaut. Vous allez ajouter un
fichier MP3 comme bande sonore de ce court projet vido.
E Astuce: Vous 1. Cliquez sur licne en forme de note de musique de la piste audio dans le panneau
pouvez galement Montage puis choisissez Ajouter audio dans le menu.
ajouter une piste
audio en cliquant
sur le bouton+
situ lextrme
droite de la piste
dans le panneau
montage .

2. Slectionnez le fichier beachsong.mp3 situ dans le dossier Lesson10 puis cliquez


sur Ouvrir.
Le fichier audio est ajout au montage, mais il est beaucoup plus long que la vido.
Vous allez donc rduire sa dure avec loutil Fractionner la tte de lecture.
3. Dplacez la tte de lecture la fin de la squence 9_Sunset2 clip puis cliquez sur
loutil Fractionner la tte de lecture.
Le fichier audio est coup en deux squences audio ce moment.

4. Slectionnez le second segment audio, qui dbute aprs la fin de la squence 9_Sunset2,
puis appuyez sur la touche Suppr pour supprimer cette squence audio du montage.
La piste audio a maintenant la mme dure que la vido. Vous allez ajouter un fondu
pour que la musique se termine de manire moins abrupte.

286 LEoN 10 dition vido


5. Cliquez sur la petite flche droite de la squence audio pour ouvrir le panneau
Audio puis donnez une valeur de 3secondes au paramtre Fondu louverture et
de 5secondes au paramtre Fondu en sortie.

6. Enregistrez votre travail.

Rendre muet laudio dune vido E Astuce: Pour


que la lecture
Vous avez jusqu prsent fait glisser la tte de lecture sur lchelle de temps pour soit plus fluide,
visualiser un aperu de certaines squences. Vous allez maintenant lancer un aperu de cliquez sur licne
en forme de
toute la vido en utilisant le bouton Lecture du panneau Montage puis vous couperez haut-parleur de
le son aux moments o il est superflu. la piste audio
pour dsactiver
1. Cliquez sur le bouton Lecture ( ) situ dans le coin suprieur gauche du panneau la bande sonore
Montage pour visualiser le projet. et lancez une
premire fois
Le rsultat est bon, mais certaines squences vido contiennent une bande sonore la lecture de la
superflue en arrire-plan. Vous allez donc mettre en sourdine ces sons inutiles. vido . Photoshop
peut alors mettre
2. Cliquez sur le petit triangle droite de la squence 2_BoatRide. en cache le
montage de faon
3. Cliquez sur longlet Audio pour afficher les options sonores de cette squence puis
plus complte
activez loption Couper le son. Cliquez ensuite dans une zone vide du panneau et laperu est
Montage pour fermer le panneau Mouvement. ainsi plus prcis .
Relancez ensuite
la lecture en
ractivant le son .

4. Rptez les tapes 2 et 3 pour la squence 3_DogAtBeach.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 287


La squence 5_BoatRide2 contient aussi une piste sonore superflue. Mais comme il
sagit dun objet dynamique, vous devez louvrir et couper le son sparment.
5. Double-cliquez sur la vignette du calque 5_BoatRide2 dans le panneau Calques pour
ouvrir cet objet dynamique. Cliquez sur OK dans la bote de message qui saffiche.
6. Cliquez sur le petit triangle la fin de llment 5_BoatRide2 pour ouvrir le panneau
Mouvement. Cliquez ensuite sur longlet Audio et activez loption Couper le son.
7. Fermez lobjet dynamique 5_BoatRide2 puis enregistrez-le quand Photoshop vous
le demande. Vous revenez alors au fichier 10Dbut.psd.
8. Lancez de nouveau la lecture du projet. prsent, seul le son de la piste audio que
vous avez ajoute est audible.
9. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.

Rendu de la vido
Vous tes prt effectuer le rendu de votre projet en vido. Photoshop fournit pour
cela plusieurs options. Vous allez ici slectionner des options adaptes une lecture
en continu afin de partager votre ralisation sur le site web Vimeo. Pour en savoir plus
sur les autres options de rendu, consultez lAide de Photoshop.
1. Cliquez sur Fichier> Exportation> Rendu vido ou sur le bouton Rendu vido
( ) situ dans le coin infrieur gauche du panneau Montage.
2. Nommez le fichier 10Final.mp4.
3. Cliquez sur le bouton Slectionner un dossier puis parcourez votre disque dur
jusquau dossier Lesson10. Cliquez ensuite sur OK ou Choisir.
4. Dans le menu Paramtre prdfini, choisissez Vimeo HD720p25.
5. Cliquez sur Rendu.

Photoshop affiche une barre de progression indiquant lavance de lexportation de la


vido. Selon votre configuration matrielle, ce rendu peut ncessiter plusieurs minutes.
Le rendu peut 6. Ouvrez le dossier Lesson10 dans Bridge puis double-cliquez sur le fichier 10Final.
tre assez long, mp4 que vous venez de crer pour le visualiser.
selon votre
configuration
matrielle .

288 LEoN 10 dition vido


Rvisions
Questions
1. Quest-ce quune image cl et comment en crer une?
2. Comment ajouter une transition entre des squences?
3. Comment effectuer le rendu dune vido?

Rponses
1. Une image cl marque le moment o une valeur prcise est dfinie, quil sagisse de
la position, de la taille ou du style. Pour que cette valeur volue dans le temps, deux
images cls au moins sont ncessaires, lune pour dfinir ltat de dpart et lautre
pour ltat final. Pour crer la premire image cl, on clique sur licne en forme de
chronomtre gauche de la proprit modifier. Photoshop cre des images cls
additionnelles chaque fois quon modifie les valeurs de cette proprit dans le temps.
2. Pour ajouter une transition, il suffit de cliquer sur licne Transition situe dans le
coin suprieur gauche du panneau Montage puis de faire glisser une transition sur
une squence.
3. Pour procder au rendu dune vido, on clique sur Fichier> Exportation> Rendu
vido ou sur le bouton Rendu vido situ dans le coin infrieur gauche du panneau
Montage. On slectionne ensuite les rglages vido appropris la mthode de
diffusion voulue.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 289


PRoJET: PEINTURE NUmRIQUE .

Loutil Pinceau mlangeur vous permet de mlanger les couleurs


et de peindre comme vous le feriez sur un vritable chevalet .

290
PEINDRE AVEC
LOUTIL PINCEAU
MLANGEUR 11
Au cours de cette leon, vous apprendrez :
personnaliser les paramtres de loutil Pinceau mlangeur;
nettoyer la charge de la brosse;
mlanger les couleurs;
utiliser une brosse qui srode;
crer un paramtre prdfini de forme;
utiliser les formes sches et humides pour fusionner des couleurs.

Cette leon vous prendra environ une heure. Si vous ne lavez pas dj fait,
tlchargez les fichiers de la Leon 11 depuis le site www.pearson.fr, sur
la page ddie au livre. Au cours de cette leon, vous ne modifierez pas les
fichiers de dpart. Si vous devez nanmoins revenir la version dorigine
des fichiers, tlchargez-les de nouveau.

291
propos de loutil Pinceau mlangeur
Au cours des leons prcdentes, vous avez utilis les brosses de Photoshop pour
effectuer diffrentes tches. Loutil Pinceau mlangeur fonctionne diffremment des
autres brosses dans le sens o il permet de mlanger plusieurs couleurs. Vous pouvez
modifier lhumidit de la brosse et la faon dont la couleur slectionne fusionne avec
celle dj peinte dans la fentre de document.
Dans Photoshop, les brosses agissent galement de manire raliste, si bien que vous
pouvez ajouter des textures qui ressemblent celles que vous pouvez obtenir dans le
monde rel. Bien que cette fonctionnalit soit trs pratique dans tous les cas, elle se
rvle particulirement utile avec loutil Pinceau mlangeur. Vous pouvez aussi utiliser
les brosses qui srodent pour obtenir des effets comparables ceux de crayons de
couleur et de pastels dans le monde rel. En combinant diffrentes options de formes
et de brosses et en faisant varier lhumidit, la quantit de peinture charge dans le
rservoir et les paramtres de mlange des couleurs, vous pouvez obtenir exactement
le rsultat que vous souhaitez.

Prparatifs
Dans cette leon, vous allez dcouvrir loutil Pinceau mlangeur et les options de forme
et de brosses de PhotoshopCC. Pour commencer, observez les versions finales des
projets que vous allez raliser.
Note: Si
vous navez pas 1. Lancez Photoshop et appuyez aussitt sur les touches Ctrl+Alt+Maj (Windows) ou
install Bridge
Cmd+Option+Maj (MacOS) pour restaurer les prfrences par dfaut du logiciel
et mini Bridge,
vous devez le (pour en savoir plus, reportez-vous la section Rtablissement des prfrences
faire maintenant . par dfaut de lIntroduction).
Reportez-vous
lIntroduction 2. Lorsque vous y tes invit, cliquez sur Oui pour supprimer le fichier de paramtres
pour en savoir de Photoshop.
plus .
3. Cliquez sur Fichier> Parcourir dans Bridge pour ouvrir Adobe Bridge.
Note: Si vous 4. Dans Bridge, cliquez sur Lessons dans le volet Favoris, puis double-cliquez sur le
prvoyez dutiliser
dossier Lesson11 dans le volet Contenu.
Photoshop pour
de nombreux 5. Examinez les fichiers finaux du dossier Lesson11. Vous allez utiliser limage de la
travaux de
peinture, nous
palette pour dcouvrir les options de forme et apprendre mlanger les couleurs.
vous conseillons Vous mettrez ensuite en pratique ces connaissances pour transformer limage du
lachat dune paysage en aquarelle.
palette graphique .
Photoshop tient 6. Double-cliquez sur le fichier 11Palette_start.
compte la vole psd pour louvrir dans Photoshop.
de la manire
dont vous tenez 7. Cliquez sur Fichier > Enregistrer sous et
et utilisez le stylet sauvegardez limage au format Photoshop
pour modifier la
taille de la brosse,
sous le nom 11PaletteRetouche.psd. Cliquez
sa duret et son sur OK dans la bote de dialogue Options de
angle . format Photoshop si elle saffiche.

292 LEoN 11 Peindre avec loutil Pinceau mlangeur


Slection des paramtres de forme
Cette image se compose dune palette et de quatre tubes de peinture avec lesquels vous
allez chantillonner les couleurs. Vous modifierez les paramtres en peignant avec
diffrentes couleurs et dcouvrirez les formes de pointe et dhumidit.
1. Activez loutil Zoom ( ) et zoomez sur les tubes de peinture.
2. Slectionnez loutil Pipette ( ) et chantillonnez la couleur rouge du premier tube.
La couleur de premier plan devient le rouge. Note: Si
loption openGL
3. Activez loutil Pinceau mlangeur ( ) cach sous loutil Pinceau ( ). est active,
Photoshop
affiche un cercle
qui permet
de visualiser
la couleur
chantillonne .

4. Cliquez sur Fentre> Forme pour ouvrir le panneau du mme nom. Slectionnez
ensuite la premire forme si cela nest pas dj le cas.
Le panneau Forme contient
plusieurs formes prdfi-
nies et diffrentes options de
personnalisation.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 293


Tester les options dhumidit des brosses
Leffet de la brosse est dfini par les options Humidit, Charge et Mlange de la barre
doptions. Lhumidit contrle la quantit de peinture que la forme prlve dans limage.
Loption Charge contrle la quantit de peinture charge dans le rservoir lorsque
vous commencez peindre (tout comme un vrai pinceau, vous disposez donc dune
quantit limite de peinture). Loption Mlange contrle le rapport entre la peinture
dans limage et la peinture du rservoir.
Vous pouvez modifier ces paramtres sparment. Cependant, il est plus rapide de
slectionner une combinaison standard dans le menu droulant Combinaison de
fusion de formes pratiques.
1. Dans la barre doptions, choisissez Sec dans le menu droulant Combinaison de
fusion de formes pratiques.
Lorsque vous choisissez le paramtre Sec, Humidit est fixe 0%, Charge 50% et
Mlange est dsactiv. La couleur que vous peignez est alors opaque; vous ne pouvez
pas mlanger des couleurs sur une toile sche.
2. Peignez au-dessus du tube de peinture rouge. La couleur est rouge unie. Au fur
et mesure que vous peignez sans relcher le bouton de la souris, la quantit de
peinture samenuise peu peu.

Note:
Lorsque vous
chantillonnez
une couleur
dans la fentre
de document
avec Alt+clic
ou option+clic,
toutes les 3. chantillonnez la couleur bleue du deuxime tube laide de loutil Pipette ou
variations de en cliquant sur le tube tout en appuyant sur la touche Alt (Windows) ou Option
la couleur sont
prises en compte . (MacOS). Si vous utilisez loutil Pipette, activez de nouveau loutil Pinceau mlangeur
Si vous voulez aprs avoir chantillonn la couleur bleue.
chantillonner
une couleur 4. Dans le panneau Forme, slectionnez la brosse ventail arrondi. Choisissez ensuite
unie seulement, Mouill dans le menu droulant de la barre doptions.
slectionnez
Charger les
couleurs unies
seulement dans le
menu Charge de
la forme actuelle
de la barre
doptions .

294 LEoN 11 Peindre avec loutil Pinceau mlangeur


5. Peignez au-dessus du tube de peinture bleu. La couleur se mlange avec larrire-
plan blanc.

E Astuce:
Laperu de la
brosse permet de
prvisualiser la
forme de la brosse
6. Choisissez Sec dans le menu droulant de la barre doptions puis peignez de nouveau que vous utilisez .
Pour lafficher
au-dessus du tube de peinture bleu. La couleur est plus sombre, plus opaque, et ne ou non, cliquez
se mlange pas avec larrire-plan. sur le bouton
Activer/dsactiver
Les coups de pinceau de la brosse ventail arrondi sont beaucoup plus visibles que laperu de la
ceux de la premire forme. Le choix de la brosse a un norme impact sur la texture pointe active au
que vous peignez. bas du panneau
Forme . Cette
7. Dans le panneau Forme, rduisez la valeur Brosses 40%. Peignez de nouveau avec option est
la couleur bleue pour observer le changement de texture. Les traits sont encore uniquement
disponible si
plus visibles. openGL est activ .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 295


8. chantillonnez la couleur jaune du troisime tube. Dans le panneau Forme,
slectionnez la brosse Point plat ( droite de la brosse ventail arrondi). Choisissez
ensuite Sec dans le menu droulant de la barre doptions et peignez au-dessus du
tube de couleur jaune.

9. Choisissez Trs mouill dans le menu de la barre doptions puis peignez de nouveau
dans limage. La couleur jaune se mlange alors avec larrire-plan blanc.

Utiliser une brosse qui srode


Lorsque vous utilisez une brosse qui srode, son paisseur volue au fur et mesure
que vous peignez. Les brosses qui srodent se reconnaissent dans le panneau Forme
leurs icnes en forme de crayons car dans le monde physique, la mine des crayons et
des pastels srode. Vous allez essayer des pointes rodables et des brosses triangulaires.
1. chantillonnez la couleur du tube vert et choisissez Sec, pais dans la barre doptions.
2. Slectionnez une forme rodable (nimporte quelle brosse qui a une icne en forme
de crayon), puis choisissez Point rodable dans le menu Forme. Rglez Taille de la
brosse 30px et sa valeur dAdoucissement 100%.
Le paramtre Adoucissement dfinit la vitesse laquelle la pointe srode. Plus sa
valeur est leve et plus lrosion est rapide.

296 LEoN 11 Peindre avec loutil Pinceau mlangeur


3. Peignez une ligne en zigzag au-dessus du tube de couleur verte.
La ligne devient plus paisse au fur et mesure que la pointe srode.

4. Cliquez sur Accentuer la pointe dans le panneau Forme puis peignez une nouvelle
ligne prs de la premire.

La pointe plus fine peint une ligne beaucoup plus troite.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 297


5. Choisissez Triangle rodable dans le menu Forme du panneau Forme puis peignez
une ligne brise.
Vous pouvez choisir plusieurs types de pointes qui srodent selon leffet que vous
recherchez.

Mlange des couleurs


Note: Le Vous avez utilis les brosses sches et humides, modifi les paramtres des formes et
mlange des mlang une couleur celle de larrire-plan. Vous allez maintenant voir comment
couleurs sollicite
beaucoup la
mlanger plusieurs couleurs en en ajoutant la palette dans limage.
mmoire et peut 1. Zoomez en arrire suffisamment pour que la palette et tous les tubes de peinture
donc ncessiter
plus ou moins
soient visibles lcran.
de temps selon 2. Slectionnez le calque Paint mix dans le panneau Calques afin que la couleur que
la complexit de
votre projet . vous allez peindre ne se mlange pas avec la palette en bois du calque Background.
Loutil Pinceau mlangeur fusionne uniquement les couleurs du calque actif moins
dactiver loption chantillonner tout dans la barre doptions.
3. Utilisez loutil Pipette pour chantillonner la couleur du tube rouge. Slectionnez
la brosse mouss arrondi (la cinquime forme) puis choisissez Mouill dans le
menu droulant de la barre doptions. Peignez ensuite sur le cercle en haut et
gauche de la palette.
4. Dans la barre doptions, cliquez sur le bouton Nettoyer la forme aprs chaque trait
pour dsactiver cette option.

298 LEoN 11 Peindre avec loutil Pinceau mlangeur


5. Utilisez loutil Pipette pour chantillonner la couleur du tube bleu puis peignez sur
le mme cercle. Le rouge et le bleu se mlangent pour crer une couleur violette.
Loutil Pipette permet dchantillonner des couleurs sur un calque qui nest pas slec-
tionn (ici, le calque darrire-plan).

6. Peignez dans le cercle suivant. La peinture est toujours violette car la brosse conserve
la mme couleur tant que vous ne la nettoyez pas.
7. Dans la barre doptions, choisissez Nettoyer la forme dans le menu Charge de la
forme actuelle. Lchantillon de couleur de la barre doptions devient transparent
pour indiquer que la brosse ne contient plus de peinture.

Pour supprimer la charge de peinture dune brosse, choisissez Nettoyer la forme dans
le menu Charge de la forme actuelle. Pour remplacer la charge de peinture dans une
brosse, chantillonnez une couleur diffrente.
Si vous souhaitez que Photoshop nettoie la brosse aprs chaque utilisation, activez
loption Nettoyer la forme aprs chaque trait dans la barre doptions. Pour que la brosse
soit charge avec la couleur de premier plan aprs chaque utilisation, activez loption
Charger la forme aprs chaque contour. Ces deux options sont actives par dfaut.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 299


8. Dans la barre doptions, choisissez Charger la forme dans le menu Charge de la
forme actuelle pour que la brosse utilise la couleur au premier plan, en loccurrence
le bleu. Peignez ensuite la moiti du troisime cercle sur la palette.

9. chantillonnez la couleur du tube jaune puis peignez sur la couleur bleue avec une
brosse mouille pour mlanger les deux couleurs.
10. Mlangez de la mme manire du jaune et du rouge sur le dernier cercle de la
palette pour obtenir une couleur orange.

11. Rendez invisible le calque Circles dans le panneau Calques pour supprimer les
contours circulaires sur la palette.

12. Cliquez sur Fichier> Enregistrer.

300 LEoN 11 Peindre avec loutil Pinceau mlangeur


Julieanne Kost est une porte-parole officielle dAdobe Photoshop.

Les astuces dune porte-parole


de Photoshop
Les raccourcis clavier de loutil Pinceau mlangeur
Il nexiste pas de raccourci clavier par dfaut pour loutil Pinceau mlangeur, mais
vous pouvez crer les vtres:
1. Cliquez sur dition> Raccourcis clavier .
2. Choisissez outils dans le menu Raccourcis pour .
3. Faites dfiler la liste jusquen bas .
4. Slectionnez une commande, puis entrez un raccourci clavier personnalis . Vous
pouvez crer un raccourci pour les commandes suivantes:
Charger le Pinceau mlangeur;
Nettoyer le Pinceau mlangeur;
Activer/dsactiver le chargement automatique du Pinceau mlangeur;
Activer/dsactiver le nettoyage automatique du Pinceau mlangeur;
Activer/dsactiver tous les calques dchantillon de Pinceau mlangeur;
Accentuer les pointes rodables .

Cration dune forme prdfinie


Photoshop dispose de nombreuses formes prdfinies trs utiles. Mais il est souvent
plus simple de crer une forme prdfinie pour un projet en particulier que de per-
sonnaliser une brosse. Vous allez voir comment dans lexercice suivant.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 301


1. Dans le panneau Forme, dfinissez les paramtres suivants:
Taille: 36px;
Forme: ventail arrondi;
Brosses: 35%;
Longueur: 32%;
paisseur: 2%;
Duret: 75%;
Angle: 0;
Pas: 2%.
2. Ouvrez le menu du panneau Forme et slectionnez Nouvelle forme prdfinie.
3. Nommez la forme Paysage puis cliquez sur OK.

4. Dans le groupe de panneaux Forme, cliquez sur longlet Formes prdfinies pour
afficher ce panneau.

302 LEoN 11 Peindre avec loutil Pinceau mlangeur


Le panneau Formes prdfinies affiche des exemples de formes cres pour les diffrentes
brosses. Si vous savez quelle brosse utiliser, il peut tre plus simple de la trouver par
son nom. Vous allez afficher cette liste de formes par leurs noms afin de slectionner
la forme prdfinie que vous avez cre pour le prochain exercice.
5. Dans le menu du panneau Formes prdfinies, slectionnez Grande liste.
6. Faites dfiler le contenu du panneau jusquen bas de la liste pour afficher la forme
prdfinie Paysage que vous venez de crer.

7. Fermez limage 11PaletteRetouche.psd.

Mlange de couleurs dans une photographie


Vous avez mlang des couleurs entre elles et avec un arrire-plan blanc. Maintenant,
vous allez utiliser une photographie comme toile. Vous ajouterez des couleurs et les
mlangerez entre elles et avec les couleurs de larrire-plan afin de transformer cette
image en aquarelle.
1. Cliquez sur Fichier> ouvrir. Double-
cliquez ensuite sur limage 11Landscape_
Start.jpg situe dans le dossier Lesson11
pour louvrir.
2. Cliquez sur Fichier> Enregistrer sous
et sauvegardez limage sous le nom
11PaysageRetouche.jpg. Cliquez sur
OK dans la bote de dialogue Options
JPEG.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 303


Vous allez commencer par peindre le ciel. Pour cela, vous devez choisir une couleur
et une brosse.
3. Cliquez sur lchantillon de couleur Dfinir la couleur de premier plan dans le
panneau Outils et slectionnez un bleu clair (nous avons choisi la couleur R=185,
V=204, B=228). Cliquez ensuite sur OK.
4. Activez loutil Pinceau mlangeur ( ) sil nest pas dj slectionn. Choisissez
Sec dans le menu droulant de la barre doptions puis la forme Paysage dans le
panneau Formes prdfinies.
Les formes prdfinies sont enregistres sur votre ordinateur et restent donc dispo-
nibles pour tous vos projets.
5. Peignez sur le ciel, en vous approchant de la cime des arbres mais sans les recouvrir.
Comme vous peignez avec une brosse sche, la couleur du pinceau ne se mlange
pas celle de limage.

6. Slectionnez un bleu plus fonc (nous avons choisi la couleur R=103, V=151, B=212)
et peignez sur la partie suprieure du ciel, toujours avec ce pinceau sec.
7. Slectionnez de nouveau un bleu clair puis choisissez Mlange trs mouill pais
dans le menu droulant de la barre doptions. Peignez en diagonale dans le ciel avec
cette brosse pour mlanger les deux teintes de bleu avec la couleur darrire-plan.
Essayez de peindre aussi prs que possible des arbres pour lisser laspect du ciel.

Ajout dune couleur plus fonce avec mlange des couleurs laide dune brosse
une brosse sche . mouille .
304 LEoN 11 Peindre avec loutil Pinceau mlangeur
Lorsque lapparence du ciel vous satisfait, passez la pelouse et aux arbres.
8. Slectionnez un vert clair (nous avons choisi la couleur R=92, V=157, B=13).
Choisissez Sec dans le menu droulant de la barre doptions puis peignez sur la
partie suprieure de la pelouse.
9. chantillonnez un vert plus fonc depuis la pelouse elle-mme. Choisissez E Astuce:
Mlange trs mouill pais dans le menu droulant Combinaison de fusion de Souvenez-
vous que vous
formes pratiques de la barre doptions puis peignez en diagonale pour mlanger
vous pouvez
les couleurs de la pelouse. chantillonner
avec le raccourci
Alt+clic ou
option+clic
au lieu
dutiliser loutil
Pipette . Pour
nchantillonner
que les couleurs
unies laide
de ce raccourci
clavier, cliquez
sur Charger les
Ajout dune couleur vert clair avec mlange des couleurs avec une brosse mouille . couleurs unies
une brosse sche . seulement dans le
menu Charge de
10. chantillonnez un vert clair puis utilisez une brosse sche pour peindre les zones la forme actuelle
de la barre
les plus claires des arbres sur les cts et larbre de plus petite taille au centre de doptions .
limage. Slectionnez ensuite un vert plus fonc (nous avons choisi la couleur R=26,
V=79, B=34) et choisissez Mlange trs mouill pais dans le menu droulant
Combinaison de fusion de formes pratiques de la barre doptions. Peignez sur les
arbres pour mlanger les couleurs.

E Astuce:
Donnez des
coups de pinceau
Peinture des zones claires des arbres . mlange des couleurs . dans diffrentes
orientations
Seuls les arbres larrire-plan et les herbes brunes restent encore peindre. pour obtenir des
effets diffrents .
11. Pour les arbres larrire-plan, slectionnez une couleur tirant davantage sur le Loutil Pinceau
bleu (nous avons choisi la couleur R=65, V=91, B=116) puis peignez avec une mlangeur vous
permet de laisser
brosse sche sur leur sommet. Choisissez ensuite Mouill dans le menu droulant libre cours
de la barre doptions puis peignez sur les arbres pour mlanger leur couleur avec vos instincts
la couleur bleue. artistiques .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 305


12. chantillonnez une couleur brune des herbes hautes puis choisissez Mlange trs
mouill pais dans le menu droulant de la barre doptions. Donnez des coups de
pinceau verticaux sur la partie la plus proche pour reprsenter les herbes et peignez
horizontalement sur la zone la plus loigne pour lui donner un aspect plus lisse.

Votre aquarelle est prsent termine.

Variations des brosses


Vous pouvez aller plus loin et essayer de nombreux paramtres et variations de pointe .
Vous pouvez en particulier essayer les options Pose du pinceau et Dynamique de forme .
Le paramtre Pose du pinceau modifie langle, la rotation et la pression de la brosse .
Dans le panneau Forme, slectionnez Pose du pinceau sur la liste de gauche . Le curseur
InclinaisonX gre linclinaison de gauche droite et le curseur InclinaisonY davant en
arrire . modifiez la valeur Rotation pour changer lorientation des poils du pinceau (le
changement de Rotation est plus vident avec une brosse large et plate) . modifiez le
paramtre Pression pour dfinir quel point la brosse affecte lillustration .
Le paramtre Dynamique de forme dfinit la rgularit du coup de pinceau . Augmentez
les valeurs des options pour rendre le trait plus variable .
Si vous utilisez une palette graphique Wacom, Photoshop reconnat langle et la pression
du stylet et les applique la forme . Vous pouvez ainsi utiliser le stylet pour contrler
le paramtre Variation de la taille . Choisissez Pression de la plume ou Inclinaison de
la plume dans le menu Contrle du paramtre Dynamique de forme pour dfinir
comment cette valeur change .
De nombreuses options supplmentaires permettent de crer une multitude deffets
plus ou moins subtils . Les options disponibles dpendent de la forme de brosse slec-
tionne . Pour en savoir plus, reportez-vous lAide de Photoshop .

306 LEoN 11 Peindre avec loutil Pinceau mlangeur


Galerie de peintures
Les outils de peinture et les pointes de PhotoshopCC per-
mettent de raliser toutes sortes deffets .
Les pointes qui srodent rendent la peinture plus raliste .
Les exemples des pages suivantes sont des exemples de
travaux artistiques raliss avec les nouvelles options et les
nouveaux outils de peinture de PhotoshopCC .

Tous droits rservs sholby, www.sholby.net .

Tous droits rservs sholby, www.sholby.net. Tous droits rservs Victoria Pavlov, www.pavlovphotography.com .

Tous droits rservs Lynette Kent, www.LynetteKent.com.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 307


Galerie de peintures suite

Tous droits rservs Janet Stoppee, pour m2media .com . Tous droits rservs John Derry, Tous droits rservs sholby,
www.pixelart.com . www.sholby.net .

Tous droits rservs John Derry, www.pixelart.com .

308 LEoN 11 Peindre avec loutil Pinceau mlangeur


Rvisions
Questions
1. Quelle est la diffrence entre loutil Pinceau mlangeur et les autres outils de peinture?
2. Comment charger la forme dune brosse?
3. Comment nettoyer la forme dune brosse?
4. Comment afficher le nom des formes prdfinies?
5. Expliquez loption Aperu de la brosse et comment la dsactiver.
6. Quest-ce quune pointe qui srode?

Rponses
1. Loutil Pinceau mlangeur mlange la couleur de la brosse avec les couleurs dj
prsentes dans limage.
2. On peut charger la forme dune brosse en chantillonnant une couleur, soit laide
de loutil Pipette soit en utilisant les raccourcis clavier (Alt+clic ou Option+clic).
On peut galement choisir Charger la forme dans le menu droulant Charge de la
forme actuelle de la barre doptions pour utiliser la couleur de premier plan.
3. Pour nettoyer une brosse, on choisit Nettoyer la forme dans le menu droulant
Charge de la forme actuelle de la barre doptions.
4. Pour afficher les formes prdfinies par leurs noms, on choisit Grande liste (ou Petite
liste) dans le menu du panneau formes prdfinies.
5. Loption Aperu de la brosse permet de visualiser la direction des coups de pinceau.
Elle est disponible si OpenGL est active. Pour afficher ou masquer cette option,
on clique sur le bouton Activer/dsactiver laperu de la brosse au panneau des
panneaux Forme ou Formes prdfinies.
6. Une pointe qui srode change dpaisseur au cours de son utilisation, de la mme
faon que la mine dun crayon ou dun pastel change de forme.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 309


PRoJET: PUBLICIT PoUR DU VIN .

Les artistes 3D passent des heures, des jours, voire des semaines,
crer des images photoralistes . Les capacits3D de Photoshop
permettent de raliser facilement et avec prcision des images3D
complexes et de les modifier tout aussi aisment .

310
LES IMAGES 3D 12
Au cours de cette leon, vous apprendrez :
crer une forme 3D partir dun calque;
importer un objet3D;
crer du texte en 3D;
appliquer leffet Carte postale3D;
manipuler des objets laide du widget Axe3D;
ajuster la position de la camra;
dfinir les coordonnes dun objet dans le panneau Proprits;
ajuster les sources de lumire;
animer un fichier3D.

Cette leon vous prendra environ une heure et demie. Si vous ne lavez pas
dj fait, tlchargez les fichiers de la Leon 12 depuis le site www.pearson.fr,
sur la page ddie au livre. Au cours de cette leon, vous ne modifierez pas les
fichiers de dpart. Si vous devez nanmoins revenir la version dorigine des
fichiers, tlchargez-les de nouveau.

311
Note:
Certaines
Prparatifs
fonctionnalits
de cette leon Les fonctionnalits 3D tudies dans cette leon sont disponibles seulement si votre
ncessitent carte graphique dispose dun minimum de 512Mo de mmoire vive, prend en charge
macoS10 .7 ou OpenGL2.0 et si cette option est active sur votre ordinateur. Pour en savoir plus sur
suprieur, ou
Windows7 ou
votre carte graphique, cliquez sur dition> Prfrences> Performance (Windows)
suprieur . Pour ou Photoshop> Prfrences> Performance (MacOS) puis examinez les informations
une description de la section Paramtres du processeur graphique.
complte de la
configuration Vous allez crer une scne en trois dimensions pour une publicit pour du vin.
requise par
PhotoshopCC, Commencez par examiner la scne finale.
rendez-vous sur
1. Lancez Photoshop et appuyez aussitt sur les touches Ctrl+Alt+Maj (Windows) ou
la page: www.
adobe.com/ Cmd+Option+Maj (MacOS) pour restaurer les prfrences par dfaut du logiciel
fr/products/ (pour en savoir plus, reportez-vous la section Rtablissement des prfrences
photoshop/ par dfaut de lIntroduction).
tech-specs.html.
2. Dans la bote de message qui apparat, cliquez sur Oui pour supprimer le fichier
Note: Si de paramtres de Photoshop.
vous navez pas
install Bridge 3. Cliquez sur Fichier> Parcourir dans Bridge pour ouvrir Adobe Bridge.
et mini Bridge,
4. Dans le volet Favoris, cliquez sur le dossier Lessons puis double-cliquez sur le
vous devez le
faire maintenant . dossier Lesson12 dans le volet Contenu.
Reportez-vous
lIntroduction
5. tudiez le fichier 12End.psd. La scne contient une bouteille, un verre de vin et une
pour en savoir carte en trois dimensions, poss sur une bote en bois sur la face avant de laquelle
plus . est inscrit du texte3D.
6. Double-cliquez sur le fichier 12End.mp4 pour visualiser une vido montrant
comment la lumire a t anime pour simuler un lever de soleil. Une fois que
vous avez examin la vido, fermez QuickTime.
7. Double-cliquez sur le fichier 12Start.psd
pour louvrir dans Photoshop.
Ce fichier contient une image de vigne, un calque
de fond noir et deux calques supplmentaires.

312 LEoN 12 Les images 3D


Cration dune forme 3D partir dun calque
Photoshop intgre plusieurs formes3D prdfinies, dont des formes gomtriques et
des formes dobjets courants comme une bouteille de vin ou un anneau. Lorsque vous
crez une forme partir dun calque, Photoshop enroule le calque sur cet objet3D
prdfini. Vous pouvez ensuite faire pivoter, repositionner et redimensionner lobjet3D,
voire lclairer sous plusieurs angles avec des lumires de diffrentes couleurs.
Vous allez commencer par crer la table sur laquelle se trouveront la bouteille, le verre
et la carte. Pour cela, vous allez emballer un cube3D avec le calque qui contient une
image de bois.
1. Cliquez sur Fichier> Enregistrer sous. Parcourez votre disque dur jusquau dossier
Lesson12 et enregistrez le fichier sous le nom 12retouche.psd par exemple. Cliquez
sur OK si la bote de dialogue Options de format Photoshop saffiche.
2. Dans le panneau Calques, rendez visible le calque Wood puis slectionnez-le.

3. Cliquez sur 3D> Nouveau filet partir du calque> Filet prdfini> Emballage
cubique.
4. Cliquez sur Oui lorsque Photoshop vous demande si vous souhaitez passer dans
lespace de travail3D.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 313


Lespace de travail3D affiche les panneaux3D, Calques et Proprits, qui sont les plus
utiliss pour travailler sur des objets3D. La grille qui saffiche indique la position du
sol par rapport aux objets3D. La fentre Vue secondaire permet de voir lobjet3D
dun point de vue diffrent.
Photoshop enroule limage de bois autour dun cube. Celui-ci est vu de face. Vous
allez enregistrer le fichier afin de pouvoir facilement revenir cette tape aprs avoir
test les diffrents outils3D.
5. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.

Manipulation dobjets 3D
Les objets 3D prsentent lavantage vident de pouvoir tre manipuls en trois dimen-
sions. Vous pouvez galement modifier les couleurs, lclairage, les matires et la
position dun calque3D sans devoir tout recrer depuis le dbut. Photoshop contient
plusieurs outils simples permettant de les faire pivoter, de les redimensionner et de
les positionner. Les outils3D dans la barre doptions agissent directement sur lobjet
lui-mme. Le widget Camra situ dans le coin infrieur gauche de la fentre de
document permet de manipuler la camra afin de voir lobjet sous diffrents angles.
Vous pouvez utiliser les outils3D chaque fois que, dans le panneau Calques, un calque3D
est slectionn. Celui-ci se comporte de la mme faon que les autres types de calques
et vous avez donc la possibilit de vous servir des styles de calque, des masques, etc.
En revanche, un calque3D peut tre assez complexe.
Contrairement aux calques traditionnels, un calque3D contient un filet, voire plusieurs.
Cette structure filaire dfinit lobjet3D. Dans le calque que vous venez de crer, le filet
correspond la forme du cube. Chaque filet, son tour, contient des matires, qui
dfinissent laspect dune partie ou de lensemble du filet. Chaque matire contient
des textures plaques, qui sont les composants de lapparence. Il existe neuf textures
plaques et il ne peut y en avoir quune seule de chaque type la fois. En revanche, vous
pouvez crer des textures plaques personnalises. Chaque texture plaque contient une
texture, cest--dire limage qui dfinit laspect des textures plaques et des matires.
La texture peut tre une simple image bitmap ou un ensemble de calques, et la mme
texture peut tre employe par plusieurs textures plaques et plusieurs matires. Dans
le calque que vous venez de crer, limage du bois forme la texture.
En plus des filets, un calque3D peut contenir des clairages, qui influent sur laspect
des objets3D et restent dans une position fixe lorsque vous faites pivoter ou que vous
dplacez lobjet quelles clairent. Il peut galement compter des camras, qui sont des
vues enregistres de lobjet dans une position en particulier. Lapparence finale de lobjet
est cre partir des matires, des proprits de lobjet et des informations de rendu.
Cela semble assez compliqu, mais vous devez avant tout retenir que les outils3D
de la barre doptions agissent sur les objets dans lespace3D et que le widget Camra
modifie la vue de lobjet.

314 LEoN 12 Les images 3D


1. Dans le panneau Outils, slectionnez loutil Dplacement ( ).
Toutes les options 3D sont intgres loutil Dplacement et saffichent lorsquun
calque3D est slectionn.
2. Slectionnez loutil Faire glisser lobjet3D ( ) dans la section Mode3D de la barre
doptions.
3. Cliquez sur le bord extrieur du bois, ou juste ct, puis faites glisser cette image
dun ct et de lautre et de haut en bas (si vous cliquez sur la surface du bois,
Photoshop reconnat le widget3D et active loutil correspondant).

4. Slectionnez loutil Faire rouler lobjet3D ( ) dans la barre doptions puis cliquez
sur le cube et faites-le glisser.

E Astuce:
Lorsque vous
dplacez lobjet,
le widget
Axe3D change
galement .
Par exemple,
5. Testez les autres outils pour voir comment ils agissent sur lobjet. les flches
des axesxety
Les couleurs du widget Axe3D reprsentent diffrents axes. Le rouge indique laxex, le peuvent tre
vert, laxey et le bleu, laxez (pensez lordre des couleurs RVB pour vous en souvenir). disponibles mais
laxez pointer
Si vous placez le pointeur sur la forme au centre du widget Axe3D, elle devient alors directement dans
jaune. Vous pouvez alors cliquer sur ce cube et le faire glisser pour redimensionner la scne . Le cube
jaune central peut
lobjet de faon uniforme. Chaque axe dispose de trois contrles: la pointe de flche
galement tre
permet de dplacer lobjet sur cet axe, la poigne de forme incurve de faire pivoter masqu par
lobjet sur cet axe et la plus petite poigne de redimensionner lobjet sur cet axe. un axe .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 315


6. Redimensionnez, faites pivoter et dplacez le cube laide du widget Axe3D.
7. Cliquez du bouton droit (Windows) ou en maintenant la touche Ctrl (MacOS) sur
le widget Camra dans le coin infrieur gauche de la fentre de document (deux
axes sont visibles) et choisissez Haut.

Les options du menu Camra dfinissent langle partir duquel vous voyez lobjet.
Langle de la camra change mais pas lobjet lui-mme. Ne vous laissez pas tromper
par limage darrire-plan, celle-ci nest pas en3D, si bien que Photoshop ne la dplace
pas lorsque vous dplacez la camra autour de lobjet3D.
8. Choisissez dautres vues pour voir comment elles modifient la perspective.
9. Lorsque vous avez fini de tester les diffrentes vues, cliquez sur Fichier> Version
prcdente. Le cube en bois saffiche de nouveau de face.

Ajout dobjets 3D
Le cube en bois nest quun des cinq objets3D que doit compter la scne. Vous allez
crer tous les objets3D puis vous les fusionnerez sur un seul calque3D afin de les
modifier en tant que groupe. Les objets dun mme calque partagent les mmes
camras et lumires.

Crer une carte postale 3D


Photoshop permet de transformer un objet2D en carte postale3D quon manipule
ensuite en perspective dans un espace3D. On emploie les termes carte postale car
limage devient alors comme une carte postale quon peut tourner dans sa main.
Vous allez crer une carte postale3D pour la carte en appui sur la bouteille.
1. Cliquez sur longlet Calques pour afficher ce panneau au premier plan.

316 LEoN 12 Les images 3D


2. Rendez le calque Card visible puis slectionnez-le.

3. Cliquez sur 3D> Nouveau filet3D partir du calque> Carte postale.

La carte ne semble pas avoir chang car elle est affiche de face, mais il deviendra vident
quil sagit dun calque3D lorsque vous la modifierez. Pour le moment, vous savez
quil sagit bien dun objet3D car Photoshop affiche le panneau3D et la fentre Vue
secondaire dans le coin suprieur gauche, active les outils3D dans la barre doptions
et affiche le widget Camra dans le coin infrieur gauche de la fentre de document.

Crer un filet 3D partir dun nouveau calque


Vous avez utilis un filet 3D prdfini pour plaquer le calque de bois autour dun cube
mais vous pouvez aussi appliquer un filet prdfini sur un nouveau calque vierge. Cest
ce que vous allez faire pour crer une bouteille de vin.
1. Affichez de nouveau le panneau Calques au premier plan et assurez-vous que le
calque Card est slectionn.
2. Cliquez sur le bouton Crer un calque ( ) au bas du panneau Calques.
Un nouveau calque nomm Calque1 apparat au-dessus du calque Card.
3. Le calque Calque1 tant slectionn, cliquez sur 3D> Nouveau filet partir du
calque> Filet prdfini> Bouteille de vin.
La forme grise dune bouteille de vin apparat devant la carte. Vous appliquerez plus
tard des matires et des lumires sur cette forme pour quelle ressemble vraiment
une bouteille de vin.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 317


4. Renommez le calque Bouteille dans le panneau Calques.

Importer un fichier 3D
Il est possible douvrir et de travailler dans Photoshop sur des fichiers3D exports
depuis diffrentes applications aux formats3DS, KMZ (Google Earth) ou U3D. Vous
pouvez galement travailler sur des fichiers enregistrs au format Collada, un format
dchange pris en charge par Autodesk notamment. Lorsque vous ajoutez un fichier3D
en tant que calque3D, celui-ci contient le modle3D et un fond transparent. Il reprend
galement les dimensions du fichier dorigine, mais vous pouvez le redimensionner
ensuite.
Vous allez importer un verre de vin en3D qui a t cr dans un autre programme.
1. Cliquez sur 3D> Nouveau calque3D partir dun fichier.
2. Parcourez votre disque dur jusquau dossier Lesson12/Assets puis double-cliquez
sur le fichier WineGlass.obj.

La forme du verre apparat devant la bouteille au centre de la fentre de document.


3. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.

318 LEoN 12 Les images 3D


Crer du texte 3D
Mme le texte peut tre en trois dimensions. Vous pouvez faire pivoter, redimensionner,
dplacer du texte3D, lui appliquer des matires, modifier son clairage (et les ombres)
et lextruder. Vous allez crer du texte3D pour la face avant de la table en bois.
1. Slectionnez loutil Texte horizontal ( ) dans le panneau Outils.
2. Tracez une zone de texte au centre de limage.
3. Dans la barre doptions, choisissez une police sans serif comme Minion Pro, le style
Bold et dfinissez une taille de 72pt.
4. Tapez HI-WHEEL, en majuscules.

Vous avez cr du texte, mais il nest pas encore en3D. Vous devez le convertir.
5. Cliquez sur le bouton Mettre jour la3D associ avec ce texte dans la barre doptions.

Le texte est maintenant en3D et Photoshop affiche le plan et les autres options de
lespace de travail3D.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 319


Fusion de calques 3D en un mme espace3D
Il est possible dincorporer plusieurs filets3D dans le mme calque3D. Les filets dun
calque peuvent partager les mmes effets dclairage et pivoter dans le mme espace3D
(aussi appel scne) afin de crer un effet3D plus raliste.
Vous allez fusionner les calques3D que vous avez crs pour que tous les objets3D
fassent partie de la mme scne.
1. Affichez le panneau Calques au premier plan.
2. Appuyez et maintenez sur la touche Maj et slectionnez les calques HI-WHEEL,
WineGlass, Bouteille, Card et Wood.
Les cinq calques 3D tant slectionns, vous allez maintenant les fusionner. Assurez-
vous de conserver la touche Maj enfonce pour les fusionner dans lordre afin quils
conservent le mme alignement.
3. Cliquez en maintenant la touche Maj enfonce sur3D > Fusionner les calques3D.

320 LEoN 12 Les images 3D


Photoshop fusionne les calques en un seul du E Astuce: Si
nom de Wood. Comme vous appuyiez sur la vous nobtenez
pas le mme
touche Maj lors de la fusion des calques, la
rsultat que
position des objets reste inchange. dans lillustration
ci-contre, cela
4. Cliquez sur Fichier> Enregistrer pour signifie que vous
sauvegarder votre travail. ne mainteniez
sans doute
pas la touche
maj . Cliquez
sur dition>
Annuler Fusionner
les calques et
recommencez .

Placement des objets dans la scne


Tous les objets sont prsents, mais leur disposition doit tre modifie. Vous allez
utiliser les widgets dans la fentre de document et le panneau Proprits pour redi-
mensionner et repositionner chacun des objets3D afin quensemble ils composent
une scne intressante.

Modifier la vue camra


La fentre Vue secondaire permet dafficher la scne sous une perspective diffrente. Note: La
Vous allez lutiliser pour afficher les objets, puis vous changerez la vue camra afin de vue camra de
la fentre Vue
mieux visualiser leur disposition. secondaire est
1. Cliquez dans la fentre Vue secondaire situe dans le coin suprieur gauche de la indpendante
de la vue camra
fentre de document et faites glisser le pointeur vers le haut pour afficher les objets de la scne . Vous
situs sous le cube en bois dans cette vue. pouvez donc
changer la vue
dans la fentre
Vue secondaire
pour afficher la
scne sous un
angle diffrent .

La vue de dessus (Haut) est actuellement slectionne dans la fentre Vue secondaire,
si bien que les objets que vous avez crs apparaissent devant le cube en bois.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 321


2. Cliquez sur le bouton Slectionner une vue/camra en haut de la fentre Vue
secondaire et choisissez Gauche.

Vous pouvez prsent voir les objets clairement. Vous allez utiliser cette vue pour
la scne.
3. Cliquez du bouton droit (Windows) ou en maintenant la touche Ctrl (MacOS)
sur le widget Camra dans le coin infrieur gauche de la fentre de document puis
choisissez Gauche.

Dplacement dobjets laide


du widget Axe3D
Le verre, la bouteille et la carte doivent se trouver sur la table et non ct. Vous pouvez
manipuler indpendamment les diffrents objets3D en slectionnant leurs dossiers dans
le panneau3D. Vous allez utiliser le widget Axe3D pour placer les objets sur la table.
1. Affichez le panneau 3D au premier plan.
2. Slectionnez le dossier Card_Calque puis pressez la touche Maj pour slectionner
galement les dossiers des calques Bouteille de vin et WineGlass_Calque pour les
slectionner.
3. Placez le pointeur sur la pointe de la flche verte pour afficher loutil Dplacement
sur laxeY.

322 LEoN 12 Les images 3D


4. Cliquez sur la pointe de la flche verte et faites glisser les objets vers le haut jusqu
ce que la base de la bouteille soit au mme niveau que le sommet du cube en bois.

5. Cliquez sur la pointe de la flche bleue et faites glisser les objets vers la gauche E Astuce: Vous
pour les centrer sur le cube. Vous pouvez de nouveau utiliser la flche verte pour pouvez changer
la taille du widget
dplacer davantage les objets vers le haut ou vers le bas. Il nest pas ncessaire
Axe3D . Pour
de les positionner avec prcision, vous aurez la possibilit de le faire par la suite. cela, pressez la
touche maj et
placez le pointeur
au-dessus du
cube jaune de
redimension-
nement, puis
cliquez et faites
glisser pour
agrandir ou
rduire la taille du
widget Axe3D .

Vous avez dplac la carte, la bouteille et le verre. Vous allez prsent positionner le
texte, qui apparat actuellement sous la forme dun petit rectangle noir sur le ct droit.
6. Dans le panneau 3D, affichez le contenu du dossier HI-WHEEL_Calque, puis
slectionnez le texte HI-WHEEL.
7. Faites glisser le texte HI-WHEEL pour quil se trouve juste devant le sommet du
cube, en utilisant les flches verte et bleue de lAxe3D. Cliquez ensuite devant la
flche du dossier HI-WHEEL_Calque pour cacher son contenu.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 323


Souvenez-vous que la vue camra est la vue Gauche. Pour placer le texte devant le
cube, il doit donc se trouver la droite du cube dans cette vue.
8. Cliquez du bouton droit (Windows) ou en maintenant la touche Ctrl (MacOS) sur
le widget Camra et choisissez Par dfaut.

Langle de la camra change pour afficher la scne vue depuis lavant.

Utiliser le panneau Proprits pour


positionner des objets3D
Vous avez fait du bon travail, mais les objets ne sont pas encore dans leur position
finale. Vous allez changer leurs coordonnes dans le panneau Proprits pour dfinir
leur position dfinitive.
1. Slectionnez Scne dans le panneau3D.
Lorsque loption Scne est slectionne, les modifications que vous effectuez affectent
lensemble de la scne3D. Vous allez dplacer et faire pivoter tous les objets en tant
que groupe.
E Astuce: 2. Dans le panneau Proprits, cliquez sur le bouton Coordonnes pour modifier les
Pressez la touche options disponibles.
V pour passer dun
onglet lautre 3. Entrez 70 dans les champs PositionX et PositionY et 17 dans le champ value.
dans le panneau
Proprits . 4. Entrez 30 dans le champ Angle de rotationY.

324 LEoN 12 Les images 3D


La scne entire pivote de 30degrs par rapport larrire-plan. Vous allez maintenant
redimensionner le verre de vin et laligner sur la bouteille.
5. Dans le panneau 3D, affichez le contenu du dossier WineGlass_Calque et slectionnez
ObjMesh.
6. Dans le panneau Proprits, entrez une valeur de 60% pour les proprits chelleX,
chelleY et chelleZ.

7. Dans le panneau 3D, slectionnez le dossier Bouteille de vin puis cliquez en


maintenant la touche Maj enfonce sur le dossier WineGlass_Calque pour le
slectionner galement.
8. Cliquez sur le bouton Aligner les bords infrieurs dans la barre doptions pour
aligner la base de ces deux objets (afin que tous deux se placent sur le cube). Si les
objets ne se positionnent pas sur le cube, utilisez la flche verte du widget Axe3D
pour les dcaler vers le haut ou vers le bas.

Le verre est prsent align sur la bouteille et ses dimensions sont plus adaptes. Vous
allez maintenant le dplacer sur la droite de la bouteille, que vous dplacerez ensuite
sur le ct gauche de la bote. Pour placer ces objets, vous entrerez des coordonnes
mais vous devrez peut-tre ensuite ajuster leur position plus prcisment.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 325


E Astuce: 9. Slectionnez ObjMesh dans le dossier WineGlass_Calque du panneau3D. Entrez
Vous pouvez ensuite les valeurs suivantes dans les champs Positions du panneau Proprits: X:
galement utiliser
126, Y: 123, Z: 136 (cliquez sur le bouton Coordonnes si les champs Position ne
le widget Axe3D
pour dplacer sont pas visibles dans le panneau Proprits).
ces deux objets si
vous prfrez .
10. Slectionnez le dossier Bouteille de vin dans le panneau3D puis entrez les valeurs
suivantes dans les champs Position du panneau Proprits: X: 37, Y: 229, Z: 97.
11. Dans le panneau Proprits, entrez 75% dans les champs chelleX, chelleY et
chelleZ.
Selon la position originale des objets, les coordonnes que vous venez de saisir peuvent
ne pas donner le rsultat que vous attendiez. Vous pouvez alors dplacer manuellement
les objets si ncessaire.
12. Utilisez le widget Axe3D pour dcaler la bouteille et le verre de vin afin quils
soient poss sur le cube.

13. Dans le panneau 3D, fermez le contenu du dossier WineGlass_Calque puis cliquez
sur Fichier> Enregistrer pour sauvegarder votre travail.

Redimensionner et faire pivoter des objets avec les widgets


Le verre et la bouteille sont maintenant en place, mais le texte et la carte non. Vous
Note: Si vous
prfrez saisir allez utiliser le widget Axe3D pour les redimensionner et les positionner correctement.
les coordonnes,
donnez une
1. Dans le panneau 3D, affichez le contenu du dossier HI-WHEEL_Calque puis
valeur de 57% slectionnez le texte HI-WHEEL.
chelleX,
chelleY et 2. Utilisez la flche rouge du widget Axe3D pour dplacer le texte et le centrer sur
chelleZ . la face avant du cube en bois. Utilisez les flches verte et bleue pour dplacer le
Lchelle de texte vers le haut ou vers le bas et davant en arrire si ncessaire. Assurez-vous
dpart tant
environ de 42%,
que le texte est plaqu sur le cube en bois, voire mme lgrement enfonc dans
une valeur de la surface de celui-ci.
57correspond
donc environ
3. Placez le pointeur au centre du widget Axe3D. Lorsque le cube devient jaune,
135% de 42 . faites glisser le widget pour redimensionner le texte afin que sa taille corresponde

326 LEoN 12 Les images 3D


celle de la caisse en bois (environ 135% de la taille originale, comme indiqu
dans linfo-bulle).

Le texte est en position. Vous allez prsent redimensionner et repositionner la carte.


4. Dans le panneau 3D, fermez le dossier HI-WHEEL_Calque et affichez le contenu
du dossier Card_Calque.
5. Slectionnez Card Filet dans le panneau 3D puis avec le widget Axe3D, rduisez
sa taille 25% environ.
6. Faites glisser la pointe de la flche bleue du widget Axe3D pour dplacer la carte le
long de laxeZ jusqu ce que sa face avant soit au mme niveau que la face avant
de la caisse en bois.
7. Faites glisser la pointe de la flche verte pour dplacer la carte vers le bas et la E Note: Si le
poser sur la bote. widget Axe3D
se comporte de
8. Utilisez la poigne rouge pour placer la carte devant la bouteille, puis la poigne faon curieuse
incurve bleue pour faire pivoter le sommet de la carte vers larrire et ainsi donner ou disparat,
assurez-vous que
limpression quelle est pose contre la bouteille. Procdez aux autres ajustements Card Filet est bien
ncessaires pour positionner la carte laide des flches bleue, verte et rouge. slectionn dans
le panneau3D
9. Si vous devez encore affiner la position de la bouteille et du verre, slectionnez les puis essayez de
dossiers Bouteille de vin et WineGlass_Calque dans le panneau 3D et dplacez nouveau .
ces objets.
Tous les objets sont maintenant en place!

10. Cachez le contenu de tous les dossiers ouverts dans le panneau3D puis cliquez
sur Fichier> Enregistrer.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 327


Application de matires sur des objets 3D
Un des avantages des objets3D est quon peut rapidement modifier leur apparence.
Vous allez appliquer des matires au texte pour le mettre en valeur puis vous donnerez
un aspect beaucoup plus raliste la bouteille et au verre.

Changer lapparence du texte 3D


Vous allez modifier la forme du texte en lextrudant puis vous appliquerez des matires
sur chaque surface du texte3D.
1. Dans le panneau 3D, affichez le contenu du dossier HI-WHEEL_Calque puis
slectionnez HI-WHEEL.
2. Pressez la touche V pour passer tour tour aux diffrents onglets du panneau
Proprits: Filet, Dformer, Extrmit et Coordonnes. Les widgets qui saffichent
dans la fentre de document sont diffrents selon les panneaux.
3. Cliquez sur le bouton Dformer ( ) du panneau Proprits pour afficher les
proprits de dformation.
4. Choisissez Biseau dans le menu Forme prdfinie (la deuxime option sur la
premire ligne).
E Astuce: 5. Cliquez sur le centre du widget Dformer dans la fentre de document et faites-le
Lorsque les glisser jusqu ce que la profondeur dextrusion soit environ de23.
proprits de
longlet Dformer
sont affiches,
le widget de
la fentre de
document permet
dextruder,
deffiler, de
courber ou de
dformer le
filet de lobjet
slectionn .

6. Pressez la touche V pour afficher les proprits de longlet Extrmit ( ) dans le


panneau Proprits.

328 LEoN 12 Les images 3D


7. Dans la fentre de document, faites glisser le symbole de droite du widget vers le
haut jusqu donner une valeur de 4,75 environ la proprit Intensit de Dilatation
(le curseur Intensit du panneau Proprits affiche une valeur de 4 ou 5%).

Laspect du biseau est parfait. Vous allez maintenant appliquer une matire pour
rendre le texte brillant.
8. Dans le panneau 3D, cliquez tout en maintenant la touche Maj enfonce sur les
cinq composants de matire du texte HI-WHEEL: Matire de la dilatation avant
HI-WHEEL, Matire du biseau avant HI-WHEEL, Matire de lextrusion HI-WHEEL,
Matire du biseau arrire HI-WHEEL et Matire de la dilatation arrire HI-WHEEL.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 329


9. Dans le panneau Proprits, ouvrez le slecteur de matire.
10. Choisissez Par dfaut dans le menu Paramtres. Cliquez sur OK lorsque vous tes
invit remplacer les matires puis cliquez sur Non si un message vous demande
si vous souhaitez sauvegarder les matires actuelles.

A B

A. Slecteur de matires
B. menu Paramtres

Un ensemble de diffrentes matires saffiche dans le slecteur de matire.


11. Dans le slecteur de matire, slectionnez Metal Or, loption au centre de la sixime
ligne.

Toutes les surfaces du texte 3D sont maintenant dores. Vous utiliserez le mme
procd pour la bouteille et le verre.
12. Masquez le contenu du dossier HI-WHEEL_Calque dans le panneau3D.

330 LEoN 12 Les images 3D


Appliquer des matires sur des objets
Avec des techniques identiques, vous allez appliquer des matires sur le col de la
bouteille et le verre, puis vous importerez et ajouterez une tiquette. Vous donnerez
ensuite un aspect beaucoup plus raliste au verre de vin.
1. Affichez le contenu du dossier Bouteille de vin dans le panneau3D puis slectionnez
le composant Matire_extrmit.
Cette matire sapplique uniquement au col de la bouteille.
2. Dans le panneau Proprits, ouvrez le slecteur de matires puis slectionnez Laiton
(solide) au milieu de la troisime ligne.
Le col de la bouteille semble maintenant recouvert de papier aluminium dor.
3. Dans le panneau Proprits, cliquez sur lchantillon de couleur de loption Diffuse. E Astuce:
Slectionnez ensuite un bleu sombre (nous avons choisi R=20, V=66, B=112) puis Lorsque la bote
de dialogue
cliquez sur OK.
Slecteur de
couleurs est
ouverte, le
pointeur prend
lapparence dune
pipette . Vous
pouvez alors
cliquer partout
dans la fentre de
document pour
slectionner une
couleur .

Le col de la bouteille est maintenant recouvert dun papier bleu.


4. Slectionnez le composant Matriau de la bouteille dans le panneau3D puis
slectionnez Verre (lisse) dans le slecteur de matires. Cette matire se trouve
juste la gauche de Laiton (solide) sur la liste.
5. Dans le panneau Proprits, donnez une valeur de 66% au paramtre Opacit afin
de voir les couleurs que vous appliquez.
6. Cliquez sur lchantillon de couleur Diffuse dans le panneau Proprits, slectionnez
une couleur rouge trs sombre et proche du noir. Au bas de la bote de dialogue,
entrez R=191, V=6, B=6. Donnez ensuite une valeur de 4arrts loption Intensit
puis cliquez sur OK.
Lorsque vous dfinissez les proprits des objets3D, Photoshop affiche le slecteur
de couleurs HDR, qui dispose doptions supplmentaires. Vous pouvez utiliser le
curseur Intensit pour accentuer ou rduire la luminosit dune couleur. Cette valeur
correspond linverse des valeurs dexposition.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 331


7. Dans le panneau Proprits, remplacez la couleur du paramtre Spculaire par une
couleur bordeaux sombre (R=73, V=3, B=3), celle du paramtre Illumination par
un rouge presque noir (R=191, V=4, B=4) et la couleur du paramtre Ambiante
pour un bordeaux sombre (R=71, V=6, B=6). Conservez pour tous Intensit0.
8. Donnez ensuite les valeurs suivantes aux proprits:
Brillance: 47%;
Rflectivit: 49%;
Bosselage: 0%;
Rfraction: 1,5.

Vous allez maintenant ajouter une tiquette la bouteille. Pour mieux voir la bouteille,
rendez la carte invisible.
9. Dans le panneau 3D, cliquez sur licne de visibilit du dossier Card_Calque pour
le masquer.

332 LEoN 12 Les images 3D


10. Slectionnez le composant Matire_libell dans le panneau 3D puis cliquez sur
licne droite de lchantillon de couleur Diffuse dans le panneau Proprits.
Choisissez Remplacer la texture dans le menu contextuel. Parcourez votre disque
dur jusquau dossier Lesson12/Assets et double-cliquez sur Label.psd (sous
Windows, choisissez Tous les formats dans le menu Types de fichiers pour voir le
fichier Label.psd si ncessaire).

11. Slectionnez le filet Libell dans le dossier Bouteille de vin dans le panneau3D.
Cliquez ensuite sur le bouton Coordonnes situ en haut du panneau Proprits
et donnez au paramtre Angle de rotation Y une valeur de 35degrs pour que
ltiquette soit plus visible.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 333


12. Dans le panneau 3D, cliquez sur licne de visibilit du dossier Card_Calque pour
lafficher de nouveau.
13. Dans le panneau 3D, affichez le contenu du dossier WineGlass_Calque et slectionnez
le composant 02_Default sous ObjMesh.
14. Dans le slecteur de matires, slectionnez Verre (lisse), la premire option de la
troisime ligne.
15. Modifiez ensuite les valeurs dans le panneau Proprits de la faon suivante:
Brillance: 96%;
Rflectivit: 83%;
Cassure: 0%;
Bosselage: 10;
Opacit: 22%;
Rfraction: 1.

16. Cachez les proprits de chacun des calques dans le panneau3D puis cliquez sur
Fichier> Enregistrer.

clairage dune scne 3D


Vous pouvez ajuster lclairage par dfaut dune scne et ajouter de nouvelles sources
lumineuses. La faon dont vous rglez les lumires influe sur les zones sombres et
claires et dfinit latmosphre de la scne.
1. Slectionnez clairage infini1, dans le panneau3D.

334 LEoN 12 Les images 3D


Par dfaut, Photoshop cre une lumire infinie pour chaque nouvelle scne3D. Lorsque
vous slectionnez cette lumire, un widget saffiche dans la fentre de document pour
vous aider rgler sa direction. Utilisez la poigne de grande taille pour effectuer des
modifications importantes et la poigne de petite taille pour des rglages plus prcis.
2. Placez la plus petite des poignes du widget dans le coin suprieur gauche (environ Note: La
11heures sur une horloge) pour que le col de la bouteille soit fortement clair taille du widget
dpend de la taille
au centre et que la couleur de la bouteille sassombrisse. daffichage de la
scne lcran .
Il peut donc tre
plus grand ou plus
petit que celui
illustr ici .

3. Cliquez du bouton droit (Windows) ou en maintenant la touche Ctrl enfonce Note: Vous
(MacOS) sur la lumire elle-mme (licne ronde et blanche au-dessus de limage) pouvez aussi
effectuer ces
pour ouvrir le panneau clairage infini1. Donnez ensuite la lumire une couleur modifications
lgrement dore (nous avons utilis les valeurs R=251, V=242, B=203) et rduisez sous longlet
Intensit 75% dans le panneau clairage infini1. clairage infini
du panneau
Proprits ou
dans le panneau
clairage infini1 .

4. Cliquez sur le bouton Ajouter un nouvel clairage la scne ( ) situ au bas du


panneau3D et choisissez Nouvel clairage infini dans le menu.
5. Le composant clairage infini2 tant slectionn dans le panneau3D, donnez-lui
une couleur dore identique celle de la lumire prcdente puis rduisez son
Intensit 30% dans le panneau Proprits.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 335


6. Le composant clairage infini2 toujours slectionn, dplacez la plus petite poigne
du widget dans la fentre de document pour placer cette lumire en haut et droite
du col de la bouteille ( environ 1heure sur une horloge) afin que le contour de la
bouteille soit bien clair.

7. Cliquez sur le bouton Ajouter un nouvel clairage la scne au bas du panneau3D


puis choisissez Nouvel clairage ponctuel.
8. Slectionnez le composant clairage ponctuel1 dans le panneau3D puis rduisez
son Intensit 30% dans le panneau Proprits.
9. Utilisez le widget de la fentre de document pour placer cette lumire au centre
du verre de vin.
10. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.

336 LEoN 12 Les images 3D


Rendu dune scne 3D
Lorsque vous crez la scne dans Photoshop, vous avez une assez bonne ide de son E Astuce: Vous
aspect. Mais vous ne saurez vraiment quel point son apparence est raliste quaprs pouvez modifier le
nombre de passes
avoir effectu son rendu. Vous pouvez effectuer un rendu de certaines zones de la scne
que Photoshop
tout moment, mais attendez davoir termin la scne avant de procder au rendu effectue pour
de lensemble. Le rendu est un processus assez long et chaque modification que vous procder au
rendu de la scne .
faites ensuite ncessite un autre rendu.
Pour cela, cliquez
Vous pouvez effectuer le rendu de la scne maintenant ou raliser lexercice de lencadr sur dition>
Prfrences>3D
Info Plus et procder au rendu de la scne une fois celle-ci anime.
(Windows) ou
1. Cliquez sur Fichier> Enregistrer sous et sauvegardez le fichier sous le nom 12_rendu. sur Photoshop>
Prfrences>3D
psd. Cliquez sur OK si la bote de dialogue Options de format Photoshop saffiche.
(macoS) et
En enregistrant un fichier distinct pour le rendu, vous pourrez ensuite modifier la modifiez la valeur
Seuil de qualit
scne originale plus rapidement. suprieure dans la
2. Dans le panneau3D, slectionnez Scne pour vous assurer que toute la scne est section Lancer de
rayon .
slectionne.
3. Cliquez sur le bouton Rendu ( ) au bas du panneau Proprits.

Selon votre configu-


ration matrielle, le
rendu peut tre assez
long .

Photoshop procde au rendu du fichier. Selon votre systme, cela peut aller de quelques E Astuce:
minutes une demi-heure, voire plus. Si vous devez
interrompre
le rendu ou si
vous estimez
que sa qualit
est insuffisante,
cliquez sur limage
pour stopper le
processus .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 337


Infos plus
Animer les lumires dune scne 3D
Vous pouvez simuler un lever de soleil en acclr en animant les lumires et lopacit de larrire-plan .
Pour en savoir plus sur lanimation des proprits dans le panneau montage, reportez-vous la Leon10 .
1. Cliquez sur longlet montage au bas de la fentre dapplication pour ouvrir le panneau du mme nom .
2. Si les calques du document dans le montage napparaissent pas dans le panneau montage, cliquez
sur le bouton Crer un montage vido .

3. Rduisez la dure de llment Wood en faisant glisser son bord droit vers la gauche et lui donner
la mme longueur que llment Landscape (05:00) .
4. Affichez les proprits danimation de llment Landscape . Dplacez la tte de lecture la fin de
lchelle de temps puis cliquez sur licne en forme de chronomtre de la proprit opacit pour
crer une image cl .
5. Dplacez la tte de lecture au dbut de lchelle de temps .
6. Affichez le panneau Calques au premier plan et rduisez lopacit du calque Landscape 0% .

338 LEoN 12 Les images 3D


7. Dans le panneau montage, masquez les proprits danimation de llment Landscape et affichez
celles de llment Wood . Affichez ensuite les proprits du paramtre clairages3D .
8. Dplacez la tte de lecture la fin de lchelle de temps puis cliquez sur licne en forme de chronomtre
des trois proprits clairages3D: clairage infini1, clairage infini2 et clairage ponctuel1 .

9. Dplacez la tte de lecture au dbut de lchelle


de temps .
10. Affichez le panneau 3D au premier plan et
slectionnez clairage infini1 . Dplacez ensuite
la petite poigne du widget dans la fentre
de document pour diriger cette lumire vers
le bas . Slectionnez ensuite clairage infini2
et orientez galement sa lumire vers le bas .
11. Slectionnez clairage ponctuel1 et faites
glisser sa lumire au bas de la scne .
12. Cliquez sur Lecture dans le panneau montage
pour voir lanimation puis procdez tous les
ajustements qui vous semblent ncessaires .
13. Dans le panneau 3D, cliquez sur Scne pour
vous assurer que la scne est slectionne
en intgralit .
14. Cliquez sur Rendu vido dans le menu du panneau montage .
15. Si votre ordinateur est peu puissant, choisissez Interactif dans le menu Qualit3D situ au bas de la
bote de dialogue Rendu vido . Sinon, choisissez loption bauche de lancer de rayon .
16. Laissez toutes les autres options par dfaut puis cliquez sur Rendu .
17. Une fois le rendu effectu, double-cliquez sur le fichier 12Retouche .mp4 situ dans le dossier
Lesson12/Assets pour le visualiser .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 339


Rvisions
Questions
1. Quelles sont les diffrences entre un calque3D et les autres calques dans Photoshop?
2. Comment changer la vue camra?
3. Comment appliquer des matires sur un objet?
4. Quelles sont les couleurs utilises pour reprsenter chaque axe sur le widget Axe3D?
5. Comment effectuer le rendu dune scne3D?

Rponses
1. Un calque 3D se comporte comme les autres calques et on peut lui appliquer des
styles de calques, employer des masques, etc. En revanche, contrairement aux
autres calques, il peut galement contenir des filets qui dfinissent les objets3D.
On travaille alors avec les filets ou les matires, les textures plaques et les textures
quil contient, et on ajuste aussi son clairage.
2. On peut changer la vue camra laide du widget Camra. On peut aussi cliquer du
bouton droit (Windows) ou en maintenant la touche Ctrl enfonce (MacOS) sur
le widget pour choisir une vue prdfinie.
3. Pour appliquer des matires, on slectionne le composant de matire dans le
panneau3D, puis on slectionne les matires et on dfinit les paramtres dans le
panneau Proprits.
4. Sur le widget Axe3D, la flche rouge reprsente laxeX, la flche verte laxeY et la
flche bleue laxeZ.
5. Pour effectuer le rendu dune scne3D, on slectionne Scne dans le panneau3D
puis on clique sur le bouton Rendu au bas du panneau Proprits.

340 LEoN 12 Les images 3D


PRoJET: SITE WEB DUN mUSE .

Une partie de lattrait du Web vient de la possibilit de cliquer


sur les images pour ouvrir de nouvelles pages et dclencher des
animations . Vous allez dcouvrir comment prparer des fichiers
pour le Web dans Photoshop, en ajoutant des tranches pour les
liens vers dautres .

342
PRPARER
DES FICHIERS
POUR LE WEB 13
Au cours de cette leon, vous apprendrez :
crer des tranches avec loutil Tranche;
distinguer les tranches automatiques des tranches utilisateur;
lier des tranches utilisateur dautres pages HTML ou dautres zones;
optimiser des images pour le Web et faire les bons choix de compression;
exporter des images de grande taille en haute rsolution;
convertir les proprits dun calque en code CSS pour une utilisation
dans un site web.

Cette leon durera environ une heure. Si vous ne lavez pas dj fait, tl-
chargez les fichiers de la Leon 13 depuis le site www.pearson.fr, sur la page
ddie au livre. Au cours de cette leon, vous ne modifierez pas les fichiers
de dpart. Si vous devez nanmoins revenir la version dorigine des fichiers,
tlchargez-les de nouveau.

343
Prparatifs
Pour cette leon, vous devrez utiliser un navigateur web (tels que Firefox, Internet
Explorer, Safari ou Chrome). Il nest pas ncessaire dtre connect Internet.
Vous allez amliorer les graphismes de la page daccueil du site web dun muse
espagnol. Vous ajouterez des liens hypertextes aux diffrentes rubriques afin que les
visiteurs du site puissent accder aux autres pages. Les visiteurs pourront donc cliquer
sur un lien pour ouvrir une page lie.
Pour commencer, vous allez tudier la page HTML finale reproduire, cre partir
dun seul fichier Photoshop.
1. Lancez Adobe Photoshop et appuyez aussitt sur les touches Ctrl+Alt+Maj (Windows)
ou Cmd+Option+Maj (MacOS) pour restaurer les prfrences par dfaut (pour en
savoir plus, reportez-vous la section Rtablissement des prfrences par dfaut
de lIntroduction).
2. Lorsque vous y tes invit, cliquez sur Oui pour supprimer le fichier de paramtres
de Photoshop.
3. Cliquez sur Fichier> Parcourir dans Bridge.
Note: Si 4. Dans le volet Favoris, cliquez sur le dossier Lessons, puis double-cliquez sur le
vous navez pas dossier Lesson13 dans le volet Contenu, puis sur le dossier 13End, et enfin sur le
install Bridge
et mini Bridge,
dossier site.
vous devez le Le dossier site contient tous les fichiers du site web sur lequel vous allez travailler.
faire maintenant .
Reportez-vous 5. Cliquez du bouton droit (Windows) ou en maintenant la touche Ctrl enfonce
lIntroduction (MacOS) sur le fichier home.html pour ouvrir le menu contextuel puis choisissez
pour en savoir
plus . Ouvrir avec. Slectionnez le navigateur web dans lequel vous souhaitez ouvrir le
fichier HTML.

6. Placez le pointeur sur les rubriques gauche de la page web et sur les images.
Lorsque le pointeur survole un lien, il prend lapparence dune main avec lindex lev.

344 LEoN 13 Prparer des fichiers pour le Web


Note: Selon
les paramtres
du navigateur,
certains messages
dalerte peuvent
safficher . Vous
7. Cliquez sur limage de lange situe dans le coin infrieur droit de la page pour pouvez les ignorer
puisque vous
louvrir dans une fentre Zoomify. Cliquez sur les diffrents contrles de cette fentre
travaillez sur des
pour voir comment ils permettent dagrandir ou de rduire la taille daffichage de fichiers situs sur
limage et de la repositionner. votre disque dur
et non sur le Web .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 345


8. Fermez la fentre ou longlet Zoomify pour revenir la page daccueil.
9. Cliquez sur limage du garon gauche de limage de lange pour louvrir dans
sa propre fentre et lexaminer. Fermez ensuite cette fentre ou cet onglet pour
revenir la page daccueil.
10. Dans la page daccueil, cliquez sur les diffrentes rubriques de gauche pour ouvrir
les pages lies. Pour revenir la page daccueil, cliquez sur Museo Arte, situ sous
le logo dans le coin suprieur de chaque page.
11. Une fois tous les liens tests, fermez votre navigateur et revenez Bridge.
12. Dans Bridge, cliquez sur le dossier Lesson13 dans la barre de chemin situe en haut
de la fentre pour afficher son contenu. Double-cliquez ensuite sur le dossier 13Start
puis sur la vignette du fichier 13Start.psd pour louvrir dans Photoshop. Cliquez
sur OK si la bote de dialogue indiquant des profils de couleur manquants saffiche.

13. Cliquez sur Fichier> Enregistrer sous, nommez le fichier 13Retouche.psd. Cliquez
sur OK dans la bote de dialogue Options de format Photoshop.
Lors des tapes prcdentes, vous avez cliqu sur deux types de liens: des tranches (les
rubriques gauche de la page Web) et des images (le garon et lange).
Une tranche est une zone dcoupe dans une image. Elle se dfinit partir de calques,
de repres ou de slections prcises, ou laide de loutil Tranche. Lorsque vous crez
des tranches, Photoshop produit un tableau HTML ou une feuille de style en cascade
(CSS) qui les contient et les aligne. Vous pouvez gnrer et prvisualiser un fichier
HTML qui contient limage dcoupe en tranches dans le tableau HTML ou dans la
feuille de style en cascade.

346 LEoN 13 Prparer des fichiers pour le Web


Vous pouvez galement ajouter des liens hypertextes aux images. Le visiteur du site
web clique alors sur les images pour ouvrir une page lie. Contrairement aux tranches
qui sont toujours rectangulaires, les images peuvent avoir nimporte quelle forme.

Cration de tranches
Lorsque vous dfinissez quune zone rectangulaire dune image est une tranche,
Photoshop cre un tableau HTML qui la contient et gre son alignement. Vous pouvez
utiliser les tranches comme des boutons dont vous programmez le fonctionnement.
Chaque nouvelle tranche que vous crez dans une image (une tranche utilisateur)
entrane automatiquement la cration dautres tranches (tranches automatiques) qui
recouvrent toute la partie de limage en dehors de la tranche utilisateur.

Slectionner des tranches et dfinir leurs options


Pour commencer, vous allez slectionner une tranche existante dans le fichier de
dpart. Nous avons en effet cr la premire tranche pour vous.
1. Activez loutil Slection de tranche ( ), cach sous loutil Recadrage ( ).

Lorsque vous slectionnez loutil Tranche ou loutil Slection de tranche, Photoshop


affiche les tranches et leurs numros sur limage.
Le numro de la tranche01 saffiche dans son coin suprieur gauche. Il est accompa-
gn dune petite icne (ou badge) en forme de montagne. La couleur bleue du cadre
indique quil sagit dune tranche utilisateur.
Les icnes des tranches02 et03 (respectivement droite et au-dessous de la tranche01)
saffichent en gris. Cette couleur montre quil sagit de tranches automatiques ajoutes
lorsque nous avons cr la tranche utilisateur. Le symbole qui figure dans le deuxime
rectangle signifie que la tranche a une image pour contenu. Pour en savoir plus, repor-
tez-vous lencadr suivant, propos des symboles de tranches.
2. Cliquez sur la tranche qui porte le numro01, situe dans le coin suprieur gauche
de limage. Un cadre dor saffiche pour indiquer quelle est slectionne.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 347


propos des symboles de tranches
Les symboles (ou badges) gris et bleus des tranches qui saffichent dans la fentre de
document ainsi que dans la bote de dialogue Enregistrer pour le Web permettent de
connatre la nature exacte de toutes les tranches affiches . En fonction de sa nature,
une tranche peut avoir plusieurs symboles:

indique le numro de la tranche . Les tranches sont numrotes par ordre croissant,
de la gauche vers la droite et du haut vers le bas de limage .

indique que la tranche contient une image .

indique que la tranche est de type Pas dimage .

indique que la tranche a t cre partir dun calque .

indique que la tranche est lie dautres tranches (dans un but doptimisation) .

3. Toujours avec loutil Slection de tranche, double-cliquez sur la tranche pour ouvrir
la bote de dialogue Options de tranche. Par dfaut, Photoshop nomme chaque
tranche en utilisant le nom du fichier suivi dun numro. Ainsi, cette tranche a
pour nom 13Start_01.

Note: Vous Une tranche nest pas trs utile tant que vous navez pas paramtr ses options, parmi
pouvez dfinir lesquelles son nom et lURL qui souvre quand on clique dessus.
les options
dune tranche 4. Dans la bote de dialogue Options de tranche, saisissez les informations suivantes:
automatique dans le champ Nom, entrez Logo, dans le champ URL, saisissez#. Le signe dise
mais cela la
convertit alors permet de prvisualiser le fonctionnement dun bouton sans programmer de lien
automatiquement effectif. Cette option est trs utile dans les premires phases de la conception
en tranche lorsque vous vous concentrez sur lapparence et le comportement des lments.
utilisateur .

348 LEoN 13 Prparer des fichiers pour le Web


5. Cliquez sur OK pour valider les modifications apportes.

Crer des boutons de navigation


Vous allez maintenant ajouter des tranches sur les boutons de navigation situs sur
la gauche de la page. Vous pourriez slectionner et dfinir les proprits de chaque
bouton lun aprs lautre mais vous allez voir quil est possible doprer beaucoup plus
rapidement.
1. Activez loutil Tranche ( ) dans le panneau Outils pour le slectionner ou appuyez
sur les touches Maj+C (les outils Recadrage Correction de perspective par recadrage,
Tranche et Slection de tranche partagent la toucheC comme raccourci clavier.
Pour passer de lun lautre, appuyez sur les touches Maj+C).
Notez que des repres ont t placs au-dessus et au-dessous du texte situ gauche
de limage.
2. Faites glisser diagonalement loutil Tranche depuis le repre situ au-dessus de la
premire ligne de texte jusquau repre situ au-dessous sous la dernire ligne de
texte afin dencadrer les cinq lignes.

Un rectangle bleu, identique celui de la tranche01, apparat dans le coin suprieur


gauche de la nouvelle tranche cre, qui est logiquement identifie par le numro05.
La couleur bleue indique quil sagit dune tranche utilisateur et non dune tranche
automatique. Le cadre de redimensionnement dor indique que la tranche05 est
slectionne.
Le rectangle gris de la tranche automatique03 reste inchang mais cette tranche est
bien plus petite puisquelle ne couvre plus quun rectangle situ au-dessus du texte.
Une autre tranche automatique, portant le numro07, apparat sous la tranche que
vous venez de crer.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 349


3. Loutil Tranche tant toujours slectionn, appuyez sur les touches Maj+C pour
activer loutil Slection de tranche ( ).
De nouvelles options saffichent alors dans la barre doptions et notamment un
ensemble de boutons dalignement. Vous allez maintenant diviser votre slection en
cinq tranches spares.
4. Cliquez sur le bouton Diviser dans la barre doptions.
5. Dans la bote de dialogue Diviser la tranche, activez loption Diviser horizontalement
en, puis tapez5 dans le champ Tranches verticales, espaces rgulirement. Cliquez
ensuite sur OK.

Vous allez prsent nommer et attribuer un lien chacune de ces cinq tranches.
6. Double-cliquez laide de loutil Slection de tranche sur la premire tranche (elle
contient les mots About Museo Arte).
7. Dans la bote de dialogue Options de tranche, nommez la tranche propos de, tapez
about.html dans le champ URL et saisissez _self dans le champ Cible (assurez-vous
de ne pas oublier le trait de soulignement avant la lettres). Cliquez ensuite sur OK.

350 LEoN 13 Prparer des fichiers pour le Web


Le paramtre Cible dfinit la faon dont le fichier li souvre. Avec loption _self, le Note:
fichier li souvre dans le mme cadre que le fichier original. Respectez
exactement
8. Rptez les tapes6 et7 pour les autres tranches, de la faon suivante: les noms des
pages HTmL
Pour la deuxime tranche, tapez Visite dans le champ Nom, tour.html dans indiques ici, car
le champ URL et _self dans le champ Cible. ils correspondent
celui des pages
Pour la troisime tranche, tapez Expositions dans le champ Nom, exhibits. HTmL auxquelles
html dans le champ URL et _self dans le champ Cible. ces boutons
seront lis .
Pour la quatrime tranche, tapez Membres dans le champ Nom, members.
html dans le champ URL et _self dans le champ Cible.
Pour la cinquime tranche, tapez Contact dans le champ Nom, contact.html
dans le champ URL et _self dans le champ Cible.
9. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail. E Astuce: Si les
identificateurs
des tranches
automatiques
propos de la cration de tranches vous perturbent,
activez loutil
Voici dautres mthodes pour crer des tranches, tester vous-mme: Slection de
tranche puis
Crez des tranches Aucune image puis ajoutez-leur du texte ou du code source cliquez sur le
HTmL . Ces tranches peuvent tre dotes dune couleur darrire-plan et sont bouton masquer
enregistres dans le fichier HTmL . Lorsquelles sont employes pour du texte, les tranches
elles en permettent la modification dans tout diteur HTmL, ce qui vous pargne auto de la barre
ainsi le retour Photoshop . Cependant, si le texte sagrandit trop pour la tranche, doptions . Si
il sort du cadre du tableau, et des espaces risquent dtre introduits . vous souhaitez
masquer les
En employant les Repres comments, vous pouvez instantanment diviser une repres, cliquez
image entire en tranches grce au bouton Tranches daprs les repres dans la sur Affichage>
barre doptions . Cette technique doit cependant tre manie avec prcaution, Afficher>
car elle limine toutes les tranches prcdemment cres et toutes les options Repres .
qui leur sont associes . De plus, elle ne cre que des tranches utilisateur, qui ne
sont peut-tre pas souhaitables en si grand nombre .
Pour crer des tranches de mme taille, espaces et alignes de manire
identique, essayez de crer une seule tranche utilisateur qui englobe avec
prcision la zone entire . Puis, avec le bouton Diviser de loutil Slection de
tranche, divisez la tranche initiale en autant de ranges de tranches horizontales
et verticales que ncessaire .
Si vous souhaitez supprimer un lien dans une tranche cre partir dun calque,
convertissez cette tranche en tranche utilisateur . Pour cela, slectionnez la
tranche laide de loutil Slection de tranche et cliquez sur le bouton Convertir
dans la barre doptions .

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 351


Crer des tranches partir de calques
Il est galement possible de crer des tranches daprs des calques plutt quavec loutil
Tranche. Lavantage de cette mthode est quelle vous permet dobtenir une tranche qui
tient compte des dimensions du calque et qui inclut toutes les donnes des pixels. Si
vous dplacez le calque, si vous modifiez son contenu ou si vous lui appliquez un effet,
la zone de la tranche sadapte automatiquement pour englober les nouveaux pixels.
1. Dans le panneau Calques, slectionnez le
calque New Wing. Si vous ne pouvez pas
voir tout le contenu du panneau Calques,
faites-le glisser en dehors de son groupe et
agrandissez sa taille en faisant glisser son
coin infrieur droit vers le bas.
2. Cliquez sur Calque> Nouvelle tranche daprs
un calque. Une tranche numrote04 apparat
alors dans la fentre de document, sur limage
annonant louverture dune nouvelle aile
du muse. Son numro dpend de sa position dans limage, en partant du coin
suprieur gauche.
3. Double-cliquez sur cette tranche avec loutil Slection de tranche ( ), tapez
Nouvelle aile dans le champ Nom, newwing.html dans le champ URL et _blank
dans le champ Cible. Loption _blank ouvre la page lie dans une nouvelle fentre
du navigateur web. Cliquez ensuite sur OK.

Assurez-vous de saisir ces options exactement comme indiqu, en particulier pour les
noms des pages web auxquelles les tranches seront lies.
Vous allez maintenant crer dautres tranches pour les calques Image1 et Image2.
4. Rptez les tapes13 pour les images restantes, de la faon suivante:
Crez une tranche daprs le calque Image1 (limage du garon), tapez Image1
dans le champ Nom, image1.html dans le champ URL et _blank dans le champ
Cible. Cliquez ensuite sur OK.

352 LEoN 13 Prparer des fichiers pour le Web


Crez une tranche daprs le calque Image2. Tapez Carte dans le champ Nom,
card.html dans le champ URL et _blank dans le champ Cible. Cliquez ensuite
sur OK.
Vous avez sans doute remarqu que la bote de dialogue Options de tranche contient
dautres options que les trois champs que vous avez renseigns. Pour plus dinforma-
tions sur leur utilisation, consultez lAide de Photoshop.
5. Cliquez sur Fichier> Enregistrer pour sauvegarder votre travail.

Exportation des images et du fichier HTML


Vous allez prsent crer les dernires tranches, dfinir les liens et exporter le fichier
afin de crer une page HTML dans laquelle vos tranches safficheront comme un seul
ensemble.
Il est important que les fichiers des images destines au Web conservent une taille aussi
faible que possible afin que les pages souvrent rapidement. Les outils prdfinis de
Photoshop vous permettent de juger des paramtres doptimisation que vous pouvez
utiliser pour chaque tranche sans compromettre la qualit des images. Il est conseill
demployer la compression JPEG pour les photographies et les images en couleurs
continues, et la compression GIF pour les images ou illustrations comprenant des
plages de couleur unies (comme cest le cas de toutes les zones autour des trois images
principales pour le site de cette leon).
Vous aurez recours la bote de dialogue Enregistrer pour le Web afin de comparer
les diffrents paramtres de compression de chaque format.
1. Cliquez sur Fichier> Enregistrer pour le Web.
2. Cliquez sur longlet 2vignettes situ en haut de la bote de dialogue Enregistrer
pour le Web.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 353


Les polices pour le Web

Auparavant, la gestion des polices pour le Web tait une tche complexe . Il fallait soit sen tenir une
poigne de polices scurises pour le Web ou incorporer le texte sous forme dimages, ce qui risquait de
ralentir le tlchargement des pages . Aujourdhui, Adobe TypeKit vous donne accs un choix de plus de
25000polices professionnelles pour votre site qui fonctionnent sur Windows et macoS ainsi que sur les
appareils mobiles . Comme ces polices sont hberges par TypeKit, les pages web saffichent plus rapidement,
et vous navez plus vous soucier de la compatibilit du navigateur .
Si vous avez souscrit un abonnement Creative Cloud, vous avez accs la bibliothque complte des
polices TypeKit . Avec un abonnement gratuit, vous pouvez utiliser la Bibliothque dvaluation de TypeKit
qui contient une partie seulement des polices existantes .
Pour utiliser TypeKit, connectez-vous avec votre identifiant Adobe . Parcourez ou consultez la bibliothque
de polices, et crez un kit des polices que vous souhaitez utiliser sur un site web en particulier . TypeKit cre
le code ajouter votre site et peut galement vous aider crire une partie du code CSS pour les styles .
Indiquez le format des blocs de texte (paragraphe, en-ttes, tableaux, etc .) puis cliquez sur Ajouter . Cliquez
sur Publier puis utilisez un diteur CSS comme Dreamweaver pour ajouter vos nouvelles polices sur votre site .
Pour en savoir plus sur TypeKit, rendez-vous ladresse: http://html.adobe.com/fr/edge/typekit/.

Slectionnez les
polices dans la
bibliothque pour
crer un kit pour
votre site web.

Indiquez o vous
souhaitez utiliser ces
polices (tableaux, en-
ttes, etc.) et Typekit
cre le code pour
vous.

354 LEoN 13 Prparer des fichiers pour le Web


3. Utilisez loutil Main ( ) de la bote de dialogue pour dplacer limage afin que le
portrait du garon soit visible.
4. Activez loutil Slection de tranche ( ) de la bote de dialogue, puis cliquez sur la
tranche17 (le portrait du garon) dans laperu de limage sur la gauche. Notez le
poids du fichier qui est indiqu sous limage.
5. Dans le menu droulant Paramtre prdfini situ droite de la bote de dialogue,
choisissez loption JPEG Moyen. Vous voyez que le poids du fichier, indiqu sous
limage, diminue considrablement lorsque vous slectionnez cette option.

Vous allez maintenant observer leffet de la compression au format GIF sur la mme
tranche dans la fentre de droite.
6. Slectionnez la mme tranche17 dans limage de droite laide de loutil Slection
de tranche, puis choisissez loption GIF32 Non tram dans le menu droulant
Paramtre prdfini.

Vous voyez que les couleurs de limage du bas semblent plus ternes et postrises mais
que le poids du fichier est sensiblement le mme.

ADoBE PHoToSHoP CC CLASSRoom IN A BooK 355


En fonction de ces observations, vous pouvez maintenant choisir les paramtres de
compression utiliser sur toutes les tranches de cette page.
7. Cliquez sur longlet Optimis en haut de la bote de dialogue puis rduisez la taille
daffichage afin de voir la page dans son ensemble.
8. Maintenez la touche Maj enfonce et, avec loutil Slection de tranche, cliquez sur les
images du garon, de lange et de la nouvelle aile du muse dans la fentre daperu.
Slectionnez loption JPEG Moyen dans le menu droulant Paramtre prdfini.

9. Slectionnez ensuite les autres tranches et choisissez loption GIF64 Tram dans
le menu droulant Paramtre prdfini.
10. Cliquez sur Enregistrer. Dans la bote de dialogue Enregistrer une copie optimise
sous, parcourez votre disque dur jusquau dossier Lesson13/13Start/Museo, qui
contient dj les autres lments du site, dont les pages auxquelles vos tranches
sont lies.
11. Choisissez HTML et images dans le champ Format. Conservez les paramtres
par dfaut du champ Paramtres et choisissez Toutes les tranches dans le champ