Aller au menu - Aller au contenu

Icône Les calques

Avatar
Par Avatar Thomas Schlesser (tsg)
Mise à jour : 12/11/2009
Difficulté : Facile Facile
460 visites depuis 7 jours, classé 243/786
Les calques sont un des outils de base de Photoshop. Un outil très utile mais que certains débutants ont parfois du mal à appréhender. Dans ce cours, je vais aborder le sujet de A à Z afin que vous n'ayez plus aucune difficulté avec cette fonction du logiciel.

Ce cours a été réalisé avec Photoshop CS4 extended. Si vous avez une autre version, pas de panique ! Le principe reste le même et l'interface sera très peu différente.

Vous êtes prêt ? A l'abordage ! :pirate:
Retour en haut
Sommaire du tutoriel :
Icône du chapitre
Retour en haut

Un calque ? C'est quoi ?

Définition de "calque":
Un calque est un élément graphique se superposant à un autre, le tout formant une image.

Ce n'est pas compliqué, non ? :)

Un calque est donc une partie d'image qui va en compléter une autre afin de créer une image complète. Pour illustrer ceci, voici un schéma de l'action d'un calque :
Image utilisateur

Dans notre image finale, nous voyons deux trapèzes. Si l'on décompose cette image, on peut voir qu'en réalité, il n'y a qu'un seul trapèze superposé à un rectangle bleu. Le trapèze jaune (calque 1) se situe donc au-dessus du calque 2 (le rectangle bleu).
Il est impératif que vous compreniez le principe de ces calques : cela sert dans absolument toutes les images que vous serez amené à créer !

En terme de comparaison, dites-vous que ce principe est équivalent à l'ordre des éléments dans Power Point ou dans tout autre logiciel bureautique.

Dans Photoshop, les calques se gèrent à l'aide d'un panneau qui leur est dédié (voir la partie suivante).
Retour en haut

Le panneau calques

Le panneau calques est certainement un des plus important de Photoshop. Il permet de les organiser, de les modifier, d'ajouter des styles de calque...

Image utilisateur
Le panneau calques


Nous allons en détailler le fonctionnement.

La zone centrale


Elle vous montre tous les calques de votre document. Le calque le plus haut de la liste est le premier à apparaître sur votre image. Dans mon exemple ci-dessous, le calque numéro 2 est au-dessus du calque rempli d'orange. Sur mon image finale, le calque orange sera donc en partie masqué par le bleu.
Image utilisateur

Les petits carrés gris et blanc indiquent que la zone qu'ils couvrent est transparente. Vous pouvez modifier ce motif via les préférences du programme.

Les icônes


Elles servent à :
  • Image utilisateur : Ajouter un nouveau calque au-dessus du précédant.
  • Image utilisateur : Supprimer la calque sélectionné (mais vous pouvez le faire en appuyant sur Delete/Suppr.
  • Image utilisateur : Créer un groupe de calques (que vous pouvez supprimer en cliquant sur l'icône Image utilisateur)
  • Image utilisateur : Ajouter un calque de réglage (voir partie 4)
  • Image utilisateur : Ajouter un style de calque (voir partie 5)
  • Image utilisateur : Ajouter un masque de fusion (voir partie 3 / Lire ce cours)
  • Image utilisateur : Lier deux calques (on ne peut plus les déplacer indépendamment)


La liste Image utilisateur


Elle vous permet de définir le mode de fusion du calque.

Le mode de fusion est la manière d'afficher les pixels du calque (masquer certains, récupérer des informations de couleur...)

La boîte Image utilisateur


Elle permet de choisir l'opacité du calque. Si vous cliquez sur la petite flèche à gauche de la partie centrale de la boîte, cette réglette s'ouvre:

Image utilisateur

La zone "Verrou"


Ces 4 icônes servent à :
  • Image utilisateur verrouiller les pixels transparents (vous ne pouvez plus les modifier)
  • Image utilisateur verrouiller le calque afin que l'on ne puisse plus peindre dessus
  • Image utilisateur verrouiller le calque afin que l'on ne puisse plus le déplacer
  • Image utilisateur verrouiller le calque, on ne peux plus le modifier
Retour en haut

Les différents types de calques

Dans Photoshop, il existe 7 types de calques :
  • Le calque "standard", il sert à afficher un élément graphique quelconque
  • Le calque de texte, c'est un calque contenant du texte modifiable à souhait
  • Le calque de réglage, il sert à effectuer différents réglages de retouche sur un calque standard
  • Le calque vectoriel, il contient une forme que vous pouvez modifier à l'aide de l'outil plume
  • Le masque de calques, sert à masquer une partie d'un calque, son action est réversible
  • L'objet dynamique, calque standard transformé pour accueillir un filtre à action réversible
  • Le calque de remplissage, comme son nom l'indique, il sert à remplir une forme ou une zone


Le calque standard


J'ai déjà abordé son fonctionnement dans la première partie du cours. Retenez simplement que c'est un élément graphique qui se superpose à un autre.

Le calque de texte


Je ne vais pas vous étonner si je vous dit qu'un calque de texte contient... du texte ! :p
Un tel calque est créé lorsque vous sélectionnez l'outil texte horizontal ou vertical. Voici la manière dont il se présente dans le panneau calques:

Image utilisateur

Notez que si vous créez un calque standard et que vous sélectionnez juste après l'outil texte, le calque existant sera convertit.

Pour modifier un tel calque, il vous suffit de sélectionner l'outil texte et de cliquer sur le calque dans la zone de modification. Vous pourrez alors utiliser Photoshop comme un éditeur de texte "classique".

Le calque de réglage


Un calque de réglage sert à régler des paramètres de l'image. Je détaille son fonctionnement dans le point suivant.

Le calque vectoriel


Il est utilisé lorsque vous dessinez avec l'outil Plume ou que vous insérez une forme. Voici son apparence dans Photoshop:

Image utilisateur

Détaillons-en le fonctionnement :
  • Le cadre rouge indique la couleur de remplissage de la forme
  • Le cadre bleu indique la forme par rapport à l'entièreté du document.

Vous aurez remarqué que le forme est remplie avec une couleur unie. Pour la remplacer par un dégradé ou y ajouter un biseau, nous allons utiliser les styles de calques (voir point 5).

Le masque de calques


Ce n'est pas vraiment un calque. En réalité, le masque sert à cacher des pixels d'un calque standard.
Pour en ajouter un, rendez-vous dans le menu Calques > Masque de fusion > Tout faire apparaître.
Si vous avez Photoshop CS4, ouvrez le panneau "Masques" et cliquez sur cette icône: Image utilisateur.

Une fois le masque ajouté, voici ce à quoi ressemble votre calque de départ :

Image utilisateur

Vous pouvez peindre sur la zone blanche avec les outils classiques. Sachez simplement que peindre en noir va masquer des pixels, peindre en blanc les faire réapparaitre.

- Pour plus d'informations sur les masques, vous pouvez lire le cours de [DarkRavaFire5].
- Il existe également des masques vectoriels sur lesquels on dessine avec l'outil plume.

L'objet dynamique


Un objet dynamique est un calque standard, vectoriel ou de texte que l'on a convertit. L'avantage de ce type de calque est qu'il supporte les filtres classiques tout en leur appliquant une action réversible.
Exemple : J'applique un flou gaussien de 3 pixels sur un calque standard. Une fois que j'ai validé la boîte d'options, mon calque est définitivement modifié. Avec un calque dynamique, je peux reparamétrer mon filtre (pour lui appliquer, par exemple, un flou de deux pixels).
Un autre avantage d'un filtre dynamique est qu'il comporte automatiquement un masque de pixels, très utile pour affecter l'effet à une partie de l'objet.

Convertir un calque en objet dynamique


Rien de plus simple ! Il suffit d'effectuer un clic droit sur le calque à convertir et de sélectionner "Convertir en objet dynamique".

Image utilisateur

- Ce type de calque n'existe pas (encore ?) dans Photoshop Elements.
- Si vous convertissez un calque de texte en objet dynamique, celui-ci ne sera plus modifiable.
- Si appliquer un filtre dynamique est réversible, convertir un calque ne l'est pas!


Modifier un objet dynamique


Une fois convertit, un objet dynamique se reconnait grâce à cette vignette: Image utilisateur .

Pour ajouter un filtre dynamique à un tel calque, rendez-vous dans le menu Image utilisateur et sélectionnez le filtre de votre choix. Une fois appliqué, l'objet dynamique prend cette forme:
Image utilisateur

Pour le modifier, double-cliquez sur le nom du filtre.

Vous aurez sans doute reconnu le masque de fusion qui vous permet de limiter l'action du filtre dynamique


Le calque de remplissage


Son nom indique mangnifiquement bien à quoi il sert !
Il existe trois sous-types de calques de remplissage :
  • Le calque de remplissage de couleur unie
    Image utilisateur
  • Le calque de remplissage de dégradé
    Image utilisateur
  • Le calque de remplissage de motif
    Image utilisateur

Retour en haut

Les calques de réglage

Définition du calque de réglage :
Un calque de réglage est un calque s'appliquant à un autre calque ou au document entier servant à effectuer des corrections de base réversibles sur l'image.

Comment ça vous n'avez rien compris ? :colere2:

En réalité, ce n'est pas si difficile que ça. Un calque de réglage sert comme je l'ai dit dans ma définition à régler certains paramètres de l'image. Il existe différents types de calques de réglage : chacun correspond à la modification qu'il effectue.

Image utilisateur
Les différents calques de réglage.


La structure d'un calque de réglage


Image utilisateur

Le pictogramme représente le type de calque (ici Teinte/Saturation), le carré blanc est un masque de fusion classique. Un calque de réglage comme celui-ci s'applique à tout le document. Si vous voulez qu'il ne soit appliqué qu'au calque précédant, il vous faudra l'écrêter. Pour ce faire, cliquez-droit et sélectionnez "Créer un masque d'écrêtage".

Insérer un calque de réglage


Rien de plus simple ! Toutefois, la procédure change en fonction des versions du logiciel.

Avec Photoshop CS 1,2,3


Rendez-vous dans le menu Image utilisateur puis dans "Nouveau calque de réglage > (type de calque)"
Vous pouvez également cliquer sur l'icône Image utilisateur située en bas du panneau calques.

Avec Photoshop CS4


Dans la version CS4, Adobe nous a facilité la tâche. Un nouveau panneau "Réglages" à fait son apparition dans le logiciel. Si celui-ci n'est pas activé par défaut, rendez-vous dans Fenêtre > Réglages. Le panneau se présente comme suit:
Image utilisateur
Le panneau "Réglages" de CS4

Sur le dessus, vous trouverez les différents types de calques de réglages. La liste présente en dessous vous propose des paramètres prédéfinis.
Pour ajouter un calque de réglage avec ce panneau, il vous suffit de cliquer sur son icône.

Vous pouvez toujours employer les deux moyens précédents pour ajouter un tel calque mais je vous conseille de vous habituer au panneau : c'est un gain de temps réel.

Modifier un calque de réglage


Une fois de plus, la procédure diffère un peu en fonction de votre logiciel :

Avec Photoshop CS 1,2,3


Le calque de réglage se paramètre dans une fenêtre. Pour l'ouvrir, vous devez double-cliquer sur le calque à modifier.

Avec Photoshop CS4


Lorsque vous cliquez sur le calque de réglage, le panneau réglages change d'apparence en fonction du type de calque.
Image utilisateur
Le panneau avec un calque de Teinte/Saturation
Retour en haut

Les styles de calque

A quoi servent-ils ?


Un style de calque sert à donner une apparence graphique à un élément en lui rajoutant (par exemple) une ombre, un contour, un biseau...
Ce sont des techniques employées très souvent lors de la création de compositions ou lors de la mise en forme d'un texte.

Image utilisateur
Un texte avant et après l'application de styles de calque.
C'est mieux, non ? :)


La présentation d'un calque "stylisé"


On reconnait un calque sur lequel on a appliqué un style grâce à l'icône "fx" située à sa droite.

Image utilisateur

Lorsque l'on clique sur la petite flèche pointée vers le bas, le calque se développe comme suit:
Image utilisateur

Vous voyez alors les différents effets qui lui ont été appliqués et vous pouvez les masquer à l'aide de l'oeil.

Ouvrir la fenêtre des styles de calques


Pour ouvrir cette fenêtre, double-cliquez sur le calque que vous voulez modifier ou cliquez sur l'icône Image utilisateur du panneau calques.

Si vous cliquez sur l'icône FX, ce n'est pas la fenêtre qui s'ouvre mais ce menu contextuel:
Image utilisateur

Modifier un style de calque


Une fois ouverte, voici ce à quoi ressemble la fenêtre des styles de calque :

Image utilisateur

  • La zone n°1 sert à sélectionner les différents styles que vous voulez appliquer
  • La zone n°2 sert à paramétrer le style que vous avez choisi avec la zone 1

L'option "Styles" de la zone 1 vous permet de choisir un thème prédéfini proposé par le programme.

Retour en haut

Annexe: organiser ses calques

Lorsque l'on travaille sur un document présentant de multiples calques, on risque de vite s'emmêler les pinceaux. Heureusement, les développeurs de chez Adobe ont pensé à tout! Dans cette annexe, je vais aborder deux techniques pour vous retrouver dans vos documents.

Organiser ses calques dans des groupes


J'ai déjà abordé très sommairement la notion de groupes dans la partie 2 de ce cours. Dans cette sous-partie, je vais en détailler le fonctionnement.

Créer un groupe


Vous pouvez créer un groupe en cliquant sur l'icône Image utilisateur du panneau calques. C'est un moyen qui n'est pas très rapide. Sachez donc que vous serez souvent amené à créer des groupes par la combinaison de touches CTRL/CMD + G.

- Si des calques sont déjà sélectionnés et que vous créez un groupe, ceux-ci seront automatiquement inclus dans le groupe créé.
- Vous pouvez créer autant de sous-groupes que vous le souhaitez.

Modifier un groupe


Des calques placés dans un groupe se comportent exactement comme s'ils n'y étaient pas. Toutefois, vous ne pouvez déplacer individuellement des calques groupés qu'avec l'outil de transformation (CTRL+T) ou avec les touches fléchées.

Supprimer un groupe


Pour supprimer un groupe, cliquez sur l'icône Image utilisateur. Lorsque vous appliquez cette procédure avec un calque seul, celui-ci se supprime directement. Avec un groupe, ce n'est pas le cas : une fenêtre apparaît et vous demande ce que vous voulez faire.

Image utilisateur

Lorsque vous supprimez un groupe avec le raccourci Delete/Suppr, les calques contenus dans le groupe seront automatiquement supprimés.

Attribuer une couleur à un calque


Une fonction intéressante dans l'organisation des calques est la possibilité de leur attribuer une couleur. Voici un schéma représentant mon calque avant et après l'ajout de couleur.
Image utilisateur

Certes, dans un document avec trois calques, ce n'est pas utile mais lorsque l'on travaille sur (par exemple) un webdesign, c'est une fonction très pratique.

Cette fonction n'est pas disponible dans Photoshop Elements.

Sélectionner et appliquer la couleur


Il existe deux moyens d'appliquer une couleur :
  • En cliquant droit sur la zone comportant l'icône Image utilisateur et en sélectionnant une option du menu qui s'affiche.
    Image utilisateur
  • Via les propriétés du calque (accessibles depuis le menu Image utilisateur > Propriétés du calque):

    Image utilisateur

Pour terminer cette annexe, voici un conseil que je vous invite à respecter :

Donnez toujours un nom clair à vos calques ! Vous pouvez créer tous les groupes que vous voulez, nommer un calque d'une façon compréhensible est la base d'un document lisible.
Retour en haut

Q.C.M.

Qu'est ce qu'un calque ?
Comment se présentera mon image finale si le panneau calques est comme ceci ?


Image utilisateur
Et comme ça ?


Image utilisateur
Combien de types de calques existent dans Photoshop ?
A quoi servent les styles de calque ?

Statistiques de réponses au QCM

Retour en haut
Et voilà ! C'est déjà tout. Si vous avez des questions/commentaires/remarques, n'hésitez pas à répondre ou à m'envoyer un MP.

Pour conclure par un beau dicton:

"Après l'effort, la récompense"


Et comme récompense, voici une petite capture d'écran de Flash CS4. Les traducteurs de chez Adobe méritent une claque, non ? ;)

Image utilisateur
Retour en haut

Partager

Retour en haut
13 commentaires pour "Les calques"
Note moyenne : 3.36 / 4 (11 votes)
Pseudo Commentaire
Hors ligne tsg # Posté le 11/11/2009 à 11:33:18
Avatar

Avis : Très bon

C'est une bonne idée de faire une partie sur l'organisation des calques... je vais y réfléchir! :)
Edit: c'est fait!
Tutoriel Photoshop : Les calques
Image utilisateur
 
Hors ligne menina68 # Posté le 21/12/2009 à 01:08:09

Un grand merci pour ce tuto!!

(C'est rare de voir un tuto aussi clair sur photoshop) :)
Hors ligne - Dante - # Posté le 11/02/2010 à 00:09:54
Wrong is right
Avatar
close

Ville : Ifrane
Pays : Maroc
Études : Lycée Gambetta - Tourcoing

 Merci beaucoup pour ce tuto.
Une suggestion : pour ne pas parler un peu sur les modes de fusions des calques, je pense que c'est très important.
Image utilisateur
 
Hors ligne tsg # Posté le 11/02/2010 à 12:48:42
Avatar

Avis : Très bon

Content que ça vous plaise ! :)
@ Dante : Je suis en train d'écrire deux nouvelles parties : une sur les raccourcis liés aux calques et une sur les modes de fusion. Mais je me demande si je ne devrais pas carrément créer un nouveau tuto basé sur les styles et leur options avancées (dans lequel je parlerais en détail des modes).
Tutoriel Photoshop : Les calques
Image utilisateur
 
Hors ligne - Dante - # Posté le 12/02/2010 à 00:05:58
Wrong is right
Avatar
close

Ville : Ifrane
Pays : Maroc
Études : Lycée Gambetta - Tourcoing

 Oui, c'est une bonne idée. Personnellement je suis pour. :D
Image utilisateur
 

Voir tous les commentaires