Photoshop® 7.

Document d’initiation aux fonctionnalités du logiciel

Adobe® Photoshop® 7.0
Tutorial v1.0

Delorme Vincent
Janvier 2007 vdelorme_at_ec-marseille.fr 1
 2
0 - 1 - Notes indicatives

Notes:

Pour bien comprendre l’intégralité de ce document, il est conseillé de travailler le
plus possible avec le logiciel sous la main, de manière à mettre en pratique et réaliser
les choses par soi-même.

Le lecteur pourra trouver des références à des outils, fonctions ou manipulations
avant leur explication plus tardive dans le document.

Mais certains menus et certaines fonctions ne seront pas étudiés dans le détail; au
lecteur d’en faire la connaissance par lui-même.

Référence à un menu:

La navigation au sein d’un menu est renseignée de la manière suivante:

Menu source => sous menu 1 =>…=> sous menu n => fonction (combinaison de touches)

Elle est parfois écrite en anglais, par flemme ou ignorance de l’auteur.

Exemple:

Fichier => Nouveau (Ctrl + N) ou File => New (Ctrl + N)

Raccourcis clavier:

Les touches de raccourci ne sont valables que pour la version Windows de
Photoshop®.

Mes excuses auprès des possesseurs de MAC.

Certains raccourcis clavier utilisent conjointement les touches Alt et Shift. Cette
combinaison est, par défaut sous Windows, celle qui bascule la langue de votre
clavier (généralement en langue US). Ainsi, le « Z » devient « W ». C’est d’autant
plus gênant que le raccourci Ctrl + W ferme Photoshop®…
 3
0 - 2 - Plan

Chapitre I : Introduction ---------------------------------------------- Page 4


I-1-Espace de travail ------------------------------------------------------------ 5


I-2-Document ------------------------------------------------------------------- 10


I-3-Structure d’une image ----------------------------------------------------- 12


Chapitre II : Outils de sélection ------------------------------------- Page 16


II-1-L’outils sélection --------------------------------------------------------- 18


II-2-Le lasso -------------------------------------------------------------------- 20


II-3-La baguette magique ----------------------------------------------------- 22


II-4-Autres outils --------------------------------------------------------------- 24


II-5-Menu sélection ------------------------------------------------------------ 28


Chapitre III : Objets et manipulation ------------------------------- Page 30


III-1-Outils de dessin----------------------------------------------------------- 33


III-2-Dimensionnement, mouvement --------------------------------------- 39


III-3-Règle, guides et tranches ----------------------------------------------- 47


III-4-Objets complexes -------------------------------------------------------- 52


III-5-Création d’objets --------------------------------------------------------- 55


Chapitre IV : Fusion et filtrage ------------------------------------- Page 63


IV-1-Options de fusion -------------------------------------------------------- 65


IV-2-Filtres ---------------------------------------------------------------------- 71


IV-3-Exemples d’utilisation -------------------------------------------------- 78


Chapitre V : Création et restauration d’images ------------------- Page 85


V-1-Créer une image ---------------------------------------------------------- 86


V-2-Mode et ajustement ------------------------------------------------------ 89


V-3-Le retour en arrière ------------------------------------------------------ 94


Annexes ---------------------------------------------------------------- Page 96


A-1-Raccourcis clavier ------------------------------------------------------- 97


A-2-Presets de document ----------------------------------------------------- 98

 Chapitre 1 - Introduction

1 - Espace de travail
2 - Document
3 - Structure d’une image

Delorme Vincent
Janvier 2007 vdelorme_at_ec-marseille.fr 4
 5
Chapitre I - 1 - 1 - Organisation de l’espace de travail

L’espace de travail est la fenêtre qui s’affiche quand le logiciel démarre. Il est
divisé en palettes qui regroupent et ordonnent vos outils de travail.

Barre des

à la barre des options

Palettes attachées
options

Navigation
Palette outils de base

Couleurs
Palette calques

Indications concernant les options

additionnelles de l’outils en cours d’utilisation. Historique
 6
Chapitre I - 1 - 2 - Taille et format de document

Canevas :

Chaque document de l’espace de travail possède une taille (longueur x
largeur) appelée Canevas. Ses dimensions sont définies à la création du
document.

Vous pouvez cependant les modifier à tout moment (Image => taille du
canevas).

Ne confondez pas taille de l’image et taille du canevas ! Changez la taille de
l’image revient à modifier la densité des pixels de l’image, ce qui nécessite
un nouvel échantillonnage (interpolation des pixels) et joue donc un rôle
important pour la qualité de votre image (cf. III-2-3).

Format :

Photoshop® ouvre quasiment tous les formats d’images.

Pour les GIF animés, seul la première image est utilisable !

Attention cependant, une image classique (format .JPEG ou .GIF) ne
contient pas d’informations de transparence ni de calques !

Photoshop® travaille généralement avec son propre format de fichier, le .PSD

Rendez-vous au chapitre V pour plus de détails.
 7
Chapitre I - 1 - 3 - Palette outils de base 1/2

La palette d’outils est divisée en 8 sous-espaces. Les 3 premiers contiennent les

outils d’édition de l’image et de création d’objets.

Sélection (M) (rectangulaire, elliptique, ligne, colonne)
Déplacement (V)

Lasso (L) (lasso, polygonal, magnétique)
Baguette magique (W)

Rogner (C)
Tranche (K) (tranche, sélection)

Correcteur (J) (correcteur, pièce)
Pinceau (B) (pinceau, crayon)

Tampon (S) (duplication, motif)
Forme (Y) (d'historique, artistique)

Gomme (E) (gomme, d’arrière-plan, magique)
Pot (G) (peinture, dégradé)

Goutte d’eau (R) (flou, netteté, doigt)
Densité (O) (+, -, éponge)

Plume (P) (plume, libre, +, -, conversion)
Texte (T) (horizontal, vertical, masques)

Sélection direct (A) (direct, de tracé)
Forme vectorielle (U) (rectangle, rectangle arrondi,
ellipse, polygone, ligne, forme personnalisée)

Légende: Nom de l’outils (Touche de raccourci) (Options/outils secondaires disponibles par clic droit)
 8
Chapitre I - 1 - 3 - Palette outils de base 2/2

Les 5 derniers vous aideront à vous déplacer, sélectionner les couleurs et

basculer rapidement vers différents affichages ou ImageReady.

Annotation (N) (texte, audio)
Pipette (I) (pipette, échantillonneur, mesure)

Main (H)
Zoom (Z)

Couleur de premier plan / d’arrière plan

Inverser couleurs premier arrière plan (X)

Couleurs par défaut Noir/Blanc (D)

Basculer en mode standard / mode masque (Q)

Basculer en mode standard / plein écran avec

barre de menu / plein écran (F)

Basculer vers ImageReady (Ctrl + shift + M)

Légende: Nom de l’outils (Touche de raccourci) (Options/outils secondaires disponibles par clic droit)
 9
Chapitre I - 1 - 4 - Palette Navigation

Onglet Navigation:

Options de la palette:

Attacher la palette à la barre d’option.

Couleur du cadre de vue.

Position de la vue écran sur le document.

Zoom in.

Ajuster manuellement le zoom.

Zoom out.

Niveau de zoom actuel (%).

Onglet information:

Indique les infos couleurs du pixel pointé.

RGB et CMYK par défaut.

Plus grande largeur / hauteur de la
sélection courante.

Coordonnées du pixel pointé.

Options de la palette:

Mode de lecture des couleurs:

Lecture dans l’espace colorimétrique actuel
de l’image.

Lecture dans d’autres espaces
colorimétriques.

Unités pour les coordonnées du pointeur.
 10
Chapitre I - 2 - 1 - Nouveau document

Création d’une nouvelle image avec

Photoshop® :

Fichier => Nouveau (Ctrl + N)

Formats prédéfinis disponibles via la

liste déroulante Preset Sizes.

Défini la taille de l’image et sa
résolution.

Mode de l’image :

Défini l’espace colorimétrique des
pixels:

Bitmap, Grayscale, RGB, CMYK,
LAB…

Contenu de l’image au démarrage :

Un fond blanc ou la couleur d’arrière
plan sélectionnée.

Un calque transparent.

Note: Si le presse papier contient une image lors de la
création d’un nouveau document, les dimensions par défaut
seront celles de l’image copiée.
 11
Chapitre I - 2 - 2 - Fenêtre de document

Photoshop® ouvre chaque document dans une fenêtre séparée au

sein de l’espace de travail:

Réduire

Plein écran

Fenêtre
Fermer

Nom @ Niveau de Zoom (objet sélectionné, mode de l’image)

Document
 12
Chapitre I - 3 - 1 - Objets Photoshop® simples

Différents objets simples dans une

image :

Le fond.

Les calques.

Verrouillage:

Verrouillage des pixels transparents
Calque {
de l’objet.

Verrouillage des pixels.

Verrouiller la position.

Protéger contre toute modification.

Identification des différents objets
grâce à la palette des calques.

Les objets complexes sont constitués
Calque de texte {
de plusieurs objets simples liés ou
groupés. Ils seront vus en détail au
Chapitre III-4.

Le fond ou

L’objet sélectionné apparaît en grisé Background {

Ici, il s’agit de l’objet fond.

Indicateurs de verrouillage

 13
Chapitre I - 3 - 2 - Empilement des calques

Les différents objets s’empilent les uns aux dessus des autres, ceux du dessus
masquant ceux du dessous.

Plus on monte dans la palette de calques, plus on est haut dans l’empilement.

Regard de l’observateur

Haut de la pile

Bas de la pile
 14
Chapitre I - 3 - 2 - Empilement des calques

Vue « observateur » de la pile de calque de l’exemple précédent

 15
Chapitre I - 3 - 3 - Notion de Transparence

Un calque est un objet qui peut posséder des zones transparentes.

Tout ce qui est présent en dessous de ces zones est visible.

Dans Photoshop®, les zones transparentes sont symbolisées (par défaut) par un
quadrillage blanc/gris :

La transparence partielle sera abordée avec l’étude plus précise des objets.

Vue éclatée des couches de l’image
Vue aplatie de l’image

 Chapitre II - Outils de
sélection

1 - L’outils sélection
2 - Le lasso
3 - La baguette magique
4 - Autres outils
5 - Le menu sélection

Delorme Vincent
Janvier 2007 vdelorme_at_ec-marseille.fr 16
 17
Chapitre II - 0 - Préambule

Avant de pouvoir travailler sur les pixels d’une image, il est souvent nécessaire
de les sélectionner. Etre capable de récupérer exactement les pixels que l’on
souhaite est une étape primordiale pour la bonne utilisation d’un logiciel comme
Photoshop®.

Les outils les plus couramment utilisés sont accessibles depuis la palette d’outils.

D’autres outils moins courant mais tout aussi puissants sont accessibles via le menu
Select de Photoshop®. L’utilisation des raccourcis clavier facilite l’accès à ces outils
et peut vous faire gagner du temps.

D’autres techniques et outils vous permettent de récupérer facilement et rapidement
des sélections.

Une sélection reste active tant que vous ne l’annuler pas !

Cliquez à l’intérieur d’une sélection pour l’annuler.

Chaque outils possède ses avantages et ses inconvénients; il n’y a pas de
recettes magiques quand à la meilleure technique à utiliser. Votre bon sens,
votre expérience et vos préférences feront la différence.

Ils ne seront vus qu’au chapitre V, mais retenez bien ces deux raccourcis
clavier:

Ctrl + Z et Alt + Ctrl + Z.

Ils vous permettront d’annuler la dernière action réaliser et de revenir en arrière.
 18
Chapitre II - 1 - 1 - Utilisation de l’outils Sélection

L’outils sélection permet de créer une sélection de la

forme suivante:

Sélection rectangulaire: positionnez le curseur au coin
de votre sélection, laissez enfoncé le bouton gauche et
déplacez le pointeur pour tracer un cadre de sélection.
Relâchez pour valider la sélection.

Maintenez la touche Shift enfoncée pour effectuer une
sélection carré.

Maintenez la touche Alt enfoncée pour effectuer une
sélection centrée sur la position initiale du curseur.

Sélection elliptique: même principe que pour la
sélection rectangulaire.

Maintenez la touche Shift enfoncée pour tracer un cercle.

Maintenez la touche Alt pour effectuer la sélection à partir
de la position initiale du curseur.

Sélection ligne/colonne: cliquez pour sélectionner la
ligne/colonne sous le pointeur.

Raccourci clavier: M

Par défaut: Sélection rectangulaire.
 19
Chapitre II - 1 - 2 - Options de l’outils Sélection

Utilisation d’un type de sélection préalablement enregistré

Nouvelle sélection / Ajouter à la sélection / Soustraire à la sélection
/ Intersection avec la sélection

Contour progressif (rayon du dégradé en pixel) et assouplissement
(oui/non)

Style de la sélection :

Normal

De ratio longueur/hauteur fixé (valeur des ratios)

De taille définis (dimension en pixel)
 20
Chapitre II - 2 - 1 - Utilisation de l’outils Lasso

L’outils lasso permet de créer une sélection de forme
libre à partir d’un tracé à main levée, de lignes continues
ou des variations de couleurs des pixels.

Lasso: déplacez le pointeur en maintenant le bouton
gauche de la souris enfoncé pour dessiner une sélection.
Relâchez pour valider.

Lasso polygonal: cliquez avec le bouton gauche pour
ajouter des point. Une droite est tracée entre deux points
successifs. De proche en proche, vous construisez une zone
de sélection.

Shift: trace des traits horizontaux / verticaux / à 45°.

Ctrl: le prochain clic ferme la sélection.

Vous pouvez également refermer la sélection en cliquant sur le
point de départ (un rond apparaît) ou en double cliquant pour
laisser Photoshop® refermer de lui-même.

Lasso magnétique: déplacez le curseur sur l’image. La
sélection se colle aux courbes du dessin.

les variations de couleurs des pixels sont utilisés.

Ctrl: le prochain clic ferme la sélection.

Même options de fermeture qu’avec le lasso polygonal.

Raccourci clavier: L

Par défaut: lasso.
 21
Chapitre II - 2 - 2- Options de l’outils Lasso

Utilisation d’un type de sélection préalablement enregistré.

Nouvelle sélection / Ajouter à la sélection / Soustraire à la sélection /
Intersection avec la sélection.

Contour progressif (rayon du dégradé en pixel) et assouplissement (oui/non).

Options propre au lasso magnétique:

Distance par rapport au bord à considérer pour déterminer le chemin (en pixel). Tous
les pixels contenus dans ce rayon autour du bord en cours de traçage seront analyser
pour estimer le meilleur chemin (variation de couleur la plus grande).

Contraste du bord à considérer pour déterminer le chemin (%). Lorsque les valeurs de
couleur (des pixels dans le rayon) varie de plus de x%, le chemin est choisi.

Fréquence à laquelle les points d’ancrage sont ajoutés au chemin (min: 0 - max: 100).
Au plus la valeur est élevée, au plus il y a de points ajoutés sur le chemin.

Utiliser la pression du stylo sur la table graphique pour déterminer le rayon de la zone
de pixels à prendre en compte pour le chemin.
 22
Chapitre II - 3 - 1 - Utilisation de la baguette magique

La baguette magique permet de sélectionner rapidement

une zone de pixels de même couleur ou de couleurs
voisines.

La baguette magique : cliquez sur la couleur à sélectionner.
Photoshop® sélectionne les pixels adjacents de même couleur,
avec une certaine tolérance définie dans les options.

Shift : Ajouter à la sélection.

Alt : Soustraire à la sélection.

Alt + Shift : Intersection avec la sélection.

Raccourci clavier : W.
 23
Chapitre II - 3 - 2 - Options de la baguette magique

Utilisation d’un type de sélection préalablement enregistré.

Nouvelle sélection / Ajouter à la sélection / Soustraire à la sélection /
Intersection avec la sélection.

Tolérance de sélection vis-à-vis des couleurs proches de celles
sélectionnées (min: 0 - max: 255). Au plus la valeur est grande, au plus
la baguette sélectionnera de pixels.

Assouplissement (oui/non)

Sélectionner les voisins seulement (oui/non). Si activé, la baguette ne
sélectionnera pas d’autres pixels de l’image que ceux contigus au pixel
sélectionné.

Utiliser tous les calques (oui/non). Si activé, la baguette tient compte
des effets (induits par les autres calques et objets) qui font varier les
paramètres de couleur des pixels pour la sélection. Elle travaille sur les
couleurs comme vous les voyez à l’écran.

les objets cachés sont donc ignorés.
 24
Chapitre II - 4 - 1 - Le mode masque

Les outils vus jusqu’à présent suffisent dans la plupart des cas.

Il est cependant difficile de repérer:

Jusqu’où s’étend une sélection progressive,

De voir quels pixels ont été sélectionnés suite à la récupération d’une sélection.

Photoshop® propose un mode de visualisation particulier: le mode masque, pour
lequel:

Les zones complètement sélectionnées apparaissent en blanc,

Les zones non sélectionnées sont recouvertes d’une couleur rouge translucide,

Une couleur intermédiaire indique une zone partiellement sélectionnée.

En basculant en mode masque (Q), on peut éditer soi-même sa sélection:

On peut dessiner sa sélection en utilisant tous les outils Photoshop®, y compris les
outils de sélection !

Photoshop® utilise la luminosité de la couleur pour déterminer le taux de visibilité
(blanc: visible, noir: transparent).

Création facile de sélections biscornues, à certains pourcentages complètement
paramétrables.
 25
Chapitre II - 4 - 2 - Sélection à partir d’un objet

Comme expliquer au chapitre III, un objet Photoshop® est constitué de pixels

transparents et de pixels visibles. Il est possible de créer une sélection à partir
des données de transparence des pixels d’un calque.

Récupérer la transparence d’un objet: sélectionnez le calque dans la fenêtre des
calques, faites un clic droit et sélectionnez la fonction sélectionner transparence du
calque (Ctrl + clic sur le calque) ou ajout (Shift + Ctrl + Clic) / soustraction (Alt +
Ctrl + Clic) / intersection (Alt + Shift + Ctrl + Clic) si vous avez déjà une sélection
en cours.

L’outils texte possède deux options intéressantes pour créer rapidement une
sélection basée sur un texte écrit dans une police particulière:

Sélection par masque de texte: Choisissez la police et cliquez pour commencer à
écrire. Photoshop® passe en mode masque. Une fois le texte entré, validez.
Photoshop® quitte le mode masque et créer une sélection à partir du texte saisi.
 26
Chapitre II - 4 - 3 - Sélection et chemins

Il est possible de sauvegarder ou de

récupérer une sélection à partir d’un
chemin. L’onglet chemin de la
palette des calques recense les
différents chemins de l’image.

Un seul chemin peut être défini
comme chemin de travail (Work
Path).

La zone de couleur blanche contient
des pixels sélectionnés.

La zone de couleur gris foncé ne
contient rien.

Un chemin reste visible sur le
document grâce à son contour,
représenté par un trait gris continu.

Un chemin ne contient pas de pixels
à moitié visible: c’est du tout ou rien.

Ce menu apparaît après un clic droit à l’intérieur de la
sélection courante.
 27
Chapitre II - 4 - 4 - Sélection et couches Alpha

Il est possible de sauvegarder ou de

récupérer une sélection à partir d’une
couche Alpha. L’onglet canaux de la
palette des calques recense les
différentes couches de l’image.

Les couches par défaut correspondent aux
couleurs de base de l’espace
colorimétrique, c’est-à-dire les couleurs
primaires utilisés pour générer toutes les
autres.

Par exemple en RGB: RGB, rouge, vert et
bleu.

Les couches supplémentaires sont des
couches Alpha et sont rajoutées par
l’utilisateur.

Les pixels des couches Alpha ont leurs
couleurs parmi les niveaux de gris.

Pas d’informations de couleurs,
simplement de luminosité.

Ces niveaux peuvent être utilisés pour
enregistrer une sélection…

Au plus le pixel est sombre, au plus il est
sélectionné.

…Ou gérer un effet de profondeur.

Ce menu apparaît après un clic droit à l’intérieur de la
Au plus le pixel est sombre, au plus il est
sélection courante.
bas.
 28
Chapitre II - 5 - 1 - Menu sélection

On accède à ce menu via la barre de menu du programme Photoshop®.

Il contient des options supplémentaires pour vos sélections.

La majeure partie de ces options se retrouvent en faisant un clic droit à l’intérieur
d’une sélection active du document (couleur bleue).

Tout sélectionner

Désélection

Resélection

Inverser la sélection (sélectionner l’inverse de ce qui est sélectionné).

Sélection d’une plage de couleurs (cf. II-5-2).

Contour progressif (de X pixels).

Modification de la sélection:

Ne sélectionner que la bordure (X pixels de rayon).

Adoucir (de X pixels).

Dilater (de X pixels).

Contracter (de X pixels).

Etendre.

Généraliser.

Transformation (cf. III-2-4).

Charger : permet de charger des sélections provenant d’autres fichiers de
travail ouvert dans Photoshop®.

Sauvegarder : enregistre la sélection sous forme d’une couche Alpha.
 29
Chapitre II - 5 - 2 - Sélection d’une plage de couleur

Permet de réaliser une sélection de

pixels de mêmes couleurs sur
l’image.

Semblable à l’outils baguette
magique mais permet des sélections
progressives:

Chargement / sauvegarde de
sélections (fichiers .AXT).

Sélection basée sur la couleur
prélevée, avec possibilité d’ajout ou
de soustraction.

Réglage de la sensibilité via le
curseur (min: 0 - max: 200).

Différents modes d’affichage sont
disponibles pour visualiser la
sélection en cours directement sur
l’image (dont le mode masque).
 Chapitre III - Objets et
manipulations

1 - Outils de dessin
2 - Dimensionnement, mouvement
3 - Règles, guides et tranches
4 - Objets complexes
5 - Création d’objets

Delorme Vincent
Janvier 2007 vdelorme_at_ec-marseille.fr 30

Chapitre III - 0 - 1 - Préambule

La puissance de Photoshop® réside

Compte tenu de l’empilement de vos

Vous pouvez personnaliser à loisir la texture utilisée
pour symboliser des pixels transparents. Rendez-vous
dans le menu suivant : Edit => preferences =>
Transparency & Gamut.
31
dans sa capacité à gérer des objets
complexes, qui peuvent modifier
l’apparence des autres objets qu’ils
recouvrent.

Chaque objet peut posséder des
pixels transparents, formant ainsi des
zones vides, symbolisées par un
quadrillage blanc/gris.

Un objet peut diffuser différemment
les couleurs des objets qu’il recouvre
suivant les options de fusion
attribuées.
objets, il faudra être vigilant avec les
outils d’édition (crayon/pinceau, pot
de peinture, gomme).
 32
Chapitre III - 0 - 2 - Pile de calques

Un calque contient des zones vides, laissant ainsi

apparaître les images présentes en dessous de lui.

Souvenez-vous, la pile de calques vous renseignent sur
l’agencement de ceux-ci :

« LE + HAUT = LE + DEVANT »

Réarranger l’ordre des calques par simple glisser/déposer
dans la palette ou via le menu Calque (Calque => Ordre).

Question:

« Je ne vois pas le dallage gris/blanc, pourquoi ? »

Réponse:

Le dallage caractéristique n’est apparent que si des pixels «
vide » sont situés sous une zone transparente.

Autrement dit, tant qu’il y a quelque chose à afficher en
dessous, vous ne le verrez pas.

Notez bien que dans la pile de calque, cette texture est
toujours apparente (sur les objets qui le permettent) pour
faciliter votre travail.

Vous pouvez choisir d’afficher ou pas un objet de la pile,
simplement en cliquant sur l’œil à gauche de celui-ci.
L’œil disparaît pour vous indiquer que cet objet
n’apparaît plus sur votre espace de travail.

Vous pouvez alors faire apparaître des zones transparentes.

Notez bien que les objets masqués ne sont pas détruits, juste
invisible, ce qui présente des avantages certains.
 33
Chapitre III - 1 - 1 - Outils crayon et pinceaux

Outils de base pour dessiner:

Au clic, applique la couleur de premier plan.

Maintenez Shift enfoncé entre deux clics pour tracé un trait droit entre les deux points.

Maintenez enfoncé pour faire du dessin à main levée.

Maintenez Shift pour tracer des traits droits horizontaux, verticaux ou inclinés à 45°.

Options:

Enregistrement / chargement de presets.

Taille et forme du curseur.

Large choix de formes, la plus simple étant ronde. Taille ajustable avec un curseur.

Avec l’outils pinceau, vous avez la possibilité de dessinez avec un curseur aux bords en dégradé.

Mode et opacité au tracé.

Même options que pour un calque classique (cf. IV-1).

Flux de peinture.

Diminuez pour envoyez moins de peinture par clic (moins de recouvrement).

Aérographe:

Active les capacités de dessin d’un aérographe: plus vous laissez le curseur à un endroit, plus le recouvrement et
l’étalement du point augmente.
 34
Chapitre III - 1 - 2 - Choix couleurs premier/arrière plan

Ancienne couleur.

Couleurs courantes:
Indicateur d’appartenance de la couleur à la gamme

La couleur de premier plan (PP) de couleur de l’imprimante.
est la couleur que vous utilisez
Nouvelle couleur sélectionnée.
pour dessiner (crayon, pinceau).

Indicateur d’appartenance de la couleur à la gamme

La couleur d’arrière plan (AP) est de couleurs sûres pour le Web.
celle qui apparaît quand on efface
(avec la gomme par exemple) des
pixels appartenant au fond.

Le sélectionneur de couleur:

permet de sélectionner une autre
couleur courante:

Cliquez sur la couleur d’AP (resp.
PP
de PP) pour changer de couleur
d’AP (resp. de PP).

Vous visualiser en haut à droite la
couleur actuellement sélectionnée,
juste au dessus de la couleur en
cours.

Ceci vous permet de comparer
AP
rapidement vos teintes.

Raccourcis:

D: réinitialise aux couleurs par
Valeur de la couleur du pixel
sélectionné exprimée dans différents
défaut (Blanc / Noir). espaces colorimétriques.

X: échange les couleurs de PP et
d’AP.
Limitez l’affichage aux couleurs sûres pour le Web.
 35
Chapitre III - 1 - 3 - Outils dégradé

Outils dégradé (G):

Remplit la zone d’un gradient
paramétrable:

Couleurs par défaut: PP vers AP.

Forme par défaut: linéaire.

Gradients disponible (dépendent

Cliquez sur la barre de gradient pour
du fichier .GRD chargé)
ouvrir l’éditeur de gradient (cf. III-1-4).

En maintenant le bouton gauche
enfoncé, dessinez le vecteur gradient

Centre, étendu, direction.

Tous les gradients de couleurs sont
possibles:

Editeur de gradient (cf. III-1-4).

Gestion personnalisée des ensembles de
gradients (Fichier .GRD).

Formes disponibles:

Linéaire, Radial, Angulaire, Réfléchie,
Diamant.

Avant la création:

Choix du mode et de l’opacité du
remplissage (identique à ceux d’un
Gestion des gradients
calque, cf. IV-1).

Options spéciales:

Reverse: créer le gradient dans l’autre sens
que celui imposé à la souris.

Dither: limite les effets de bande.

Transparency: gestion de la transparence.
 36
Chapitre III - 1 - 4 - Editeur de gradient

Modèles de gradients disponibles et

options de gestion.

Paramétrage du gradient:

Réglette supérieure:

Réglage de l’opacité.

Cliquez pour ajouter un point de stop ou
déplacez un point existant à la souris. Pour
plus de précision, utilisez la propriété
location associée au point.

Réglez l’opacité du dégradé au point de
stop en cliquant sur le point et en ajustant
sa propriété opacité.

Les losanges blanc représente le point
milieu du dégradé. Il se Déplace à la
souris, comme un point stop, et sont créés
automatiquement entre deux points stop.

Utilisez le bouton Delete pour effacer un
point stop.

Réglette inférieure:

Réglage des teintes.

Manipulez les points stop et points milieux
de la même manière que pour la réglette
supérieure.
 37
Chapitre III - 1 - 5 - Règles/conseils pour les outils dessin

Retenez bien ces quelques règles de base : elles vous éviteront des ennuis:

Gommer sur un calque, c’est rendre transparent.

Dessiner sur un calque ou un fond, c’est appliquer la couleur de PP.

Gommer sur un fond, c’est appliquer la couleur d’AP.

Notez bien que « gommer » signifie indifféremment:

Utiliser l’outils gomme (E).

Effacer via une sélection.

Pour effacer une sélection courante, appuyez simplement sur Suppr. une fois celle-ci
effectuée.

Les pixels supprimés sont ceux appartenant à l’objet sur lequel vous êtes en train de
travailler (c’est à dire celui sélectionné dans la palette des calques) !

Notez encore que lorsque la fenêtre du sélecteur de couleur est ouverte, votre
pointeur devient une pipette qui permet de sélectionner une couleur en
particulier sur votre espace de travail.

La pipette est sensible aux calques et options de fusion, elle sélectionne la couleur «
vraie », celle que vous voyez effectivement apparaître sur votre espace de travail,
indépendamment du calque ou de l’objet sélectionné.
 38
Chapitre III - 1 - 6 - Mise en garde

Avant d’effectuer une manipulation sur un objet, vérifier toujours

votre sélection courante dans l’espace de travail et l’objet sur
lequel vous travailler via la palette : les modifications s’effectuent
uniquement dans la sélection et sur ou à partir de l’objet
sélectionné !

Cliquez simplement dans une sélection pour l’annuler.

Cette icône en forme de pinceau vous renseigne sur l’objet
en cours d’édition. De plus, l’objet sélectionné apparaît en grisé
dans la palette des calques.

Attention également à l’option Auto Select Layer: elle permet de

sélectionner par clic direct l’objet auquel appartient le pixel
sélectionné (souvent, l’objet le + devant) ce qui présente à la fois
des avantages et des inconvénients.
 39
Chapitre III - 2 - 1 - Mode redimensionnement

Les objets peuvent se déplacer, se tourner, se redimensionner, se couper... Ils

sont encadrer par une « boîte » permettant de visualiser rapidement leurs
proportions et d’accéder aux manipulations principales:

Outils mouvement sélectionné (V), calque voulu sélectionné et option show
bounding box activé, des pointillés apparaissent autour du calque.

Cliquez sur le calque et, en laissant le bouton enfoncé, bougez la souris pour déplacer
l’objet. En cliquant sur les carrés situés aux angles ou en bordure de la boîte, vous
accéder au mode redimensionnement.
 40
Chapitre III - 2 - 2 - Options de redimensionnement

Coordonnées dans l’image
Rotation
Perspective
Annuler/accepter

Lorsque la chaîne est activée:

la déformation se fait en maintenant les proportions
longueur/largeur initiales.

Lorsque ce triangle est activé:

les coordonnées X et Y du point choisi (schéma de
gauche) sont mises à zéro.

Les champs:

Se mettent à jour automatiquement à mesure que vous
déformez votre objet à la souris sur l’espace de travail.

Ils vous permettent en outre d’être plus précis (rotation
d’angle ou agrandissement donnés).

Notez que vous pouvez également appliquer une
déformation en perspective avec les champs H et V
(perspective horizontale et verticale) en rentrant
directement les valeurs de déformation dans les champs.

Cette opération n’est pas réalisable directement avec la souris
en mode déplacement, contrairement au redimensionnement
et à la rotation.

Les 2 icônes de droite:

servent à valider ou annuler votre transformation.
 41
Chapitre III - 2 - 3 - Interpolation des pixels

Lors d’un redimensionnement, le logiciel est obligé, soit d’ajouter des pixels, soit
d’en supprimer, pour que l’objet résultant ait la taille voulue.

Un algorithme d’interpolation détermine les pixels à ajouter ou à supprimer.

Plusieurs algorithmes classiquement rencontrés:

Plus proches voisins, rapide mais peu fidèle sur des images complexes.

Bilinéaire, efficace en réduction, assez moyen en agrandissement.

Bicubique, le plus couramment utilisé, très efficace dans la plupart des cas, plus gourmand en calculs.

Il est clair que l’algorithme n’est pas parfait et tend à se tromper d’autant plus que le
redimensionnement demandé est important !

L’effet est surtout problématique pour les agrandissements !

Evitez les agrandissements sauvages de timbres postaux pour en faire des affiches A3 !

Nombreux phénomènes « d’escaliers » sur les zones contrastées.

Préférez toujours réduire une image que l’agrandir ! Voyez grand !

Utilisez des formes vectorielles:

Pas constituées par des pixels, mais par des points et des tangentes (~courbes de
Béziers).

Elles sont insensibles au redimensionnement, les pixels les remplissant étant recalculés
à partir de la forme, une fois celle-ci modifiée.
 42
Chapitre III - 2 - 4 - Transformation

Transformations spéciales propre aux

objets:

Edit => Transform => Distort.

Manipulez les sommets de la sélection du
calque pour le distordre en trois dimensions.

Edit => Transform => Perspective.

Manipulez la sélection (sommets ou bords)
du calque pour donner un effet de
perspective.

Edit => Transform => Flip horizontal /
vertical.

Donne l’image de l’objet par un miroir
horizontal / vertical.
Distorsion.

Transformation du canevas de l’image:

Image => Taille du canevas.

Image => Rotation du canevas.

180°, ± 90° ou arbitraire.

Cette derniére est très utile et permet des
rotations fines (quelques degrés) de la zone de
travail.

Flip horizontal / vertical:

Donne l’image de toute la zone de travail par
un miroir horizontal / vertical.

Renouveler une transformation:
Perspective: les sommets sont liés par paires.

Edit => Transform => Again (Shift + Ctrl
+ T).
 43
Chapitre III - 2 - 5 - Mouvements et centrages

Les mouvements d’objets s’effectuent de manière

intuitive avec l’outils mouvement (V):

A la souris en glissez déposez.

Au clavier avec les flèches de déplacement.

Centrage d’un objet par rapport à un autre:

Sélectionner l’objet à centrer et prenez l’outils
mouvement (V).

Récupérer la transparence de l’objet qui sert de
référence pour le centrage (Ctrl + Clic sur l’objet
dans la palette des calques).

Centrage vertical:

Utilisez les options de centrage de l’outils

haut, centre, bas.
mouvement.

Par défaut, les objets et les sélections s’ancrent

Centrage horizontal:
automatiquement aux bords du document:

gauche, centre, droite.

Activez la grille du document pour disposer de plus
de points d’ancrage:

View => Show => Grid (Ctrl + " ).
Distribution vertical:

L’ancrage se fait également sur les guides et les
haut, centre, bas.
tranches que vous créer (cf. III-3).

View => Snap (Shift + Ctrl + ;) et Snap to… pour

Distribution horizontal:
modifier les propriétés d’ancrage des objets.

gauche, centre, droite.
 44
Chapitre III - 2 - 6 - Recadrer une image

On a souvent besoin de ne garder

qu’une partie intéressante de l’image
plutôt que sa totalité.

On a alors besoin d’un outils
permettant de supprimer les pixels
extérieurs à la zone d’intérêt.

Fonction Image => Rogner.

Utilise la sélection courante pour
déterminer la zone à recadrer.

Adapte toujours la sélection courante
de sorte que l’image de sortie soit
rectangulaire.

Perte des informations de contours
amortis !

Pour une sélection non rectangulaire,
les plus grandes largeurs et hauteurs
seront utilisées.
 45
Chapitre III - 2 - 7 - Outils Rogner

Recadrage
complet ou limité au
Apparence des zones
calque de travail hors sélection
Mode perspective
Annuler/Accepter

Outils Rogner (C).

Plus d’options à disposition, permet des recadrages plus fin.

Option d’effectuer un recadrage limité au calque de travail.

Vision plus claire et personnalisable de la zone recadrée.

Entrée manuelle des dimensions et résolution de l’image (cf. III-2-8).

Le fonctionnement reste semblable à la fonction Image => Rogner.

Faites une sélection de la zone à recadrer.

Validez en appuyant sur Entrée.
 46
Chapitre III - 2 - 8 - Options de l’outils Rogner

Avant d’effectuer la sélection, l’outils Rogner (C) propose des options

permettant de contrôler précisément la taille et la résolution de la zone recadrée.

Entrée manuelle des valeurs Largeur / Hauteur.

Les proportions seront conservées lors du tracé à l’écran de la sélection.

Entrée manuelle de la résolution de sortie de la zone recadrée.

Par défaut, c’est la même que celle du document d’origine.

Remise à zéro des champs.

Récupération des valeurs Largeur / Hauteur / Résolution de l’image actuelle.
 47
Chapitre III - 3 - 1 - Réglettes

Activation des réglettes:

View => Rulers (Ctrl + R).

Préférences et options des réglettes:

Les unités des graduations sont
personnalisables dans le menu des
préférences:

Edit => Preferences => Units &
Rulers.

Recentrage des zéros:

Par défaut, lorsque vous affichez les
réglettes, les zéros des graduations
sont positionnés en haut à gauche.

Cliquez sur le carré en haut à gauche
des réglettes.

Maintenez enfoncé le bouton gauche
et déplacez le curseur jusqu’au
nouveau zéro de vos réglettes.

Relâchez pour valider.
 48
Chapitre III - 3 - 2 - Guides

L’ajout de guides facilite le repérage et

l’alignement des objets sur l’image.

Ajout de guides:

Activez les réglettes (Ctrl + R).

Guide Horizontal/vertical:

Cliquez n’importe où dans la réglette
horizontale/verticale et laissez le bouton
gauche enfoncé.

Déplacez le pointeur sur l’image et
relâchez pour positionner votre guide.

Ou fonction View => New Guide…

Apparence des guides:

Edit => Preferences => Guides, Grid &
Slices.

View => Show => Guides (Ctrl + ;) pour
afficher les guides.

View => Clear Guides pour effacer les
guides.

View => Lock Guides pour verrouiller les
guides.
 49
Chapitre III - 3 - 3 - Tranches

Les tranches découpent votre image en

morceaux, de manière à faciliter
l’exportation de votre document en
images WEB.

La fonction Save For Web (Alt + Shift +
Ctrl + S) génère un fichier image par
tranche image (cf. V-1-3).

Ajout de tranches:

Sélectionner l’outils tranche (K).

Dessinez un cadre dans votre image en
maintenant enfoncez le bouton gauche de
la souris.

Relâchez pour créer une tranche
utilisateur (bleue).

La création d’une tranche utilisateur
entraîne la génération automatique de
tranches par Photoshop® (grises).

Chaque tranche est numérotée à la
création.

La tranche active est bordée en marron.

Utilisez l’outils sélection de tranches
pour choisir la tranche active.
 50
Chapitre III - 3 - 4 - Options des tranches

Faites un clic droit sur une tranche pour

ouvrir le menu:

Supprimer la tranche.

Editer ses options (cf. III-3-5).

Promouvoir en tranche utilisateur.

Disponible seulement pour les tranches
générées automatiquement.

Diviser en plusieurs tranches.

Modifier l’ordre:

Accessible seulement pour les tranches
utilisateur:

Placer au sommet de la pile.

Monter d’un cran.

Descendre.

Placer tout en bas de la pile.

Préférences et visualisation:

Edit => Preferences => Guides, Grid &
Slices.

View => Show => Slices pour afficher
les tranches.

View => lock Slices pour verrouiller les
tranches du document.

View => Clear Slices pour effacer toutes
les tranches.
 51
Chapitre III - 3 - 5 - Options avancées des tranches

Menu Slice Options:

Type de la tranche :

Image (défaut): un fichier image sera
généré pour les pixels de cette
tranche par la fonction Save for
WEB (Alt + Shift + Ctrl + S).

No image: pas de sortie image.

Attributs WEB de la tranche.

Dimensions de la tranche.

Coordonnées des bords et
longueur/hauteur.

Type de fond:

Mat.

Blanc, noir ou une autre couleur.
 52
Chapitre III - 4 - 1 - Objets liés / objets groupés

Liaisons entre objets:

Lier des objets permet de les déplacer /
redimensionner en même temps.

Indique que le masque (à droite) est lié à l’objet
(à gauche).

Cliquer ici pour lier l’objet sélectionné avec
l’objet courant:

une chaîne apparaît pour indiquer une liaison.

Les indicateurs de liaisons apparaissent suivant
l’objet sur lequel vous travaillez, rendant plus
simple pour vous le repérage des éléments liés au
calque sur lequel vous travaillez.

Objets groupés:

Le groupement d’objet a de nombreuses
applications, notamment parce qu’il permet
d’utiliser le remplissage d’un calque (= présence
ou non de pixels) pour l’affichage d’un effet ou
d’une texture présente sur un autre calque.

Indique que cet objet est groupé à l’objet
précédent.

Calque => Grouper au précédent (Ctrl + G) pour
grouper.

Calque => Dégrouper (Shift + Ctrl + G) pour
dégrouper.

Note: Le groupement se fait toujours entre deux calques l’un au dessus de l’autre. Il est possible de grouper plusieurs
calques à un même autre, mais pas de grouper un calque avec plusieurs autres (C’est toutefois possible par duplication).
 53
Chapitre III - 4 - 2 - Identifier des objets complexes

Effet de texture/couleur sur un calque:

Calque groupé à un autre.

Forme vectorielle:

Calque de remplissage de couleur.

Tracé vectorielle formé de points et de
tangentes.

La partie grise est vide, la blanche contient des
pixels de la couleur du calque de remplissage

Groupe de calque et son contenu:

Le contenu peut être masqué.

On peut lui appliquer une couleur pour la
lisibilité du document.

Objet texte:

Texte mis en forme:

Police.

Taille de police.

Alignement des paragraphes.

Calque d’ajustement (cf. V-2-4):

Type d’ajustement.

Masque.

Calque masqué:

Calque.

Masque.
 54
Chapitre III - 4 - 3 - Calque de masque

Il s’agit d’un objet en mode niveau de gris (pas de couleurs autre que des mélanges de
noir et blanc) lié à un calque, un calque d’ajustement, une forme vectorielle…

Il permet d’en masquer les pixels à un niveau que vous contrôlez.

Avantages:

Grande Liberté dans la réalisation des zones que vous souhaitez faire disparaître sur le calque:

Outils dégradé.

Sélection.

Forme vectorielle (masque vectoriel) qui n’est pas affectée par le redimensionnement.

Dessin au pinceau.

Image passée en noir et blanc…

Vous avez toujours la possibilité de revenir en arrière en éditant le masque de calque ou en le
supprimant.

Pas d’édition directe du calque.

Mais vous avez également la possibilité d’appliquer le masque définitivement:

Soyez sûr de vous !

Clic droit (sur le masque dans la pile de calque) => Appliquer le masque.

Vous contrôlez complètement la visibilité de chaque pixel de votre calque :
Couleur de pixel du masque Visibilité du calque lié
Noir 0% (invisible)
Gris foncé < 50%
Gris clair > 50%
Blanc 100% (apparent)
 55
Chapitre III - 5 - 1 - Création de calques, menu calque

Nouveau calque:

Calque => Nouveau => Calque (Shift + Ctrl +
N).

Créer un nouveau calque vide dans votre espace
de travail.

Transformer le fond en calque:

Transforme le background en calque.

Votre image ne contient alors plus de fond !

Groupe de calque:

Permet de grouper des calques dans un même
dossier.

Possibilité de créer un groupe contenant l’objet
courant et tous les objets qui lui sont liés.

Transfert de calques entre documents:

Par l’option dupliquer un calque:

Permet de le faire via une boîte de dialogue: vous
déterminez le document d’arrivée (qui peut être
un nouveau calque) et le nom du calque dans ce
document.

Par simple glissez / déposez:

Avec la souris, transférez un calque d’un
document à un autre.

Les bandes noires au niveau des réglettes
indiquent que le document est bien sélectionné
comme source d’arrivée.
 56
Chapitre III - 5 - 2 - Création de calques par copie

Création de calques par copie:

Calque => Nouveau => Calque par copie (Ctrl
+ J ).

Duplique la sélection et la transforme en un
nouveau calque.

Le calque ou fond utilisé pour la copie n’est pas
modifié par cette opération.

ATTENTION:

Si réalisé sur le Fond, le calque créé est verrouillé
contre le déplacement !

Création de calques via coupé:

Calque => Nouveau => Calque par coupé
(Shift + Ctrl + J).

Coupe la zone sélectionnée qui devient un
nouveau calque.

Le calque ou fond utilisé pour la création est
amputé des pixels sélectionnés !

Le calque se crée à partir des pixels contenus

sur l’objet sélectionné.

En l’occurrence, il faut que ce soit un calque ou
un fond, et que la zone sélectionnée contienne
au moins un pixel non vide.

Vérifier donc bien sur quels objets vous
travaillez pour éviter les messages d’erreurs
comme celui-ci.
 57
Chapitre III - 5 - 4 - Création de masques

Masques de calque:

Calque => Ajouter un masque de
calque => …

Calque => Ajouter un masque
vectorielle =>…

Le masque vectorielle est plus
puissant pour le dessin d’une forme
spécifique.

Le masque de calque est simple et
plus rapide à utiliser.

Les deux types de masques
proposent les mêmes options:

Tout masquer à la création (masque
noir).

Tout afficher (masque blanc).

Révéler ou cacher la sélection / le
chemin courant.
Un exemple d’utilisation de masques de calques.
Pour la plupart, les formes sont dessinées au pinceau.
 58
Chapitre III - 5 - 5 - Outils plume

Editer les tangentes avec l’outils conversion de points. Les tangentes

à droite et à gauche peuvent être paramétrées séparément (points
anguleux) en saisissant les extrémités des tangentes.

Maintenez enfoncé le bouton gauche après

placement du point pour définir les tangentes,
ou utilisez l’outils conversion de points.

Tracé d’une forme vectorielle à la main, à partir de points d’ancrage et par édition des
tangentes aux points.

Ajout de points à la volée.

Tracé d’une forme main levée, les points et les tangentes sont générés par Photoshop®.

Ajout/suppression de points.

Conversion des points (édition des tangentes).

Mode déplacement de point en maintenant Ctrl enfoncé.

Options de l’outils plume identiques aux options de l’outils forme vectorielle (cf. III-5-7).
 59
Chapitre III - 5 - 6 - Création de formes vectorielles

Liste des formes personnalisées

disponibles.

Pour disposez de plus d’options
de tri des formes par catégories.

Outils formes vectorielles (U).

Formes simples (Rectangle / rectangle arrondi / Ellipse / Polygone / Ligne /
Personnalisée).

Options de construction standard:

Shift pour faire des formes régulières ou proportions définies.

Alt pour les créer centrés sur le pointeur ou à partir du centre.

Paramétrage manuel de la taille.

Large panel de formes personnalisées libres d’utilisation.
 60
Chapitre III - 5 - 7 - Options de l’outils forme vectorielle

Format préenregistré.

Mode de création de la forme:

Standard (Remplissage 8 Tracé).

Créer seulement un chemin.

La zone tracée est directement remplie avec des pixels de la
couleur choisie et le calque de travail est édité. Il n’y a pas de
création d’objets.

Bascule sur l’outils plume.

Choix de la forme.

Choix du mode d’ajout:

Identique aux sélections (cf. II-1-2).

Nouvelle/Addition/Soustraction/Intersection/Exclusion.

Style de la prochaine forme créée (cf. IV-1-6).

Couleur du remplissage.
 61
Chapitre III - 5 - 8 - Création d’autres objets

Calque de textes:

Création grâce à l’outils Texte (T).

Calque de remplissage:

Calque => Nouveau calque de
remplissage …

Couleur.

Gradient.

Texture.

Calque d’ajustement ou de réglage:

Propose des corrections de l’image
mais sous forme de calques.

Permet de travailler l’image
sélectivement grâce à la puissance
des objets complexes et des
masques.

Les réglages d’images seront étudiés plus en détail au chapitre V.

 62
Chapitre III - 5 - 9 - Calques par pixellisation

Lorsque vous créez une forme

vectorielle, vous créez un objet
complexe formé d’un calque de
remplissage et d’un tracé vectorielle.

Il est cependant possible de pixelliser
ces formes, c’est-à-dire de ne conserver
que les pixels qui la remplisse.

Perte des points de passage et des
Remplissage 8 Tracé vectoriel
tangentes !

Vous pouvez créer un calque à partir de
la couleur de remplissage (qui devient un
Transforme
calque) ou du tracé vectorielle (qui l’ensemble en un
calque
devient un masque de calque).

Transforme le

Il est également possible de pixelliser un remplissage en
calque
objet texte.

Transforme le

Calque => Pixelliser => Texte. tracé en calque

Nécessaire pour effectuer un certain (masque)
nombre d’opérations réservées aux objets
pixellisés (un filtre par exemple).
 Chapitre IV - Fusion et
filtrage

1 - Options de fusion
1 - Filtres
2 - Exemples d’utilisation

Delorme Vincent
Janvier 2007 vdelorme_at_ec-marseille.fr 63
 64
Chapitre IV - 0 - Préambule

Il ne s’agit pas dans ce chapitre de voir chaque filtre ou option de

fusion avec toutes les options et réglages possibles un par un.

Cela prendrait des heures à lire et ça ne servirait pas à grand-chose.

Faites des essais, vous verrez rapidement de quoi il s’agit. Quelques
exemples s’utilisation seront vus en fin de chapitre pour avoir une idée de ce
qu’il est possible de faire.

Une infime partie des possibilités sera effleurée avec ces exemples.

Avec l’expérience, vous arriverez vite à déterminer de quels filtres
ou options de fusion vous avez besoin.

N’ayez pas peur d’essayer au début; tâtonnez, annuler et recommencer en
modifiant les options.

Consultez les tutoriaux présents sur Internet pour avancer plus vite.

Il est vraiment possible de réaliser des effets très complexes de
manière très aisée:

La seule limite est votre patience et votre créativité !
 65
Chapitre IV - 1 - 1 - Options de fusion d’un objet

Options de fusion disponibles
Enregistrement

en plus des options par défaut: des options de fusion
sous forme de styles.

Ombre portée

Ombre interne
Prévisualisation

Lueur externe des effets appliqués.

Lueur interne

Estampage et texture

Satin
Page de paramètres pour

Recouvrement par l’option sélectionnée. Ici,
couleur ou texture options par défaut.

Bordure

Depuis la palette des calques, un double clic sur un objet vous emmène sur les options de
fusion avancées, permettant d’éditer le style de l’objet:

De nombreuses options permettent de travailler sur l’objet:

Pour chaque option, une page de paramètre permet de créer un effet personnalisé.

Vous pouvez enregistrer un style qui vous plaît avec le bouton New Style à droite.

S’avère très utile, en particulier pour les objets textuels.

Un style est paramétré avec des valeurs en pixels (par exemple un rayon de lueur externe):

Attention à la taille de votre objet lorsque vous enregistrez ou chargez un style: l’effet rendu n’est pas
toujours celui escompté.

Il faut alors paramétrer de nouveau.
 66
Chapitre IV - 1 - 2 - Visibilité des effets à l’écran

Quand un effet de fusion est

appliqué sur un calque:

la palette modifie son apparence en
faisant apparaître la liste des effets.

On peut l’afficher ou la masquer en
cliquant sur la flèche à gauche du
symbole ƒ.

Tout les effets peuvent être masqués
en cliquant sur l’icône d’œil juste en
dessous de l’objet.

Chaque effet peut être affiché ou
masqué séparément:

L’icône en forme d’œil indique la
visibilité à l’écran de l’effet.

Cliquez sur l’icône pour masquer ou
afficher un effet.
 67
Chapitre IV - 1 - 3 - Opacité des pixels d’un objet

Un calque peut rendre ses pixels

transparents:

Fondu général:

Mode du calque.

Opacité du calque.

Valable pour l’ensemble des pixels du
calque, y compris les effets de fusion !

Fondu avancé:

Réglage de l’opacité du remplissage.

Le remplissage ne concerne pas les pixels
propre aux effets de fusion !

Affichage/masquage de canaux (suivant
l’espace colorimétrique de l’image).

Options avancées de fusion pour le
masquage des effets par les masques.

Fondu suivant les couleurs des pixels:

Choix de la couleur à masquer.

Intensité du masquage.

Masquage des pixels du calque ou ceux
des objets situés en dessous.

Note: Le réglage de l’opacité et du remplissage peut également se faire depuis la palette des calques.
 68
Chapitre IV - 1 - 4 - Mode de fusion d’un objet

Modification du mode:

Soit en passant par la fenêtre des
options de fusion.

Soit directement depuis la palette des
calques (ci-contre).

Nombreux modes de fusion…

…Que nous ne décrirons pas un à un
ici.

Avec l’expérience, on sait plus ou
moins quel effet on obtiendra.

N’hésitez pas à essayer les modes
jusqu’à trouver celui qui réalise
l’effet qui vous intéresse

Le tour n’est pas si long à faire.

En jouant à la fois sur le mode et
l’opacité, on créer des effets
particulièrement intéressant à
moindre coût.
 69
Chapitre IV - 1 - 5 - Exemple de fusion

Sur cet exemple, les calques portent le nom de leur mode et de leur opacité.

Mode opacité%.

Les couleurs sont clairement modifiées en fonction du mode, de l’opacité et du
calque du dessous.

Essayez, vous verrez.
 70
Chapitre IV - 1 - 6 - Palette des styles de calques

Cette palette référencie les styles

préenregistrés disponibles.

Accessible à partir de l’onglet styles
de votre palette de couleurs.

Cliquez simplement sur le style de
votre choix dans la palette pour
l’appliquer à votre objet.

Tout un panel de styles de base est
déjà proposé.

Le premier style de la liste est en fait
une remise à zéro des effets du
calque ou de l’objet.

Vos propres styles se rajoutent à la
liste.

Pour enregistrer un style, utilisez
l’option Nouveau Style de la fenêtre
des options de fusion.
Effacer le style, Créer un
nouveau style, Supprimer le
style.
 71
Chapitre IV - 2 - 1 - Le menu filtre

Rappliquer le dernier filtrage utilisé:

Filtre => Dernier filtre (Ctrl + F).

Filtrage:

Extraction (Alt + Ctrl + X).

Déformation (Shift + Ctrl + X).

Générateur de texture (Alt + Shift + Ctrl
+ X).

Filtres:

Ordonnés par types d’opérations et de
rendus sur l’image.

Distorsion

Ajout de bruit

Flou

Effets artistiques, de texture, de
pixellisation…

Filtres personnalisés

…

Attention:

Un filtre ne peut s’appliquer que sur un
objet pixellisé !

Pas de filtrage sur un texte ou une forme
vectorielle.
 72
Chapitre IV - 2 - 2 - Extraction

Le filtrage par extraction permet de

supprimer des pixels d’un calque par
dessin et remplissage de zone.

Commencez par tracer les contours
de la zone à conserver ou à extraire
au surligneur (tracé vert par défaut).

Utilisez ensuite le remplissage pour
colorier (en bleu par défaut) la zone
à conserver.

Les pixels extérieur seront
transformés en pixels vide.

Les éléments surlignés sont analysé
pour déterminer les bordures entre
les zones conservées et effacées:

Le contraste entre couleurs est utilisé
pour générer une bordure plus
naturelle (pas de coupes franches).

Exemple de rendu:

Observation sur fond noir pour
améliorer la visibilité (cf. IV-2-3).
 73
Chapitre IV - 2 - 3 - Options d’extraction

Zone de prévisualisation
(volontairement réduite ici)
Palette droite:

Palette gauche:

Surligneur:
Valider / Annuler.

trace les zones de bordures.
Prévisualiser le résultat.

Remplissage:
Options du surligneur:

pour définir les zones à conserver.
Taille du pinceau.

Le remplissage est à appliquer
Couleur du surlignage.
dans une zone fermée.
Couleur du remplissage.

Gomme:
Surlignage intelligent: tente
d’accrocher aux bords les plus

pour effacer les traits du contrastés; similaire au lasso
surligneur. magnétique (cf. II-2-1).

Pipette:
Options d’extraction:

Activée avec l’option Force
Précision (min: 0 - max: 100).
Foreground.
Augmenter la précision peut

pour sélectionner une couleur. réduire les artefacts présent sur

Les pixels de couleurs similaires les bordures de vos zones
extraites.
proches de la zone surlignée
seront effacés.
Canal à utiliser pour la
sélection (plutôt qu’une

Outils de nettoyage: sélection manuelle).

pour ajouter ou enlever des pixels
Force Foreground:
à supprimer.
Spécifie la couleur qui sera

Utilisez Alt pour passer d’un extraite.
mode à l’autre.
Prévisualisation:

Outils de bords:
Montrer l’image extraite ou

pour accentuer le contraste des l’original dans la zone de
bords ou les étendre. prévisualisation.

Loupe:
Utiliser un remplissage de
couleur plutôt que la texture

Pour zoomer/dézoomer sur une transparente à la place des
zone du document. pixels éliminés.

Alt pour jongler entre les modes.
Montrer le surlignage (oui/non).

Main:
Montrer le remplissage

Pour se déplacer sur l’image. (oui/non).
 74
Chapitre IV - 2 - 4 - Déformation

Le filtrage par déformation est un

outils puissant qui permet de
manipuler l’image:

Prévisualisation en temps réel du
calque filtré.

Création facile d’effets de vagues, de
tourbillons, d’inflation, de réflexion
sur un calque.

Gel de certaines zones du calque
pour empêcher leurs modifications.

Affichées en rouge par défaut.

Affichage possible d’un quadrillage
symbolisant le relief du calque pour
travailler les effets avec une grande
précision.

Superposition des autres calques à la
prévisualisation de l’image pour
faciliter les déformations.
 75
Chapitre IV - 2 - 5 - Options de déformation

Palette gauche:
Palette droite:

Warp.
Valider/annuler.

Vague.
Charger un quadrillage /

Tourbillon: enregistrer le quadrillage courant.

Sens horaire ou anti-
(fichier .MSH).
horaire.
Options des pinceaux:

Creuser/contracter.
Taille.

Monter/dilater.
Pression.

Décaler les pixels.
Taux de turbulence pour l’outils
vague.

Réflexion.
Utiliser la pression sur la tablette

Reconstruction: graphique pour la taille du

Pour rétablir l’image à pinceau.
l’endroit de passage du
Reconstruction:
pinceau.
Mode de reconstruction.

Pinceau geleur:
Reconstruire / revenir à l’image

Pour geler une zone et la initiale.
rendre non déformable.
Zone gelée:

Gomme:
Utilisé les informations d’une

Pour effacer les zones couche alpha.
gelées.
Inverser / tout effacer.

Loupe (cf. IV-2-3).
Visualisation:

Main (cf. IV-2-3).
Objets visibles à l’écran (zone
gelée, quadrillage, image).

Personnalisation des couleurs et
taille pour le quadrillage et les
zones gelées.

Zone de prévisualisation
Visualiser tout ou partie des
(diminuée ici) calques du document, en fondu
avec une certaine opacité.

Niveau de zoom actuel
 76
Chapitre IV - 2 - 6 - Générateur de textures

Création aisée de nouvelles textures

pour vos effets de fusion.

Une texture est constituée d’un
même motif de base qui se répète
pour couvrir complètement la zone
souhaitée.

La génération se fait à partir d’un
calque du document, mais peut aussi
se faire depuis une image stockée
dans le presse-papier.

Après une opération de copie/coupe
ou une capture d’écran, l’image est
stockée dans une zone mémoire
appelée presse-papier ou clipboard.

Options de génération:

Taille du motif paramétrable.

Ajout d’un offset.

décalage horizontal ou vertical dans
l’empilement du motif.
 77
Chapitre IV - 2 - 7 - Options du générateur de textures

Palette droite:

Palette gauche:
Valider / Annuler

Sélection:
Générer

Pour sélectionner la zone qui
Options de génération:
sera utilisée pour générer une
Utilisez l’image contenu dans
nouvelle texture. le presse papier pour lé

Loupe. génération.

Main.
Taille du motif.

Offset dans l’empilement des
motifs:

Horizontal ou vertical.

Montant: % de la longueur ou
de la largeur.

Finesse de la création:

De 1 à 3.

Détails retenus: 3 à 21 pixels.

La création sera d’autant plus
longue que ces paramètres
seront élevés.

Prévisualisation:

Montrer la texture générée ou
l’image originale.

Montrer les bords des motifs et
choix de la couleur.

Historique:

Recalculer ou non la texture à
chaque prévisualition.

Défilement des textures
générées, suppression et
sauvegarde.
 78
Chapitre IV - 3 - 1 - Quelques filtres pour commencer…

Filtres couramment utilisés:

Flou.

Gaussien: génère un flou plus ou moins important suivant le rayon choisi.

Déplacement: génère un flou dans une direction et une intensité donnée.

Bruit.

Ajout de bruit: permet d’ajouter des bruits paramétrés sur l’image.

Despeckle: pour supprimer les effets de granulés sur une image.

Rendu.

Nuage: génère un mélange à partir des couleurs de PP et d’AP.

Effets de lumière: génère un effet de lumière et de relief paramétrable.

Halo: crée un halo d’aveuglement sur un calque.

Texture.

Texturisation de l’image.

Evidemment, suivant vos besoins et vos préférences, vous serez
amené à utiliser d’autres filtres.
 79
Chapitre IV - 3 - 2 - Quelques options de fusions…

Ombre portée

Estampage et contours
Lueur externe

Satin
Recouvrement par dégradé

Lueur externe

Recouvrement par texture
Ombre interne

Bordure
Estampage et contours
 80
Chapitre IV - 3 - 3 - Une texture pour continuer…

Effet de texture métallique:

Créer un nouveau document (Ctrl +
N).

500 x 500, RGB, 300 px/inch, fond
blanc.

Filtre => Bruit => Ajout de bruit.

140%, Gaussien, monochromatique.

Filtre => Flou => Flou
directionnel.

Angle 0°, distance 50 px.

Supprimer les effets de bords (Image
=> Rogner ou outils rogneur (C) ).

Facile, rapide et efficace.

Optimiser votre texture:

Utilisez d’autre générateur de bruit.

Colorisez.

Utilisez un effet de lumière pour
ajouter du relief.

…
 81
Chapitre IV - 3 - 4 - Base pour un fond étoilé

Effet de ciel étoilé (base):

Créer un nouveau document (Ctrl +
N).

500 x 500, RGB, 300 px/inch, fond
noir.

Filtre => Texture => Grain.

Grain de type stippled, d’intensité et
de contraste suffisant pour qu’il y ait
assez de points visible à l’écran à
votre goût.

Filtre => Flou => Flou gaussien.

Rayon de 1,0 pixel.

Optimiser votre texture:

Colorisez.

Ajouter des étoiles plus brillantes:

Utilisez les calques.

Utilisez le filtre halo.

…
 82
Chapitre IV - 3 - 5 - Exemple de fond étoilé

Ajout d’étoiles plus brillantes avec une nouvelle génération de grain.

Utilisation du filtre halo pour les deux grosses étoiles.

Bande colorée:

Utilisation du filtre Nuage à plusieurs reprises pour générer les couleurs

Ajout d’un masque de calque pour en masquer la majeure partie.

Réduction de l’opacité globale à 40%.
 83
Chapitre IV - 3 - 6 - Eclair et effet de pluie

Génération de l’éclair:

Utilisation du filtre Nuage puis Nuage par
différence à plusieurs reprise.

Isolation d’un élément pertinent de l’image
pour représenter un éclair.

Colorisation et ajout d’options de fusion pour le
réalisme.

Lueur violette pour le liseré.

Lueur bleu foncé pour la lumière.

Lueur interne blanche pour l’éclat.

Génération de la pluie:

Commencez, comme pour la texture métallique,
par créer des points blanc sur un calque rempli
de noir.

Flou directionnel à ~60°.

Options de fusion du calque:

Mode Hard Light.

Visibilité des pixels gris de ce calque: Noir 0 /
~140 Blanc.

Visibilité des pixels gris du calque situé en
dessous : Noir 0 / ~140 Blanc.
 84
Chapitre IV - 3 - 7 - A vous de jouer !

Les exemples donnés ici ne constituent en aucun cas une base

suffisante pour apprendre à utiliser les filtres et ne révèlent qu’une
infime partie des effets réalisables avec Photoshop®.

Dans la version CS2, chaque filtre est accompagné d’une vignette
de « démonstration », facilitant le choix du filtre et évite les Ctrl +
Z à répétition.

Désolé pour les possesseurs des versions antérieures.

Sachez toutefois que la meilleure façon de vous familiariser avec les filtres
est encore de s’en servir.

Utilisez les tutoriaux Photoshop® présent sur Internet pour enrichir
votre catalogue de techniques et d’utilisations de filtres.

Les possibilités sont infinis.

Soyez créatifs, pas comme l’auteur de ce document !
 Chapitre V : Création et
restauration d’images

1 - Créer une image

2 - Mode et ajustement
3 - Le retour en arrière

Delorme Vincent
Janvier 2007 vdelorme_at_ec-marseille.fr 85
 86
Chapitre V - 1 - 1 - Enregistrement d’une copie

A partir du moment où une image contient des objets (comme un calque), elle
ne peut être enregistrée directement en tant que fichier image simple (JPEG ou
GIF par exemple).

Nécessité d’enregistrer par copie, c’est-à-dire qu’un fichier image sera extrait de
votre document en cours.

Une copie ne contient plus aucun objet, elle est réduite à un simple fond.

Vous perdrez vos calques et tout les objets si vous vous contentez d’enregistrer une
copie et pas la source de votre document !
 87
Chapitre V - 1 - 2 - Format Photoshop®

Photoshop® sait évidemment enregistrer un fichier contenant les

objets que vous avez préalablement créés.

Format déposé et propre à Photoshop®: le .PSD

Du fait des nombreuses informations qu’il contient, un fichier PSD est plus
lourd qu’une image classique et plus long et contraignant à ouvrir également.

Enregistrement d’une image possédant des pixels vide réalisable grâce au format
.PNG et .GIF

Mais aucune autre information qu’un calque possédant éventuellement des pixels
transparents !

Soyez certain de ne plus avoir besoin de retoucher votre image créée si vous
décidez de ne pas conserver le fichier source (PSD) !

Si tel est le cas, vous pouvez aplatir votre image une fois celle-ci terminée, c’est-
à-dire écraser toute la pile de calque et la transformer en un seul et unique fond.

Calque => Aplatir l’image.

Vous pouvez choisir de n’écraser qu’une partie de votre pile:

Calque => Ecraser (Ctrl + E) ou Calque => Ecraser les calques visibles (Shift + Ctrl
+ E).
 88
Chapitre V - 1 - 3 - Enregistrer pour le WEB

Fichier => Enregistrer pour le WEB

(Alt + Shift + Ctrl + S).

Génère une prévisualisation de
l’image aplatie et propose de très
nombreuses options d’enregistrements
pour plusieurs types de fichiers:

GIF, PNG, JPEG.

Visualisation du fichier de sortie à
différents niveaux de qualité.

Optimisation automatique des
paramètres de sortie en fonction de la
taille voulue.

Création d’un fichier par tranche
image.

Génération du code et prévisualisation
dans le navigateur de votre choix.

Modification rapide de la taille de
l’image avant la sortie.
 89
Chapitre V - 2 - 1 - Modes d’une image

Identifier ou changer le mode de

l’image:

Image => Mode.

Le mode définit l’espace colorimétrique
utilisé pour coder les valeurs de couleurs
des pixels.

Pour un même mode, il peut exister
différents profil de couleurs.

Veillez à ce que votre imprimante, votre
écran et votre document utilise les mêmes
profils pour éviter les problèmes de
couleurs.

Risque de couleurs ternes donnant au
document imprimé un aspect différents à
celui voulu.

Sachez qu’un document en couleurs
indexées (typiquement un GIF) ne peut
contenir de calque !

Repasser le en mode RGB pour
transformer l’objet Fond index
(verrouillé) en objet Fond background
classique (éditable) puis en calque.
 90
Chapitre V - 2 - 2 - Réglages et ajustements

Les ajustements touchent principalement

aux couleurs de l’image.

La plupart de ses réglages sont assez
intuitifs:

Balance des couleurs,

Luminosité/contraste,

Teinte/saturation,

Inverser,

…

Pour les niveaux et les courbes, c’est
moins évident…

Les niveaux symbolisent l’étalement des
couleurs du document, de la plus sombre
à la plus claire.

La fonction niveaux permet de redéfinir
un « blanc » et un « noir » (un plus clair
et un plus foncé) et de redistribuer les
couleurs du document entre ces nouvelles
bornes.

La fonction courbe réalise plus ou moins
la même opération mais offre à
l’utilisateur la possibilité de tracé
graphiquement une nouvelle courbe de
niveau.
 91
Chapitre V - 2 - 3 - Utilisation des ajustements

Utilisez les ajustements quand vous voulez renforcer les couleurs

d’un calque ou accentuer les contrastes.

Sachez identifier vos objectifs pour éviter de partir dans le vague
et de vous perdre dans la multitude de réglages disponibles.

Photoshop® vous propose des ajustements de niveaux, contrastes
et couleurs automatiques.

Image => Ajustements => Niveaux/contrastes/couleurs automatiques.

Si le logiciel peut résoudre le problème à votre place, autant ne pas se priver.

En fait le logiciel utilise un algorithme pour déterminer les meilleurs
paramètres des ajustements concernés à utiliser.

Pas toujours adaptés à l’effet désiré par l’utilisateur.

Sachez qu’il y a toujours plusieurs façons d’arriver au même
résultat !

A vous de choisir la voie qui vous semble être la meilleure.

Privilégier la voie qui vous permet de revenir sur vos modifications quand
vous travaillez sur un projet d’image (cf. V-2-5).
 92
Chapitre V - 2 - 4 - Exemples d’ajustements

Avant réglage

Après réglage

 93
Chapitre V - 2 - 5 - Calques de réglages

Un ajustement exécuté à partir du menu Image s’applique à tout l’objet

sélectionné.

Il semble intéressant de pouvoir revenir par la suite aux ajustements réalisés sur
un objet:

Récupération des paramètres pour les rappliquer,

Envie de comparer le rendu sous un effet de fusion ou un mode,

Envie de conserver l’image d’origine intacte…

Pour cela, il existe des calques dits calques d’ajustement, qui contiennent les
valeurs des paramètres de l’ajustement voulu.

Toute la versatilité des calques:

Masque,

Options de fusion,

Groupement à un autre objet…

Retour en arrière aisé:

Affiché / masqué par simple clic dans la palette des calques.

Réglage des paramètres à tout instant, sans besoin de revenir en arrière via l’historique.

Double cliquez sur l’objet calque d’ajustement pour afficher sa page de réglage.
 94
Chapitre V - 3 - 1 - Palettes Historique et Actions

La palette Historique recense les modifications

que vous avez apportées au document.

Elle constitue un historique d’annulation.

Chaque modification est sujette à un retour en
arrière possible de votre part:

Pour annuler/rétablir la dernière opération: Ctrl
+ Z.

Pour annuler les opérations dans l’ordre de la
pile: Alt + Ctrl + Z.

Mais le nombre d’opérations que vous pouvez
annuler est limité !

pour l’augmenter ou le diminuer: Edition =>
Préférences => Générales.

La palette Actions référence des actions

Photoshop®, comme par exemple créer un
nouveau document, créer un calque, remplir un
fond…

Possibilité d’enregistrer une série d’action pour
l’exécuter plus tard.

Plutôt que de faire plusieurs fois la même chose,
faites la une seule fois en vous enregistrant, puis
relancez l’action le nombre de fois voulu.
 95
Chapitre V - 3 - 2 - Retour en arrière ?

Une des choses les plus importantes à retenir pendant la création

d’un document:

Pensez toujours à maximiser vos possibilités de revenir en arrière !

Même si l’historique et Ctrl +Z sont des amis précieux, il ne suffisent pas à eux
seuls pour éviter les pires scénarios.

Utilisez le plus possible les outils proposés par Photoshop® pour réaliser vos
documents et conservez les fichiers sources (PSD) au chaud.

Quelques règles:

Préférez utilisez un masque de calque plutôt que la gomme.

Préférez utilisez les calques d’ajustements plutôt que les ajustements simples.

Préférez travailler sur une copie de votre Background plutôt que sur ce dernier.

Préférez utilisez un filtre sur une copie d’un calque, de manière à pouvoir repartir
du début.

Préférez utilisez des objets vectoriels plutôt que des objets pixellisés.

Conservez une copie des formes vectorielles si vous êtes obligés de les pixelliser.

Préférez partir d’une image de grande taille plutôt que d’un timbre poste.
 Annexes

1 - Raccourcis clavier
2 - Presets de documents

Delorme Vincent
Janvier 2007 vdelorme_at_ec-marseille.fr 96
 97
Annexe - 1 - Raccourcis clavier utiles

Ctrl + Z, Alt + Ctrl + Z

Undo/Redo

Ctrl + J, Shift + Ctrl + J

Calque par copié, calque par coupé
Ctrl + N, Shift + Ctrl + N

Nouveau document, nouveau calque
Ctrl + O

Ouvrir
Ctrl + C, Ctrl + V, Ctrl + X

Copier, coller, couper
Alt + Ctrl + 0

Zoom taille vraie
Ctrl + S

Sauvegarder
Alt + Ctrl + D

Sélection progressive
M

Outils sélection
V

Outils déplacement
I

Pipette
P

Plume
E

Gomme
R

Doigt/flou/netteté
T

Outils Texte
G

Remplissage/dégradé
L

Lasso
W

Baguette magique
B

Pinceau/crayon
X

Inverser couleur PP/AP
H

Main
D

Couleurs PP / AP par défaut (noir/blanc)
Ctrl + I

Inverser
Ctrl + G

Grouper les calques
Ctrl + clic (palette calque)

Récupérer la transparence
Suppr

Efface le contenu de la sélection
 98
Annexe - 2 - Générer des presets de document

Avec la version CS2 de Photoshop®, cette fonctionnalité est incluse dans la

fenêtre de création de documents.

Avec la version 7.0, il faut éditer manuellement le fichier New Doc Sizes.txt
dans le dossier Presets de Photoshop®.

Format du preset:

"Preset Name“ Width Height Units Resolution & units

“Exemple de preset“ 1280 1024 pixels 300 dpcm

Champs:

Unités disponibles:

Pixels.

Inches.

Cm.

Mm.

Points.

Picas.

Résolution:

Valeur numérique en dpi ou dpcm (pixel par inch ou pixel par cm).