[UTILISATION GIMP] BAC...

[UTILISATION_GIMP] BAC PRO TBAA

Lycée Fourier__ p.1 / 11



Sommaire

I. INTRODUCTION : ..................................................................................................................................... 3

II. NOTIONS FONDAMENTALES: ............................................................................................................. 3

a. Les dimensions de l’image / les pixels : ........................................................................................ 3

b. La résolution : ....................................................................................................................................... 3

c. Les couleurs de l’image : .................................................................................................................. 4

d. Illusions dans la perception des couleurs : ................................................................................. 4

e. Les types et formats d’image ........................................................................................................... 4

III. FENÊTRES DE GIMP ........................................................................................................................... 5

IV. PERSONNALISATION DE L’INTERFACE : .................................................................................... 6

V. FONCTION de BASE : ............................................................................................................................. 7

a. Créer et enregistrer un document : ................................................................................................ 7

b. Agrandir/Rétrécir une image : .......................................................................................................... 7

c. Rogner/Recadrer une image : .......................................................................................................... 7

d. Déplacer : ............................................................................................................................................... 7

e. Texte : ..................................................................................................................................................... 8

VI. LES SELECTIONS : ............................................................................................................................. 8

VII. LES CALQUES : ................................................................................................................................... 9

VIII. EXERCICES ......................................................................................................................................... 11

1) Ex. 1 : Créer un texte ....................................................................................................................... 11

2) Ex. 2 : Utiliser les modes des calques ......................................................................................... 11

3) Ex. 3 : Effacer une partie d’une photo .......................................................................................... 11

4) Ex. 4 : Donner du grammage à une photo .................................................................................. 11

5) Ex. 5 : Détourer des éléments ........................................................................................................ 11

6) Ex. 6 : Effectuer une mise en couleur d’un plan ....................................................................... 11

7) Ex. 7 : Insérer des éléments détourés .......................................................................................... 11

8) Ex. 8 : Placer une ombre portée .................................................................................................... 11

9) Ex. 8 : Plaquer une image sur une surface ................................................................................. 11

10) Ex. 9 : Transformer une photo en peinture ............................................................................. 11

11) Ex. 10 : Transformer une photo en croquis ............................................................................ 11

12) Ex.11 : Modifier l’exposition d’une photo ............................................................................... 11

13) Ex.12 : Créer un effet maquette à une photo .......................................................................... 11

14) Ex.13 : Création de montages divers ....................................................................................... 11



I. INTRODUCTION : GIMP est l'acronyme de GNU Image Manipulation Program, que l'on pourrait traduire par Programme de manipulation d'image GNU. (GNU étant un acronyme récursif GNU is Not Unix) Tout comme Adobe Photoshop, GIMP est un logiciel de traitement d'images bitmap. Il peut dessiner, retoucher et créer des animations et est souvent considéré comme une alternative gratuite et libre à Photoshop. Initialement prévu pour fonctionner sous des systèmes compatibles Unix (Linux par exemple) GIMP a été adapte pour fonctionner sous Mac et Windows. Le site de Gimp est http://www.gimp.org/ et le portail francophone http://www.gimpfr.org/ Les nouveautés de Gimp 2.6 en français : http://gimp-fr.org/presentation_gimp26.php, en anglais : http://gimp.org/release-notes/gimp-2.6.html

II. NOTIONS FONDAMENTALES: L’image en informatique image est obtenue par des scanners, des appareils photographiques, des cameras, des cartes d'acquisition, des logiciels (dessins, 3D, etc.) puis elle est stockée dans l'ordinateur. C'est cette image qui sera traitée ou créée dans Gimp. L'image est caractérisée pas ses dimensions, son nombre de couleurs et son type de codage (bitmap ou vectoriel).

a. Les dimensions de l’image / les pixels : Le terme pixel est le diminutif de l'expression anglaise ≪ ≫ picture element . L'image est caractérisée par une hauteur et une largeur exprimée généralement en pixels ou points. Par exemple, un écran d'ordinateur 1280*1024 affiche des images de 1280 pixels en largeur sur 1024 pixels en hauteur.

b. La résolution : La résolution est le nombre de pixels ou points par unité de longueur pour les écrans ou de surface pour les impressions. La résolution d'une image numérique s'exprime en PPI (Pixel Per Inch) ou PPP (Pixels Par Pouce). La résolution d'impression d'une imprimante se détermine en DPI (Dot Per Inch) ou PPP (Points Par Pouce). Une résolution de 300 dpi signifie 300 colonnes et 300 rangées de pixels sur un pouce carré ce qui donnerait donc 90000 pixels sur un pouce carré. La résolution de référence de 72 dpi nous donne un pixel de 1"/72 (un pouce divisé par 72) soit 0.353mm. Exemples de résolution

– Ecrans d'ordinateurs => 96 pixels par pouce (ppp). – Images Web => 72 ppp. – Télécopies => 200 ppp – Images à imprimer => 300ppp et +.



c. Les couleurs de l’image : Image > Mode > Choisir le mode

Dans Gimp les couleurs peuvent être classer selon 3 codages : – RVB (Rouge, Vert, Bleu) et TSV (Teinte, Saturation, Valeur). – Niveaux de Gris. – Couleurs indexées. (Une image à couleurs indexées utilise une palette de couleurs. Elle peut aussi avoir de la transparence. L'indexation des couleurs permet de diminuer le volume des fichiers gif (256 couleurs max.), png)

d. Illusions dans la perception des couleurs : Edward H. Adelson du M.I.T. propose d'illustrer le fonctionnement de notre système visuel qui n'est pas aussi sensible que la pipette des couleurs de Gimp. Dans cet exemple les carrés A et B ont la même couleur (gris 120,120, 120) ! D'autres tests sont accessibles via http://web.mit.edu/persci/ du Massachusetts Institute of Technology.

e. Les types et formats d’image

Les images bitmap ou images en mode point (pixel) ou images matricielles: Chaque pixel est représenté par une couleur. Dans cette catégorie on retrouve les images utilisées sur le Web. – [.jpg] Joint Photographic Experts Group – [.png] Portable Network Graphics – [.gif] Graphics Interchange Format – [.tif] Tagged Image File Format Les images vectorielles (ou image en mode trait) :

Elles sont composée d'objets géométriques individuels (segments de droite, arcs de cercle, etc.) définis chacun par divers attributs de position, de couleur, etc. Elles sont utilisées pour les plans, les ≪ ≫ clipart , les polices de caractères. Les logiciels utilisés pour créer ces images peuvent être ceux d’Adobe : Flash(.flv,.swf…) ou Illustrator (.ai), ou SVG ou encore bien sur Autocad (.dwg, .dxf) La combinaison des deux (vectorielles et matricielles) dans les fichiers PDF, EPS, PSD

(Adobe Photoshop) et XCF (Gimp)



Gimp permet de aussi de créer ou d'importer des animations GIF, MPEG et AVI via le plugin GAP (Gimp Animation Package).

III. FENÊTRES DE GIMP

Voici les fenêtres de GIMP lors de la première ouverture du programme.

L’affichage des multifenêtres de Gimp peut paraître être un inconvénient pour certains mais il devient vite un avantage (notamment pour les glisser déposer, ouvertures multiple de fichiers…)

C'est la fenêtre principale : Ouverture d'un document, ouverture de fenêtres supplémentaires, gestion des préférences, filtres, script-fu, actions sur les sélections, fermeture de GIMP. Il y aura autant de fenêtres que d'images ouvertes. Si l'image ouverte est plus grande que le cadre, pour déplacer cette image:

– Utiliser les ascenseurs horizontaux et verticaux. – Sur l'image, appuyer sur la molette de la souris et en même temps déplacer le curseur en forme de croix. – Lors de l’utilisation des commandes dessin, appuyer la barre d’espace pour se déplacer sans annuler la commande. – Faire un clic sur la petite croix dans le coin en bas a droite de la fenêtre et déplacer le curseur en forme de croix dans la miniature.

Pour utiliser le zoom : – Entrer une valeur numérique. – Utiliser les touches + ou – du pave numérique – Utiliser la touche Ctrl+molette de la souris

2

1

3

4



C'est la boîte à outils. Outils de sélection, outils de traçage, outils de retouche, la gestion des couleurs de premier-plan et d'arrière-plan.

C'est le menu d'option des outils. Chaque fois que vous sélectionnez un outil dans la boîte à outils, ce menu affiche les options disponibles pour l'outil.

Par exemple, dans le cas d'une sélection rectangulaire, les options affichées vous permettent d'adoucir les bords, d'étendre la sélection depuis son centre, de faire des carrés parfaits, et de modifier le comportement de la sélection sur une sélection courante (remplacement, ajout, soustraction, intersection).

Cette partie permet donc d'étendre les possibilités des différents outils. Cette partie de la fenêtre est détachable.

C'est la fenêtre calques, les canaux, les chemins, l'historique d'annulations, les brosses, les textures et les dégradés.

Elle contient les différentes fenêtres ancrables (ou dialogues) utiles pour votre travail, regroupées par onglets. Cette fenêtre peut être personnalisée, voire enlevée (voir chapitre suivant)

Attention : Les icônes peuvent avoir plusieurs fonctions en les combinant avec les touches Maj, Shift, Ctrl, etc. (appui sur la touche + clic sur le bouton). Les fonctions sont indiquées lorsque le curseur de la souris passe sur le bouton ou en bas de la fenêtre principale.

IV. PERSONNALISATION DE L’INTERFACE : Pour les utilisateurs utilisant la résolution minimale demandée par Gimp, soit 1024*768, on peut faire en sorte de diminuer le nombre de fenêtres, afin de donner plus d'espace à la fenêtre centrale pour travailler sur l'image. Par exemple, la fenêtre centrale et la fenêtre de gauche sont vitales, mais la fenêtre de droite peut être retirée, et ses onglets peuvent être greffés à la fenêtre de gauche. Pour ajouter un onglet dans la fenêtre de gauche, il faut cliquer sur la petite flèche, juste à droite du nom de l'outil, dans la boite à outils. Puis aller dans Ajouter un onglet et choisissez l’onglet à rajouter dans la fenêtre boîtes à outils.

Icônes d'outils plus petits : Édition>Préférences>Thème, puis choisir le thème Small. Mémoriser les options des outils : Édition>Préférences>Thème, puis choisir Options des outils, puis cochez "Enregistrer à la sortie les options des outils". Ceci fera en sorte que lorsque GIMP sera fermé, les options des outils seront mémorisées pour la prochaine ouverture. Raccourcis clavier : Édition>Raccourcis clavier



V. FONCTION de BASE :

a. Créer et enregistrer un document : Pour la création d'un fichier : Fichier > Nouveau

Pour enregistrer/enregistrer sous :

Fichier > Enregistrer Sous

Attention à l’extension : par défaut c’est une .xcf. Cette extension est lisible seulement par gimp. Les fichiers sont volumineux car ils contiennent toutes les données (calques…). Il faut utiliser cette extension pour pouvoir retravailler l’image et enregistrer un second fichiers ( .jpg, .png …) pour pouvoir l’utiliser ailleurs que dans gimp.

Acquisition d’image par Gimp : Fichier > Créer …

o Depuis le presse papier (Copier/coller) o Capture d’écran par fenêtre ou l’écran en entier

(correspond à la touche AltGr+Imp écr) o Scanner/Appareils Photos…

b. Agrandir/Rétrécir une image : Image > Échelle et taille de l'image

c. Rogner/Recadrer une image : Cet outil permet de créer un rectangle puis en validant ou cliquant, il efface tout ce qui est en dehors de ce rectangle.

d. Déplacer : Cet outil permet de déplacer une sélection en cours, un texte, un chemin, un calque. Il faut choisir dans les options de l’outil le type d’objet à déplacer.

Raccourci : M

Raccourci : Q

Chaine non brisée = redimensionnement

proportionnel

Pour une impression, il faut une résolution

minimale de 300ppp.

Pour atténuer la pixellisation lors du

redimensionnement, choisir une

interpolation



e. Texte :

– La police (Sélection en appuyant sur le bouton). – Le nom de la police. – La taille des caractères et l'unité correspondante. – Amélioration de la netteté pour les petits caractères. – Ajuste l'espacement. – Evite le crénelage sur les images RVB et niveau de gris – Couleur du texte. – Alignement du texte (gauche, droite, centre, justifie). – Retrait début de paragraphe. – Espacement entre les lignes. – Espacement entre les mots et les lettres. – Mettre un texte le long d'un chemin. – Créer un chemin à partir de texte pour modifier l'aspect des lettres par exemple. Si un texte est présent, des options sont aussi accessibles

via le menu ≪ Calque ≫ de la fenêtre de l'image.

VI. LES SELECTIONS : La sélection est une procédure importante dans le travail avec Gimp. Elle définit la zone dans laquelle les opérations se dérouleront : La ou les traces seront effectifs, les zones a couper, les zones à remplir, etc.

- 1 ≪ Sélection Rectangulaire ≫ sélectionne des rectangles et des carres (Raccourci R).

- 2 ≪Sélection Elliptique ≫ sélectionne des ellipses et des cercles (Raccourci E).

- 3 ≪Sélection a main levée ≫ ou lasso permet des sélections a main levée. (Raccourci F).

- 4 ≪Sélection contigüe≫ ou baguette magique permet des sélections de zones contigües (Raccourci U).

- 5 ≪Sélection par couleur≫ permet des sélections de zones de même couleur. (Raccourci Shift+O).

- 6 ≪ Ciseaux Intelligents ≫ permet des sélections complexes avec un automatisme qui détermine les zones de pourtour. (Raccourci I).

- 7 ≪ Extraction du premier plan ≫ permet d'isoler un objet contenu dans une image. - 8 L'outil Chemin peut être utilisé pour réaliser des sélections. Il suffit de transformer le chemin ferme en sélection. (Raccourci B).

1 2 3 4 5 6 7 8



Options des sélections :

- 1 Mode ou la nouvelle sélection remplace la sélection en cours - 2 Mode ou la nouvelle sélection est ajoutée a la sélection en cours (Ou touche Shift). - 3 Mode ou la nouvelle sélection est soustraite à la sélection en cours (Ou touche Ctrl). - 4 Mode ou la nouvelle sélection crée une intersection avec la sélection en cours (Ou raccourci Shift+Ctrl). - 5 Seuil ou tolérance, permet de modifier le degré de sélection des couleurs pour les outils de baguette et couleurs.

VII. LES CALQUES : Il faut considérer un calque comme étant une image sur laquelle de nombreux outils et fonctions s'appliquent : Couleurs, transparence, échelle, masque de calque, fonctions de la fenêtre calques, etc.

Chaque calque est caractérisé par :

1 & 2: Un mode et une opacité (définissent le calcul de l'effet par rapport aux calques inferieurs), etc. 3 : Une préservation des zones transparentes. 4 : Un nom. 5 : Une image (avec ou sans zones transparentes, masque de calque). 6 : Une fonction de visibilité (œil). 7 : Une chaine indique les calques liés qui bougeront ensemble lors des déplacements. 8 : Un menu est accessible par un clic droit sur le calque.

1 2 3 4

5

1

2

3 4

5

6

7

8



Les modes de calques (1) sont une notion très important. Lles modes de calque permettent de changer le comportement d'un calque pour agir comme un filtre qui modifiera l'apparence des calques en dessous de celui‐ci, en utilisant des calculs mathématiques pour traiter la valeur de chaque pixel de chaque calque. Normal : C'est le mode par défaut pour tout calque nouvellement créé. L'image du dessus cache to ut simplement l'image du dessous. Il faut baisser l’opacité pour que l’image du dessous devienne visible. Dissoudre : L'image du dessus se dissout dans l'image du bas (ou inversement) Multiplier : Les valeurs foncées s'accumulent et le calque du dessus fonce le calque du dessous. Par exemple, pour un croquis en noir et blanc à colorier, ce mode est très pratique, puisque les lignes noires ne seront pas du tout cachées par la couleur : elles s'accumuleront Diviser : A l’inverse : l'image est pâlie par les zones sombres du masque. Le résultat donne une image plus claire, et dans certains cas, on peut constater même un effet de négatif. Écran : L'image du dessous soumis à ce mode paraîtra délavée. Plus la couleur est foncée, plus le calque paraîtra transparent. Les zones noires sont donc complètement transparentes, tandis que les zones blanches seront complètement blanches. Pratique pour les effets de lumière. Superposer : Sous ce mode, l'image du dessous sera légèrement pâlie par les zones claires, et légèrement foncée par les zones sombres. Éclaircir : L'image du dessous se retrouve éclaircie par l'image du dessus et certaines couleurs pourraient se retrouver inversées. Le noir n'a donc aucun effet. Cette technique est plus indiquée pour les images en niveaux de gris travaillées avec la peinture. Assombrir : L'image du dessous se retrouve assombrie par l'image du dessus. Le blanc n'a donc aucun effet. Cette technique est plus indiquée pour les images en niveaux de gris travaillées à la peinture. Lumière dure : Ce mode est une combinaison des modes Multiplier et Écran. Sur l'image du dessous, les parties affectées par les zones noires seront toujours noires, tandis que les zones affectées par les zones blanches seront toujours blanches. Lumière douce : Ce mode ressemble énormément au mode Superposer et a tendance à adoucir les bords un peu trop tranchants. Extraction de grain : Cet effet fait un peu penser à Diviser, mais à la différence que le blanc assombrit au lieu de ne rien faire. Le résultat peut donc causer une inversion de couleurs. Fusion de grain : A l’inverse du mode Extraction de grain Différence : Calcule la différence entre les valeurs RVB du calque du dessus et du calque du dessous. Si la valeur de l'image du dessus est supérieure à celle de l'image du dessous, l'image apparaîtra normale, mais foncée. Si la valeur de l'image du dessus est inférieure à celle de l'image du dessous, l'image apparaîtra en négatif. Ainsi, sur un calque noir, l'image apparaîtra normale, tandis que sur un calque blanc, l'image apparaîtra entièrement en négatif. Addition : Les valeurs RVB des deux calques s'additionnent pour retourner une image éclaircie. Soustrait : Les valeurs RVB de l'image du dessous sont soustraites par celles de l'image du dessus, pour retourner une image foncée Assombrir seulement : Pour chaque pixel, la valeur la plus basse entre les deux images sera conservée, ce qui fait que les zones blanches n'auront aucun effet tandis que les zones noires donneront des pixels noirs. Éclaircir seulement : Pour chaque pixel, la valeur la plus haute entre les deux images est conservée, ce qui fait que les zones noires n'auront aucun effet, tandis que les zones blanches donneront des pixels blancs. Teinte : Modifie la teinte du calque du dessous, mais pas la saturation, ni la luminosité. Aucun effet si le calque du dessous est en niveaux de gris. Saturation : Modifie la saturation du calque du dessous, mais pas la couleur, ni la luminosité. Si le calque du haut est en niveau de gris, le résultat sera donc en niveaux de gris. Couleur : Modifie la teinte et la saturation du calque du dessous, mais pas la luminosité. Utile pour recolorer une image. Là aussi, quand le calque du dessus est en niveaux de gris, le résultat sera désaturé. Valeur : Modifie la valeur du calque du dessous, mais pas la teinte, ni la saturation. Utile pour révéler les détails d'une image sans changer sa couleur.



VIII. EXERCICES

Chaque exercice est décrit sue le document pdf : Utilisation_Gimp_Exercices.pdf Vous créerez un carnet A4 avec les photos avant et après la retouche, pas plus de 4 photos par A4.

1) Ex. 1 : Créer un texte

2) Ex. 2 : Utiliser les modes des calques

3) Ex. 3 : Effacer une partie d’une photo

4) Ex. 4 : Donner du grammage à une photo

5) Ex. 5 : Détourer des éléments

6) Ex. 6 : Effectuer une mise en couleur d’un plan

7) Ex. 7 : Insérer des éléments détourés

8) Ex. 8 : Placer une ombre portée

9) Ex. 9 : Plaquer une image sur une surface

10) Ex. 10 : Transformer une photo en peinture

11) Ex. 11 : Transformer une photo en croquis

12) Ex.12 : Modifier l’exposition d’une photo

13) Ex.13 : Créer un effet maquette à une photo

14) Ex.14 : Création de montages divers

[UTILISATION GIMP] BAC...

Documents

Transcript of [UTILISATION GIMP] BAC...