RETOUCHE D`IMAGES AVEC GIMP1

TP
RETOUCHE D'IMAGES
AVEC
GIMP1
Stéphane Cormier, Sébastien Vial, Frédéric Blanchard
1En français : http://www.gimp-fr.org/
PRÉSENTATION
Gimp est un logiciel de retouche d'images (GNU Image Manipulation Programme) libre. A l'issue de ce
TP, vous saurez effectuer les tâches suivantes :
•
utiliser les outils de bases (pinceau, gomme, sélection, remplissage...)
•
redimensionner et convertir des images
•
effectuer des traitements des images (correction des couleurs, modification du contraste...)
•
appliquer des effets divers
•
manipuler des claques
•
mélanger du texte et des images
Pa ailleurs, les comptétences acquises ne se limitent pas l'utilisation de Gimp, en effet, vous ne serez pas
dépaysés avec d'autres logiciels de retouche d'images pour lesquels les concepts évoqués dans ce TP sont
identiques.
DÉMARRAGE
Au démarrage de Gimp, apparaîssent plusieurs fenêtres. La fenêtre principale est la Boîte à outils.
Elle contient les outils de bases ainsi que le menu de l'application. On trouve dans Fichier, les
commandes habituelles d'ouverture, enregistrement, impression... et le contrôle de l'affichage des autres
fenêtres : sous-menu Dialogues.
OUVERTURE, ENREGISTREMENT
Exercice 1
Ouvrir l'image fruits.tif puis l'enregistrer aux formats GIF puis PNG. Enregistrer ensuite cette
même image au format JPEG avec comme valeurs du paramètre de qualité 0.20 , 0.50 et 0.80 sous les
noms fruits_20.jpg, fruits_50.jpg, fruits_80.jpg. (Enregistrer Sous) Observez
la taille des fichiers générés.
OUTILS DE SÉLECTION
Les outils de sélections permettent de choisir précisément une partie de l'image. De gauche à droite dans
la boite à outils :
•
Sélection rectangulaire (appuyer sur SHIFT pendant la sélection pour obtenir une sélection carrée)
•
Sélection elliptique (appuyer sur SHIFT pendant la sélection pour obtenir un cercle)
•
Lasso (dessine une sélection « à main levée » avec la souris)
•
Baguette magique (sélectionne tous les pixels adjacents de même couleur; un seuil de tolérance peut
être adapté) (SHIFT permet d'ajouter des zones à la sélection et CTRL d'en retirer)
•
Ciseaux « intelligents »
Exercice 2
Utiliser l'outil de sélection rectangulaire pour selectionner la tasse. Coller la sélection comme une
nouvelle image. Enregistrer le fichiers au format PNG sous le nom tasse.png. Utiliser ensuite l'outil
de sélection élliptique pour extraire l'orange. Enregistrer le fichier au format PNG sous le noms
orange.png. Enregistrer ce même fichier au format JPEG. Observer ce que devient la transparence du
fond.
OUTILS DIVERS
Exercice 3
• Testez les différents outils de la boîte : gomme, pinceau, remplissage etc...
• Déterminez une sélection « au plus près » du batiment de l'image amphis.png (outil « sélection
rectangulaire ») puis faire de cette sélection une nouvelle image (Edition >> Copier puis
Edition >> Coller en tant que nouveau)
• Transformez cette image en niveaux de gris (Image >> Mode >> Niveaux de gris)
• Réduire la taille de l'image (réduire la largeur et la hauteur de 50%) (Image >> Etirer
l'image [vérifier que largeur et hauteur sont bien liées par la présence du pictogramme de la chaine]
)
• Enregistrer le résultat dans amphis2.png
•
Ouvrir maintenant l'image pic2.png et utiliser l'outil « baguette magique » (en pressant la touche
SHIFT) pour sélectionner les zones de ciel. Effacer cette sélection (Edition >> Effacer) et
enregistrer le résultat sous pic2b.png
UN PEU DE TRAITEMENT
Exercice 4
Ouvrir le fichier fruits.tif. Modifier le contraste et la luminosité ( Outils >> Outils de
couleurs >> Luminosité Contraste). Puis ajouter un flou gaussien (Filtre >> Flou
>> Flou gaussien) pour obtenir une image proche de celle ci :
CALQUES
Exercice 5
Une image composée de claques est un empilement de plusieurs images (à la façon du papier calque). Les
claques sont donc un outil important en manipulation d'images. Pour voir un exemple d'image composée
de calques, créez un logo dans Gimp :
• Exts >> Scripts-Fu >> Logo
• Choisissez « Cool Metal »
• Saisissez le texte que vous souhaitez voir apparaître
Affichez ensuite la fenêtre des claques si elle ne l'est pas déjà (Fichier >> Dialogue >>
Calques). Enregistrez votre logo sous le nom logocm.xcf (format Gimp2). La fenêtre des calques
montre que notre logo est composé de quatre calques. Cliquez sur les « yeux » pour faire disparaître un
cadre de l'affichage. Cliquez sur la case laissée vide pour le faire réapparaître. Rendez le claque contenant
le texte actif en cliquant dessus, dans la fenêtre des calques. Choisisser l'outil pinceau, puis la couleur
rouge :
•
Repeindre une lettre en rouge.
2 Attention peu de formats concervent les calques ! Il est donc prudent d'enregistrer un travail en cours au format xcf (format
de Gimp)
Nous allons maintenant rendre le fond transparent. Sélectionnez le calque du fond. A l'aide de l'outil
« baguette magique », sélectionner les pixels du fond, puis effacer la sélection (Clic-droit dans la
sélection >> Edition >> Effacer)
Enfin, supprimer le calque contenant l'ombre : Dans la fenêtre calque, cliquer sur la ligne du calque puis
sur la poubelle.
Ajoutons maintenant un nouvel élément à notre logo. Ouvrir le fichier orange.png. A l'aide de la
baguette magique, sélectionner (en maintenant la touche shift pressée) les éléments extérieurs à
l'orange. Dans le menu sélection, cliquer sur « inverser ». L'orange est maintenant sélectionnée. Copier la
sélection (Clic-droit sur la sélection >> Edition >> Copier). Dans l'image du logo, faire Edition
>> Coller. L'image de l'orange apparaît en fond du logo mais en très gros. Il s'agit donc maintenant
de réduire l'élément puis de le déplacer sous la lettre coloriée en rouge pour obtenir à peu près ça :
Exercice 6
• Créer une nouvelle image de 512 pixels de largeur et 256 de hauteur avec un fond transparent
• Ouvrir la fenêtre « Motifs » et choisir un motif. Faire glisser le motif choisi sur le fond de l'image
• Insérer du texte (choisir police et taille)
• Modifier la perspective du texte
• Sélectionner à l'aide de l'outil baguette magique, l'ensemble des lettres
• Appliquer un dégradé linéaire sur cette sélection
• Dans le calque du texte, sélectionner l'intérieur de lettres comme le « o » « q » ou « p »
• Passer au calque du fond et effacer la zone correspondant à cette sélection
• Sur le calque du fond, découper un cadre « transparent »
Voici les étapes de la création de ce logo :
•
Enregistrer le logo au format GIF puis PNG sous les noms monlogopabo.gif et
monlogopabo.png
UTILISATION
Exercice 7
• Créer un logo avec transparence
• Récupérer une image sur la page d'accueil de l'université , la transformer en noir et blanc puis baisser
le contraste et augmenter la luminosité
• Créer une image de petite taille 10x10 pixels qui servira de « puce »
• Créer des boutons (comme par exemple ceux situés sur mathinfo.ens.univ-reims.fr)
• Créer un page web et une feuille de style utilisant l'image en noir&blanc comme fond, la « puce »
comme image pour les listes, et les boutons pour la navigation
Les outils nécessaires sont décrits en annexe
ANNEXE : BOITE À OUTILS