formateur informatique

Tutoriel Photoshop sur l'utilisation des calques et leurs options

Accueil  >  PAO  >  Photoshop  >  Photoshop Débutant  >  Tutoriel Photoshop sur l'utilisation des calques et leurs options
Livres à télécharger


Pour partager cette vidéo sur les réseaux sociaux, voici son url absolue :

Pour l'intégrer sur votre site internet ou blog, vous pouvez l'embarquer :

Vous pourriez aussi être intéressé(e) par :
Redonner des couleurs aux photos d'objets avec Photoshop
Créer des effets avec des styles de calque et des filtres Photoshop
Exploiter les outils de dessin et de sélection pour créer un anneau
Tutoriel Photoshop sur les techniques de sélection d'image
Les calques

Photoshop permet d'isoler chaque partie d'une composition sur un calque indépendant. La composition est ainsi une succession de couches empilées qui peut être modifiée séparément sans avoir d'incidence sur le reste de l'image. Il s'agit du même principe que les calques empilés à l'origine des dessins animés. Chaque élément d'un dessin est placé sur une feuille transparente indépendante. Chacune de ces feuilles peut être modifiée, déplacée ou supprimée sans incidence sur les autres parties du dessin. La superposition de ces feuilles donne le dessin complet. Chaque nouveau document ouvert dans Photoshop est composé d'au moins un calque. Si vous prenez l'habitude d'ajouter chaque nouvel élément de votre composition dans un nouveau calque, vous gagnerez en souplesse et en clarté.
Ce fichier est composé de 5 images différentes et de 6 calques. C'est ce qu'indique la palette des calques située en bas à droite de votre espace de travail. Si vous ne la visualisez pas, vous pouvez l'activer par le biais du menu Fenêtre/Calques. Vous remarquez que chaque calque est matérialisé par une miniature de l'image qu'il contient. De même chaque calque est accompagné dans la colonne de gauche d'un oeil indiquant que le calque est visible, donc bien représenté sur l'écran. Nous pourrions choisir de le masquer, comme si nous retirions l'une des feuilles transparentes du dessin. Dès lors la partie de l'image contenue sur ce calque disparaîtrait de l'écran.
La palette des calques dans Photoshop

Réglages Palette Calques
Il est possible d'apporter certains réglages à cette palette. Ici par exemple nous jugeons que les miniatures des calques sont trop petites. Pour palier le problème :
  • Cliquer en haut à droite sur le bouton de menu de la palette Calques,
  • Dans le menu qui s'affiche, cliquer sur Options de panneau,
  • Dans la fenêtre qui apparaît, cliquer sur la plus grande miniature de la section Taille des vignettes,
  • Et valider en cliquant sur Ok.
Réglages palette des calques
Avec des vignettes plus grandes, il est plus facile de faire le lien entre le calque dans la palette et la partie de l'image qu'elle contient sur l'espace de travail.

Manipulation des calques
Une méthode simple pour connaître le lien entre le calque et l'image qu'il contient consiste à le masquer pour voir disparaître l'image correspondante de l'espace de travail, puis l'afficher de nouveau. Dans la palette des calques :
  • Cliquer sur l'oeil en regard du premier calque nommé ce,
Vous masquez ainsi le calque et l'image qu'il contient. Vous remarquez que l'image de l'extrémité droite disparaît.
Masquer un calque Photoshop
  • Cliquer de nouveau sur le bouton de la colonne de gauche en regard de ce calque pour l'afficher,
L'image réapparaît sur l'espace de travail. A ce titre vous remarquez qu'elle chevauche légèrement l'image à sa gauche ainsi que l'image du dessous. Cela s'explique par l'ordre d'empilement des calques. Le calque ce est en première position, soit le plus haut. L'image qu'il contient s'affiche donc au-dessus des autres. Pour modifier l'ordre de superposition des images, il suffit de modifier l'ordre des calques. Pour changer la position d'un calque, il suffit de le cliquer et de le glisser jusqu'à la position voulue :
  • Cliquer et glisser le calque ce entre le calque fdn et le calque cc,
Ordre empilement images Photoshop
Désormais l'image qu'il contient est masquée en partie par l'image située en haut sur sa gauche. En revanche elle continue de recouvrir en partie l'image située en bas sur sa gauche. En effet cette dernière est placée sur le calque cc, situé en queue de liste soit le dernier dans l'ordre d'empilement.
  • Cliquer et glisser le calque ce sous le calque cc,
Cette fois notre image apparaît bien derrière toutes les autres. Une astuce rapide pour afficher ou masquer plusieurs calques contigus consiste à cliquer et à glisser sur la colonne de gauche des yeux. De même si vous souhaitez ne garder qu'un seul calque visible, afin par exemple d'épurer l'espace de travail, vous pouvez réaliser la combinaison Alt + Clic sur la colonne de l'oeil en regard du calque. Tous les autres calques se masquent et les images correspondantes disparaissent. Pour plus de clarté dans le travail, nous avons besoin d'attribuer des noms clairs et représentatifs à chacun des calques. Pour renommer un calque, il suffit de double cliquer sur son nom dans la palette calques et de valider la saisie avec la touche Entrée.
  • Afficher tous les calques,
  • Renommer le calque cf en chocolat fondu,
  • Renommer le calque LC en Lait Chocolat,
  • Renommer le calque fdn en Fond Noir,
  • Renommer le calque cc en Carreau de chocolat,
  • Renommer enfin le calque ce en Chocolat éclat,
  • Repositionner ensuite le calque Chocolat éclat en tête de liste afin de replacer son image au-dessus des autres.
Le résultat obtenu est illustré par la figure ci-dessous.
Renommer un calque dans Photoshop



Rotation d'un calque
Tous les calques sont inclinés à 90° sur la droite. Il convient de les redresser afin d'afficher chaque image droite, sur l'espace detravail.
  • Cliquer sur le calque Lait pour le sélectionner,
  • Réaliser la combinaison de touchesCTRL + T (T pour Transformation),
Vous remarquez un cadre et des poignées apparaître autour de l'image du calque.
  • Placer le curseur de la souris en dessous de sa poignée d'angle inférieure droite,
  • Cliquer et glisser vers le haut et la droite à l'aide de la touche MAJ enfoncée de manière à réaliser une rotation antihoraire de 90°,
  • Valider la transformation à l'aide de la touche Entrée du clavier.
Rotation image Photoshop
  • Reproduire exactement les mêmes opérations pour tous les autres calques.
L'image du calque Chocolat éclat déborde à l'extérieur de l'espace de travail. Nous devons la recentrer en la déplaçant. Pour ce faire :
  • Cliquer sur le calque Chocolat éclat afin de pouvoir travailler sur son image,
  • Cliquer sur l'outil déplacement en haut de la palette outils pour le rendre actif,
  • Cliquer et glisser l'image de la droite vers la gauche afin de la ramener vers le centre de l'espace de travail.

Désormais l'image Chocolat éclat se retrouve au-dessus de toutes les autres.

Fusionner des calques
L'image du lait sur fond noir est en réalité composée de deux calques. Le calque Lait et le calque Fond noir. Nous souhaitons fusionner ces deux calques de façon à réunir ces images.
  • Cliquer sur le calque Lait pour l'activer,
  • Cliquer sur le bouton du menu en haut à droite de la palette des calques,
  • Dans la liste, cliquer sur l'option fusionner avec le calque inférieur.
Les calques Lait et Fond noir ne font plus qu'un. Ils portent le nom de ce dernier.
Fusion calques Photoshop
  • Double cliquer sur le nom Fond noir,
  • Renommer le calque en Lait et valider par Entrée.




Modes de fusion des calques
Nous souhaitons maintenant donner l'illusion que le chocolat fondu et le lait se mélange. Pour ce faire nous allons devoir supprimer le fond de l'image du calque chocolat fondu.
  • Masquer tous les calques sauf Chocolat fondu et Lait.
L'espace de travail est désormais dégagé.
  • Cliquer sur le calque Lait pour l'activer,
  • Activer l'outil baguette magique derrière l'outil sélection rapide en haut de la palette outils,
  • Cliquer sur le fond uni de l'image chocolat fondu pour le sélectionner.
Surprise la sélection ne correspond pas à nos attentes. Visuellement nous avons bien cliqué sur le fond de l'image du chocolat mais le calque lait était actif à la place du calque chocolat fondu. De fait, le fond transparent de l'image Lait a été sélectionné. Il est donc toujours important de s'assurer que nous travaillons sur le bon calque avant de débuter les opérations.
  • Cliquer désormais sur le calque Chocolat fondu pour l'activer,
  • Cliquer de nouveau sur son fond uni avec la baguette magique,
  • Enfoncer la touche Suppr du clavier pour le supprimer,
  • Réaliser la combinaison CTRL + D pour désélectionner,
  • Déplacer l'image du chocolat fondu sur celle du lait,
Le calque du chocolat fondu étant positionné au-dessus de celui du lait, les images se superposent sans problème. Dans le cas inverse, l'image du chocolat fondu aurait été masquée par le fond noir du lait. Nous avons besoin que les sens et directions de coulée soient similaires. Nous devons réaliser une symétrie sur l'image du chocolat.
  • Réaliser un CTRL + Clicsur le calque du chocolat fondu.
Comme l'image dispose d'un fond transparent, cette technique permet de sélectionner rapidement la zone précise de l'image.
  • Edition /Transformation / Symétrie axe horizontal,
Nous retournons ainsi l'image pour aligner les sens de coulée.
  • Utiliser désormais l'outil déplacement et le mode de transformation CTRL + T, pour déplacer et transformer l'image de manière à obtenir le résultat illustré sur la capture ci-dessous.
  • Placer le calque du Lait juste en dessous de celui du chocolat fondu,
  • Cliquer sur le calque du chocolat fondu pour l'activer,
  • Cliquer sur la liste des modes de fusion en haut de la palette des calques,
  • Dans la liste, cliquer sur Incrustation,
Mode fusion incrustation Photoshop
Les deux images semblent se fondre l'une dans l'autre. Nous souhaitons déplacer le résultat au centre de l'espace de travail. Seulement, ne l'oublions pas cette image est composée de deux calques. L'outil de déplacement ne déplacera que l'image du calque actif. Nous allons donc sélectionner les deux calques ensemble.
  • Cliquer sur le calque Chocolat fondu pour l'activer,
  • Avec la touche CTRL enfoncée, cliquer sur le calque Lait.
Vous avez sélectionné les deux calques ensemble.
  • Déplacer la composition au centre de l'écran.
Pour plus d'organisation, nous allons réunir ces deux calques dans un dossier. Les deux calques étant toujours sélectionnés :
  • Cliquer sur l'icône Nouveau groupe en bas de la palette des calques,
Un petit dossier apparaît réunissant les deux calques que nous avions présélectionnés.
  • Double cliquer sur son nom pour le renommer,
  • Saisir Lait et chocolat fondu,
  • Valider par la touche Entrée.

Désormais chaque action que vous appliquez à ce groupe concerne les calques qu'il contient. Si par exemple vous cliquez sur l'oeil du groupe, les deux calques se masquent ensemble. Une autre méthode pour réaliser des actions conjointes sur des calques consiste à les lier. Pour ce faire, vous devez tout d'abord sélectionner les calques concernés à l'aide de la touche CTRL, puis vous devez cliquer sur l'icône lier les calques en bas à gauche de la palette des calques.

Dégradé et ombre portée
Nous souhaitons appliquer un dégradé de couleurs sur le fond de l'image Lait chocolat. Pour plus de confort, nous souhaitons que ce fond se situe sur un autre calque en arrière-plan.
  • Cliquer avec la touche Alt enfoncée dans la colonne de gauche du calque Lait chocolat, de manière à ne sélectionner que ce dernier,
  • Supprimer le fond bleu de l'image à l'aide de la baguette magique,
  • Désélectionner (CTRL + D),
  • Cliquer sur le bouton Créer un calque en bas de la palette des calques pour ajouter un calque,
  • Renommer ce calque Fond lait chocolat,
  • Puis le déplacer sous le calque Lait chocolat,
  • Réaliser ensuite un rectangle de sélection autour de l'image Lait chocolat à l'aide de l'outil Rectangle de sélection,
Ce rectangle doit être réalisé avec le calque de fond actif.
  • Cliquer sur l'outil Dégradé dans la palette d'outils,
  • Dans la barre d'options, cliquer sur la liste du dégradé afin de le personnaliser,
Vous pouvez choisir un dégradé prédéfini à l'aide des propositions ou le personnaliser en cliquant sur les petites icônes de la représentation du dégradé dans la boîte de dialogue.
Dégradé de couleurs sur une image
  • Valider par Ok lorsque vous êtessatisfait(e),
  • Puis tracer une ligne horizontale à l'aide de la touche MAJ dans le rectangle de sélection et relâcher la souris,
Le dégradé s'applique sur le fond de l'image et comme la sélection était prédéfinie, il ne déborde pas du cadre. Pour ajouter un peu de relief, nous allons appliquer une ombre portée sur l'image du dessus à l'aide des styles de calque.
  • Sélectionner le calque Lait Chocolat,
  • Cliquer sur l'icône Style de calque en bas de la palette des calques,
  • Dans la liste, cliquer sur ombre portée,
  • Dans la boîte de dialogue, vous pouvez régler quelques paramètres comme Distance,
  • Valider en cliquant sur Ok.
Ombre portée, style de calque Photoshop
  • Réunir ces deux images comme précédemment dans un nouveau groupe,
  • Nommer ce groupe Lait Chocolat.


Opacité d'un calque
Nous allons travailler sur les calques Carreau chocolat et Chocolat eclat pour donner un effet de fondu. Nous allons commencer par ranger l'espace de travail :
  • Masquer les groupes Lait Chocolat et Lait et Chocolat fondu,
Seules les images sur lesquelles nous allons travailler demeurent.
  • Passer le calque carreau chocolat en haut de la liste des calques.
Ainsi il est au premier plan.
  • Supprimer les fonds blanc et gris de l'image,
  • La déplacer sur l'image chocolat éclat avec l'outil déplacement,
  • La redimensionner (CTRL + T et touche Maj) pour qu'elle ne déborde pas.
La touche Maj permet de garder les proportions de l'image pendant une transformation manuelle initiée par CTRL + T. Le résultat à obtenir est illustré ci-dessous.
  • Régler enfin l'opacité du calque avec le curseur de la zone opacité en haut de la palette calques.
  • Choisir une valeur qui donne l'illusion que les deux images se fondent l'une dans l'autre.
Opacité calque Photoshop



 
Sur Facebook
Sur G+
Sur Youtube
Les livres
Contact
Mentions légales