Premiers pas dans Photoshop

Premiers pas dans Photoshop

Tutoriel publié en mars 2008 par Galdon dans la catégorie Photoshop

Dans ce premier chapitre, nous allons voir comment fonctionne l'interface de Photoshop, comme ouvrir une image et utiliser l'espace de travail.

Interface graphique

L'interface utilisateur de Photoshop est composée de panneaux :

Interface graphique de Photoshop CS6
Cliquez sur l'image pour agrandir

Sur l'image ci-dessus, j'ai mis en surbrillance les panneaux qu'on utilise le plus souvent, ils sont indispensables.

Vous n'allez pas savoir tout de suite à quoi ils servent car on va en parler dans les prochains chapitres, mais pour le moment ce n'est pas important. Ce qui est important c'est que vous reteniez où ils se trouvent.

  1. Le panneau Outils permet de sélectionner un outil pour pouvoir travailler avec. Nous verrons comment utiliser les outils au prochain chapitre.
  2. La barre des Options vous permet d'accéder aux réglages spécifiques de l'outil sélectionné.
  3. Les panneaux Couleur et Nuancier permettent de sélectionner la couleur avec laquelle vous souhaitez travailler si vous voulez par exemple tracer un trait avec l'outil pinceau.
  4. Le panneau Calques sert à voir tous les calques qui composent un document Photoshop, et à sélectionner le calque sur lequel vous voulez travailler.
    Vous en apprendrez plus sur les calques au prochain chapitre.

Au milieu de tous ces panneaux, on trouve tout simplement l'image sur laquelle on travaille (qu'on appelle aussi Document Photoshop).

Il y a aussi de petites flèches (entouré d'un cercle blanc sur l'image ci-dessus) qui permettent de plier et déplier les panneaux pour avoir plus de place pour afficher l'image.

Afficher ou masquer des panneaux

Il existe beaucoup d'autres panneaux, il y en a tellement qu'il est impossible de tout afficher en même temps (on aurait plus de place pour voir l'image !).

Mais ça n'est pas un problème, parce qu'on peut très facilement afficher et masquer des panneaux, via le menu Fenêtre, qui affiche la liste des panneaux :

  • Annotations
  • Calques
  • Caractère
  • Compositions de calques
  • Couches
  • Couleur
  • Forme
  • Formes prédéfinies
  • Histogramme
  • Historique
  • Informations
  • Montage
  • Navigation
  • Nuancier
  • Outils prédéfinis
  • Paragraphe
  • Propriétés
  • Réglages
  • Scripts
  • Source de duplication
  • Styles
  • Styles de caractères
  • Styles de paragraphes
  • Tracés
  • Options
  • Outils

Espace de travail

Pour changer de panneaux plus facilement, Photoshop permet d'enregistrer des configurations de panneaux prédéfinis, qui permettent d'éviter de devoir masquer et afficher les panneaux dont on a besoin via le menu Fenêtre.

On appelle ça des espaces de travail, et on peut changer d'espace de travail grâce à la liste déroulante en haut à droite de la fenêtre, ou alors via le menu Fenêtre > Espace de travail.

Ouvrir une image dans Photoshop

Bien, on va passer à la pratique. Téléchargez cette image sur votre ordinateur (elle provient de DeviantArt : http://h2okerim.deviantart.com/art/My-Polaroid-1-127512584) :

Polaroid

Dans Photoshop, allez dans le menu Fichier > Ouvrir (raccourci Ctrl + O). Vous pouvez aussi faire un glisser-déposer de l'image dans Photoshop, c'est plus rapide. Vous voyez alors l'image apparaitre au milieu.

Manipuler le plan de travail

La première chose que nous allons apprendre à faire, c'est zoomer et se déplacer dans l'image.

Pour zoomer sur l'image, il y a plusieurs façons de faire :

  1. Maintenir la touche Alt enfoncée et utiliser la roulette de la souris pour zoomer et dézoomer.
  2. Dans le panneau Outils, sélectionnez l'outil Zoom Z (avec l'icône en forme de loupe).
    Ensuite, placez le pointeur de la souris sur l'image, cliquez et glissez la souris à droite pour zoomer, et à gauche pour dézoomer.
  3. Écrire le pourcentage de zoom en bas à gauche de la fenêtre Photoshop

La première solution est de loin la plus pratique, on utilise souvent les raccourcis dans Photoshop.

En zoomant suffisamment, l'image ne sera plus affichée dans son intégralité, on peut alors déplacer l'image pour en survoler différentes portions grâce à l'outil Main H. On peut aussi utiliser l'outil main simplement en maintenant la barre d'espace enfoncée :

Outil main
Cliquez sur l'image pour agrandir

Vous pouvez voir que j'ai affiché le panneau Navigationqui sert à afficher l'image complète ainsi que la portion actuellement affichée sous forme d'un rectangle rouge, c'est assez pratique.

Sur cette image, on voit aussi un damier avec de petits carrés blanc et gris à droite. Dans Photoshop, ce damier représente la transparence. C'est comme si le fond du document était le damier, et ça sert à ne pas confondre le fond avec l'image en elle même. Le damier ne fait pas partie de l'image, il n'apparait que dans Photoshop.

À première vue ça n'a pas beaucoup de sens, vous vous demandez peut-être à quoi ça sert d'avoir des images avec des zones transparentes : pourquoi pas blanc ou n'importe quelle couleur ? Nous verrons ça dans le chapitre sur les calques.

Réglage d'image

Photoshop permet d'effectuer des réglages simples sur une image, comme modifier la luminosité, le contraste, les niveaux, la teinte ou encore la saturation.

Toutes ces fonctions sont accessibles via le menu Image > Réglages:

  • Luminosité/Contraste
  • Niveaux Ctrl+L
  • Courbes Ctrl+M
  • Exposition
  • Vibrance
  • Teinte/Saturation Ctrl+U
  • Balance des couleurs Ctrl+B
  • Noir et blanc Alt+Maj+Ctrl+B
  • Filtre photo
  • Mélangeur de couches
  • Recherche des couleurs
  • Négatif Ctrl+I
  • Isohélie
  • Seuil
  • Courbe de transfert de dégradé
  • Correction sélective
  • Tons foncés/Tons clairs
  • Virage HDR
  • Variantes
  • Désaturation Maj+Ctrl+U
  • Correspondance de la couleur
  • Remplacement de couleur
  • Egaliser

Passer une image en noir et blanc

Reprenons l'image ci-dessus, nous allons la passer en noir et blanc (on appelle cela une désaturation car on réduit la saturation (les couleurs) à zéro). Pour cela, il suffit d'aller dans Image > Réglages > Désaturation:

Désaturation : image en noir et blanc

Voilà le résultat :

Image désaturée

Changer la couleur d'une image (teinte)

On va faire un peu plus compliqué maintenant : le réglage Teinte/Saturation permet de changer la couleur d'une image, et par exemple de remplacer une couleur par une autre. Cette fonction est très pratique quand on souhaite changer la couleur d'un logo ou d'une icône par exemple.

Fermez l'image (sans enregistrer les modifications) et ouvrez là à nouveau pour annuler la désaturation (ou alors appuyez sur Ctrl+Z pour annuler.

Ensuite, allez dans Image > Réglages > Teinte/Saturation Ctrl+U. Une fenêtre s'affiche, il suffit de déplacer le curseur de la jauge Teinte avec la souris pour changer la couleur :

Changer la teinte d'une image
Cliquez sur l'image pour agrandir

Quand on modifie la teinte, toutes les couleurs changent, et pas de la même manière. Sur cet exemple, la fleur bleue est devenue verte, et le bleu du papillon est devenu rouge/rose.

En fait cet outil "décale" le spectre de couleurs, ce sont les deux bandes horizontales affichées en bas de la fenêtre : en haut la couleur avant modification, et en bas la couleur après.

Si vous voulez juste appliquer la même teinte à toutes les couleurs, il suffit de cocher la case Redéfinir.

On peut aussi n'agir que sur certains tons. Pour l'exemple, on va mettre la fleur en vert et le papillon en bleu turquoise. Pour modifier la fleur, qui est bleue, on va sélectionner les tons Bleus dans la liste déroulante :

Changer une couleur en une autre
Cliquez sur l'image pour agrandir

Maintenant l'outil n'agit que sur les tons bleus. Le spectre des couleurs sur lequel agit l'outil est indiqué entre les 2 barres en bas (en gris) et aussi sous forme textuelle : 171°/225° 255°\285°.

Faites pareil pour le papillon, en choisissant successivement :

  • Verts 75°/105° 135°\165°
    • Teinte : +63
  • Jaunes 35°/54° 84°\111°
    • Teinte : +78
    • Saturation : -2
    • Luminosité : -14

Après toutes ces manips, on se retrouve avec ça :

Papillon bleu

Créer un nouveau document Photoshop

Photoshop permet bien sûr de modifier une image ou une photo existante pour par exemple faire de la retouche photo (comme on vient de le faire ci-dessus), mais il permet aussi de créer des images de toutes pièces, c'est ce qu'on appelle du graphisme.

Pour créer une image dans Photoshop, allez dans le menu Fichier > Nouveau Ctrl+N. Une fenêtre s'affiche, elle permet de choisir les dimensions de l'image et quelques autres paramètres :

Nouvelle image dans Photoshop

Vous pouvez ici choisir la taille de l'image, dans différentes unités. En général on utilise le pixel qui est l'unité utilisée pour la retouche photo, la vidéo, le graphisme et le webdesign.

Les autres unités comme le Pouce ou le Centimètre sont utilisées quand on travaille sur du "print" (un document destiné à être imprimé, pour faire une affiche ou un flyer par exemple). Mais en général on n’utilise pas Photoshop pour faire du print, on utilise plutôt Adobe Illustrator qui permet de faire du dessin vectoriel.

Le champ résolution n'a aucune influence avec l'unité Pixels, elle ne sert que quand vous choisissez une unité print comme Pouce ou Centimètre. Plus la résolution est élevée, plus il y aura de pixels dans 1 centimètre carré d'image, donc la taille de l'image sera plus grande, il y aura plus de pixels.

Il en est de même pour le mode : on utilise toujours le mode RGB pour les images destinées à être affichées sur un écran. Si vous voulez en savoir plus sur les modes de couleur, lisez cette page : les modes de couleur.

Cliquez sur OK et Photoshop va créer une image vide aux dimensions que vous lui avez indiquées.

Fini de lire cette page ? allez faire un tour ici : coloriser un dessin en noir et blanc, ça peut vous intéresser.

Ce tutoriel fait partie d'un cours : aller au sommaire pour voir les autres chapitres.

142 commentaires :
Seuls les 10 derniers commentaires sont affichés.
Cliquez ici pour afficher tous les commentaires
commentaire n°3483 par Jess974
Jess974 mercredi 29 mars 2017, 14:26
J'ai pas compris le passage où l'on peut agir que sur certains tons.... qu'est ce que je dois faire du petit bidule gris?
commentaire n°3548 par kristelle92
kristelle92 vendredi 1 décembre 2017, 15:49
merci de cette aide précieuse pour la débutante que je suis
commentaire n°3669 par Omar1958
Omar1958 vendredi 6 juillet 2018, 09:23
Je suis nouveau et débutant sur votre site, c'est ma première lecture, c'est vraiment génial, je vous remercie infiniment.
commentaire n°3719 par cheick koroma
cheick koroma mercredi 24 octobre 2018, 00:00
merci beaucoup mais j'arrive pas à afficher les outils
commentaire n°3776 par lili
lili dimanche 16 décembre 2018, 00:17
je ne comprends pas comment obtenir la derniere image
Je fais les reglages, je clique avec le stylo sur la feuille ou sur le papillon mais tout change...
je suis sous PS 2015
Merci pour votre réponse
commentaire n°3777 par lili
lili dimanche 16 décembre 2018, 00:34
je ne comprends pas comment obtenir la derniere image
Je fais les reglages, je clique avec le stylo sur la feuille ou sur le papillon mais tout change...
je suis sous PS 2015
Merci pour votre réponse
commentaire n°3876 par Gpont
Gpont vendredi 25 janvier 2019, 23:06

Très bien expliqué. J’y vois plus clair. Excellente explication. J’aimerais la suite pour progresser.
commentaire n°5508 par FLORINCUTA
FLORINCUTA mardi 11 août 2020, 18:23
CASTER DE SORTS PROFESSIONNEL QUI PEUT VOUS AIDER AVEC LOVE-SPELL POUR REVENIR URGENT VOTRE EX LOVER APRÈS UNE RUPTURE / DIVORCE MÊME SI VOTRE SITUATION SEMBLE SANS ESPOIR! CONTACT: DR. ODION (drodion60@yandex.com) IL EST CERTAINEMENT LE MEILLEUR CASTER DE SORT EN LIGNE ET SON RÉSULTAT EST GARANTIE À 100%.

Après 3 ans dans une relation avec mon copain, mon copain a commencé à sortir avec d'autres filles et à me montrer un amour froid, à plusieurs reprises il menace de rompre avec moi si j'ose l'interroger sur sa liaison avec d'autres filles, j'étais totalement dévasté et confus jusqu'à ce qu'un vieil ami à moi me parle d'un lanceur de sorts sur Internet DR. ODION qui aide les gens avec leur relation et leur problème de mariage par les pouvoirs des sorts d'amour, Au début, je doutais si une telle chose existe jamais mais j'ai décidé de l'essayer, Quand je l'ai contacté, il m'a dit tout ce que j'avais à faire et je l'ai fait et il m'a aidé à lancer un sort d'amour et dans les 48 heures, mon petit ami est revenu vers moi et a commencé à s'excuser, maintenant il a arrêté de sortir avec des filles et il est avec moi pour de bon et pour de vrai. Contactez ce grand lanceur de sort pour votre problème de relation ou de mariage.
Voici son contact.

APPEL / WHATSAPP: +2349060503921
COURRIEL: (drodion60@yandex.com)
commentaire n°8737 par DUDULE
DUDULE samedi 9 octobre 2021, 12:23
c est quoi ces conneries?????
commentaire n°5529 par mariam
mariam lundi 17 août 2020, 18:18
I feel very happy to share my great and wonderful testimony with everyone on this site..: I was married for 4 years to my husband and all of a sudden another woman came into the picture he started hating me and he was abusive.but i still loved him with all my heart and wanted him at all cost.... He filed for divorce and my whole life was turning apart and i didn't know what to do, he moved out of the house and abandoned me and the kids... my very close friend told me about trying spiritual means to get my husband back and introduced me to a spell caster so i decided to try it. although i didn't believe in all those things then when he did the special prayers and spell, after 2 days, my husband came back and was pleading that he had realized his mistakes I just couldn't believe it, anyway we are back together now and we are happy in case anyone needs help here is his email address; Account
doctorirekenagba@gmail.com His spells is for a better life OR call his number
+2347059630655 or contact him on WHATSAPP
commentaire n°5680 par Kamas
Kamas mercredi 28 octobre 2020, 10:14
Merci beaucoup
facultatif
Facebook Twitter RSS Email
Forum Excel
Venez découvrir le nouveau forum excel question/réponse à la stackoverflow.com !
Forum Excel
hit parade n'en a rien a foutre du W3C Positionnement et Statistiques Gratuites Vincent Paré