Tutoriel Photoshop 7.0 - Phy-TV

Photoshop® 7.0
Document d’initiation aux fonctionnalités du logiciel
Adobe® Photoshop® 7.0
Tutorial v1.0
Janvier 2007
Delorme Vincent
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
Janvier 2007
Delorme Vincent
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.
Navigation
Couleurs
Palette outils de base
Palettes attachées
à la barre des options
Barre des
options
Palette calques
Indications concernant les options
additionnelles de l’outils en cours d’utilisation.
Historique
Chapitre I - 1 - 2 - Taille et format de document
6
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.
Chapitre I - 1 - 3 - Palette outils de base 1/2
7
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)
Chapitre I - 1 - 3 - Palette outils de base 2/2
8
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.
Chapitre I - 2 - 1 - Nouveau document
10
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 :
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.
Un fond blanc ou la couleur d’arrière
plan sélectionnée.
Un calque transparent.
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
Nom @ Niveau de Zoom (objet sélectionné, mode de l’image)
Document
Fermer
Chapitre I - 3 - 1 - Objets
Photoshop®
simples
12
Différents objets simples dans une
image :
Le fond.
Les calques.
Verrouillage:
Verrouillage des pixels transparents
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
de plusieurs objets simples liés ou
groupés. Ils seront vus en détail au
Chapitre III-4.
L’objet sélectionné apparaît en grisé
Ici, il s’agit de l’objet fond.
Calque {
Calque de texte {
Le fond ou
Background {
Indicateurs de verrouillage Chapitre I - 3 - 2 - Empilement des calques
13
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
Chapitre I - 3 - 2 - Empilement des calques
Vue « observateur » de la pile de calque de l’exemple précédent
14
Chapitre I - 3 - 3 - Notion de Transparence
15
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
Janvier 2007
Delorme Vincent
vdelorme_at_ec-marseille.fr
16
Chapitre II - 0 - Préambule
17
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.
Chapitre II - 1 - 1 - Utilisation de l’outils Sélection
18
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.
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)
19
Chapitre II - 2 - 1 - Utilisation de l’outils Lasso
20
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.
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.
21
Chapitre II - 3 - 1 - Utilisation de la baguette magique
22
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.
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.
23
Chapitre II - 4 - 1 - Le mode masque
24
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.
Chapitre II - 4 - 2 - Sélection à partir d’un objet
25
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.
Chapitre II - 4 - 3 - Sélection et chemins
26
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
simplement de luminosité.
couleurs,
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
sélection courante.
Au plus le pixel est sombre, au plus il est
bas.
Chapitre II - 5 - 1 - Menu sélection
28
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.
Chapitre II - 5 - 2 - Sélection d’une plage de couleur
29
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
Janvier 2007
Delorme Vincent
vdelorme_at_ec-marseille.fr
30
Chapitre III - 0 - 1 - Préambule
31
La puissance de Photoshop® réside
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.
Vous pouvez personnaliser à loisir la texture utilisée
pour symboliser des pixels transparents. Rendez-vous
dans le menu suivant : Edit => preferences =>
Transparency & Gamut.
Compte tenu de l’empilement de vos
objets, il faudra être vigilant avec les
outils d’édition (crayon/pinceau, pot
de peinture, gomme).
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.
32
Chapitre III - 1 - 1 - Outils crayon et pinceaux
33
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.
Chapitre III - 1 - 2 - Choix couleurs premier/arrière plan
34
Ancienne couleur.
Couleurs courantes:
Indicateur d’appartenance de la couleur à la gamme
de couleur de l’imprimante.
La couleur de premier plan (PP)
est la couleur que vous utilisez
pour dessiner (crayon, pinceau).
La couleur d’arrière plan (AP) est
celle qui apparaît quand on efface
(avec la gomme par exemple) des
pixels appartenant au fond.
Nouvelle couleur sélectionnée.
Indicateur d’appartenance de la couleur à la gamme
de couleurs sûres pour le Web.
Le sélectionneur de couleur:
permet de sélectionner une autre
couleur courante:
Cliquez sur la couleur d’AP (resp.
de PP) pour changer de couleur
d’AP (resp. de PP).
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
rapidement vos teintes.
Raccourcis:
D: réinitialise aux couleurs par
défaut (Blanc / Noir).
X: échange les couleurs de PP et
d’AP.
AP
Valeur de la couleur du pixel
sélectionné exprimée dans différents
espaces colorimétriques.
Limitez l’affichage aux couleurs sûres pour le Web.
35
Chapitre III - 1 - 3 - Outils dégradé
Outils dégradé (G):
Remplit la
paramétrable:
zone
d’un
gradient
Couleurs par défaut: PP vers AP.
Forme par défaut: linéaire.
Cliquez sur la barre de gradient pour
ouvrir l’éditeur de gradient (cf. III-1-4).
Gradients disponible (dépendent
du fichier .GRD chargé)
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
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.
Gestion des gradients
Chapitre III - 1 - 4 - Editeur de gradient
36
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é.
Chapitre III - 1 - 6 - Mise en garde
38
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.
Chapitre III - 2 - 1 - Mode redimensionnement
39
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.
Chapitre III - 2 - 2 - Options de redimensionnement
Rotation
Coordonnées dans l’image
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.
40
Chapitre III - 2 - 3 - Interpolation des pixels
41
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.
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:
Edit => Transform => Again (Shift + Ctrl
+ T).
Perspective: les sommets sont liés par paires.
42
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).
Utilisez les options de centrage de l’outils
mouvement.
Par défaut, les objets et les sélections s’ancrent
automatiquement aux bords du document:
Activez la grille du document pour disposer de plus
de points d’ancrage:
View => Show => Grid (Ctrl + " ).
L’ancrage se fait également sur les guides et les
tranches que vous créer (cf. III-3).
View => Snap (Shift + Ctrl + ;) et Snap to… pour
modifier les propriétés d’ancrage des objets.
Centrage vertical:
haut, centre, bas.
Centrage horizontal:
gauche, centre, droite.
Distribution vertical:
haut, centre, bas.
Distribution horizontal:
gauche, centre, droite.
43
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.
44
Chapitre III - 2 - 7 - Outils Rogner
Recadrage
complet ou limité au
calque de travail
Apparence des zones
hors sélection
Mode perspective
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.
45
Annuler/Accepter
Chapitre III - 2 - 8 - Options de l’outils Rogner
46
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.
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.
47
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.
48
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.
49
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.
50
Chapitre III - 3 - 5 - Options avancées des tranches
51
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
longueur/hauteur.
bords
Type de fond:
Mat.
Blanc, noir ou une autre couleur.
et
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).
52
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.
53
Chapitre III - 4 - 3 - Calque de masque
54
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)
Chapitre III - 5 - 1 - Création de calques, menu calque
55
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.
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.
56
Chapitre III - 5 - 4 - Création de masques
57
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.
Chapitre III - 5 - 5 - Outils plume
58
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).
Chapitre III - 5 - 6 - Création de formes vectorielles
59
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.
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.
60
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.
61
Chapitre III - 5 - 9 - Calques par pixellisation
62
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
tangentes !
Vous pouvez créer un calque à partir de
la couleur de remplissage (qui devient un
calque) ou du tracé vectorielle (qui
devient un masque de calque).
Il est également possible de pixelliser un
objet texte.
Calque => Pixelliser => Texte.
Nécessaire pour effectuer un certain
nombre d’opérations réservées aux objets
pixellisés (un filtre par exemple).
Remplissage 8 Tracé vectoriel
Transforme
l’ensemble en un
calque
Transforme le
remplissage en
calque
Transforme le
tracé en calque
(masque)
Chapitre IV - Fusion et
filtrage
1 - Options de fusion
1 - Filtres
2 - Exemples d’utilisation
Janvier 2007
Delorme Vincent
vdelorme_at_ec-marseille.fr
63
Chapitre IV - 0 - Préambule
64
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
en plus des options par défaut:
Ombre portée
Ombre interne
Lueur externe
Enregistrement
des options de fusion
sous forme de styles.
Prévisualisation
des effets appliqués.
Lueur interne
Estampage et texture
Satin
Recouvrement par
couleur ou texture
Page de paramètres pour
l’option sélectionnée. Ici,
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.
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.
66
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.
67
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.
68
Chapitre IV - 1 - 5 - Exemple de fusion
69
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.
Chapitre IV - 1 - 6 - Palette des styles de calques
70
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.
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,
pixellisation…
Filtres personnalisés
…
de
texture,
de
Attention:
Un filtre ne peut s’appliquer que sur un
objet pixellisé !
Pas de filtrage sur un texte ou une forme
vectorielle.
71
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).
72
73
Chapitre IV - 2 - 3 - Options d’extraction
Zone de prévisualisation
(volontairement réduite ici)
Palette gauche:
Valider / Annuler.
Prévisualiser le résultat.
Options du surligneur:
Surligneur:
trace les zones de bordures.
Remplissage:
pour définir les zones à conserver.
Le remplissage est à appliquer
dans une zone fermée.
Gomme:
pour effacer
surligneur.
les
traits
du
Pipette:
Palette droite:
Activée avec l’option Force
Foreground.
pour sélectionner une couleur.
Les pixels de couleurs similaires
proches de la zone surlignée
seront effacés.
Options d’extraction:
pour ajouter ou enlever des pixels
à supprimer.
Utilisez Alt pour passer d’un
mode à l’autre.
Outils de bords:
pour accentuer le contraste des
bords ou les étendre.
Loupe:
Pour zoomer/dézoomer sur une
zone du document.
Alt pour jongler entre les modes.
Main:
Pour se déplacer sur l’image.
Précision (min: 0 - max: 100).
Outils de nettoyage:
Taille du pinceau.
Couleur du surlignage.
Couleur du remplissage.
Surlignage intelligent: tente
d’accrocher aux bords les plus
contrastés; similaire au lasso
magnétique (cf. II-2-1).
Augmenter la précision peut
réduire les artefacts présent sur
les bordures de vos zones
extraites.
Canal à utiliser pour la
sélection
(plutôt
qu’une
sélection manuelle).
Force Foreground:
Spécifie la couleur qui sera
extraite.
Prévisualisation:
Montrer l’image extraite ou
l’original dans la zone de
prévisualisation.
Utiliser un remplissage de
couleur plutôt que la texture
transparente à la place des
pixels éliminés.
Montrer le surlignage (oui/non).
Montrer
le
remplissage
(oui/non).
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.
74
75
Chapitre IV - 2 - 5 - Options de déformation
Palette gauche:
Palette droite:
Warp.
Vague.
Tourbillon:
Sens horaire
horaire.
Valider/annuler.
Charger
un
quadrillage
/
enregistrer le quadrillage courant.
ou
anti-
Creuser/contracter.
Monter/dilater.
Décaler les pixels.
Réflexion.
Reconstruction:
Pour rétablir l’image à
l’endroit de passage du
pinceau.
Pinceau geleur:
Pour geler une zone et la
rendre non déformable.
Gomme:
Pour effacer les zones
gelées.
Loupe (cf. IV-2-3).
Main (cf. IV-2-3).
Options des pinceaux:
Niveau de zoom actuel
Taille.
Pression.
Taux de turbulence pour l’outils
vague.
Utiliser la pression sur la tablette
graphique pour la taille du
pinceau.
Reconstruction:
Mode de reconstruction.
Reconstruire / revenir à l’image
initiale.
Zone gelée:
Utilisé les informations d’une
couche alpha.
Inverser / tout effacer.
Visualisation:
Zone de prévisualisation
(diminuée ici)
(fichier .MSH).
Objets visibles à l’écran (zone
gelée, quadrillage, image).
Personnalisation des couleurs et
taille pour le quadrillage et les
zones gelées.
Visualiser tout ou partie des
calques du document, en fondu
avec une certaine opacité.
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.
76
Chapitre IV - 2 - 7 - Options du générateur de textures
77
Palette droite:
Palette gauche:
Sélection:
Pour sélectionner la zone qui
sera utilisée pour générer une
nouvelle texture.
Loupe.
Main.
Valider / Annuler
Générer
Options de génération:
Utilisez l’image contenu dans
le presse papier pour lé
génération.
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.
Chapitre IV - 3 - 1 - Quelques filtres pour commencer…
78
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.
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
79
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
=>
directionnel.
Flou
=>
Flou
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.
…
80
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.
…
81
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%.
82
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.
83
Chapitre IV - 3 - 7 - A vous de jouer !
84
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
Janvier 2007
Delorme Vincent
vdelorme_at_ec-marseille.fr
85
Chapitre V - 1 - 1 - Enregistrement d’une copie
86
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 !
Chapitre V - 1 - 2 - Format
Photoshop®
87
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).
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.
88
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.
89
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.
90
Chapitre V - 2 - 3 - Utilisation des ajustements
91
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).
Chapitre V - 2 - 4 - Exemples d’ajustements
Avant réglage
Après réglage
92
Chapitre V - 2 - 5 - Calques de réglages
93
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.
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.
94
Chapitre V - 3 - 2 - Retour en arrière ?
95
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
Janvier 2007
Delorme Vincent
vdelorme_at_ec-marseille.fr
96
Annexe - 1 - Raccourcis clavier utiles
Ctrl + Z, Alt + Ctrl + Z
Ctrl + J, Shift + Ctrl + J
Ctrl + N, Shift + Ctrl + N
Ctrl + O
Ctrl + C, Ctrl + V, Ctrl + X
Alt + Ctrl + 0
Ctrl + S
Alt + Ctrl + D
M
V
I
P
E
R
T
G
L
W
B
X
H
D
Ctrl + I
Ctrl + G
Ctrl + clic (palette calque)
Suppr
Undo/Redo
Calque par copié, calque par coupé
Nouveau document, nouveau calque
Ouvrir
Copier, coller, couper
Zoom taille vraie
Sauvegarder
Sélection progressive
Outils sélection
Outils déplacement
Pipette
Plume
Gomme
Doigt/flou/netteté
Outils Texte
Remplissage/dégradé
Lasso
Baguette magique
Pinceau/crayon
Inverser couleur PP/AP
Main
Couleurs PP / AP par défaut (noir/blanc)
Inverser
Grouper les calques
Récupérer la transparence
Efface le contenu de la sélection
97
Annexe - 2 - Générer des presets de document
98
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
“Exemple de preset“ 1280
Height
1024
Units
pixels
Resolution & units
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).