Formation Retouche et création de base avec Photoshop

    Support du cours

       2008 – Module de formation continue – IUT 2 Grenoble - Eric Giraudin

Objectifs du cours :

Comprendre les principes technologiques de base sur les images numériques et savoir utiliser les fonctions essentielles du logiciel professionnel Adobe Photoshop pour des opérations de retouche ou de création graphique.

Parallèlement à la démarche de la formation, le stagiaire devra travailler sur un cas concret : réalisation d’une affiche.

Supports de cours :

Les supports de cours sont déposés sur mon site web :

Les principes des bases

1.  Principes de base sur l’image numérique 

1.1.     Les différents types d’image : bitmap ou vectorielle

•    Les images bitmap : il s’agit d’images constituées de pixels. Si on agrandit l’image jusqu’à un certain niveau on peut distinguer les points et constater un effet de pixellisation.

                  Exemple : 

                                                Photo en affichage normal                             Agrandissement d’une partie de l’image

•    Les images vectorielles : il s’agit d’images composées par des vecteurs, des courbes mathématiques que l’on peut modifier en les saisissant par des poignées. L’agrandissement de ce genre d’image n’affecte pas la qualité de l’affichage et il n’y a bien sur pas d’effet de pixellisation. On travaille habituellement ce genre d’images avec un logiciel de dessin vectoriel  comme par exemple Adobe Illustrator.

                  Exemple :

Photoshop permet principalement la retouche et la création d’image bitmap. Cependant il possède quelques outils de tracés vectoriels et des formes vectorielles qui permettent d’aborder légèrement le travail sur ce genre d’image.

1.2.     Les formats de fichiers image, pour quel usage ?

Il existe de nombreux formats de fichier d’image. 

Voici un tableau qui récapitule les principaux formats et l’usage privilégié qui leur correspond :

1.3.     La taille et la résolution des images

L’unité de résolution, d’une image numérique est le « DPI » (Dot Per Inch, soit Point Par Pouce) ou le PPI (Pixel Per Inch). Elle se mesure par le nombre de point par unité de mesure.  Pour information l’unité de mesure 1 pouce = 2,54 cm. Plus la qualité de l’image est importante, plus elle contient de pixels et plus le fichier est volumineux. 

La résolution à choisir pour l’image dépendra de sa diffusion :

•    Pour le Web , on choisira une résolution de 72 dpi car la plupart des écrans n’affichent que des résolutions de ce type. Par exemple, pour une bannière de site Web on pourra prendre une image d’environ : 468 pixels de largeurs par 60 pixels de hauteur en 72 dpi.

•    Pour un tirage de bonne qualité, surtout en imprimerie dans ce cas, il faudra choisir une résolution d’image de 300 dpi. Par exemple, pour une image destinée à être insérée dans une plaquette A4 on pourra choisir une résolution de :  21cm * 29,7 cm en 300 dpi.

1.4.     Le mode colorimétrique

En fonction de l’utilisation et de la diffusion de votre image vous devrez choisir un mode de couleur approprié. 

Voici un tableau qui explique le choix du mode de couleur en fonction de l’usage et de la diffusion de l’image :

2.  À quoi sert Photoshop ?

2.1.     La retouche d’image

Vous pouvez modifier une image provenant de votre appareil photo numérique, du Web, d’une banque d’image gratuite ou payante ou bien une image provenant d’une numérisation. Grâce à ce logiciel il sera possible d’effectuer de nombreux réglages comme par exemple :

•    Recadrez, redresser, redimensionner l’image

•    Ajuster, changer les couleurs

•    Ajuster changer la luminosité et le contraste

•    Nettoyer des défauts sur l’image (par exemple éliminer l’effet « anti yeux rouges »  

2.2.     La création d’image  

•    Combiner plusieurs images sur des calques différents  

•    Rajouter et éditer du texte

•    Rajouter des effets visuels grâce aux effets de calques, aux filtres, aux styles

•    Ajouter des formes graphiques

•    Ajouter du dessin au pinceau ou du dessin vectoriel

2.3.     Exemples de réalisations :

•    Pour l’édition :

o    Images destinées à être intégrées dans des plaquettes ou des livrets, planchecontact, stickers, couverture de magazine, jaquettes de CD ou DVD, affiches, affichettes, flyers, marques pages, etc. 

•    Pour le Web :

o    Images destinées à être intégrées dans du contenu de pages Web, images de design de site Web, images pour des diaporama, pour des fonds d’écran, pour des animations flash, pour des arrières plan de menu de DVD vidéo etc.

o    Galerie photos pour le Web réalisée directement depuis Photoshop o          Animations depuis le logiciel IMAGE-READY intégré

o    Export HTML + image depuis un design de site Web fait uniquement dans Photoshop

Et bien plus !!!

3.  Présentation de l’interface

3.1.     L’espace de travail de base

N.B. La capture d’écran ci-dessous provient de Photoshop CS3. Si votre version est antérieure l’interface graphique varie un peu mais les zones principales sont identiques. Selon le mode d’affichage choisi, l’interface peut aussi varier.

La zone des menus

Photoshop : réglage des préférences du programmes, …

Fichier :  ouverture de fichier, enregistrement, import, export, …

Édition :  copier, coller, opération de transformation (recadrage, rotation, …), …

Image : taille et résolution de l’image, mode de couleur, réglage des couleurs, filtre de couleur …

Calques : opérations sur les calques, objets dynamiques, …

Sélection :  opérations sur les sélections…

Filtre :  filtre d’image (flou, tourbillon, artistique, galerie de filtres, …)

Affichage : mode d’affichage, espace de travail, zoom, repères, règles, etc.

Fenêtre : afficher ou masquer des fenêtres ou palettes, navigation entre plusieurs fichiers ouverts

3.2.     Afficher, masquer ou personnaliser des fenêtres ou palettes

Exemple de palette : « caractères »

3.4.     Zoom et modes d’affichages

3.5.     Enregistrer votre espace de travail (Photoshop version CS3)

3.6.     Régler les préférences du logiciel