Page 1

Prise en main rapide

de Photoshop CS

Conventions utilises dans la suite du document :

M : xx yy zz = squence de commandes dclanches partir de la barre des menus
I : xx yy zz = squence de commandes dclanche partir des icnes de la fentre graphique
Commentaire : commentaire sur une commande

D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS

 Page 2

Trois exemples de retouche dimage (1/3)

http://www.webwhirlers.com/portfolio.html

Retouche nettet et luminosit ; dtourage ; rparation parties abmes ; limination grain

D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS

 Page 3

Trois exemples de retouche dimage (2/3)

http://www.webwhirlers.com/portfolio.html

Retouches tonales et de nettet ; correction yeux rouges : limination objet non dsir

D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS

 Page 4

Trois exemples de retouche dimage (3/3)

http://www.webwhirlers.com/portfolio.html

Dtourage, limination/remplacement, recadrage ; renforcement nettet

D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS

 Page 5

Chane de traitement de limage numrique avec Photoshop

(daprs Jeff Schewe)

D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS

 Page 6
Prsentation de lespace de travail
Barre doptions des outils
Barre des menus (paramtrage des outils) Explorateur dimages

Zone de limage active Palettes

Navigateur (dplacement dans limage)/infos
Palette outils (colorimtriques et gomtriques)/histogramme
(voir page suivante) Couleurs/nuancier/style (slection couleurs
premier plan et arrire plan)
Historique/scripts/outils prdfinis
Calques/couches/tracs
D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS
 Page 7

Phoptoshop Les outils - version Photoshop CS2 (1/8)

A

D
C

F
Couleur avant-plan /
arrire plan (D/X)

Mode standard /
masque (Q)

Affichage plein cran /

avec/sans menu) (F)

Photoshop ImageReady

ImageReady G

D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS


A Outils de slection
Les outils de Slection
permettent de tracer des
rectangles et des ellipses de
slection, ainsi que de slec-
tionner une seule range ou
une seule colonne
B Outils de recadrage et de tranche
L'outil Recadrage permet
de recadrer des images
Page 8
Les outils (2/8)
L'outil Dplacement permet Les outils de Lasso L'outil Baguette magique
de dplacer des slections, permettent d'effectuer des permet de slectionner des
des calques et des repres slections de forme libre, zones de couleur identique
polygonales (aux bords
droits) et magntiques
L'outil Tranche permet de L'outil Slection de tranche
crer des tranches permet de slectionner des
tranches D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS

C Outils de retouche
L'outil Correcteur de tons
directs permet de sup-
primer certaines imperfec-
tions et objets
L'outil Tampon de dupli-
cation permet de peindre en
utilisant l'chantillon prle-
v sur une image
Page 9
Les outils (3/8)
L'outil Correcteur corrige L'outil Pice corrige les L'outil Oeil rouge permet de
les imperfections d'une imperfections d'une portion supprimer le reflet rouge
image en appliquant un d'image en appliquant un provoqu par un flash
chantillon ou un motif chantillon ou un motif
L'outil Tampon de motif L'outil Gomme efface des L'outil Gomme d'arrire-
permet de peindre en uti- pixels et annule les modifi- plan permet de rendre une
lisant une portion d'image cations effectues sur zone transparente par
comme motif l'image depuis le dernier glissement de la souris
enregistrement
D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS
 Page 10

C Outils de retouche (suite)

Les outils (4/8)

Loutil Gomme magique Loutil Goutte deau Loutil Nettet permet Loutil Doigt permet
efface les zones de couleurs permet de rendre flous les daccentuer la nettet des dtaler des couleurs sur
en aplat et les rend transpa- contours nets dune image contours dune image une image
rentes dun seul clic

Loutil Densit- permet Loutil Densit+ permet Loutil ponge permet de

dclaircir certaines zones dobscurcir certaines zones modifier la saturation des
de limage de limage couleurs dune zone de
limage

D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS

 Page 11

D Outils de peinture
Les outils (5/8)

Loutil Pinceau permet
dappliquer une couleur
par touches successives
Loutil Crayon permet de
dessiner des tracs aux
bords nets
Loutil Remplacement
de couleur remplace une
couleur slectionne par
une autre couleur
Loutil Forme dhistorique
permet de peindre une copie
de ltat ou de linstantan
slectionns dans la fentre
de limage

Loutil Forme dhistorique Les outils de Dgrad Loutil Pot de peinture

artistique applique des permettent de crer des permet dappliquer la
touches de peinture repro- dgrads ou des transi- couleur de premier plan
duisant diffrents styles de tions linaires, circulaires, des zones de mme
peinture, partir dun tat inclines, rflchies et en couleur
ou dun instantan slec- forme de losange entre les
tionn couleurs D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS

E Outils de dessin et de texte
Les outils de Slection de
trac permettent de slec-
tionner des formes ou des
segments et dafficher leurs
points denrage, lignes direc-
trices et points directeurs
Les outils de Forme et
loutil Trait permettent de
dessiner des formes et de
tracer des lignes dans un
calque simple comme dans
un calque de forme
Page 12
Les outils (6/8)
Les outils de Texte Les outils de Masque de Les outils de Plume
permettent de saisir du texte permettent de crer permettent de raliser des
texte dans ne image une slection pousant la tracs aux contours lisses
forme du texte
Loutil Forme personnali-
se permet dappliquer des
formes personnalises
partir dune liste
D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS
 Page 13

F Outils dannotation, de mesure et de navigation

Les outils (7/8)

Les outils dannotations Loutil Pipette permet de Loutil Mesure permet de Loutil Main permet de
permettent de joindre des prlever les couleurs dune mesurer les distances, les dplacer une image
notes et des commentaires image positions et les angles lintrieur de la fentre
sonores une image

Loutil Zoom permet

dagrandir et de rduire
laffichage dune image

D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS


G Outils propres ImageReady
Les outils de cartes-images
permettent de dlimiter des image permet de slection-
zones de carte-image dans
une image
L'outil Afficher/Masquer
les tranches permet d'affi-
cher et de masquer les
tranches d'une image
Page 14
Les outils (8/8)
L'outil Slection de carte- L'outil Onglet dessine un L'outil Afficher/Masquer
rectangle aux angles sup- les cartes-images permet
ner des cartes-images rieurs arrondis d'afficher et de masquer
L'outil Pastille dessine un les cartes-images
rectangle aux angles
arrondis
L'outil Aperu du docu- L'outil Aperu dans [navi-
ment affiche un aperu des gateur par dfaut] affiche
effets de transformation par un aperu des animations
souris directement dans dans un navigateur Web
ImageReady D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS
 Page 15

Personnalisation de Photoshop
Choisir lespace colorimtrique de travail
M : Edition Couleurs paramtrage

Paramtrer Photoshop
M : Edition Prfrences Gnral
Gestion des fichiers
Affichage et pointeurs
Transparence et couleurs non imprimables
Units et rgles
Repres, grille et tranche
Modules externes et disques de travail
Mmoire et mmoire cache
Explorateur de fichiers

Personnaliser la prsentation graphique (nombre/position palettes)

M : Fentres (slection/dslection des palettes retenues)
I : Palettes : double click bandeau et/ou dplacement

Enregistrement espace de travail

M : Fentre Espace de travail Enregistrer lespace de travail nom

Personnaliser les outils

I : slection outil barre doptions bouton nouvel outil prdfini nom
D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS
 Page 16

Dmarrage session de travail

Commencer par louverture dun nouveau fichier ou dun fichier existant :
- nouveau fichier :
M : Fichier Nouveau
prciser :
- la taille de limage et la couleur darrire plan
- lespace colorimtrique (mode et rsolution)
- ventuellement le profil ICC
- fichier existant :
M : Fichier Ouvrir (slectionner un fichier de type : tous les formats )

Importation dans Photoshop dune photo retoucher

1. ouvrir un nouveau fichier (peu importe sa taille)
2. coller dans limage active, une copie de la photo traiter : une nouvelle fentre
graphique souvre, la taille de la photo, et celle-ci est place dans le calque darrire
plan

ou

1. ouvrir directement la photo partir de lexplorateur de photos de Photoshop : une

nouvelle image active souvre, la taille de la photo, et celle-ci est place dans le calque
darrire plan D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS
 Page 17

Quelques principes gnraux

En gnral, chaque commande est module par des options paramtrables, accessibles :
soit partir de la barre des options doutils
soit partir dun menu contextuel (clic droit souris)

Notion de calque : cration, ordre dempilement, masquage/dmasquage, opacit, verrouillage

calque de remplissage (transparent ou color)
calque de rglage : couche dinformations de modification naffectant pas limage
originale
toujours commencer par faire une copie de limage originale (calque darrire-plan)

Notion de masques :
masques de fusion
masques de texte, masques de forme (masques vectoriels)

Notion de couches : RVB, R, V, B

D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS

 Page 18

Premires oprations : traitement global de limage (1/2)

Modifications gomtriques
Redimensionnement (taille et rsolution) :
M : Image Taille de limage

Recadrage/redressement :
rognage :
I : outil rognage trac zone rognage clic droit : recadrer ou double-click
rotation fixe :
M : Image Rotation zone de travail 180, 90, symtrie
rotation paramtre :
1. calcul de langle de rotation :
I : outil mesure trac ligne repre barre doptions doutil : lecture angle
2. rotation :
M : Image Rotation zone de travail Paramtre valeur de langle

Correction distorsions (perspectives) :

1. M : Slection Tout slectionner
2. M : dition Transformation Perspectives barre doptions doutils : validation
par bouton (ou : dition Transformation manuelle Shift-Ctrl-Alt maintenus +
dplacement dune ancre de coin Validation)
D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS
 Page 19

Premires oprations : traitement global de limage (1/2)

Modifications colorimtriques

Niveaux (histogramme des niveaux de gris)

M : Image Rglages Niveaux rglage niveaux min. (Noir), max. (Blanc),
moyen, point blanc, point noir

Courbes (modification tonale)

M : Image Rglages Courbes rglage point noir, point blanc, points
intermdiaires

Balance des couleurs (teintes et tons)

M : Image Rglages Balance des couleurs rglage Balance des couleurs et
Balance des tons

Luminosit/contraste
M : Image Rglages Luminosit/Contraste rglage Luminosit et Contraste

Teinte/saturation
M : Image Rglages Teinte/Saturation modification Global ou couleurs
individuelles ; rglage Teinte, Saturation, Luminosit

Toutes ces oprations peuvent galement tre effectues sur des slections ou des
calques de rglage (dmo calque de rglage)
D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS
 Page 20

Oprations plus labores : traitement local de limage (1/2)

Outils de slection

Slection par formes prdfinies (cre un masque de fusion vectoriel) :

Rectangle de slection
Ellipse de slection
Addition/slection/intersection de slections
I : Outils Forme de slection Barre doptions doutils : ou ou

Slection par trac libre :

Lasso :
Lasso simple
Lasso polygonal (segments de droites)
Lasso simple lasso polygonal (trac avec touche alt enfonce/relche)
Lasso magntique (suivi de contour)
plume (tracs courbes)
baguette magique (reconnaissance pixels de couleurs +/- identiques)

Inversion de slection :
M : Slection Inversion de slection
D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS
 Page 21

Oprations plus labores : traitement local de limage (2/2)

Masques de fusion
- La zone dopacit (zone masque) est celle o sappliquera le traitement ultrieur
- La zone de transparence (zone dmasque) est celle o ne sappliquera pas le traitement

1. Slectionner un calque :
I : Palette des claques clic sur vignette dun calque (calque se met en surbrillance)

2. Lui ajouter un masque de fusion :

I : palette des claques clic sur bouton (ajoute un masque de fusion)

3. Vrifier couleurs de premier plan et darrire plan (noir/blanc)

- peindre en noir rajoute de lopacit
- peindre en blanc rajoute de la transparence

4. Dessiner le masque :
- pour ajouter au masque : peindre avec loutil pinceau (si premier plan = noir)
- pour retrancher au masque : gommer avec la gomme (si arrire plan = blanc)

6. Repasser en mode Standard au lieu du mode Calque et vrifier la forme du masque

7. Appliquer le traitement voulu la zone de masque (M : Image traitement choisi)

Dmo masque de fusion
D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS
 Page 22

Oprations plus complexes

Filtres (sur intgralit ou slection) ; Plugs-in

M : Filtres

Traitements par lots (tches ou squences de tches rptes sur plusieurs images)
M : Fichiers Automatisation Traitement par lots slection script paramtrage

Sauvegarde sous forme fichier pdf

M : Fichiers Automatisation Prsentation PDF paramtrage mono- ou multipage

Transformation fichier PDF fichier Photoshop

M : Fichiers Automatisation Conversion multipage PDF - PSD paramtrage

Galerie photos web (diaporamas)

M : Fichiers Automatisation Galerie Web Photo paramtrage

Planche photo (collection vignettes)

M : Fichiers Automatisation Planche Contact II paramtrage

Panorama (collage bout bout de photos panoramiques dcales)

M : Fichiers Automatisation MergePhoto paramtrage
D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS
 Page 23

Techniques avances : liens de sites en franais

(tutoriels, plugs-in)

La rfrence Adobe
http://www.adobe.fr/products/tips/photoshop.html
http://studio.adobe.com/fr/tips/main.jsp puis recherche sur Photoshop
Liste de tutoriels
http://www.tutoriels.com/ et taper Photoshop dans la case du moteur de recherche
http://www.tutorials-fr.com/ et taper Photoshop dans la case du moteur de recherche
http://search.nascimpact.com/ et taper Photoshop dans la case du moteur de recherche
AbsolutPhoto
http://www.absolut-photo.com/tutoriels/photoshop.php
Octopussy
http://www.octopussy-world.com/tutoriaux.htm
Toshop
http://toshop.free.fr/index.htm
Psill.net
http://www.psill.net/1_intro.htm
Over-Blog
http://photoshop.over-blog.com/liste-article-blog.php
Autres
http://vincentlucphoto.com/tutoriaux_photoshop.html
http://www.photoshopmagazine.com/dossiers.php
http://www.photoshopmagazine.com/tutlist.php
http://www.teknopole.com/tuto/v2/index.php?id=tutz (graphisme)
D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS
 Page 24

Techniques avances : liens de sites en anglais

Adobe Photoshop : la page des ressources

http://www.adobe.com/support/training.html
Planet Photoshop
http://www.planetphotoshop.com/tutorials.html
Absolute Cross
http://www.absolutecross.com/tutorials/photoshop/
Laurie McCanna
http://www.mccannas.com/pshop/photosh0.htm

D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS

 Page 25

Didacticiels votre service (1/3)

4 sries de didacticiels sont votre disposition en libre service sur les machines multimdia de la salle B005
(compte tudiants ; puis rpertoire dmos )

Dmo1 (cliquer sur HSRNpc.exe) Dmo 2 (cliquer sur HSRN.exe)

Changement de couleur Astuces sur Photoshop
Changement de ttes 1.modification couleurs
Correction de couleur 2.Corriger les distorsions
Crer un dtourage (S) 3.Incliner une photo
claircir et assombrir 4.Effets de texte
Effet Sabatier Calques de densit
Jouer avec la lumire Coloriez avec la plume
Les calques de rglage (S) Coloriez un portrait
Les masques de fusion Dynamisez un logo
Recadrage et nettet Effet de lumire
Sparation tonale Effets en chambre noire
Soignez vos arrires Effets sur les bords
Sous-exposition Le rendu fait main
Supprimez les fonds Lignes et courbes
Tamisez Matrisez la couche alpha
Verticales convergentes Recadrage
Rflexions ondulantes
(S) : attention, ncessite des enceintes ou couteurs Traitement crois
Vous voulez encadrer
D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS
 Page 26

Didacticiels votre service (2/3)

Dmo 3 (cliquer sur START.EXE, puis menu CD Dmo 4 : Slections et masques (cliquer
contents ) sur VIDEO_TS.IFO)
Les fichiers dexemples pour les exercices du livre Photoshop 6 chez Attention : ncessite des enceintes ou couteurs
Campus Press Quelques trucs pour la slection
Ch 02 - Getting Your Feet Wet: Your First Masterpiece Crer une slection partir de lintrieur
Ch 03 - Understanding Photoshop's New Color Management System Crer une slection avec les touches Alt et Shift
Ch 04 - Optimizing your Workspace: Photoshop Preferences Styles de slection
Ch 06 - Acquiring Photoshop Images Contours progressif
Ch 08 - Enhancing Productivity: Automation and Other Cool Tools Outil Lasso magntique
Ch 09 - Selecting in Photoshop: Ah, the Many Ways to Select Stuff Options Pixels contigus et Utiliser tous les
Ch 10 - Building Images Layer by Layer calques de loutil baguette magique
Ch 11 - Painting with Pen and Path Selection Tools Option Plage de couleurs
Ch 12 - Introducing Shapes: Someplace Between Paths and Selections Modifier une slection
Ch 13 - Creating Special Effects with Type Transformer une slection
Ch 14 - Color Correcting and Exposure: Basic Image Improvement Mmoriser une slection
Ch 15 - Repairing an Heirloom Photo Outil Baguette magique
Ch 16 - Finding (and Fixing) Mistakes in Pictures Les 3 modes de gomme
Ch 17 - Using the Clone Stamp Tool, Image Selection and Distortion Outil Gomme darrire plan
Ch 18 - Making the Impossible Look Plausible: Surrealistic Photoshop Filtre dextraction
Ch 19 - Saving the Day with Photoshop and a Scanner Outil Plume
Ch 20 - Mixing 3D Graphics with Photographs Fonctionnement de loption Masque
Ch 21 - Using a Boatload of Native Photoshop Filters Cration de masques
Ch 22 - Working with Type Masques de calques
Ch 23 - Optimizing Images for the Web Couche alpha
Ch 24 - Creating Image Maps and Instant Web Graphics
Ch 25 - Creating Rollovers and Animations

D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS

 Page 27

Didacticiels votre service (3/3)

Dmo 5 :
Attention : ncessite des enceintes ou couteurs
Animations multimdia tires du livre Photoshop CS2 pour les Photographes chez Eyrolles
01_imagewarping.mov : lens correction and image warping
02_vanishingpoint.mov : vanishing point
03_merge.mov : merging exposures
04_maskinghair.mov : masking hair
05_reduceimagenoise.mov : reducing image noise
06_crossprocessing.mov : cross processing techniques
07_monotocolor.mov : black and white from color
08_importcamerafiles.mov : importing camera files
09_newrawcontrols.mov : new Adobe Camera Raw Controls
10_calibration.mov : calibrating Camera Raw

path_draw.mov
rgb.mov

D. Bounie, Polytech'Lille IAAL, Prise en main rapide de Photoshop CS