Initiation à la retouche d'image avec photoshop

Nb: les tutoriels vidéos (logo "play") nécessitent d'installer et  d'autoriser le flash player,
ils sont petit à petit remplacés par des tutoriels interactifs (logo "main") en HTML 5 visibles sur tous supports...

Gérer une image : fonctions de bases

image de Edgar Sepp Pimik, 20 juillet 2008,

(cliquer sur l'image pour l'ouvrir dans une nouvelle fenêtre puis faire un clic droit et enregistrer sous)

(Cette image provient de l'encyclopédie en ligne wikipédia et est publiée sous licence CC ce qui autorise à l'utiliser, la partager et de la modifier en citant l'auteur de l’œuvre ou le titulaire des droits qui vous confère cette autorisation)
>> détail de la licence CC
>> page source de l'image

gérer la taille de l'image et sa définition

exercice : en utilisant l'image ci-dessus déterminer la taille maximum à laquelle on peut l'imprimer sur papier chez un imprimeur (300dpi taille réelle) et sur une imprimante de bureau (150 dpi taille réelle).

recadrer une image

rotation d'une image

exercice 1 : faire tourner l'image pour quelle soit dans le "bon" sens

image LEBLANC 2008

(cliquer sur l'image pour l'ouvrir dans une nouvelle fenêtre puis faire un clic droit et enregistrer sous)

modifier la taille de la zone de travail

utiliser les règles et les repères

Quelques outils indispensables

Outil loupe
Outil main
Revenir à des étape précédentes : Historique et Ctrl+Alt+Z
Outil pipette

Les outils de sélection

outils de sélection de base + retrancher ou ajouter à la sélection

outils de sélection lasso et lasso polygonal

outil de sélection lasso magnétique

outil de sélection baguette magique

exercice 2 : sélectionner le ciel dans l'image ci-dessous (la question à se poser: quel outil de sélection semble le plus adapté pour aller très vite >> voir la réponse)

Photo sous licence GNU

(cliquer sur l'image pour l'ouvrir dans une nouvelle fenêtre puis faire un clic droit et enregistrer sous)

>> lien vers la page source de la dune

Modifier les pixels d'une image de façon non définitive

Calques de réglages et de remplissage

Utiliser des calques de réglages en les combinant et en ne les appliquant qu'à une partie de l'image (cf. également le tutoriel sur les masques de fusion)

utiliser les calques de réglages (exemple du Noir et blanc) et les calques de remplissage (exemple de la couleur unie) en mode teinte et les appliquer à un seul calque ou à plusieurs (ce tutoriel sera remplacé prochainement par le suivant)

Calques de remplissage et mode de calque

 

Gestion des calques

ajouter des calques, les nommer et couper/coller des éléments d'un calque à l'autre

modifier l'ordre des calques

outil déplacement

Masques de calques

créer un masque de fusion

créer un masque de fusion à partir d'une sélection

exercice : à partir de l'image d'origine composer l'image finale (partie 1 :découper chaque élément et le placer sur un calque ; partie 2 : détourer chaque élément par un masque de fusion ; partie 3 : déplacer chaque objet pour recomposer le personnage et modifier l'ordre des calques si nécessaire ; notez que pour que les bras de la petite fille passent devant le chat on a dupliqué le calque du corps en modifiant le masque pour qu'il ne laisse apparent que les bras)

(cliquer sur l'image pour l'ouvrir dans une nouvelle fenêtre puis faire un clic droit et enregistrer sous)

 

créer un tracé

>> comment gérer l'affichage du tracé dans Photoshop CC

transformer un tracé en sélection

créer un masque vectoriel à partir d'un tracé

Avant de faire l'exercice de la pomme (ci-dessous) il est recommandé de s'entrainer à dessiner un tracé avec l'outil plume.

Pour cela, commencer par faire l'exercice de la poire puis celui de la fusée (dans les tutoriels Illustrator). On peut en suite faire un maximum de tableaux du jeu "The Bézier Game" afin d'affiner sa maitrise de l'outil.

>> exercice pour mieux maitriser l'outil plume (en suivant ce lien, vous trouverez également dans la page des tutoriels illustrator des tutos vidéos vous aidant sur les premiers tableaux du jeu)

exercice : détourer une image ( en utilisant les tracés)

(cliquer sur l'image pour l'ouvrir dans une nouvelle fenêtre puis faire un clic droit et enregistrer sous)

Cette image est utilisée avec l’aimable autorisation du webmestre d’Education à l'environnement

http://environnement.ecoles.free.fr

exercice : recomposer la bouteille puis modifier l'apparence du corps (verre rose) et des étiquette (tirant vers le bleu), le bouchon reste "normal"

=>

(cliquer sur l'image de départ à gauche pour l'ouvrir dans une nouvelle fenêtre puis faire un clic droit et enregistrer sous)

quelques pistes :

- copier coller chaque élément sur un calque puis le faire tourner
- détourer chaque élément avec un masque de fusion ou un masque vectoriel (selon vos préférence)
- organiser les calques (modifier l'ordre des calques si nécessaire)
- agrandir la bouteille pour qu'elle cache complètement la bouteille en verre blanc (ou faire disparaitre le fond)
-créer des calques de remplissage en mode teinte et les appliquer aux calques voulu (soit de manière individuelle -pour les deux étiquettes- soit pour tous les calques en dessous -pour le corps de la bouteille)

utiliser l'outil tampon de duplication

exercice : retoucher une image (effacer la barque)

=>

Quelques conseils :
- utiliser l'outil tampon de duplication
- penser à collecter les source du tampon dans diverses parties de l'image pour masquer le travail

(Cette image provient de l'encyclopédie en ligne wikipédia et est publiée sous licence GNU ce qui autorise à l'utiliser, la modifier et la distribuer)

>> voir les détails sur la licence
>> page source de l'image

(cliquer sur l'image pour l'ouvrir dans une nouvelle fenêtre puis faire un clic droit et enregistrer sous)

Tutoriel interactif : Correspondance des couleurs

exercice : Correspondance des couleurs... faire perdre sont bronzage au vieux marin

+ =>

1- Télécharger les images de départ (cliquer sur l'image : elle s'ouvre en grand => puis clic droit enregistrer l'image)

2- Ouvrir les deux images sur photoshop

3- Sélectionner soigneusement les parties à changer sur l'image de l'homme (éventuellement élargir la sélection dans les cheveux par exemple)

4- procéder à la correspondance de la couleur

5- avec un masque de fusion affiner le passage entre les parties de l'image

Ces deux images sont des images en licence CC (créative common) donnant le droit de les partager et les utiliser sans restrictions

>> source de l'image de la femme sur Flickr

>> source de l'image de l'homme sur Flickr

 

 

Exercices complémentaires

associer deux images ou plus (détourage, masques, niveaux et mise à l'échelle)

+

Quelques conseils :
1- copier le bateau dans l'image du port (sur un nouveau calque) puis enregistrer le fichier de travail au format Photoshop (.psd)
2- ajuster la taille du bateau en tenant compte de la profondeur de champ de l'image du port (menu "Edition>Transformation>Homothétie" en sélectionnant le calque du bateau)
3- avec un masque rendre tout ce qui est autour du bateau transparent (détourer avec un masque vectoriel la partie haute du bateau en conservant une bonne part de l'eau sous le bateau puis affiner en utilisant le masque de fusion pour fondre l'eau des deux images)
4- enregistrer l'image au format JPG...

(cliquer sur l'image pour l'ouvrir dans une nouvelle fenêtre puis faire un clic droit et enregistrer sous)

(Ces images proviennent de l'encyclopédie en ligne wikipédia et sont publiées sous licence GNU ce qui autorise à les utiliser, les modifier et les distribuer)

>> lien vers la page source de Manhattan
>> lien vers la page source du Queen Mary

 

+ /

(cliquer sur l'image ci-dessus pour l'ouvrir dans une nouvelle fenêtre puis faire un clic droit et enregistrer [l'image] sous...)

Quelques conseils:
1- ouvrir l'image de la dune et l'enregistrer au format photoshop (.psd)
2- transformer l'arrière plan en calque (soit en double cliquant sur le verrou, soit en dupliquant le calque et supprimant l'arrière plan en suite)
3- ajouter les 2 autres images dans le psd : ouvrir les 2 autre images dans photoshop puis les dupliquer dans l'image psd (faire un clic-droit sur le claque > dupliquer le calque ; modifier la destination pour l'image .psd où figure déjà la dune)
>> lien vers la vidéo décrivant les sélection au lasso et >> lien vers la vidéo décrivant la gestion des calques
4- détourer le corps phare avec un masque (de préférence vectoriel) et affiner en utilisant un masque de fusion (pour l'antenne et la base du phare)
>> lien vers la vidéo décrivant la création de tracés, >> lien vers la vidéo décrivant la création de masque vectoriel à partir d'un tracé
5- faire une transformation en miroir au phare pour que la lumière soit cohérente
(sélectionner le calque sur lequel figure le phare et choisir menu "Edition>Transformation>Symétrie axe horizontal")
6- avec l'outil tampon de duplication copier l'une des autruches sur un claque au dessus de celui du phare
>> lien vers la vidéo décrivant l'utilisation du tampon de duplication
7-faire subir un miroir au claque de paysage de soleil couchant (lumière)
(sélectionner le calque sur lequel figure le paysage et choisir menu "Edition>Transformation>Symétrie axe horizontal")
8- masquer le ciel bleu de la dune en utilisant un masque de fusion (sélectionner le ciel avec la baguette magique, inverser la sélection puis créer le masque de fusion)
9- éventuellement déplacer le ciel de soleil couchant pour améliorer l'effet
10- ajouter une ombre en ajoutant (au dessus du calque dune) un calque de réglage de type luminosité contraste avec un masque vectoriel pour délimiter l'ombre.
11- modifier la couleur de la flêche avec un calque de réglage de type balance des couleurs affecté au claque phare
12- rendre la vitre du phare semi-transparente en peignant le masque de fusion en gris

(Les images de cet exercice proviennent de l'encyclopédie en ligne wikipédia et sont publiées sous licence GNU ce qui autorise à les utiliser, les modifier et les distribuer)

>> lien vers la page source du phare
>> lien vers la page source de la dune
>> lien vers la page source du coucher de soleil

--------

réponse exercice 2 : la baquette magique