TP RETOUCHE D'IMAGES AVEC GIMP 1 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 Gimp 2 ). 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 NNEXE : B