Module Infographie
Atelier 01
Manipulation des calques
avec Photoshop
Mastère CEIPA
AU 2019-2020
2 Objectifs
Une initiation à Photoshop pour aborder la conception
graphique, la retouche photo et le traitement numérique
d’images matricielles.
Créer un document photoshop
Créer plusieurs calques
Créer du texte
Enregistrer une image au format souhaité
Le fonctionnement des calques
3
Les calques dans Photoshop permettent de créer une composition graphique
complexe en séparant les différents éléments qui la composent.
Par exemple, lors de la création d’un paysage vous pouvez placer sur un calque les
couleurs vertes, puis sur un autre, les bleues etc. ou vous pouvez placer sur un calque la
mer, puis sur un autre un arbre etc.
Les calques permettent beaucoup de choses et fonctionnent comme un mille
feuilles. Le premier, l’arrière plan, se situe toujours en bas puis plus vous remontez
dans la liste et plus les calques seront placés en avant. Voyez l’image ci-dessous
pour comprendre comment Photoshop positionne les calques :
4 Mission
L’image à obtenir est la suivante :
5 Création du fichier image
Nom du fichier : imageHeader.psd
Dossier de sauvegarde : votre dossier de travail
Taille : 300 pixels (largeur)
Taille : 100 pixels (hauteur)
6 Création du fichier image
Nom du fichier : imageHeader.psd
Dossier de sauvegarde : votre
dossier de travail
Taille : 300 pixels (largeur)
Taille : 100 pixels (hauteur)
✓ L’image a été créée aux dimensions indiquées.
✓ Automatiquement un calque nommé « Arrière-plan » a été créé.
7 Création du premier texte
Texte à saisir : Mastère CEIPA
Couleur du texte : gray ou #808080
Police de caractères : Palace Script
Italic (taille 48 pt)
Augmenter la taille de l’image avec
les touches de raccourci « CTRL + »
Saisir le texte
✓ Un deuxième calque nommé
« Mastère CEIPA» a été
automatiquement créé.
8 Création du premier texte
Le texte peut-être déplacé au sein de l’image.
Attention, le calque « Mastère CEIPA » doit-être sélectionné
9 Création du deuxième texte
Texte à saisir : Les professionnels de
la communication
Couleur du texte : gray ou #808080
Police de caractères : Lucida Bright
(taille 24 pt)
Saisir le texte avec les bons attributs
et placer le texte au bon endroit.
✓ Un troisième calque nommé «Les professionnels de la communication» a été
automatiquement créé.
✓ Déplacer les deux textes pour obtenir le bon positionnement comme sur l’image.
✓ Il suffit d’abord de sélectionner le calque puis de bouger le texte.
10 Création du fichier imageHeader.png
Le fichier actuel est un document photoshop avec l’extension .psd
Ce fichier va servir à faire toutes les modifications souhaitées.
Cependant pour exploiter l’image, il va falloir créer un document dans un
format image (jpeg, png, tiff, etc …).
Enregistrer le fichier sous le format png.
Nom du fichier : imageHeader.png
Dossier de sauvegarde : votre dossier de travail
11
Travail à faire
Exercice 1, Exercice 2, Exercice 3, Exercice 4, Exercice 5
Exercice 1 (Création et paramétrage de la zone de travail)
12
1. Créer une nouvelle zone de travail en spécifiant les paramètres suivants :
Nom Ma première zone de
travail
Paramètre prédéfini Presse-papiers
Taille 500*300 px
Résolution 72 pixels/pouces
Mode colorimétrique Couleurs RVB pour 8 bits
Contenu de l'arrière-plan Blanc (on peut avoir un
arrière-plan transparent ou
image)
2. Utiliser l’outil pinceau pour créer des formes de votre choix. Que remarquez-
vous (un nouveau calque est créé)
3. Enregistrer cette composition sous le format PSD (ex1.psd) puis sous forme
d’une image jpg (ex1.jpg).
Exercice 2 (Introduction aux calques)
13
1. En partant du résultat du premier exercice, importer une première image dans votre
zone de travail img_0.jpg
2. Redimensionner cette image puis valider l’importation
3. Importer maintenant une deuxième image img_1.jpg
4. Redimensionner la deuxième image afin de la diminuer par rapport à la première et
valider l’importation. (Elle est positionnée au-dessus de la première)
5. En utilisant la fenêtre des calques, inverser les deux images (changer l’ordre).
6. Ajouter un texte sur l’image. Que remarquez-vous ? (Un nouveau calque sera créé)
7. Placez-vous sur le calque du texte et verrouillez les 2 autres calques en cliquant sur
l’icône
8. Editer le texte (modifier la couleur, la taille, le style, les effets de typographie, etc) en
utilisant le panneau Caractère
9. Appliquer différents effets sur le texte (en utilisant l’onglet fx en bas)
10. Enregistrer cette composition sous le format PSD (ex2.psd) puis sous forme d’une
image jpg (ex2.jpg).
Exercice 3 (Les calques de remplissage)
14
1. Lancer Photoshop et charger l’image img_2.jpg et dupliquer votre calque en cliquant
avec le bouton droit là-dessus.
2. Sélectionner le calque au-dessus duquel vous souhaitez créer le nouveau calque de
remplissage. NB. Si aucun calque n’est sélectionné, le nouveau calque sera créé au-
dessus de tous les calques.
3. Choisissez Calque -> Nouveau calque de remplissage, puis sélectionnez l’option couleur
unie. Vous pouvez aussi utiliser le bouton en bas de la fenêtre des calques.
4. Indiquer le nom de votre calque puis sélectionner une couleur dans le Sélecteur de
couleurs qui s’affiche et validez.
5. Dans la fenêtre des propriétés, choisir un mode de fusion (produit, éclaircir, superposition,
etc) et modifier l’opacité . Que remarquez-vous ?
6. Créer maintenant un calque de remplissage en dégradé.
7. Nommer votre calque et indiquer les paramètres Style, angle et échelle.
8. Refaire le même travail avec un calque de remplissage en Motif.
9. Enregistrer cette composition sous le format PSD (ex3.psd) puis sous forme d’une image jpg
(ex3.jpg).
Exercice 4 (Les calques de réglage)
15
1. Charger l’image img_3.jpg et dupliquer votre calque
2. Sélectionner le calque au-dessus duquel vous souhaitez créer le nouveau calque de
réglage (dans notre cas c’est bien le calque de img_3.jpg).
3. Créer un calque de réglage en utilisant le menu Calque -> nouveau calque de
réglage, soit en cliquant sur l’icône située en bas de la fenêtre des calques, soit
Fenêtre -> réglages.
4. Choisir un calque de réglage « Luminosité/contraste »
5. Dans la fenêtre des propriétés qui s’affiche, modifier les réglages jusqu’à atteindre le
réglage souhaité (exemple augmenter la luminosité et réduire le contraste).
6. Créer un nouveau calque de réglage de type Niveaux
7. Modifier les propriétés de ce calque (exemple : plus de noir sur la droite et plus de
blanc sur la gauche). Fermer la fenêtre des propriétés. NB. Vous pouvez modifier ces
propriétés en cliquant 2 fois au-dessus du calque.
8. Créer un nouveau calque de réglage de type Exposition
Exercice 4 (Les calques de réglage)
16
9. Nommer cette exposition et effectuer les réglages nécessaires. Fermer la fenêtre une
fois vous êtes satisfait.
10. Créer un nouveau calque de réglage de type Couleur
11. Modifier les propriétés de ce calque (exemple la teinte, la saturation et la luminosité
(pour éclairer votre image)).
12. Essayer d’autres catégories de calques de réglage (Noir et blanc, filtre photo, etc)
NB. Vous pouvez à tout moment supprimer un claque en cliquant là-dessus puis la
touche Supp ou en cliquant en bas de la fenêtre réglage puis l’icône
13. Enregistrer cette composition sous le format PSD (ex4.psd) puis sous forme d’une
image jpg (ex4.jpg).
Exercice 5 (Les masques de fusion)
17
1. Charger l’image img_4.jpg et dupliquer votre calque
NB. Si on veut masquer certaines parties d’une image, on pense généralement à
l’utilisation de l’outil Gomme. Le majeur inconvénient c’est qu’il détruit l’image
principal. La meilleure solution est donc d’utiliser les masques de fusion
2. Sélectionner le calque au-dessus duquel vous souhaitez créer masque de fusion
(dans notre cas c’est bien le calque de img_4.jpg).
3. Créer un masque de fusion à partir du menu Calque-> masque de fusion ou à partir
de l’icône en bas de la fenêtre de réglage. Que remarquez-vous ?
4. Prenez l’outil pinceau à partir de la barre des outils et peindre en noir sur la partie
que vous voulez masquer. Que remarquez-vous ? (La partie sélectionnée est
masquée)
Exercice 5 (Les masques de fusion)
18
5. Reprenez l’outil pinceau et peignez en blanc la partie masquée. Que remarquez-
vous ? (La partie masquée est réaffichée). NB. Pour inverser les couleurs, il suffit de
cliquer au-dessus de l’outil
Constatation : tout l’intérêt des masques de fusion est de pouvoir éditer à tout moment
la transparence d’un calque de manière non destructive. Elle fonctionne sur la base des
couleurs noir et blanc (le noir fait disparaitre une partie et le blanc la réaffiche) mais il est
possible d’utiliser d’autres couleurs.
6. Choisir une couleur en Gris puis masquer une partie de l’image avec l’outil pinceau.
Que remarquez-vous ? (Un léger effet de dégradé est ajouté).
7. Reprenez la couleur noire et diminuer l’opacité de votre pinceau (en haut dans la
barre de réglage de l’outil pinceau). Que remarquez-vous ? (On peut avoir différents
niveaux).
Exercice 5 (Les masques de fusion)
19
8. Essayez maintenant de choisir une broche avec une dureté très faible et
repeignez en noir. Que remarquez-vous ? (On peut augmenter la netteté
des contours)
NB. Vous pouvez supprimer ou désactiver votre masque en cliquant avec
le bouton droit là-dessus.
9. Supprimer le masque de fusion puis sélectionner l’outil Ellipse de sélection à
partir de la barre d’outils :
Ou en activant Ctrl+M
10. Créer un Ellipse sur une partie de votre image puis créer un masque de
fusion en cliquant sur l’icône en bas de la fenêtre de réglage.
Que remarquer vous ? (Juste la partie de l’image entourée par l’ellipse est
gardée).
11. Activer et désactiver le cadenas du masque et déplacer à chaque fois
votre image en utilisant l’outil de déplacement . Que remarquez-vous ?
12. 12. Enregistrer cette composition sous le format PSD (ex5.psd) puis sous
forme d’une image jpg (ex5.jpg).
☺
Au revoir
et au prochain Atelier
