Вы находитесь на странице: 1из 218

Apprenez crer avec

GIMP 2.8 !
Par Ishimaru Chiaki

www.openclassrooms.com

Licence Creative Commons 6 2.0


Dernire mise jour le 18/11/2012
2/219

Sommaire
Sommaire ........................................................................................................................................... 2
Lire aussi ............................................................................................................................................ 2
Apprenez crer avec GIMP 2.8 ! ..................................................................................................... 4
Historique .......................................................................................................................................................................... 4
Partie 1 : Les notions de base ............................................................................................................. 6
Introduction GIMP .......................................................................................................................................................... 6
GIMP, c'est quoi ? ........................................................................................................................................................................................................ 6
Fonctionnalits et versions .......................................................................................................................................................................................... 7
Des variantes pour tous les gots ............................................................................................................................................................................... 8
Tlcharger et installer GIMP ...................................................................................................................................................................................... 8
Installation sous Linux ................................................................................................................................................................................................. 9
Installation sous Mac OS X ....................................................................................................................................................................................... 10
Installation sous Windows ......................................................................................................................................................................................... 10
Bonus : Installer des ressources ............................................................................................................................................................................... 11
Sous Windows ........................................................................................................................................................................................................... 11
Sous Mac OS ............................................................................................................................................................................................................ 12
Sous GNU/Linux ........................................................................................................................................................................................................ 12
Interface et personnalisation ........................................................................................................................................... 14
Survol de l'interface ................................................................................................................................................................................................... 14
Personnaliser l'interface ............................................................................................................................................................................................ 16
Changer la disposition des fentres/parties .............................................................................................................................................................. 16
Modifier ses prfrences ........................................................................................................................................................................................... 20
Crer, ouvrir et enregistrer un document ................................................................................................................................................................... 23
Petite note en passant ........................................................................................................................................................................................... 27
Oprations de base ......................................................................................................................................................... 28
Fonctions de base connatre .................................................................................................................................................................................. 29
Redimensionner / Recadrer une image .................................................................................................................................................................... 30
Recadrer la photo ...................................................................................................................................................................................................... 31
Rduire / Agrandir une image .................................................................................................................................................................................... 37
Quelques fonctions de retouche simples .................................................................................................................................................................. 39
Transformer une photo .............................................................................................................................................................................................. 54
Prsentation des outils .............................................................................................................................................................................................. 54
Options communes aux outils ................................................................................................................................................................................... 63
Peindre, remplir et tracer ................................................................................................................................................. 64
Survol du slecteur de couleurs ................................................................................................................................................................................ 65
Choisir une couleur ................................................................................................................................................................................................... 65
Choisir un motif ......................................................................................................................................................................................................... 67
Remplir avec une couleur ou un motif ....................................................................................................................................................................... 69
Peindre sur une image .............................................................................................................................................................................................. 71
Slectionner une brosse ........................................................................................................................................................................................... 71
Les outils de peinture ................................................................................................................................................................................................ 72
Les options des outils ................................................................................................................................................................................................ 81
Astuce bonus : des lignes droites sans se casser la tte ! ........................................................................................................................................ 89
Utiliser les dgrads .................................................................................................................................................................................................. 90
Les formes de dgrads ........................................................................................................................................................................................... 94
Autres options ........................................................................................................................................................................................................... 96
Les calques ................................................................................................................................................................... 100
C'est quoi un calque ? ............................................................................................................................................................................................. 100
Comme des feuilles transparentes superposes .................................................................................................................................................... 100
Pourquoi utiliser les calques ................................................................................................................................................................................... 101
La fentre des calques ............................................................................................................................................................................................ 102
Les modes de calques ............................................................................................................................................................................................ 103
Manipuler les calques .............................................................................................................................................................................................. 111
Faisons joujou avec les fonctions de manipulation ! ............................................................................................................................................... 112
Fusionner ou aplatir ? .............................................................................................................................................................................................. 124
Les masques de calque .......................................................................................................................................................................................... 125
Fonctionnement et utilisation des masques ............................................................................................................................................................ 125
Fonctions relatives au masque ............................................................................................................................................................................... 133
Les slections ................................................................................................................................................................ 138
Prsentation des outils ............................................................................................................................................................................................ 138
Slection rectangulaire ............................................................................................................................................................................................ 138
Slection elliptique .................................................................................................................................................................................................. 142
Slection main leve ............................................................................................................................................................................................ 144
Slection contigu ................................................................................................................................................................................................... 147
Slection par couleur .............................................................................................................................................................................................. 150
Ciseaux intelligents ................................................................................................................................................................................................. 152
Extraction du premier-plan ...................................................................................................................................................................................... 155
Options des outils .................................................................................................................................................................................................... 160
Manipuler les outils .................................................................................................................................................................................................. 164
Les fonctions de manipulation ................................................................................................................................................................................. 164
Astuce bonus #1 : Slectionner avec prcision grce aux guides .......................................................................................................................... 169
Astuce bonus #2 : Rcuprer la forme dune slection depuis un calque .............................................................................................................. 172
Astuce bonus #3 : Sauvegarder une slection dans un canal, et la modifier .......................................................................................................... 172
Utiliser le masque rapide ......................................................................................................................................................................................... 176

www.openclassrooms.com
Sommaire 3/219

Exercice : une boule Aqua ....................................................................................................................................................................................... 185


Lexercice ................................................................................................................................................................................................................ 185
Ce que vous aurez besoin ...................................................................................................................................................................................... 186
Ce que vous devez faire ......................................................................................................................................................................................... 187
Correction ................................................................................................................................................................................................................ 187
Partie 2 : Annexes ........................................................................................................................... 199
Infos et ressources utiles pour le gimpeur .................................................................................................................... 199
Correspondances franais-anglais .......................................................................................................................................................................... 199
Les modes de calques ............................................................................................................................................................................................ 199
Bote outils ............................................................................................................................................................................................................ 199
Options des outils .................................................................................................................................................................................................... 200
Menu de la fentre centrale ..................................................................................................................................................................................... 205
Tutoriels externes et communauts ........................................................................................................................................................................ 216

www.openclassrooms.com
Sommaire 4/219

Apprenez crer avec GIMP 2.8 !

Le tutoriel que vous tes en train de lire est en bta-test. Son auteur souhaite que vous lui fassiez part de vos
commentaires pour l'aider l'amliorer avant sa publication officielle. Notez que le contenu n'a pas t valid par
l'quipe ditoriale du Site du Zro.

Par Ishimaru Chiaki

Mise jour : 18/11/2012


Difficult : Facile Dure d'tude : 1 mois

"Apprendre Gimp, cest trop difficile !"

Combien de fois jai entendu cette phrase-l ! Beaucoup pensent quil est plus difficile dapprendre Gimp cause de son
interface atypique qu'il a toujours eu et dont les utilisateurs de Windows ne sont pas habitus. Mais dans les faits, pour un
dbutant qui n'a jamais touch un logiciel de graphisme, ladaptation sera la mme, quel que soit le logiciel quil choisit pour
faire du graphisme ou de la retouche.

Vous voulez apprendre le graphisme 2D, que ce soit pour pouvoir faire de la retouche photo, du webdesign ou des montages ou
encore de la peinture numrique ? Vous cherchez un cours structur pour apprendre pas pas ? Vous tes au bon endroit,
puisque je vais vous apprendre utiliser Gimp, un logiciel de graphisme 2D libre, gratuit, multi-plate-forme et surtout,
tonnamment puissant !

Et tout a, partir de zro !

Pourquoi ce big-tuto ?

Des tutoriels spars o on apprend un outil ou un truc, cest bien, mais un cours structur jour pour apprendre pas pas,
cest mieux et dailleurs, les besoins pour ce type de cours sont criants. tant gimpeuse depuis fin mars 2006, jai donc dcid de
partager mes connaissances acquises au fil des ans pour vous en faire profiter.

Quapprendra-t-on dans ce big-tuto ?

Dans loptique de commencer partir de zro, je vais commencer par vous apprendre les bases essentielles connatre, de la
prise en main de linterface jusquaux calques et slections, en passant par les outils de peinture. Vous verrez ensuite des notions
plus avances, dont lutilisation des chemins et la cration dune animation simple. Ensuite, jattaquerai les bases du webdesign,
mon domaine de prdilection. Des travaux pratiques et des mini-exercices vous seront proposs tout le long du cours.

Une fois que vous aurez termin le cours, vous serez en mesure de suivre aisment les tutoriels externes dont je regrouperai les
sites dans lannexe.

Historique

Ce tutoriel tant en cours d'criture, je vous invite venir rgulirement jeter un coup d'oeil pour voir si du nouveau a t ajout.

06/09/10 : Premire publication du tutoriel, valid par Thunderseb.

www.openclassrooms.com
Apprenez crer avec GIMP 2.8 ! 5/219

Du 25/11/10 au 06/05/11 : Refonte complte du cours afin de rorganiser les chapitres, dans le but d'introduire des
notions importantes que je ne pouvais pas placer dans l'ancienne version, et aussi pour mieux rpartir les exercices.
Durant ce temps, m@tteo78 quitte la co-rdaction suite une divergence de visions concernant le cours.
Semaine du 04/07/11 :Publication de la nouvelle version du cours, valid par SimSonic.
07/05/12 :Dbut de la mise jour du cours pour la version 2.8

www.openclassrooms.com
Apprenez crer avec GIMP 2.8 ! 6/219

Partie 1 : Les notions de base

Avant de crer des webdesigns pour votre site, vous devez dabord connatre les bases pour savoir manipuler les outils et
fonctionnalits de ce logiciel. Cette partie sera donc consacre lapprentissage des bases.

Introduction GIMP
Puisquon part de zro, je vais dabord vous prsenter le logiciel, son histoire et ses fonctionnalits. Ensuite, je vous parlerai de
linstallation de GIMP sous Windows, Mac et GNU/Linux.
GIMP, c'est quoi ?
GIMP est lacronyme de GNU Image Manipulation Program , que lon pourrait traduire par Programme de manipulation
dimage GNU . Tout comme Adobe Photoshop, GIMP est un logiciel de traitement dimages bitmap. Il peut dessiner, retoucher et
crer des animations et est souvent considr comme une alternative gratuite et libre Photoshop.

Cest quoi GNU ? Et libre , a veut dire quoi ?

GNU est un acronyme rcursif pour GNU is Not UNIX , qui se traduit en franais par GNU nest pas UNIX , et dsigne un projet
de systme dexploitation bas sur le fonctionnement du systme dexploitation UNIX, tout en tant entirement constitu de
logiciels libres. Ce projet fut lanc en 1984 par Richard Stallman, dans le but de ramener lesprit de coopration qui prvalait dans
la communaut informatique avant quun dcret ne soumette les logiciels sous la proprit intellectuelle et que les dveloppeurs
ne se mettent fermer les codes de leurs logiciels.

Un an plus tard, fut lance la Free Software Foundation dans le but de veiller sur le dveloppement du projet GNU et aussi pour
promouvoir la libre diffusion des connaissances, puis un ensemble de licences GNU fut mis au point afin de protger le caractre
libre des logiciels dvelopps dans le cadre du projet GNU.

Le noyau Linux, projet dvelopp par Linus Torvalds, sest rapidement associ au projet GNU, et cest grce lui que les
utilitaires GNU se sont rpandus. Dailleurs, le systme dexploitation quon dsigne simplement par Linux est en fait
GNU/Linux.

On dit quun logiciel est libre lorsque la licence permet de modifier, distribuer avec ou sans change dargent, tudier
son fonctionnement et de lexcuter sans restriction. La licence la plus connue est la licence GNU GPL, qui a comme
seules restrictions de devoir respecter lattribution du logiciel en citant lauteur, et que si lon distribue les
modifications du logiciel, quelles soient publies sous la mme licence (clause copyleft).

Pour en savoir plus sur ce projet, vous pouvez consulter larticle Wikipdia sur le projet GNU, do le texte est inspir.

Et GIMP dans tout a ?

Le dveloppement de GIMP fut lanc en 1995 par Spencer Kimball et Peter Mattis, deux tudiants de lUniversit de Berkeley qui,
face lchec cuisant de leur compilateur en LISP, cherchaient une ide de programme utile en langage C. Lide dun diteur
dimage libre puissant qui saurait concurrencer les logiciels commerciaux de Windows et Macintosh et qui tournerait sur les
systmes Unix-like eut vite fait son chemin.

Tel un phnix, GIMP commena prendre forme, puis au bout de six mois de dveloppement, GIMP atteignit le stade bta et
sannonait dj trs prometteur comme futur logiciel-phare du monde UNIX et des utilitaires GNU. En effet, en plus dtre dj
suffisamment stable pour une utilisation quotidienne, GIMP tait le premier logiciel de traitement dimage professionnel et
gratuit, sous licence GPL.

Par la suite, la bibliothque GTK (Gimp Toolkit) fut dveloppe afin de permettre Gimp de se librer de Motif, une bibliothque
propritaire et payante qui constituait un obstacle majeur pour son dploiement. Cette nouvelle bibliothque deviendra
indpendante par la suite, pour permettre dautres applications de l'utiliser, et permettre mme la cration denvironnements de
bureaux tels que Gnome et Xfce pour GNU/Linux.

Bibliothque ? GTK ? Il me semblait quon parlait de logiciels, pas de livres !

www.openclassrooms.com
Partie 1 : Les notions de base 7/219

En informatique, une bibliothque (ou librairie) est comme une bote outils qui permet de crer des interfaces graphiques pour
les applications. Sans interface, on naurait quune console noire avec des critures blanches.

Si vous tes familier avec les langages de programmation comme le C ou le Python, vous avez srement dj entendu parler de la
bibliothque GTK en plus de QT, une bibliothque quivalente dont M@teo21 enseigne l'utilisation dans son cours sur le
langage C++. Sinon, vous pouvez en savoir plus en consultant larticle Wikipdia sur la bibliothque GTK.

Bon, revenons nos moutons GIMP.

GIMP prit son envol avec la branche 1.0 qui fut annonce mondialement et par la suite, les versions se succdrent, apportant
chacune des amliorations, comme lorganisation des dialogues en onglets dans la version 2 notamment, grce aux nombreux
contributeurs bnvoles travaillant le faire voluer pour en faire une des applications phares du projet GNU. Dabord conu
pour les systmes UNIX, GNU/Linux et Darwin (lanctre des Mac OS actuels), il a t port par la suite sur dautres systmes
dexploitation comme Microsoft Windows et Solaris, et il est inclus par dfaut dans plusieurs distributions GNU/Linux dont
Ubuntu (Live-DVD seulement), Debian, Fedora, SuSE, Mandriva ainsi que leurs drivs.

Aujourdhui, sa dernire version stable est la 2.8.x, sortie le 3 mai 2012, et ce sera donc cette version qui sera utilise pour ce
tutoriel.

Mais avant de continuer, je vais vous prsenter la mascotte officielle de GIMP qui rpond au doux nom de Wilber !

Dites bonjour Wilber !


Fonctionnalits et versions
Afin de vous donner une ide des possibilits de GIMP, je vous liste ici les fonctionnalits et options disponibles.

Gestion des calques avec choix de modes de fusion et rglage de lopacit et possibilit dutiliser des masques, de
verrouiller les calques et de les grouper.
Plusieurs outils de dessin, dont le pinceau, le crayon, la gomme et le pot de peinture, ainsi que des dynamiques

www.openclassrooms.com
Partie 1 : Les notions de base 8/219

permettant de donner des effets (angle, ratio, duret, opacit, etc.) au trac.
Grand choix de brosses, dgrads et textures , avec possibilit de personnaliser sa liste en tlchargeant ou en crant
soi-mme les brosses, textures et dgrads.
Plusieurs outils de slection (elliptique, rectangulaire avec possibilit darrondir les coins, baguette magique, lasso,
slection par couleur) avec plusieurs options de manipulation (agrandir, rduire, inverser, enregistrer dans un canal,
convertir en chemin, utiliser le masque rapide).
Outils de transformation, comme la rotation, la perspective, le cisaillement et le redimensionnement.
Utilisation des chemins (courbes de Bzier) pour faire des slections ou des tracs personnaliss sans crnelage (effet
descaliers) sur les bords.
Une slection de filtres et de scripts-fu (scripts permettant dautomatiser des oprations) pour lajout deffets et la
retouche.
Possibilit dajouter des greffons (plugins) pour ajouter des fonctionnalits.
Gestion de nombreux formats , dont les plus courants (JPEG, GIF, PNG, PSD, PCX, TIFF).
Possibilit de faire des animations simples en natif , et de faire des animations complexes avec le greffon GIMP
Animation Package.

Euh, je suis perdu l cest quoi tous ces termes ?

Il est normal que vous ne compreniez pas tout et que vous soyez un peu perdus. Ne vous inquitez pas, on va voir tout a pas--
pas.

Bref, vous avez beaucoup de possibilits, que ce soit en retouche, en montage ou bien en cration pure. Dailleurs, il a fait partie
des logiciels libres qui ont t utiliss pour raliser les deux films libres Big Buck Bunny et Elephants Dream.

Des variantes pour tous les gots

En raison de sa licence libre, plusieurs variantes de ce logiciel sont apparues au cours des annes, pour rpondre diffrents
besoins.

On cite par exemple Gimpshop et Gimp Mode qui sont des variantes optimises pour Windows et qui ont comme caractristiques
davoir une interface mono-fentre se rapprochant de celle de Photoshop et dtre plus simples installer que les anciennes
versions de GIMP (antrieures 2.4) qui demandaient dinstaller la bibliothque GTK avant le logiciel.

Mais ce ne sera pas ces variantes optimises que jutiliserai pour le big-tuto, pour les raisons suivantes.

Premirement, je suis sous Linux 99% du temps , et ces deux versions ne sont disponibles que pour Windows.
Deuximement, il vaut mieux tre jour autant que possible, puisque les nouveaux utilisateurs installent gnralement la
plus rcente version qui, lheure actuelle, est la 2.6.11, alors que Gimp Mode est en version 2.6.2 pendant que
Gimpshop ne semble plus maintenu puisquil est encore en 2.2.11.
Ensuite, depuis la version 2.8, il est possible de basculer en mode fentre unique sans ajouter quoi que ce soit.
Et finalement, ces packs ont t crs lpoque des versions 2.2 ou antrieures de Gimp, qui exigeaient que lon installe
la bibliothque GTK avant dinstaller Gimp, sous peine d'un beau gros message derreur. Ceci ntait pas trs pratique
pour les dbutants, et javais moi-mme eu y faire face. Ces packs optimiss taient faits pour ne pas avoir se taper
une double-installation. Mais heureusement, depuis la version 2.4.x, la bibliothque GTK est maintenant incluse dans
linstallateur, ce qui simplifie beaucoup linstallation sous Windows.

Pour toutes ces raisons, on peut considrer que ces packs sont maintenant obsoltes, puisque les raisons qui ont amen leur
cration ne sont plus d'actualit.

Puisquon est dans les variantes, je viens aussi mentionner que lon peut galement trouver des versions portables comme celle
de Samj-Crations (ex-Aljacom) qui permet la fois dinstaller GIMP sur une cl USB et de linstaller sur le disque dur sans
toucher la base de registre de Windows, ce qui est pratique pour les plus nomades des gimpeux ou ceux qui naiment pas faire
les mises jour avec la version standard par le fait que chaque dsinstallation/rinstallation brasse la base de registre (quand on
sait que Windows ralentit force de sencrasser ).

La version portable tant base sur la version classique, ce tutoriel sappliquera donc aussi bien cette variante.
Tlcharger et installer GIMP
www.openclassrooms.com
Partie 1 : Les notions de base 9/219

Maintenant, il est temps dinstaller GIMP si on veut continuer le tuto.

Je vais vous dtailler les dmarches pour les 3 systmes dexploitation principaux, mais vous pouvez toutefois passer par le site
officiel anglais ou par le site franais ddi Gimp.

Le fait de passer par les sites officiels et autres sites reconnus par les communauts dutilisateurs de Gimp vous
garantit davoir une copie intgre et sans les mauvaises surprises que lon peut avoir avec les sites frauduleux dont
Framablog a crit un article l-dessus. Pour ces raisons, je ne mettrai que les liens vers les sites reconnus dans mes
explications ci-dessous.

Installation sous Linux

En date du 7 mai 2012, la plupart des distributions GNU/Linux incluent encore GIMP 2.6 dans leur dpts. Pour obtenir
la version 2.8, il vous faudra donc soit le compiler depuis les sources, soit chercher pour un dpt tenu par un membre
de la communaut de votre distribution.

Selon votre distribution et environnement de bureau, il se peut quil soit dj install. Cest le cas notamment dUbuntu (avant la
version 10.04) et son petit frre Xubuntu ainsi que dautres distributions utilisant GNOME ou Xfce.

Si, pour une raison ou pour une autre, GIMP nest pas inclus dans les applications par dfaut de votre distribution - ce qui est
dailleurs le cas dUbuntu (Gnome seulement) pour le Live-CD partir de la version 10.04 LTS - voici les lignes de commandes
taper dans le terminal selon votre distribution.

Pour les bases Debian et Ubuntu :


Code : Console

apt-get install gimp

Pour les bases SuSE, cela peut dpendre de la version de la distribution.


Cela peut donc tre :
Code : Console

yast -i gimp

ou
Code : Console

zypper in gimp

Pour les bases Fedora/Red Hat :


Code : Console

yum install gimp

Pour les bases Mandriva/Mageia :


Code : Console

urpmi gimp

www.openclassrooms.com
Partie 1 : Les notions de base 10/219

Les utilisateurs plus avertis peuvent aussi le compiler partir des sources disponibles sur la page de tlchargements du site
officiel, mais linconvnient, cest que vous devrez installer manuellement les dpendances et que vous ne pourrez pas bnficier
des correctifs automatiques fournis par votre distribution.

Avoir GIMP 2.8 sous Ubuntu 12.04 LTS et ses variantes

Pour obtenir GIMP 2.8 sur cette version dUbuntu comme je lai fait, il vous faudra ajouter un dpt PPA avant de linstaller
(merci david96 dUbuntu-fr.org). Pour a, vous devez entrer une une ces commandes :
Code : Console

sudo add-apt-repository ppa:otto-kesselgulasch/gimp


sudo apt-get update
sudo apt-get install gimp

Vous pouvez omettre la dernire commande si vous tes sur Xubuntu, qui inclut dj GIMP 2.6, qui sera alors mis jour via le
gestionnaire de mises jour.

Installation sous Mac OS X

Les binaires pour Mac OS X ne sont pas officiellement supports par Gimp.org, donc vous devez vous rendre sur GIMP on OS X
qui assure le support officiel du portage de GIMP pour Mac OS X, et qui est partenaire Gimp.org.
Pour vous rendre directement la page des tlchargements, rendez-vous ici.

Important : GIMP requiert lenvironnement X11 dApple, qui est inclus dans le paquetage des installations optionnelles
fourni dans le CD dinstallation de Mac OS X. Installez-le avant de tenter dinstaller GIMP !

Installation sous Windows

Pour les raisons mentionnes dans la sous-partie prcdente, je ne parlerai que de la version traditionnelle ainsi que de la version
portable de Samj-Crations. Notez que vous devez avoir Windows XP Service Pack 3 ou une version ultrieure pour installer
GIMP 2.8.

Notes au sujet de Python

La version 2.4 a marqu larrive dune nouvelle fonctionnalit qui permet dutiliser des scripts crits en langage Python, ce qui
tend encore plus loin les possibilits que Gimp offre. Cette fonctionnalit ntait pas obligatoire pour le fonctionnement de
Gimp, et donc, ntait pas encore inclus dans le paquetage de GIMP pour Windows. Si on ninstallait pas Python avant Gimp, un
message davertissement indiquant des paquets manquants saffichait la premire ouverture de Gimp, en plus que vous ne
pouviez pas utiliser les scripts Python qui ont t intgrs par dfaut.

Puisque linstallation de ces quatre paquets (Python, PyCairo, PyGObject et PyGTK) sous Windows taient longues et
fastidieuse et quil fallait respecter un ordre prcis dinstallation, ce qui ntait pas trs la porte des nophytes, ceux-ci ont
enfin t inclus dans la version 2.8, la fois pour la version classique et la version portable. Vous naurez donc plus vous taper
ces installations successives pour profiter de ces scripts. Vous naurez quun pack installer pictou !

Version standard

Note pour les utilisateurs de longue date qui ont commenc avec une version antrieure 2.4 : partir de la version
2.4, la bibliothque GTK+, qui est requise pour linstallation, est incluse dans linstallateur de GIMP et vous navez
donc plus linstaller sparment, ce qui est une bonne chose pour les dbutants qui ne sont pas toujours familiers

www.openclassrooms.com
Partie 1 : Les notions de base 11/219

avec linformatique.

Si vous utilisiez une version 2.2 ou antrieure, vous devez dsinstaller GIMP ainsi que la bibliothque GTK avant
dinstaller Gimp 2.8.

Tout comme le portage pour Mac OS X, le portage pour Windows nest pas officiellement support par Gimp.org. Vous devez
donc vous rendre sur Gimp-win, qui supporte officiellement le portage pour Windows et qui est galement partenaire Gimp.org.

Pour tlcharger la dernire version stable, rendez-vous sur cette page et prenez le lien correspondant la version 2.8. Si vous
utilisez un Windows 64 bits, il vous faudra vous informer, puisque je n'ai pas la rponse, part une supposition que le lien fourni
est un 32 bits.

Une fois tlcharg, vous lancez linstallation. Vous pouvez laisser les configurations par dfaut, sauf bien sr la langue dont
vous devez choisir Franais ds que le choix de la langue apparat. GIMP se lancera automatiquement la fin de linstallation.

Version portable

Cette version, maintenue par deux Qubcois, a lavantage de pouvoir tre lance autant depuis une cl USB que depuis le
disque dur, puisquil ne requiert aucune installation (on appelle a standalone, dans la langue de Shakespeare). Vous pouvez
donc le trimballer partout avec vous, comme je lavais d'ailleurs fait il y a quelques annes quand jai pass une semaine chez
mon oncle Labrador City.

De plus, cette variante permet de faire cohabiter plusieurs versions (ex : 2.4 et 2.6), et il se dsinstalle trs facilement : on
supprime le dossier contenant Gimp portable et puis cest tout ! Cette version est reconnue par GimpFr et Gimp-Attitude, qui
sont deux sites incontournables de la communaut francophone. Il est aussi trs rgulirement maintenu, ce qui fait que vous ne
serez pas la trane par rapport la version standard.

Si vous choisissez cette version, voici le lien du blogue de Samj-Crations (ex-Aljacom) o vous pourrez tlcharger la dernire
version : http://samjcreations.blogspot.ca/
Prenez la version 32 ou 64 bits selon l'architecture ou la version de Windows utilise. Une fois le fichier tlcharg, lancez-le pour
dcompresser l'archive (vous devrez choisir un rpertoire), puis aprs, il ne vous reste qu' lancer Dmarrer_Gimp.bat pour
lancer GIMP.

Pour plus de dtails, la documentation se trouve sur le site. Et en cas de soucis, le mieux est de vous tourner vers Gimp-Attitude
pour tre certain d'avoir une aide adquate.

Maintenant, votre GIMP est install, mais puisquon est dans linstallation, je vais vous montrer tout de suite comment installer
des ressources que vous avez tlcharges sur le Web.
Bonus : Installer des ressources
Vous avez tlcharg un pack de brosses, des textures, des dgrads ou des polices ? Maintenant, il faut savoir comment les
ajouter GIMP.

Sous Windows

Lors de linstallation de GIMP, un dossier .gimp-2.x sest cr dans le rpertoire de votre profil dans Documents and Settings. Il
faut donc, une fois les ressources dzippes, les copier dans ce dossier :

Code : Console

C:\Documents and Settings\utilisateur\.gimp2.x\brushes

pour les brosses.

Code : Console

www.openclassrooms.com
Partie 1 : Les notions de base 12/219

C:\Documents and Settings\utilisateur\.gimp2.x\patterns

pour vos textures.

Et ainsi de suite pour vos diffrents types de ressources. Ceci sapplique uniquement votre session.

Attention, sous Windows, lenregistrement dans ce dossier provoque des erreurs de reconnaissances de GIMP
probablement dus au nom de ce dernier.

Il existe bien sr un dossier global, dont la localisation dpend si vous utilisez la version classique ou la version portable de
GIMP, mais personnellement, je vous conseille plutt de vous en tenir au dossier utilisateur, car si un jour vous dsinstallez le
logiciel, le dossier global sera supprim.

Sous Mac OS

(Un grand merci plovemax de Gimp Attitude ainsi qu sydzero pour leur collaboration dans la rdaction de cette partie
sur OSX.)

Sous Mac OS, on a ce que lon appelle des bibliothques. Ces bibliothques sont des endroits o les applications que vous
utilisez vont stocker leurs fichiers, notamment les fichiers de configuration, les rglages, les plugins et surtout, les fichiers
ressources.
Il a deux types de bibliothques : une commune et accessible tous les utilisateurs de votre Mac :

ladresse : /Macintosh HD/Bibliothque

Ainsi quune dans votre rpertoire personnel et donc seulement accessible par vous-mme :

ladresse : /Macintosh HD/Utilisateurs/Votre_Nom_D'utilisateur/Bibliothque

Lorsque vous lancez Gimp pour la premire fois, il cre un dossier nomm Gimp dans le dossier
Applications support de votre Bibliothque personnelle, tel que montr ci-contre.

Cest ici que vous placerez vos ressources. Vous mettrez donc vos brosses dans brushes , les
scripts dans scripts etc.

Noubliez pas que si vous travaillez plusieurs sur votre machine, vous pouvez copier votre dossier Gimp dans la
bibliothque commune dans Applications support pour que tous les utilisateur puissent y avoir accs. Puis dans
Gimp, indiquez dans les prfrences lemplacement de chaque dossier ressource prsent dans la bibliothque.

Si vous avez tlcharg des polices, je vous conseille de ne pas les placer dans le dossier Fonts du dossier
Gimp , mais dans le dossier Fonts qui se trouve directement dans lune de vos bibliothques. Pourquoi ? Parce
que ce dossier Fonts est le dossier principal des polices sous Mac OS. Si vous placez ces polices dans ce dossier,
elles seront automatiquement reconnues par toutes les applications dont Gimp.

Sous GNU/Linux

Vous avez deux choix pour linstallation de vos ressources : Dans votre rpertoire personnel, ou bien dans le rpertoire commun
toutes les sessions.

Dans votre rpertoire personnel

Premirement, vous devez afficher les fichiers et les dossiers cachs pour pouvoir voir le rpertoire .gimp-2.x dans votre

www.openclassrooms.com
Partie 1 : Les notions de base 13/219

navigateur de fichier.

Pour Nautilus (Gnome) ou Dolphin (KDE), allez dans Affichage > Afficher les fichiers cachs. Pour Thunar
(Xfce), allez dans Vue > Montrer les fichiers cachs

Maintenant, copiez vos ressources dans les dossiers correspondants se trouvant lintrieur de .gimp-2.x.

Cest aussi simple que a !

Dans le rpertoire commun

Si vous tes plusieurs utiliser la mme machine et que vous voulez que les ressources soient accessibles tout le monde, il
vous faudra vous mettre en mode superutilisateur, puisque le dossier commun se trouve dans /usr/share/gimp/2.0. Vous
pouvez le faire graphiquement en utilisant la commande suivante selon si vous tes sous Gnome ou KDE :
Code : Console

sudo nautilus

(pour Gnome)

Code : Console

sudo dolphin

(pour KDE)

Code : Console

sudo thunar

(pour Xfce)

Vous pouvez aussi le faire par la console avec


Code : Console

sudo cp <vos-ressources> /usr/share/gimp/2.0/<votre-dossier>/<vos-


ressources>

Mais personnellement, je prfre les mettre dans mon dossier personnel, pour ne pas avoir les ressources par dfaut et celles
tlcharges emmles, en plus que la sauvegarde en est plus aise quand on veut mettre niveau ou rinstaller son systme.

Jai fait un rapide tour dhorizon pour les ressources, mais il se pourrait que jaborde certains points (ex: les greffons) plus en
profondeur quand on sera plus avanc dans le tuto et que vous aurez eu le temps de vous faire la main.
Maintenant, vous en savez un peu plus et vous avez install GIMP, allons dcouvrir son interface.

www.openclassrooms.com
Partie 1 : Les notions de base 14/219

Interface et personnalisation
Voil, votre GIMP est maintenant install et prt tre lanc, si ce nest pas dj fait ! Allons maintenant dcouvrir ensemble son
interface qui risque den drouter plusieurs au dbut.
Survol de l'interface
Sans plus attendre, voici comment se prsente Gimp 2.8 ds le premier lancement, quel que soit votre systme:

Non mais cest quoi toutes ces fentres?

Cest la question que vous devez srement vous poser nest-ce pas? Rassurez-vous, depuis la version 2.8, vous avez
maintenant le choix de passer en mode fentre unique et de revenir lancienne interface autant de fois que vous le voulez!
Comme a, chacun choisit linterface quil prfre ou qui convient mieux son environnement de bureau!

Pour passer en mode fentre unique, il suffit daller dans Fentres > Mode fentre unique.

Et voil le rsultat!

www.openclassrooms.com
Partie 1 : Les notions de base 15/219

Maintenant, cest bien beau davoir une fentre unique, mais il faudrait quon connaisse les parties de linterface. Donc pour
vous aider vous y retrouver, je vous dcris brivement les diffrentes parties, avec des numros que jai mis sur les deux
captures ci-dessus.

1. Cest la partie ou la fentre principale. Avec la refonte amene par la version 2.6, tout se passe maintenant par cette
partie: ouverture dun document, ouverture de fentres supplmentaires, gestion des prfrences, filtres, script-fu,
actions sur les slections, fermeture de GIMP. Cette partie est donc vitale.
2. Cest la bote outils. Cest l o vous trouverez les diffrents outils de GIMP: outils de slection, outils de traage,
outils de retouche. Cest l aussi que vous retrouvez la gestion des couleurs de premier-plan et darrire-plan. Cette
partie, tout comme la partie centrale, est vitale.
3. Cest le menu doption des outils. Chaque fois que vous slectionnez un outil dans la bote outils, ce menu affiche les
options disponibles pour loutil. Par exemple, dans le cas dune slection rectangulaire, les options affiches vous
permettent dadoucir les bords, dtendre la slection depuis son centre, de faire des carrs parfaits, et de modifier le
comportement de la slection sur une slection courante (remplacement, ajout, soustraction, intersection). Comme
deuxime exemple, si vous choisissez loutil Texte, vous aurez dans les options la possibilit de modifier la taille et le style
de la police, de la lisser, de modifier linterligne et lespacement entre les lettres, dajouter ou non un retrait au dbut du
texte. Cette partie permet donc dtendre les possibilits des diffrents outils. Cette partie est dtachable ou dplaable.
4. La troisime fentre ou la partie de droite (selon linterface), qui apparat par dfaut lors du premier lancement. Elle
contient les diffrentes fentres ancrables (ou dialogues) utiles pour votre travail, regroupes par onglets. Vous y
retrouverez donc les calques, les canaux, les chemins, lhistorique dannulations, les brosses, les textures et les dgrads.
Cette fentre ou partie peut tre personnalise, voire enleve, pour ensuite greffer ses fentres ancrables la partie de
gauche, ce qui est plus pratique si vous travaillez sous la rsolution dcran minimale demande par GIMP (1024*768) ou
si vous navez pas un cran large, ce qui est mon cas.

Attardons-nous maintenant la partie ou fentre centrale. Pour le moment, il ny a aucune image douverte, mais voici comment
cette fentre se prsente quand une image est ouverte:

www.openclassrooms.com
Partie 1 : Les notions de base 16/219

En voici la description des diffrentes parties.

1. Dans la partie suprieure de la fentre dont la position des trois boutons dpend de votre systme dexploitation, cest l
que saffichent le nom de votre fichier, ainsi que ses caractristiques : son mode colorimtrique (RVB, indexe, niveaux
de gris), le nombre de calques et les dimensions (largeur x hauteur). Notez que si vous avez fait des modifications sur
votre image depuis sa cration ou le dernier enregistrement de celui-ci, une toile saffichera devant le nom du fichier.
Cest donc une faon simple de savoir si votre document a t modifi ou non.
2. Cest l que vous avez votre barre de menu, do vous pouvez accder aux diffrentes fonctions ddition, daffichage,
de slection, de filtre, etc.
3. Pendant quen mode multi-fentres, chaque image est dans une fentre spare, celles-ci sont regroupes en onglets
dans le mode fentre unique, ce qui permet de passer facilement dune image lautre lorsque vous travaillez sur
plusieurs documents.
4. Par dfaut, ces deux rgles sont gradues en pixels, mais vous pouvez aussi les rgler en pouces ou en centimtres si
vous devez travailler sur une image destine limpression.
5. Cest le viewport, cest dire la zone o saffiche votre document et sur laquelle vous pouvez travailler sur votre image.
6. Ce sont les barres de dfilement. Si limage est plus grande que le viewport, vous pouvez utilisez ces barres pour vous
dplacer sur votre image.
7. Cest votre barre dtat, depuis laquelle vous pouvez rgler le zoom de votre image, la graduation de vos rgles, et voir
le nom du calque prsentement slectionn.

Maintenant que le survol est fait, on va apprendre personnaliser son interface.


Personnaliser l'interface
Selon les souhaits de lutilisateur, on peut personnaliser linterface de GIMP pour la mettre son got.

Changer la disposition des fentres/parties

Suivant la rsolution de votre cran, vous voudrez srement enlever la fentre de droite ou rajouter des colonnes.

Ajouter des onglets

www.openclassrooms.com
Partie 1 : Les notions de base 17/219

Pour ajouter un onglet dans la partie de gauche ou dans lune des fentres ancrables de la partie de droite, cliquez sur la petite
flche, juste droite du ou des onglets, puis allez dans Ajouter un onglet et choisissez par exemple la fentre des calques
comme nouvel onglet.

Refaites les mmes manipulations pour chacun des onglets que vous voulez ajouter.

Voici un exemple de rsultat obtenu dans mon cas, o jai regroup mes onglets gauche en vue denlever les fentres droite:

Secret (cliquez pour afficher)

Mes onglets: Options des outils, Calques, Chemins, Brosses, Dgrads et Motifs

Ajouter des colonnes et les agencer

Si vous avez un cran large et que vous voulez tirer profit de sa largeur, la version 2.8 permet maintenant dajouter des colonnes.

Pour lexercice, on va prendre lun des onglets de la partie droite. Cliquez sur longlet dsir, et en maintenant le bouton de la
souris enfonc, glissez jusquau bord extrieur de la fentre.

Lorsque le bord slargit comme sur limage ci-dessus, relchez le bouton. Longlet se greffera pour former une nouvelle colonne!

www.openclassrooms.com
Partie 1 : Les notions de base 18/219

Ensuite, si vous voulez ajouter une deuxime fentre cette colonne, prenez un autre onglet et refaites la mme manip, cette fois
en positionnant votre souris dans le bas de la colonne, sur le bord extrieur.

Lorsque le bord slargit, relchez le bouton. Votre colonne a donc maintenant deux fentres!

Du coup, vous savez ce que vous avez faire si vous dtachez accidentellement la fentre des options des outils, comme a
mtait dj arrive il y a quelques annes sous GIMP 2.2!

Enlever la colonne de droite

Si vous avez dcid denlever la colonne de droite et que vous utilisez le mode fentre unique, vous pouvez soit repasser en
mode multi-fentres pour fermer la fentre de droite (mthode rapide), ou soit dtacher les fentres ancrables une une pour les
fermer ensuite. Pour dtacher une fentre ancrable, vous navez qu faire comme si vous repositionnez un onglet, mais cette fois
en le dplaant hors de la fentre.

www.openclassrooms.com
Partie 1 : Les notions de base 19/219

Il ne vous reste ensuite qu utiliser votre souris pour rduire la largeur de la colonne de droite.

Normalement, cest une flche double qui saffiche, mais Shutter (tout comme lutilitaire que javais sous Gnome) ne capture
que la flche normale.

Mais si vous voulez faire a, au lieu dajouter les onglets avec la mthode de la petite flche pour ensuite dtacher ce quil y a de
trop, dplacez tout bonnement les onglets de la partie droite que vous voulez vers la partie de gauche! Comme a, vous naurez

www.openclassrooms.com
Partie 1 : Les notions de base 20/219

dtacher que ce que vous ne voulez pas!

Dans tous les cas, vous pouvez toujours retourner la configuration des fentres telles quelles taient au premier lancement, en
allant dans les prfrences de GIMP, dont je vais justement faire un survol ci-dessous.

Modifier ses prfrences

Vous pouvez galement personnaliser linterface en modifiant les prfrences.

Pour les modifier, allez dans dition > Prfrences. Une fentre saffiche, avec plusieurs rubriques o vous pouvez
modifier les configurations.

Je vous liste les plus intressantes pour linterface.

Changer la langue de linterface

Auparavant, changer la langue de linterface de GIMP ntait pas la porte des novices, pour qui la ligne de commande, faire un
fichier .bat et ajouter des variables denvironnement font souvent peur. (Voir comment on faisait avec la version 2.6)

Or, la 2.8 a rsolu ce problme en ajoutant une option dans les prfrences pour permettre de changer la langue facilement et
simplement, sans toucher au terminal, ni avoir faire du bidouillage pas trs la porte du novice! Pour cela, dans vos
prfrences, allez dans la rubrique Interface puis vous avez le menu droulant Langue. Normalement, il est rgl sur
Langue systme, mais si vous voulez slectionner une autre langue, par exemple pour suivre un tutoriel rdig en anglais,
vous choisissez tout simplement la langue utiliser (ex: en_CA pour moi). Une fois le choix valid, vous devrez relancer GIMP
pour que a saffiche sous la nouvelle langue choisie.

www.openclassrooms.com
Partie 1 : Les notions de base 21/219

Et voil, mon GIMP est maintenant dans la langue de Shakespeare!

Icnes doutils plus petits

Trs pratique pour les rsolutions minimales et les crans largeur standard. Allez dans la rubrique Thme, puis choisissez le
thme Small. Vous aurez alors des icnes plus petits, comme ceci:

Mmoriser les options des outils

Certains prfreront garder leurs options doutils travers leurs sessions de gimpage. Allez dans la rubrique Options des
outils, puis cochez Enregistrer la sortie les options des outils. Ceci va faire en sorte que lorsque
vous fermez GIMP, les options de vos outils seront mmorises pour la prochaine ouverture.

Ajouter les icnes Brosses, Dgrads et Motifs ct des couleurs

Ceci tait affich par dfaut dans la version 2.2.x (du moins, dans ma version Windows que javais il y a longtemps), mais ne lest
plus depuis la 2.4.x. Pour ceux qui veulent lafficher, allez dans la rubrique Bote outils et cochez Afficher les
brosses, motifs et dgrads actifs. Un nouveau trio de raccourcis apparatra ct de vos couleurs, comme
ceci:

www.openclassrooms.com
Partie 1 : Les notions de base 22/219

Vous pouvez aussi choisir dafficher limage active galement, surtout si vous n'utilisez pas le mode fentre unique.

Rinitialiser la position des fentres

Si un moment donn, vous voulez rinitialiser les fentres telles quelles taient au premier lancement de GIMP, allez dans la
rubrique Gestion des fentres et cliquez sur Restaurer les positions enregistres aux valeurs
par dfaut. La rinitialisation se fera au prochain dmarrage de GIMP.

Utiliser les raccourcis-clavier dynamiques

GIMP est configur avec des raccourcis clavier par dfaut, mais toutes les fonctions nont pas un raccourci-clavier assign.
Cette option est utile pour pouvoir en ajouter aux fonctions qui nen ont pas, ou mme pour modifier les raccourcis pour les
rendre utilisables avec la disposition BPO. Pour cela, vous devez lactiver en allant dans la rubrique Interface puis en
cochant Utiliser les raccourcis clavier sil nest pas coch.

Ensuite, toujours dans la mme fentre des prfrences, vous cliquez sur Configurer les raccourcis-clavier, qui vous ouvrira
une fentre vous listant les fonctions avec les raccourcis.

www.openclassrooms.com
Partie 1 : Les notions de base 23/219

Vous slectionnez la fonction laquelle vous voulez assigner un raccourci-clavier. Dans mon exemple, je vais prendre Agrandir,
une fonction situe dans le menu Slection.

Vous aurez alors faire la combinaison dsire. Dans mon exemple, je vais assigner Ctrl++ la fonction Agrandir.

Ainsi, lorsque vous allez dans le menu o se trouve la fonction (dans notre cas: Slection > Agrandir), on voit bien notre
raccourci!

Vous pouvez donc configurer tout a votre got.

Par la suite, si vous voulez rinitialiser les raccourcis-clavier, retournez dans vos prfrences (mettez en pratique le nouveau
raccourci clavier, juste pour essayer), dans la rubrique Interface puis cliquez sur le gros bouton Rtablir les raccourcis-
clavier aux valeurs par dfaut puis validez. Cette rinitialisation se fera au prochain dmarrage de GIMP.

Je nai cit que quelques unes des options, pour vous montrer les possibilits de personnalisation, mais nhsitez pas explorer
les prfrences pour personnaliser GIMP votre got.

Lexploration de linterface de travail est termine, mais on na pas fini avec l'apprivoisement de Gimp, puisque linterface de
cration et denregistrement de nouveaux documents est assez particulire galement, donc tant qu partir du bon pied pour la
suite du tuto
Crer, ouvrir et enregistrer un document
Pour continuer dans la familiarisation de linterface, allons voir maintenant les fonctions de cration, douverture et
denregistrement de nouveaux documents.

Cration dun document

Pour la cration dune nouvelle image, cest assez facile deviner quon doit passer par Fichier > Nouvelle image
(Ctrl+N). Faisons-le.

Vous verrez apparatre cette fentre:

www.openclassrooms.com
Partie 1 : Les notions de base 24/219

Vous pouvez choisir soit un modle prdfini avec le menu droulant (1), soit un format personnalis avec les petites flches (2).

Mais avant de confirmer, cliquons sur Options avances (3) pour voir les options quon a:

Vous voyez donc dautres options pour votre nouveau document, je vais les dtailler.

(4) Cest la rsolution en points par pouce que vous voulez donner votre nouveau document. Ceci n'est utile que si
votre document est destin tre imprim sur papier. Plus la rsolution est leve, meilleure sera la qualit
dimpression, mais il vous faudra faire une image plus grande pour viter de se retrouver avec un timbre-poste sur papier.

www.openclassrooms.com
Partie 1 : Les notions de base 25/219

(5) Lespace de couleurs. Il sagit du mode colorimtrique que vous voulez donner limage. Dans 98% des cas, on sera
amen faire une image en couleurs plutt quen noir et blanc, donc Couleur RVB, qui est par dfaut, vous sera le plus
utile.
(6) Dans cette option, cest l que vous dterminez si vous remplissez le fond de votre nouveau document avec une
couleur ou si vous voulez le fond transparent. Vous avez donc le choix entre la couleur de premier-plan (noir par dfaut),
la couleur darrire-plan (blanc par dfaut), blanc ou transparent. Ces quatre options sont autant utiles les unes que les
autres, puisque le choix du remplissage dpend de votre type dimage.

Notez que si vous commencez avec un fond transparent, le calque, c'est--dire une couche de votre image - vous navez
qu imaginer plusieurs feuilles de cellophane superposes - aura doffice un canal alpha, ce qui permet justement la
transparence, contrairement aux trois autres options, qui donneront un calque sans canal alpha, ce qui fait que si vous
effacez des parties sur ce calque, ce sera remplac par la couleur darrire-plan, et il vous faudra donc ajouter vous-
mme le canal alpha, chose qui sera vue plus tard dans le cours. Cette option est donc importante pour tous vos projets.
(7) Cest le commentaire que vous voulez donner votre image. Avec cette option, vous dcidez de ce que vous voulez
afficher dans les proprits de limage finale (par dfaut Created with GIMP).

Une fois vos options rgles, vous pouvez valider la cration du nouveau document.

Ouvrir un document

Maintenant, si vous voulez ouvrir une image existante, l aussi le raccourci vous sera dj familier: Fichier > Ouvrir
(Ctrl+O).

Une fentre souvre:

partir de l, vous parcourez vos dossiers et fichiers pour trouver limage que vous voulez ouvrir. Les boutons tout en haut (1)
vous permettent de naviguer dans larborescence de vos fichiers et de revenir directement plusieurs dossiers en arrire. Le menu
de gauche (2) vous donne les principaux emplacements sur votre machine. Au centre (3), se trouve la partie principale de la
navigation, avec le contenu de votre dossier courant. droite (4), vous pouvez avoir un aperu direct dune image que vous
slectionnez (attention : cela peut prendre plusieurs secondes pour gnrer la miniature dune image trs volumineuse). Vous
avez aussi un menu droulant, en bas (5), qui vous permet de ne slectionner quun type dimage prcis, comme les PNG ou les

www.openclassrooms.com
Partie 1 : Les notions de base 26/219

JPEG par exemple.

Une fois que vous avez choisi votre fichier, validez votre choix avec le bouton Ouvrir.

Notez aussi que vous pouvez aussi ouvrir une image en glissant-dposant les fichiers depuis votre explorateur de fichiers vers la
fentre centrale de GIMP.

Enregistrer un document

Depuis la version 2.8, cette fonction a t scinde en deux pour plus de clart.

Mais tout dabord, je vais vous parler plus en dtail du format .XCF, le format natif de GIMP. Ce format est celui que
vous devez choisir si vous voulez garder une copie de votre document pour pouvoir y retravailler plus tard, puisque ce
format conserve les calques, chemins, canaux, la slection active et la transparence. Ainsi, vous pourrez continuer
travailler sur votre image plus tard sans problme. Cest ce quon pourrait appeler un fichier source. Pour lenregistrer
sous ce format, vous devrez utiliser Fichier > Enregistrer sous (Maj+Ctrl+S) pour une nouvelle image, ou Fichier >
Enregistrer (Ctrl+S) pour sauvegarder les modifications dun fichier dj enregistr.

Mais si vous voulez montrer votre image vos amis, vous devrez lexporter, soit en JPEG, soit en GIF ou bien en PNG.
Pour cela, vous devrez passer par Fichier > Exporter (Maj+Ctrl+E) pour une nouvelle copie ou craser monfichier.png
(monfichier.png ntant quun exemple) pour enregistrer les modifications dune image. Le format privilgi est le
PNG, mais vous pouvez aussi choisir dautres formats.

Ensuite, si vous diffusez un thme graphique (ex: thme pour forums, blog ou CMS) et que vous voulez inclure les
sources de vos images, vous pouvez enregistrer, via la fonction Exporter une copie de chacune de vos sources XCF au
format .PSD pour les utilisateurs de Photoshop, mais prenez note que ce format propritaire nest support que
partiellement par GIMP et donc, certains modes de calque et les masques de calque ne sont pas supports. Mais cest
mieux que rien. Cette fois, vous tapez simplement .psd au lieu de .png au moment denregistrer votre fichier.

Pour en savoir plus sur ces formats dimage, vous navez qu consulter cette partie du cours de Berzy concernant les
formats dimage (ce lien n'est que temporaire, le temps de retoucher l'annexe).

Maintenant que vous savez en gros ce que vous devez faire, je ne vous prsenterai pas en dtails chacune des fonctions,
puisque linterface est sensiblement la mme, la seule diffrence tant dans les choix de formats.

Que vous utilisiez Enregistrer ou Exporter, voici ce que vous avez:

www.openclassrooms.com
Partie 1 : Les notions de base 27/219

Vous commencez par taper le nom que vous voulez donner votre fichier (1), en vous assurant de garder la bonne extension la
fin pour que GIMP lenregistre sous le format dsir. Ensuite, vous parcourez dans vos dossiers pour choisir lemplacement dans
lequel vous voulez enregistrer votre fichier (2), dont vous pouvez changer les fichiers afficher partir du menu droulant (3). Et
finalement, dans le cas de lexportation, vous avez un menu rtractable o vous avez les choix de formats (4)

On valide donc, puis juste pour vous montrer, je vais ouvrir mon explorateur de fichiers pour y retrouver mes fichiers .XCF et
.PNG que je viens denregistrer dans mon dossier bigtuto-gimp-2.8:

Mes nouveaux fichiers que je viens denregistrer sy trouvent (je les ai entours de rouge)!

Petite note en passant


www.openclassrooms.com
Partie 1 : Les notions de base 28/219

Puisque jai parl dexportation, je viens juste souligner que lorsque vous ouvrez une image dans un format autre que .XCF, vous
aurez une mention Importe vis--vis le nom du fichier, dans la barre du titre.

Aussi, lorsque vous exportez une image vers un format autre que .XCF, une mention Exporte apparatra vis--vis le nom du
fichier tant que vous naurez pas fait de modifications ultrieures.

Maintenant, vous ne devriez plus avoir de problmes crer vos nouveaux documents et les enregistrer.
Le tour dhorizon de linterface est maintenant fait et vous savez maintenant personnaliser GIMP. On est maintenant prt
attaquer les fonctionnalits du logiciel !

www.openclassrooms.com
Partie 1 : Les notions de base 29/219

Oprations de base
Pour dbuter en douceur, on va commencer par des oprations simples qui sont gnralement les premires choses quun
dbutant apprend en manipulation dimages et qui vous seront particulirement utiles si vous devez travailler des photos
numriques.
Fonctions de base connatre
Avant de commencer manipuler des images, on doit commencer par apprendre quelques fonctions qui sont essentielles
connatre quelle que soit lutilisation quon veut faire de GIMP. Ce sont les bases que tout dbutant doit connatre.

Je commence donc avec la prsentation de ces fonctions.

Annuler

Vous vous tes plant lors dune manipulation ? Le rsultat ne vous satisfait pas ?

La fonction Annuler vous permet de corriger toutes les petites bvues que vous pourriez faire pendant vos sessions de
gimpage !

Cette fonction est disponible depuis dition > Annuler, mais vous pouvez aussi utiliser le raccourci Ctrl+Z.

Mais si j'ai fait beaucoup doprations aprs laction que je dois annuler, est-ce que je peux me reprendre ?

GIMP dispose dune historique dannulation qui peut contenir autant dactions que la mmoire alloue - qui est de 64 Mo par
dfaut - lui permet, ce qui signifie que vous disposez dune grande marge de manuvre ! Ceci peut tre rgl dans dition >
Prfrences > Environnement > Mmoire maximale pour lannulation.

Rtablir

Ceci est littralement linverse de la fonction Annuler. Si vous avez trop annul dactions, vous pouvez refaire ces actions
prcdemment annules en passant par dition > Rtablir ou en utilisant Ctrl+Y.

Faites tout de mme attention ! Si vous annulez des actions et quensuite, vous faites autre chose que Annuler ou
Rtablir, vous ne pourrez plus refaire les actions que vous avez annules ! De ce fait, je vous encourage dupliquer
votre image et travailler sur la copie et non sur loriginal, car seul loriginal conserve lhistorique dannulation !

Passer dun mode colorimtrique lautre

Puisque les images peuvent avoir diffrents modes selon leur format, vous serez amen faire des conversions, en particulier si
vous voulez travailler sur une image en GIF qui est toujours en couleurs indexes (palette de 256 couleurs maxi), qui ne permet
pas dutiliser la plupart des fonctions, ni de peindre avec des couleurs absentes de la palette, ce qui veut dire que si vous
essayez de peindre en rouge sur un GIF qui ne contient que du bleu et du noir, vous peindrez en noir au lieu du rouge.

Dans ce cas de figure, vous pouvez passer au mode RVB (16 millions de couleurs) en passant par Image > Mode puis
slectionner RVB.

Vous avez aussi deux autres choix : Couleurs indexes (le mode utilis par les GIFs et les PNG8) et Niveaux de gris .

Pour en savoir plus sur les modes de couleurs, consultez la partie du cours de Berzy ce sujet (lien temporaire, le temps de
retoucher l'annexe).

Zoom

www.openclassrooms.com
Partie 1 : Les notions de base 30/219

Vous serez souvent amen zoomer votre image pour faire du travail de prcision ou pour lafficher sa vraie grandeur (dans le
cas dune grande image). Vous pouvez le rgler depuis le menu dans le bas de la fentre centrale lorsquune image est ouverte.

Vous pouvez aussi choisir dautres pourcentages de zoom en faisant Affichage > Zoom o vous trouverez pleins
doptions.

ou bien, pour aller plus vite, vous navez qu faire Ctrl+molette en ayant le curseur sur le viewport (zone de la fentre
affichant limage) de votre fentre pour zoomer votre image !

Se dplacer dans la fentre dimage

Vous aurez forcment besoin de vous dplacer dans la fentre dimage lorsque vous zoomez. Pour cela, tout le monde sait quon
peut utiliser les ascenseurs horizontal et vertical pour se dplacer.

Mais saviez-vous quil existe une faon encore plus simple ? En ayant votre curseur dans le viewport de votre fentre, vous
navez qu utiliser votre molette pour vous dplacer verticalement. Et si votre curseur est plac sur lascenseur horizontal, le
dplacement avec la molette sera horizontal !

Ajuster la fentre limage

Si vous tes en mode multi-fentres et que vous ouvrez une trs grande image que vous rduisez ou recadrez ensuite, vous vous
retrouverez assurment avec une graaaaaande fentre avec une toute petite image au centre.

Au lieu dessayer de redimensionner votre fentre coups de cliquer-glisser, il existe une fonction qui vous permet dajuster la
fentre limage et celle-ci se trouve dans Affichage > Ajuster la fentre limage ou en utilisant la
combinaison Ctrl+E !

Voil, vous connaissez maintenant les fonctions de base essentielles tout gimpeur ! Maintenant, passons notre premire
manipulation dimage !
Redimensionner / Recadrer une image
Ceci est gnralement la premire chose quon apprend faire en manipulation dimage. En effet, plusieurs dentre vous avez
srement dj d faire ces manipulations pour pouvoir mettre un avatar dans votre profil sur ce site. Mais malgr que vous ayez
dj fait de telles manipulations, mme avec Paint, je viens quand mme parler du redimensionnement dune image, que ce soit au
niveau du rtrcissement/agrandissement, ou bien du recadrage de limage, puisque chaque logiciel fonctionne diffremment.

Pour vous le montrer, on va faire lexercice de travailler une photo pour en faire un avatar pour le SDZ. Pour cela, je vais prendre
cette photo de chat dont jaime bien la bouille quil fait et qui est sous licence Creative Commons BY.

Vous choisissez donc la taille moyenne 500 puis vous enregistrez limage sur votre ordinateur. Ouvrez-la ensuite avec GIMP.

www.openclassrooms.com
Partie 1 : Les notions de base 31/219

Recadrer la photo

Puisque notre photo nest pas carre, on va commencer par enlever les parties qui ne nous intressent pas, de faon obtenir un
carr parfait. Pour cela, je vais vous montrer deux faons de faire.

Avec loutil de recadrage

Disponible dans la bote outils sous cet icne , cet outil permet de faire un recadrage rapide en encadrant la partie
garder. Ceci nest pas trs exigeant en ressources et donc, je lutilise pour faire un premier recadrage grossier. C'est donc avec cet
outil quon va commencer.

Prenez loutil de recadrage dans votre bote outils, puis sur votre image, cliquez en haut gauche de la tte du chat, puis
en maintenant le bouton gauche enfonc, glissez jusquen bas droite de la tte avant de relcher.

www.openclassrooms.com
Partie 1 : Les notions de base 32/219

Ce nest pas tout fait carr, mais vous pouvez ajuster lencadrement en utilisant les poignes qui apparaissent lorsque vous
approchez votre curseur du bord.

Cliquez puis glissez en ayant le bouton enfonc, vous verrez que le cadre change de dimensions ! Ajustez donc les bords pour
obtenir un carr parfait, en vous aidant des dimensions indiques vis--vis Taille dans les options des outils.

www.openclassrooms.com
Partie 1 : Les notions de base 33/219

Une fois que le rsultat vous satisfait, cliquez lintrieur du rectangle. Limage sera alors coupe en suivant ce cadre, pour
obtenir ce rsultat :

On vient de recadrer l'image avec l'outil de dcoupage, mais on aurait pu aussi bien le faire avec la seconde mthode que je vous
montre ci-dessous.

Taille du canevas

Cette mthode est assez gourmande en ressources, surtout si vous avez une trs grande image et que vous en avez beaucoup
enlever. Ceci ma dailleurs dj valu des dconnexions soudaines de ma session Ubuntu quand je ne faisais pas gaffe. Je ne sais
pas pourquoi, mais a faisait a. Cest donc pour cette raison que je lutilise surtout en finition ou sur des images pas trop

www.openclassrooms.com
Partie 1 : Les notions de base 34/219

grandes.

Maintenant, on va annuler le recadrage qu'on vient de faire, pour la refaire avec la mthode de la taille du canevas. Pour cela,
allez dans Image > Taille du canevas.

Vous devriez avoir une fentre qui ressemble ceci :

ct des deux premiers slecteurs, vous pouvez voir une petite chane attache ( ). Cette petite chane, quand elle est
attache, permet de faire du recadrage proportionnel. Essayez pour voir, en abaissant lune des deux valeurs.

Lun suit lautre !

Maintenant, revenons nos valeurs initiales en cliquant sur le bouton Rinitialiser en bas de la fentre. Vous revoil avec les
dimensions initiales.

www.openclassrooms.com
Partie 1 : Les notions de base 35/219

Maintenant, si on veut baisser lune des deux valeurs sans que lautre ne suive, il faut dtacher la petite chane, en cliquant
dessus.

Abaissez la plus grande des deux valeurs, pour quelle rejoigne lautre pour faire un carr parfait.

Lautre valeur na pas suivi !

Mais si je veux rogner gauche ou en haut, quest-ce que je fais ?

On en vient justement ce sujet. Si vous regardez votre fentre, vous verrez deux autres slecteurs plus bas :

Ces slecteurs permettent de positionner le rectangle de ce que vous voulez garder. Essayez de jouer avec ces slecteurs pour le
positionner.

Image utilisateur

Vous pouvez aussi utiliser le bouton Centrer si vous voulez que votre rectangle soit centr sur votre image. Ceci vous
sera utile dans les situations o vous devez centrer votre rognage.

Revenons maintenant au recadrage de notre minou. Il ne vous reste qu' rogner l'image votre got, tout en gardant le carr
parfait, puis ajuster le dcalage du rectangle.

www.openclassrooms.com
Partie 1 : Les notions de base 36/219

Il ne vous reste plus qu' valider.

Mais les pointills nont pas suivi !

En fait, cest tout fait normal. la base, une image est toujours compose dau moins un calque, et ce calque est indpendant

www.openclassrooms.com
Partie 1 : Les notions de base 37/219

du canevas ou espace de travail visible . Pendant que par dfaut, loutil de recadrage agit la fois sur le calque et le canevas,
la fonction Taille du canevas nagit par dfaut que sur le canevas ! Donc si vous tenez ce que les pointills suivent, vous
devez utiliser le menu droulant Redimensionner les calques juste au dessus des boutons avant de valider le recadrage.

Annulez donc votre recadrage Ctrl+Z que vous venez de faire, puis refaites-le en slectionnant Tous les calques dans le menu
droulant avant de valider.

W w w, stop ! C'est quoi a les calques ?

Si je vous dis dimaginer plusieurs feuilles transparentes, avec chacun un lment imprim dessus, et quune fois ces feuilles
empiles les unes sur les autres, forment un tout qui est projet sur le mur du local de classe, cela vous donne une ide ? Si
oui, ceci devrait vous donner une ide des possibilits de cette fonctionnalit trs puissante. Mais nous ne verrons a que dans
quelques chapitres puisquen ce moment, vous dbutez peine dans lutilisation des fonctionnalits de Gimp et je prfre que
vous ayez appris quelques notions de base avant dattaquer ce morceau.

Bon, revenons notre Ti-Mine !

L encore, il est beaucoup trop grand pour les dimensions maximales demandes sur le SDZ. Pour cela, lisez ce qui suit.

Rduire / Agrandir une image

Notre minou fait encore 250*250 pixels et on doit le rduire 100*100 pixels pour quon puisse le mettre en avatar.

Allez donc dans Image > chelle et taille de limage. Une nouvelle fentre souvrira :

www.openclassrooms.com
Partie 1 : Les notions de base 38/219

Le principe est encore le mme : Si la chane est attache, le redimensionnement sera proportionnel. Si la chane est dtache,
vous pouvez tirer/rtrcir dun seul ct au lieu des deux.

Tout en gardant la chane attache, rduisez lune des deux valeurs 100 (lautre suivra) pour avoir la taille dsire :

Quant aux slecteurs de Rsolution, n'y tenez pas compte, moins que votre image soit destine l'impression.

Mais avant de valider, examinons un peu le menu droulant Interpolation que vous voyez sous les slecteurs :

www.openclassrooms.com
Partie 1 : Les notions de base 39/219

Cest quoi ce mot barbare ?

En gros, lorsque vous agrandissez ou rduisez les dimensions dune image, vous avez invitablement une perte de qualit. Pour
minimiser cette perte, les pixels de la nouvelle image doivent tre recalculs et pour cela, GIMP dispose de plusieurs options, qui
utilisent chacune un algorithme diffrent, et une dernire option qui nutilise aucun algorithme.

Vous pouvez tester les quatre options disponibles sur limage du minou, en annulant entre chaque action.

Dans lordre : Aucune, Linaire, Cubique, Sinc (Lanczos3)

La diffrence est plus frappante sur la premire des quatre images qui est plus pixelise que les autres.

Si vous essayez de rduire la taille dune image en GIF ou en PNG8 qui est en mode Couleurs indexes, seule loption
Aucune sera utilisable.

Pour revenir la rduction des dimensions de notre minou, laissez loption dinterpolation sur Cubique.

Voil notre chat, prt tre mis en avatar !

Vous pouvez faire la mme chose avec nimporte quelle photo de votre choix !
Quelques fonctions de retouche simples
Bien que ce que je vais vous montrer seront davantage utiles pour le post-traitement des photos, ces fonctions ne sont pas
ngliger pour autant puisque vous pourriez en avoir besoin en photomontage ou en cration de webdesign. Dailleurs, jai
rgulirement besoin de certaines de ces fonctions pour la cration de mes styles phpBB3 o je reprends bien souvent quelques
mini-icnes du style par dfaut que je modifie pour les besoins du nouveau style.

Allons y maintenant dans la prsentation des fonctions !

Luminosit / Contraste

Cette fonction est pratique pour claircir une photo trop sombre ou pour donner un joli effet artistique une photo.

Prenons cette photo comme exemple : Tlcharger limage (licence CC-BY)

www.openclassrooms.com
Partie 1 : Les notions de base 40/219

Prenez la taille petite, cela suffira.

Ouvrez limage et allez dans Couleurs > Luminosit-Contraste.

Jouons dabord avec la luminosit, en annulant entre chaque modification.

Dans lordre : luminosit 50, luminosit -50

Puis avec le contraste (avec la luminosit 0).

Dans lordre : Contraste 50, contraste -50

En combinant ces deux paramtres, vous pouvez la fois claircir une photo et forcer le contraste.

Un exemple :

www.openclassrooms.com
Partie 1 : Les notions de base 41/219

Luminosit 50, contraste 50 pour le premier. Luminosit 90, contraste -30 pour le deuxime.

Mais attention ! vitez tout de mme denchaner les actions Luminosit-Contraste, car il sagit de manipulations dites
destructrices dont une mauvaise utilisation finit par dgrader la qualit de limage !

Deux exemples :

Image #1 : Deux fois une baisse de 50, puis deux fois une hausse de 50
Image #2 : Trois fois une baisse de 50, puis trois fois une hausse de 50
Dans les deux cas, je n'ai touch qu la luminosit.

On voit clairement la dgradation puisque limage est de plus en plus dlave au fil des extrmes. Avec dautres
rglages extrmes, a peut mme aller jusqu la cration dartefacts, voire des grosses taches de couleurs pures
satures au maximum.

Donc, pour un rsultat optimal, vous devez limiter autant que possible le nombre de fois que vous passez un coup de
Luminosit-Contraste, en rglant plus finement les deux paramtres, et surtout viter les extrmes !

Teinte-Saturation

Trs pratique pour changer la teinte dun lment ou pour dsaturer une couleur trop vive ou pour raviver une couleur trop fade.

Faisons un premier exercice en changeant la teinte dun lment. Pour cela, nous allons travailler sur limage suivante qui est
celle dune ancienne bote aux lettres : Tlcharger l'image (Licence CC-BY)
Prenez la taille moyenne, cela suffira.

Ouvrez-la avec Gimp.

www.openclassrooms.com
Partie 1 : Les notions de base 42/219

Notre bote aux lettres antique est prsentement rouge. Nous allons changer sa teinte pour la rendre bleue.

Pour cela, allez dans Couleurs > Teinte-Saturation. Une fentre comme celle-ci devrait apparatre :

www.openclassrooms.com
Partie 1 : Les notions de base 43/219

Si vous ne cochez rien, toutes les teintes changeront lorsque vous voudrez dplacer le curseur du paramtre Teinte. Pour ne
changer quune seule teinte, vous devrez cocher celle qui se rapproche le plus. Dans notre cas, on va cocher la teinte rouge
puisque ce que nous voulons changer est rouge.

Dplacer le curseur de Teinte, pour constater que la bote aux lettres passe par toutes les teintes. Arrtez-le quand la bote sera
devenue bleue.

www.openclassrooms.com
Partie 1 : Les notions de base 44/219

Vous pouvez aussi jouer avec la luminosit et la saturation si vous voulez la bote aux lettres plus (ou moins) sature ou plus
claire.

Voici quelques exemples de rglages.

www.openclassrooms.com
Partie 1 : Les notions de base 45/219

En variant la luminosit ( gauche) et en variant la saturation ( droite)

Vous pouvez ainsi donner des effets sympas, comme par exemple une photo presque dsature o lon voit peine de la couleur,
comme dans cet exemple :

Niveaux

Cette fonction est pratique pour claircir une photo trop sombre ayant un clat de lumire trop fort.

Pour vous en faire la dmonstration, exerons-nous maintenant avec une de mes propres photos : Tlcharger l'image.

Vous voyez quon a un grand clat de lumire l o le soleil frappe le plancher, pendant que tout le reste est trs sombre et on
voit donc mal les alentours et les deux chats.

Nous allons donc corriger a en jouant avec les niveaux. Pour cela, ouvrez limage avec Gimp.

www.openclassrooms.com
Partie 1 : Les notions de base 46/219

Pour y accder, allez dans Couleurs > Niveaux. Une fentre comme celle-ci apparatra.

www.openclassrooms.com
Partie 1 : Les notions de base 47/219

En haut, l o vous avez Niveaux dentre, vous avez une reprsentation graphique de la rpartitions des pixels de la photo sur
une droite allant du noir au blanc. On remarque dans ce cas-ci quil y en a beaucoup dans les foncs.

Mais avant, un petit peu dexplications sur le principe des curseurs noirs, gris et blancs :

Les curseurs noir et blanc dfinissent lespace des niveaux de gris. Si on dplace le curseur des noirs droite, tout ce
qui se trouvera gauche deviendra du noir pur, ce qui assombrit la photo. Si on dplace le curseur des blancs vers la
gauche, tout ce qui sera droite de ce curseur sera considr comme du blanc pur. Tandis que le curseur des gris
dfinit o se trouve la limite entre les tons sombres et clairs. Plus le curseur gris sera gauche, plus la photo sera claire.
Plus ce curseur sera droite, plus la photo sera sombre.

www.openclassrooms.com
Partie 1 : Les notions de base 48/219

Ainsi, pour faire une petite dmonstration de ce que je vous ai expliqu, voici diffrents exemples avec diffrents paramtrages,
en commenant par montrer limage non modifie.

De gauche droite : Non-modifi, curseur noir vers la droite, curseur blanc vers la gauche, curseur gris vers la droite,
curseur gris vers la gauche.

Donc, pour revenir ce qu'on veut faire, cest--dire claircir notre photo, on doit donc mettre notre curseur des gris plus
gauche, l o commence la montagne :

Pour donner ceci comme rsultat :

www.openclassrooms.com
Partie 1 : Les notions de base 49/219

On voit vraiment mieux les chats sur le plancher, rrrwaou !

Ensuite, vous pouvez rgler les niveaux de sorties pour peaufiner le travail. Dans ce cas-ci, le principe est plus simple : Plus le
curseur blanc est gauche, plus les tons clairs seront assombris. Plus le curseur noir sera droite, plus les tons foncs seront
clairs.

Allons-y donc avec un peu de pratique.

De gauche droite : Non-modifi, curseur noir vers la droite, curseur blanc vers la gauche.

Puisquon parle des noirs et des blancs, je vais vous parler dune autre fonction, plus complexe, qui permet galement de
balancer les tons clairs et sombres.

Courbes

Cette fois-ci, au lieu de jouer avec les curseurs sur une droite, on a affaire un graphique avec une courbe quon peut manipuler
pour rgler plus finement les tons.

Pour la dmonstration, reprenez la mme photo avec les deux chats, non modifie.

www.openclassrooms.com
Partie 1 : Les notions de base 50/219

Cette fois-ci, allez dans Couleurs > Courbes. Une fentre comme celle-ci apparatra.

www.openclassrooms.com
Partie 1 : Les notions de base 51/219

Comme dans les niveaux, vous voyez la rpartition des pixels entre le noir et le blanc, sauf que cette fois-ci, on ne rgle non pas
sur une droite, mais sur un plan en deux dimensions.

Initialement, vous avez une courbe droite qui monte de faon rgulire. Vous pouvez la courber en dplaant les deux extrmits
et en ajoutant de nouvelles ancres que vous dplacez ensuite.

Commenons par un premier courbage, en cliquant au milieu de la droite et en glissant lancre ainsi forme vers la gauche, dans
le but dclaircir nos tons sombres.

www.openclassrooms.com
Partie 1 : Les notions de base 52/219

Cest dj mieux, mais nos tons clairs sont encore un petit peu trop clairs. Abaissez un peu lancre qui se trouve compltement
dans le coin en haut droite, vers la premire ligne de la grille.

Dj, notre clat de lumire frappe un peu moins.

Vous pouvez ajouter autant dancres que vous voulez, et mme baisser certaines ancres plus bas que leurs voisines de gauche,
comme ici :

Ceci est vachement utile pour certains cas bien particuliers, comme la cration dune carte pour vos jeux de rles que vous
commencez partir dun brouillage uni, pour dlimiter vos continents :

www.openclassrooms.com
Partie 1 : Les notions de base 53/219

a ressemble des continents entours deau dans la deuxime image, vous ne trouvez pas ?

Cela vous donne donc une ide des possibilits de cet outil de retouche.

Pour en revenir notre photo, vous navez qu valider si le rsultat vous satisfait, ou rinitialiser si vous voulez recommencer.

Voici donc mon rglage final :

Pour en venir notre photo finale :

www.openclassrooms.com
Partie 1 : Les notions de base 54/219

Transformer une photo


On finit ce chapitre par lutilisation dun ensemble doutils qui vous permettront, la base, de corriger certains problmes
dinclinaison ou autre dans vos photos, mais qui une fois que vous saurez manipuler les calques, vous permettront de faire des
manipulations sympas dans vos montages ou mme en design.

Prsentation des outils

Ces outils sont au nombre de 6 au total et nous les verrons tous. Les voici, entours.

Pour lexercice, on va samuser manipuler un calque de texte, ce qui rejoindra certainement beaucoup dentre vous. Pour cela,
tlchargez le fichier XCF et ouvrez-le sous GIMP.

Normalement, vous navez pas besoin de slectionner le calque du texte. Sinon, faites Ctrl+L et slectionnez le calque le plus
haut.

www.openclassrooms.com
Partie 1 : Les notions de base 55/219

Notez quentre chaque exercice, vous devez repartir du texte non modifi, donc lorsque vous voyez un nouvel outil, annulez
laction prcdente.

Rotation

Cet outil permet de faire pivoter une image ou un calque dans toutes les directions que lon veut.

Pour lutiliser, cliquez sur le calque pivoter (le texte dans notre cas). Une fentre comme celle-ci apparatra :

Vous pouvez soit rgler les paramtres via cette fentre pour un travail prcis, ou utiliser le cliquer-glisser pour faire tourner le
texte. Et si vous voulez des angles droits ou des angles de 15, tenez la touche Ctrl enfonce pendant que vous faites votre
cliquer-glisser.

www.openclassrooms.com
Partie 1 : Les notions de base 56/219

Lorsque vous tes prt, cliquez sur le bouton Rotation ou appuyez simplement sur Enter.

Et voil, un joli texte en biais !

Mise lchelle

Cet outil permet de redimensionner un calque dans une image. Cela ressemble beaucoup chelle et taille de limage, mais en
bien plus rapide.

Pour lutiliser, cliquez sur le texte non modifi. Une fentre apparatra :

Tout comme avec Rotation, vous pouvez soit rgler les nouvelles dimensions depuis la fentre, soit en utilisant les poignes
coups de cliquer-glisser. Pour un redimensionnement proportionnel, enfoncez la touche Ctrl pendant que vous faites votre
cliquer-glisser sur lun des coins.

Vous pouvez ainsi ltirer en hauteur par exemple.

www.openclassrooms.com
Partie 1 : Les notions de base 57/219

Une fois que le rsultat vous satisfait, cliquez sur chelle ou faites Enter.

</lien>

Voil, on a un zouli texte tir !

Cisaillement

Cet outil sert incliner horizontalement ou verticalement une image ou un calque.

Pour lutiliser, cliquez sur le texte non modifi. Une fentre apparatra.

www.openclassrooms.com
Partie 1 : Les notions de base 58/219

Tout comme avec les deux outils prcdents, vous pouvez soit rgler depuis la fentre, soit rgler coups de cliquer-glisser.
Cette fois-ci, vous ne pouvez QUE soit incliner horizontalement OU soit incliner verticalement. Vous ne pouvez pas faire les deux
en mme temps.

Une fois que le rsultat est satisfait, cliquez sur Cisailler ou faites Enter.

a donne des ides pour des affiches, non ?

Perspective

www.openclassrooms.com
Partie 1 : Les notions de base 59/219

Cet outil sert changer la perspective dun calque en dplaant les poignes de ses quatre coins.

Pour lutiliser, cliquez sur le texte non-modifi. Des poignes apparatront aux quatre coins de votre calque.

Vous pouvez dplacer ces poignes indpendamment les unes des autres. Mais pour lexercice, amusez-vous reproduire le
style Back to the future comme le titre des rcap' communautaires, en tirant le coin suprieur droit comme ceci :

Une fois que le rsultat vous satisfait, vous cliquez sur Transformer ou vous faites Enter.

Il me semble qu'il manque quelque chose

Il ne restera plus qu' complter avec un deuxime texte, en dessous !

www.openclassrooms.com
Partie 1 : Les notions de base 60/219

a donne dj un exemple de ce qu'on est capable de faire comme style de titre avec l'outil.

Retourner

Cest loutil le plus simple utiliser puisquil ne fait que retourner une image, horizontalement ou verticalement.

Pour lutiliser, cliquez simplement sur votre texte non-modifi.

Le voil lenvers !

Par contre, si vous voulez plutt un retournement vertical, enfoncez la touche Ctrl puis cliquez sur votre texte.

Et voil votre texte retourn verticalement aprs lavoir t horizontalement !

www.openclassrooms.com
Partie 1 : Les notions de base 61/219

Transformation par cage

Frachement arriv dans la version 2.8, ce nouvel outil dvelopp dans le cadre du Google Summer of Code 2010, permet de
dformer un lment dune image laide dun polygone dont on dplace ses ancres.

Puisque cet outil ne redimensionne pas le calque transform, commencez par faire Calque > Calque aux dimensions
de limage

Prenez maintenant votre outil, puis encadrez votre texte, en faisant votre dernier clic sur le premier ancre pour fermer le polygone.

partir de l, vous pouvez dplacer les ancres pour dformer le texte. Dplaons-en un (attention: sollicite le processeur).

www.openclassrooms.com
Partie 1 : Les notions de base 62/219

On peut voir que la forme originale apparat en dessous. Pour viter quelle ne saffiche dans le travail final, il vous faut cocher
Remplir la position initiale de la cage avec une couleur unie dans les options de loutil:

La couleur utilise sera celle darrire-plan.

Continuez vous amuser avec les ancres. Par exemple dans mon cas, voici ce que jai fait.

Une fois que vous avez termin, appuyez sur la touche Enter.

Et voil!

www.openclassrooms.com
Partie 1 : Les notions de base 63/219

Le survol est maintenant fait, mais ces outils, surtout les quatre premiers, ont des options qui leur sont communes.

Options communes aux outils

Survolons maintenant les options qui sont communes aux outils.

Transformer / Affecter

Lorsque vous serez rendus suffisamment loin pour manipuler les calques, les slections et les chemins, vos lans cratifs vous
amneront parfois avoir besoin de transformer une slection ou un chemin au lieu dun calque. Ce tutoriel sur la cration dun
icne Connect pour phpBB3, ou encore celui sur la cration dun bouton Prosilver sont des exemples de lutilisation de
cette option, puisque dans le premier cas, jai fait mon texte partir dun chemin que jai pivot, et dans le deuxime cas, jai
retourn la slection du contour du bouton du haut pour faire celui du bouton du bas. Notez que les deux tutoriels en question
sont dun niveau plus avanc, donc je ne les ai cits qu titre informatif et je vous recommande dattendre dtre rendus plus
loin dans le cours avant de tenter de suivre ces deux tutoriels si vous voulez les faire.

Type dinterpolation

Je vous en avais parl lors de la sous-partie o lon redimensionnait une photo de chat pour en faire un avatar. Puisque les
quatre premiers outils de transformation affectent la qualit de limage, cette option permet de rgler la faon dont Gimp va
recalculer chaque pixel de limage transforme pour rduire la pixelisation.

Rognage

www.openclassrooms.com
Partie 1 : Les notions de base 64/219

Puisque les quatre premiers outils de transformation changent la position des coins du calque, vous avez le choix du rglage
pour que soit limage soit agrandie en fonction du changement, ou que soit tout ce qui dpasse soit rogne.

Aperu

Par dfaut, une grille comme celle que vous avez pu voir dans les captures plus haut saffiche. Avec ces options, vous pouvez
choisir dafficher ou non cette grille, ainsi que le nombre de lignes dans la grille (15 par dfaut). Vous pouvez aussi choisir
dafficher limage daperu ou non, ainsi que son opacit. Cest vous de dcider du type daperu dont vous vous sentez le
plus laise.

Il ne vous reste plus qu exprimenter tout a !


Avec ce petit chauffement, vous tes fin prts pour commencer aller jouer au parc peindre sur votre image et ainsi, faire vos
premiers pas dans la cration pure.

www.openclassrooms.com
Partie 1 : Les notions de base 65/219

Peindre, remplir et tracer


Que serait le graphisme ou le dessin numrique sans notions de traage, de peinture ou de remplissage ? En effet, il faut bien
quon commence quelque part si on veut raliser des peintures numriques ou un webdesign. Et pour faire un parallle, seriez-
vous capable de dessiner sur une feuille de papier sans matriel comme des crayons, des feutres ou de la peinture ? Srement
que non.

Donc dans ce chapitre, on va bouetter (jouer dans la boue) en masse en dcouvrant les possibilits des outils de peinture et de
remplissage. Mais au moins, contrairement de la vraie peinture, il ny a aucun risque que vous tachiez votre T-shirt favori !
Survol du slecteur de couleurs
Avant de commencer peindre, tracer ou remplir, on doit dabord faire un survol du slecteur de couleurs afin de savoir lutiliser.

Choisir une couleur

Comme vous lavez certainement remarqu, le choix des couleurs se passe par la bote outils :

Je vous dcris les parties.

Le grand carr noir

Le grand carr noir que vous voyez est la couleur de premier plan. Cest elle qui sera utilise lorsque vous utilisez les outils de
peinture (crayon, pinceau) et le pot de peinture. Il est noir par dfaut.

Le grand carr blanc

Le grand carr blanc partiellement cach est la couleur darrire-plan. Cest cette couleur qui sera utilise lorsque vous effacez
des portions de limage lorsque le calque na pas de canal alpha (dont je vous parlerai un peu plus tard) permettant la
transparence et lorsque vous crez un nouveau document sans changer les paramtres avancs. Il est blanc par dfaut.

Les petites flches

Les petites flches dans le coin en haut droite vous permettent dintervertir votre couleur de premier plan et celle darrire-plan.
Cliquons dessus pour voir

Vous avez maintenant le noir en arrire-plan et le blanc en premier plan !

Les deux mini-carrs

www.openclassrooms.com
Partie 1 : Les notions de base 66/219

La petite icne reprsentant nos deux grands carrs vous permet de rinitialiser les couleurs de premier plan et darrire-plan aux
couleurs par dfaut, soit le noir en premier plan et le blanc en arrire-plan. Utile lorsque vous avez rapidement besoin dutiliser du
noir ou du blanc. Cliquons dessus pour le constater

Mes couleurs sont maintenant comme elles taient dans la premire image !

Mais maintenant, si je veux dautres couleurs que le blanc et le noir ?

Cest assez simple : vous cliquez sur le carr noir (couleur de premier plan) ou sur le carr blanc (couleur darrire-plan) et vous
verrez cette fentre souvrir :

Vous avez plusieurs faons de slectionner une couleur.

(entour de rouge) En dplaant le curseur dans le slecteur qui rappelle beaucoup ceux en Javascript que lon retrouve
sur certains sites et dont, si je me rappelle bien, il y a un tuto quelque part dans la catgorie Javascript ici ah oui, tiens il
est encore l : une palette de couleur.
(entour de bleu) En modifiant les valeurs RVB (rouge-vert-bleu) ou TSV (teinte-saturation-valeur).
(entour de gris) En utilisant la pipette pour slectionner nimporte o sur votre cran, que ce soit une couleur de votre
wallpaper ou celle de votre barre de tches !
(entour de vert clair) En entrant directement le code hexadcimal de la couleur, sans le dise.
(entour de noir) En slectionnant une couleur que vous avez prcdemment slectionne. Ceci est trs pratique lorsque
vous devez crer un webdesign ou un skin et que vous devez rutiliser une mme couleur, puisque GIMP mmorise les 12
dernires couleurs que vous avez choisies, et lorsque vous slectionnez lune d'elle, celle-ci se remet tout simplement en
premier.

Choisissons maintenant notre couleur. Par exemple, je vais prendre un bleu clair.

www.openclassrooms.com
Partie 1 : Les notions de base 67/219

Vous voyez que les diffrents curseurs ont chang dendroit et que le code hexadcimal est diffrent, et vous pouvez remarquer
aussi quen bas gauche, la premire des deux barres de couleur a chang pour afficher la nouvelle couleur.

Validez votre choix.

Et voil notre couleur prte utiliser !

Choisir un motif

Vous pouvez aussi choisir un motif pour peindre ou remplir. Dans ce cas, si vous avez affich le raccourci des brosses, dgrads
et motifs dans vos prfrences, comme je vous lavais montr dans le deuxime chapitre, vous navez qu cliquer l o je vous
lindique en rouge dans la capture :

Dans le cas o vous ne lavez pas activ et que vous navez pas ajout la fentre des motifs parmi les onglets, ouvrez-la avec le
raccourci Maj+Ctrl+P.

Vous verrez cette fentre souvrir :

www.openclassrooms.com
Partie 1 : Les notions de base 68/219

GIMP est fourni avec une slection de motifs prts utiliser, mais vous pouvez en ajouter de nouveaux en suivant les
indications que jai donnes dans le chapitre 1.

Choisissez un motif de votre choix. Pour ma part, jai pris Burlwood :

www.openclassrooms.com
Partie 1 : Les notions de base 69/219

Dans licne de tantt, vous voyez maintenant votre nouveau motif choisi :

Remplir avec une couleur ou un motif


On va maintenant sexercer remplir avec notre couleur ou notre texture, et l aussi, vous avez plusieurs faons de remplir avec
votre couleur. Pour cela, un nouveau document de 600*300 suffira.

Avec le pot de peinture

Ceux qui dbarquent directement de MS Paint ou Photofiltre sont dj familiers avec cet outil. Il est accessible depuis la bote
outils :

Maintenant, allons voir dans les options de cet outil, plus bas dans votre fentre :

www.openclassrooms.com
Partie 1 : Les notions de base 70/219

En rouge, vous avez le choix entre remplir avec la couleur de premier plan, la couleur darrire-plan ou le motif. Cest cette option
qui va le plus nous intresser.

En bleu, vous pouvez aussi remplir avec une opacit plus faible ou un mode diffrent, mais jen parlerai plus en dtail lorsque
jaborderai les calques.

Il y a dautres options pour loutil que vous voyez plus bas, mais personnellement, je ne me souviens pas dy avoir touch
celles-l.

Aprs, il ne vous suffit qu cliquer sur limage - ou sur une zone slectionne de limage - pour la remplir.

Par le menu dition ou par raccourcis clavier

Depuis le menu dition, vous trouverez les fonctions Remplir avec la couleur de PP, Remplir avec la couleur dAP et
Remplir avec un motif . Je suis davantage habitue utiliser ces fonctions plutt que le pot de peinture, puisque je nai pas
changer doutil pour remplir.

Et pour ceux qui prfrent utiliser les raccourcis clavier, ces trois fonctions ont chacune leur raccourci :

Ctrl+, : Remplir avec la couleur de premier plan ;


Ctrl+. : Remplir avec la couleur darrire-plan ;
Ctrl+; : Remplir avec un motif ;

Cest la mthode la plus rapide pour faire du remplissage puisque vous navez mme pas passer par la bote outils, ni par le
menu dition !

www.openclassrooms.com
Partie 1 : Les notions de base 71/219

Quelle que soit la mthode utilise (pot de peinture, menu dition ou raccourcis clavier), on remplit donc notre image avec
notre couleur ou notre motif :

Peindre sur une image


Tous ceux qui ont moindrement manipul un logiciel de dessin, mme le trs basique MS Paint ont probablement dj manipul
des outils tels que le crayon et le pinceau. Puisque chaque logiciel a ses particularits au niveau des outils, nous allons faire un
survol des outils de dessin de Gimp, ainsi que quelques options.

Slectionner une brosse

Avant de faire un survol des outils, il faut que vous sachiez slectionner une brosse pour les exercices qui suivront. Pour cela, si
vous avez activ laffichage du raccourci des brosses, dgrads et motifs, cliquez sur celui des brosses :

Ou sinon, faites Maj+Ctrl+B pour afficher la fentre des brosses (et profitez-en pour lajouter aux onglets ).

www.openclassrooms.com
Partie 1 : Les notions de base 72/219

Vous avez un choix prdfini de brosses incluses par dfaut dans GIMP, mais vous pouvez ajouter des brosses Gimp ou
Photoshop tlcharges sur le Web ou cres par vos soins.

Pour ceux qui ont utilis une version de GIMP antrieure la 2.8, le pack de brosse a t remis au got du jour, puisque
les amliorations du moteur des brosses au fil des versions ont fait en sorte qu'il n'est plus ncessaire d'avoir une
dizaine de brosses pour avoir diffrentes tailles pour une mme forme.

Prenez par exemple Circle Fuzzy (19), elle sera parfaite pour les exercices suivants.

Les outils de peinture

GIMP compte 13 outils de peinture, mais je nen survolerai que huit puisque les autres outils seront abords plus tard en temps
et lieu.

Voici donc les outils qui seront survols :

Pour la dmonstration, crons une nouvelle image de 600*300 pixels sur fond blanc et gardons les couleurs par dfaut (vous
vous souvenez des mini-rectangles dont jai parl plus haut ?).

www.openclassrooms.com
Partie 1 : Les notions de base 73/219

Allons-y !

Outil crayon

Cet outil est trs similaire au crayon et au pinceau de Paint, du fait que a dessine des traits aux bords durs, mais la diffrence est
dans les possibilits doptions de cet outil. Si une brosse avec des parties semi-transparentes sont utilises, les pixels, mme
ceux qui sont presque totalement transparents, seront opaques.

Sur votre image, avec la brosse Circle Fuzzy (19), dessinez un point, puis quelques lignes.

www.openclassrooms.com
Partie 1 : Les notions de base 74/219

On voit bien les escaliers sur les traits.

Cet outil est fort pratique lorsquon veut couvrir des surfaces avec une couleur unie et opaque, comme par exemple en
colorisation pour faire le plus gros du travail, et en pixel-art, o des points opaques sont de mise.

Outil pinceau

Contrairement au crayon, cet outil permet de tracer des lignes aux bords doux, telle quest la brosse. Si c'est semi-transparent, a
sera semi-transparent.

Avec la mme brosse floue, faites un point et des lignes.

L, cest tout doux !

Cest loutil par excellence pour la peinture numrique puisquelle permet davoir un rsultat plus soigne en vitant les contours
en escaliers.

Outil arographe

Vous avez peut-tre remarqu quavec loutil pinceau, si vous cliquez et gardez la souris au mme endroit, a ne repeint pas tant
que vous ne bougez pas la souris. Dans le cas de larographe, a continue peindre la mme vitesse, que vous bougiez ou
non votre souris, comme si vous peigniez des graffitis avec une canette de peinture. De cette faon, plus vous bougez vite, plus
le trac sera ple.

www.openclassrooms.com
Partie 1 : Les notions de base 75/219

Essayez, en faisant varier la vitesse de votre souris.

Si vous trouvez que a peint trop ple, vous pouvez rgler le taux et la pression des valeurs plus leves dans les options de
loutil.

Et voil ce que a donne quand on varie le taux (premire image) et le dbit (deuxime image)

[image]
De gauche droite, le taux est de plus en plus lev. Quand il est 0, le trait ne s'paissit pas du tout, mme si vous gardez votre
souris au mme endroit pendant une minute.

[image]
De gauche droite, le dbit est de plus en plus lev, ce qui rend le trait de plus en plus fonc.

www.openclassrooms.com
Partie 1 : Les notions de base 76/219

Cest un autre outil par excellence en peinture numrique, en particulier si vous faites des tags (graffitis) numriques.

Outil gomme

Cest assez vident deviner : cet outil sert effacer des portions dune image ou une bavure que vous venez de faire !

En partant d'une image barbouille, j'ai pass quelques coups de gomme dessus.

Dans le fond, a fonctionne comme le pinceau, sauf qu'on a une option pour les contours durs.

www.openclassrooms.com
Partie 1 : Les notions de base 77/219

Par dfaut, a efface compltement l o votre brosse est opaque, mais vous pouvez aussi seulement attnuer des portions avec
les options que nous verrons plus loin dans cette sous-partie.

Outil de calligraphie

Cet outil ne peint quen noir et simule lcriture avec une plume de calligraphie en reposant sur le mme principe que
larographe. Plus vous bougez votre souris rapidement, plus le trait sera fin.

Essayez sur une nouvelle image de 600*300 en signant votre nom.

a parat-tu que je nai pas de tablette graphique ?

Si vous voulez un trait plus fin, vous pouvez diminuer la taille et augmenter la vitesse du menu sensibilit dans les options de
loutil.

On signe nouveau notre nom, avec la vitesse maximale et la taille minimale :

www.openclassrooms.com
Partie 1 : Les notions de base 78/219

Un jour jvais lacheter la tablette, un jour

Il est beaucoup moins probable que vous ayez lutiliser, moins de vouloir faire de la calligraphie numrique ou que vous
vouliez seulement signer vos peintures numriques.

Outil de flou et de nettet

Cet outil permet de flouter ou renforcer la nettet dune portion dune image. Pratique pour la retouche d'une photo.

Essayez en floutant une premire partie de la signature, puis en augmentant la nettet dune autre partie (en maintenant la touche
Ctrl enfonce au moment de peindre), en rptant plusieurs fois les manip's.

www.openclassrooms.com
Partie 1 : Les notions de base 79/219

Outil de luminosit

Cet outil permet dclaircir ou assombrir des portions dimage. Pratique pour la retouche dune photo.

Voici un exemple avec des traits gris moyen dont jai clairci une partie, et assombri une autre (Ctrl).

jai repass plusieurs fois, do la progression de lclaircissement et de lassombrissement.

Outil de barbouillage

www.openclassrooms.com
Partie 1 : Les notions de base 80/219

Pris par les fanatiques de techniques de signature, cet outil tale les portions peintes dune image.

Voici un exemple, o jai pass loutil sur une portion dun trait noir :

On peut obtenir des effets diffrents avec dautres brosses, comme la brosse Vine par exemple :

www.openclassrooms.com
Partie 1 : Les notions de base 81/219

Le tour est fait, on passe aux principales options !

Les options des outils

Je vais parler surtout des options que lon retrouve sur plusieurs outils, pour dj vous donner une ide de ce que vous pouvez
faire.

Mode

Cette option permet dappliquer des effets en peignant. On verra cela plus en dtails dans le chapitre sur les calques, mais pour
vous donner un aperu, je pars avec cette image sur laquelle jai appliqu une brosse Galaxy.

Maintenant, je choisis une couleur rouge. Je peins ensuite deux traits sur chacun, avec un mode diffrent.

www.openclassrooms.com
Partie 1 : Les notions de base 82/219

De gauche droite : Superposer, claircir, claircir seulement

(claircir seulement, claircir, assombrir, superposer)

Opacit

Vous ne voudrez pas toujours peindre une couleur opaque sur une image. Pour cela, vous pouvez rgler loption Opacit.

Par exemple, avec la mme image sans modification, je peins des traits rouges en mode normal, avec diffrents degrs dopacit.

www.openclassrooms.com
Partie 1 : Les notions de base 83/219

De gauche droite : 100%, 60% et 30%

(100, 75, 50, 25)

Brosse

Je vous avais montr la changer depuis la fentre des brosses, mais pour chaque outil de peinture utilisant les brosses, vous
avez une option pour choisir une brosse, sauf que a se prsente diffremment lorsquon clique sur licne de la brosse.

www.openclassrooms.com
Partie 1 : Les notions de base 84/219

Taille

Vous pensiez que la taille de la brosse tait immuable ? Dtrompez-vous, ce nest plus le cas depuis la 2.6 ! Ainsi, vous pouvez
agrandir ou rtrcir nimporte quelle brosse, ce qui fait que vous navez plus besoin davoir plusieurs versions dune mme
brosse dans plusieurs tailles comme c'tait le cas dans les anciennes versions !

Un exemple avec la brosse Galaxy :

www.openclassrooms.com
Partie 1 : Les notions de base 85/219

IMPORTANT : Les petites flches ne font monter ou descendre la valeur qu' coups d'un centime d'unit, et ce sera la
mme chose si vous utilisez les flches du clavier. Pour pouvoir monter et descendre coups d'units, vous cliquez
d'abord sur la valeur pendant que votre souris est dans sa forme texte , puis utilisez les touches Page Up et Page
Down pour changer la taille.

Angle et Proportions

Ces deux options, nouvellement apparues dans les options des outils avec la refonte du moteur de brosses dans la version 2.8,
permettent de modifier les proportions et l'angle de n'importe quelle brosse !

Voici quelques exemples de variations pour une mme brosse.

[image]

Dynamique de la brosse

Ces options vous permettent dajouter des effets vos traits de peinture, comme la variation de la duret, de la taille, de
lopacit, de la couleur et mme de l'angle suivant la pression (si vous utilisez une tablette graphique), la vitesse et la direction
laquelle vous bougez votre curseur, ou tout simplement de faon alatoire. En cliquant sur l'icne de gauche, vous aurez accs
de nombreuses dynamiques prdfinies que vous pouvez tester souhait !

[image]

www.openclassrooms.com
Partie 1 : Les notions de base 86/219

Voici quelques exemples d'effets.

[image]
De gauche droite : Track Direction, Random Colour, Velocity Tapering, Speed Size Opacity, Confetti, Dynamics Random, Fade
Tapering
(j'ai utilis une brosse diffrente pour le premier, pour montrer l'angle de la brosse qui suit le trac, les autres utilisent une brosse
ronde ordinaire)

1) Variations par vitesse, 2) Variations alatoires, 3) Variations par vitesse et alatoire, 4) Toutes les cases coches

Si vous regardez dans le bas du slecteur des dynamiques, vous pourrez voir des icnes, dont le dernier permet d'ouvrir le
slecteur en tant qu'onglet.

[image]

partir de cet onglet, vous pouvez crer et diter vos dynamiques de brosse avec les icnes situs dans le bas de l'onglet.

Estomper

Cette option n'est utile que si vous utilisez une dynamique de brosse comprenant des effets de fondu, comme Fade Tapering .
Dans ce cas, vous pouvez faire varier la longueur du fondu, la rpter et mme l'inverser.
Cette option fait sestomper le trait jusqu' ce que a devienne totalement transparent. Vous pouvez rgler la longueur de
lestompage.

Voici quelques exemples avec quelques rglages.

www.openclassrooms.com
Partie 1 : Les notions de base 87/219

Appliquer fluctuation

Plutt que de faire de simples traits, pourquoi ne pas faire des traits avec des points parpilles le long du trac ? Vous navez
qu lactiver, puis rgler le degr de fluctuation pour avoir un parpillement plus ou moins prononc.

Voici un aperu avec diffrents rglages :

www.openclassrooms.com
Partie 1 : Les notions de base 88/219

a devient encore plus intressant avec des brosses personnalises, comme la brosse Vine par exemple, pour faire un feuillage.

Contour dur

Dispo sur les outils autres que le crayon (qui peint toujours en contour dur) et le pinceau (qui est fait pour peindre avec des
bords doux), ceci permet deffacer, flouter, assombrir ou clairer avec des contours durs plutt que des contours doux.

Couleur partir dun dgrad

Cette option vous permet de faire des lignes en dgrads. Une fois loption active, vous pouvez choisir le dgrad, sa longueur
ainsi que le type de rptition.

Voici un exemple avec diffrents rglages de la longueur.

www.openclassrooms.com
Partie 1 : Les notions de base 89/219

Cest de plus en plus court !

Il y a dautres options qui sont plus spcifiques un outil en particulier, mais je vais vous laisser les dcouvrir et les tester par
vous-mmes.

Astuce bonus : des lignes droites sans se casser la tte !

Saviez-vous que vous pouvez tracer des lignes droites avec les outils de peinture, sans vous casser la tte ? Cest assez simple
et a marche pour tous les outils que jai montrs plus haut !

Premirement, vous faites un premier point lendroit voulu sur votre image. Dplacez ensuite votre souris, vers lendroit o
vous voulez terminer votre ligne, puis en ayant la touche Maj enfonce, faites votre deuxime point !

Et magie, vous avez votre ligne !

www.openclassrooms.com
Partie 1 : Les notions de base 90/219

Notre survol est termin, je vous laisse vous amuser un peu avant de passer aux dgrads.
Utiliser les dgrads
Finissons en beaut avec lutilisation des dgrads, un outil essentiel pour crer certains effets dans les icnes, boutons et
webdesigns.

Cest quoi un dgrad ?

Un dgrad, quon peut aussi appeler fondu consiste en une transition graduelle entre deux couleurs ou deux tons de
couleur. Par exemple, un dgrad de rouge et de blanc commencera rouge, pour plir tranquillement jusqu devenir
compltement blanc, au bout du fondu.

Par exemple ici sur le Site du Zro, le fond bleu dans len-tte est en fait un dgrad utilisant deux tons de bleu clair et vous
pouvez dailleurs mieux le remarquer lendroit o saffiche le bloc de votre profil, l o saffichent votre avatar, votre pseudo,
votre raccourci vers les messages privs et votre menu daccs votre compte.

En haut du bloc, la dmarquation est assez visible, mais en bas, a se confond presque.

Les dgrads servent donc donner quelques effets sympa, pour rendre un design moins plat ou pour ajouter un effet
crystal la Vista .

Comment on les utilise ?

Premirement, les dgrads se font avec loutil Dgrad que vous pouvez voir dans la bote outils :

Maintenant, exerons-nous sur une image de 600*200.

www.openclassrooms.com
Partie 1 : Les notions de base 91/219

Maintenant, pour faire un dgrad, vous positionnez dabord votre curseur sur le point de dpart du dgrad. Dans ce cas-ci, on
va partir de la gauche vers la droite.
Cliquez gauche de limage, puis en tenant le bouton gauche enfonc, dplacez votre souris jusqu la droite de votre image.

Relchez ensuite le bouton.

Et voil un beau dgrad !

Astuce pour des dgrads droits

Vous voudrez srement faire des dgrads parfaitement droits. Dans ce cas, lorsque vous avez le bouton gauche enfonc pour
faire votre dgrad, enfoncez la touche Ctrl. Ceci fera en sorte que vous naurez que des angles en multiples de 15 ! Essayez

www.openclassrooms.com
Partie 1 : Les notions de base 92/219

pour voir !

Jai annul le premier dgrad pour mieux vous le montrer

Et voil !

Cest maintenant parfaitement droit !

Choisir un autre dgrad

Tout comme pour les brosses et les motifs, GIMP inclut un slection prdfinie de dgrads, et vous pouvez ajouter ou crer vos
propres dgrads.

Si vous avez activ le raccourci Brosses-Motifs-Dgrads dans vos prfrences, cliquez sur le raccourci des dgrads.

Ou sinon, si vous navez pas ajout la fentre des dgrads dans vos onglets, ouvrez la fentre avec Ctrl+G.

www.openclassrooms.com
Partie 1 : Les notions de base 93/219

Vous pouvez voir quil y en a un sacr paquet !

Pour la dmonstration, cliquez sur PP vers transparent. Ce dgrad vous sera extrmement utile dans vos ralisations de
designs.

Prenez une couleur rouge comme premier-plan, puis refaites un dgrad par dessus le dgrad noir et blanc, cette fois en partant
du haut vers le bas.

www.openclassrooms.com
Partie 1 : Les notions de base 94/219

Seul le rouge a couvert le dgrad du dessous !

Ainsi, rien de plus simple pour faire des fonds den-ttes de blocs ou de tableaux ! Une couleur de fond, puis un dgrad PP
vers transparent par dessus pour claircir ou assombrir, et voil votre fond prt tre enregistr !

Les formes de dgrads

Vous pouvez faire dautres formes de dgrads part le simple dgrad droit. Dans les options de loutil, vous avez loption
Forme avec un menu droulant.

Voici les explications pour les principaux.

Linaire et bilinaire

Le dgrad linaire est celui quon a utilis jusqu maintenant. a ne fait quun dgrad simple. Quant au dgrad bilinaire,
cest tout simplement un dgrad linaire en miroir. Pour mieux comprendre, repartez de votre page blanche, puis commencez
votre dgrad du milieu vers la droite. Vous verrez que le dgrad se rflchira vers la gauche !

www.openclassrooms.com
Partie 1 : Les notions de base 95/219

Radial et carr

Le dgrad radial permet de faire des dgrads ronds, tandis que le dgrad carr permet de faire des dgrads carrs ! Mais ils
partent tous deux du mme principe : le dgrad part dun point central, puis la couleur de dpart sestompe tout autour. La
longueur de votre trait dtermine donc ltendue. La direction na donc pas dimportance.

Voici un exemple :

Conique symtrique et asymtrique

Ces deux dgrads permettent de faire un effet dclairage/ombrage comme sil sagissait dun cne. Cette fois-ci, la longueur du
trait na pas dimportance. Seule la direction du trait importe puisque a dtermine o se trouvent la lumire et lombrage.

Voici quelques exemples :

Suivant la forme (triangulaire, sphrique, excroissance)

Cette fois-ci, ni la longueur, ni la direction du dgrad na dimportance. Seule la forme du document ou de la slection fait varier

www.openclassrooms.com
Partie 1 : Les notions de base 96/219

le dgrad.

Voici quelques exemples :

Spirale horaire et antihoraire

Ces formes de dgrads permettent de faire des dgrads en tourbillons. La direction du trait dtermine le sens du dpart, et la
longueur du trait dtermine lpaisseur de la spirale.

Voici des exemples :

Autres options

Voici les autres options, plus brves expliquer, que vous pouvez utiliser pour tendre les possibilits de ce que vous pouvez
faire avec les dgrads. Je ne parlerai que de celles que je connais.

www.openclassrooms.com
Partie 1 : Les notions de base 97/219

Mode

On lavait vu prcdemment avec les outils de peinture et on le verra plus en dtail dans le chapitre des calques. Cette option
permet dappliquer des effets avec un dgrad.

Reprenons lexercice du dbut de cette sous-partie, en refaisant votre dgrad noir vers blanc de gauche droite, puis en faisant
votre dgrad rouge vers transparent de haut en bas, mais cette fois, en choisissant un mode, comme claircir par exemple.
Leffet sera alors trs diffrent !

Opacit

www.openclassrooms.com
Partie 1 : Les notions de base 98/219

Vous devez vous en douter, cette option vous permet de faire des dgrads semi-transparents, diffrents degrs. Refaites la
mme exercice, avec un mode normal et une opacit plus basse.

Dgrad

Javais dj parl de la slection du dgrad, mais cette option permet non seulement de slectionner un dgrad prdfini, mais
aussi de linverser !

Un exemple dinversion, avec un dgrad radial.

Dcalage

www.openclassrooms.com
Partie 1 : Les notions de base 99/219

Cette option permet de dcaler le dgrad vers le point darrive. Pour lexemple, essayez de faire des dgrads radiaux en PP
vers transparents, avec diffrents paramtres.

Rptition

Vous pouvez faire rpter votre dgrad avec cette option.

Voici un exemple de ce que a donne :

cette tape-ci, vous pouvez dj commencer faire des petites choses, mais les chapitres qui suivent dcupleront les
possibilits de ce que vous pouvez faire avec Gimp.

www.openclassrooms.com
Partie 1 : Les notions de base 100/219

Les calques
Nous voil maintenant rendus un gros morceau que vous devrez absolument connatre pour pouvoir faire du graphisme 2D de
faon efficace : ce sont les calques !
C'est quoi un calque ?
Mais avant de survoler les possibilits des calques, il faut dabord savoir ce quest un calque et pourquoi leur utilisation est un
must connatre quand on fait de linfographie 2D.

Pour vous lexpliquer, rien de mieux quune analogie scolaire qui sy prte bien.

Comme des feuilles transparentes superposes

Je ne sais pas si cest encore aussi rpandu dans les coles, mais quand jai quitt les bancs dcole en 2004, les professeurs
utilisaient rgulirement une sorte de vieux gros projecteur sur roues avec une grosse lampe halogne sous le plateau o lon y
dposait des feuilles transparentes pour afficher sur un mur des diagrammes ou des textes imprims sur ces feuilles. C'est certain
que les Zros de mon ge sen rappellent, mais cela reste confirmer pour les plus jeunes.

Dans un de mes cours, il tait mme arriv que la professeure utilisait une premire feuille pour afficher un diagramme vide, et une
deuxime feuille pour le corrig. Elle navait qu placer la deuxime feuille sur la premire pour remplir les cases du diagramme !
Ainsi, elle pouvait utiliser la mme feuille autant de fois quelle le voulait puisquelle na pas crit les rponses sur la mme
feuille !

En gros, les calques reposent sur le mme principe ! Vous navez qu imaginer une pile de feuilles transparentes, o chaque
feuille contient une partie de votre image.

Pour que vous puissiez mieux comprendre, je vous ai fait un schma avec Dia o je prend lexemple d'un bouton.

www.openclassrooms.com
Partie 1 : Les notions de base 101/219

Comme vous voyez, notre bouton est compos de trois calques. Lun contient le contour, un autre contient le fond, et le dernier
contient le texte. Et une fois quon runit ces trois calques, on a notre bouton !

Pourquoi utiliser les calques

Maintenant, vous devez vous demander pourquoi les utiliser, n'est-ce pas ?

Oui, explique-moi pourquoi les utiliser !

Pour reprendre notre bouton de tantt, imaginez maintenant que vous voulez changer la couleur du contour du bouton. Sur une
image dj aplatie, vous auriez risqu dabmer limage, tandis que si vous travaillez sur un fichier XCF ou PSD o les calques
sont encore spars, vous pouvez modifier le contour, sans que a naffecte le reste de limage !

Aussi, les calques permettent dappliquer des effets particuliers (modes) qui affecteront les calques du dessous, comme
lassombrissement, le changement de teinte, la superposition, etc. Cela donne des possibilits intressantes dans la ralisation
du fond dun bouton, lajout dun effet sur un texte ou sur un fond de menu ou pour adoucir une ombre.

Sachez aussi que la cration des animations GIF avec le module par dfaut de Gimp repose sur le principe quune animation est
compose dune srie dimages se succdant ou se combinant et donc, cela requiert dutiliser les calques pour faire les
diffrentes images de lanimation.

Et finalement, il y a un principe respecter en design, cest de penser rutilisable. Cest dire que lon fait en sorte que les
composantes colores d'un bouton par exemple (le contour, le fond) ne seront en fait quune couleur unie, que lon pourra

www.openclassrooms.com
Partie 1 : Les notions de base 102/219

changer loisir, puisque les effets seront faits par les calques du dessus. Jutilise beaucoup ce principe pour mes boutons et
mes icnes de statut des sujets pour mes thmes de forums, puisque dans ces cas de figure, je vais faire plusieurs
icnes/boutons dont les dimensions et effets seront communs et donc, autant runir toutes les composantes en un seul fichier
source .XCF ! Dans ce cas, je nai qu masquer certains calques et en afficher dautres pour obtenir mes diffrents boutons !

Donc si vous comptez faire un jour des webdesigns, commencez tout de suite utiliser les calques, cela vous vitera bien des
maux de ttes lorsque vous voudrez modifier, refaire ou masquer un lment dans votre design.

Maintenant, vous comprenez mieux lutilit des calques ? Allons-y maintenant leur dcouverte.
La fentre des calques
Si vous avez organis votre interface comme je vous lai montr dans le chapitre 2, vous devriez normalement avoir ajout la
fentre des calques parmi les onglets en dessous de votre bote outils. Sinon, vous pouvez faire apparatre cette fentre depuis
la fentre centrale en passant par Fentres > Fentres ancrables > Calques ou en faisant Ctrl+L.

Mais pour le moment, si vous navez aucune image ouverte, votre fentre ou onglet sera vide et les fonctions seront grises.
Crons donc une nouvelle image de 250*250 pixels avec un remplissage blanc.

partir de l, vous devriez avoir ceci :

Vous lavez peut-tre compris : chaque fois que vous crez un nouveau document ou que vous ouvrez une image en JPEG, GIF
(statique seulement), PNG ou tout autre format ne supportant pas les calques, cette image na quun seul calque qui est celui de
base pour contenir limage elle-mme.

Passons maintenant un bref survol de cette fentre avant de continuer :

Je vous les ai numrots pour mieux vous dcrire les diffrentes parties.

1. Lil : Ceci indique si votre calque est visible ou non. Si vous cliquez sur
lil, celui-ci disparatra, et vous ne verrez plus votre calque blanc sur
limage centrale ! Essayez-le pour voir !
2. La chane : Ceci est utile pour verrouiller plusieurs calques ensemble afin
de, par exemple, les dplacer dun endroit une autre dans limage, sans
avoir dplacer les calques sparment, ni avoir se battre pour les
aligner lors du dplacement de ces calques. En gros, ces calques
verrouills ensemble se comportent comme un seul calque !
3. La miniature : Ceci vous donne un aperu en miniature de votre calque.
Elle peut indiquer si ce calque est un calque de texte (auquel cas un icne
avec un T saffichera) ou un calque rgulier.
4. Le nom du calque : Le premier calque par dfaut sappelle toujours
Arrire-plan (ou Background si votre Gimp est en anglais), mais vous
pouvez changer ce nom en double-cliquant dessus pour ensuite le
renommer avant de valider en tapant sur la touche Entre. Il est important

www.openclassrooms.com
Partie 1 : Les notions de base 103/219

de bien nommer vos calques, car si vous travaillez sur un projet qui
comporte un grand nombre de calques ou si vous voulez distribuer le
fichier .xcf de votre travail, il faudra que chacun puisse sy retrouver dans les calques.
5. Mode : Cette fonctionnalit permet de modifier le comportement dun calque en agissant sur les calques du dessous pour
crer des effets. Jen parlerai plus en dtail plus loin dans ce chapitre.
6. Opacit : Cette fonctionnalit vous permet de baisser lopacit dun calque pour le rendre semi-transparent ou pour
attnuer un effet trop fort. Essayez-le en la faisant varier pour voir leffet sur votre calque blanc.
7. Verrouiller le canal alpha : Ceci permet de ne pas pouvoir intervenir sur les parties transparentes. Si la case est coche,
vous ne pourrez ni peindre une rgion transparente, ni remplir des zones se situant dans ces rgions, et les filtres comme
le flou nauront aucun effet sur ces rgions. Jen parlerai plus loin.
8. Les boutons du bas : Ces boutons vous permettent un accs direct aux fonctions de gestion des calques, comme la
cration dun nouveau calque, le dplacement des calques dans la pile, la suppression dun calque, la duplication dun
calque, et lancrage dun calque flottant rsultant dun morceau de calque que vous venez de coller, pour le fusionner au
calque visible le plus haut. Je vous parlerai du copier-coller lorsque ce sera le temps.

On a maintenant fini le survol et on va maintenant commencer aller plus en profondeur.


Les modes de calques
Les modes de calques sont une notion qui sera trs importante savoir lorsquon manipule les calques, puisque les modes de
calque permettent de changer le comportement dun calque pour agir comme un filtre qui modifiera lapparence des calques en
dessous de celui-ci, en utilisant des calculs mathmatiques pour traiter la valeur de chaque pixel de chaque calque.

Pour lexercice, je vais utiliser deux images qui serviront comme image du dessous, et chacune de ces images aura une deuxime
image qui servira de masque pour la dmonstration des modes de calque.

Voici mes images :

Et leurs masques respectifs :

Pour pouvoir tester par vous-mme, vous pouvez tlcharger ces deux fichiers .xcf contenant chacun limage avec son masque :

modes-calques1.xcf - modes-calques2.xcf

www.openclassrooms.com
Partie 1 : Les notions de base 104/219

Puis au moment de les ouvrir, vous navez qu les slectionner tous les deux (Ctrl+clic sur chaque fichier supplmentaire) avant
de valider, les deux fichiers souvriront en mme temps, chacun dans une fentre spare.

On est maintenant prt pour la dmo des modes de calque !

Normal

Cest le mode par dfaut pour tout calque nouvellement cr. Limage du dessus cache tout simplement limage du dessous.
Mais si vous baissez lopacit, limage du dessous devient visible et vous avez alors un mlange des deux images. Baissez
lopacit pour le constater.

Dans les deux cas, lopacit de limage du dessus (le masque) est 50%.

Dissoudre

Limage du dessus se dissout dans limage du bas. 100% dopacit, la dissolution est presque nulle, mais si vous abaissez
lopacit, cette image se dissoudra de plus en plus.

Dans les deux cas, lopacit de limage du dessus est 50%.

Notez que pour les modes qui suivent, lopacit sera toujours 100% !

Multiplier

Sous ce mode, les valeurs fonces saccumuleront et le calque du dessus foncera donc le calque du dessous. Par exemple, si
vous avez un croquis en noir et blanc et que vous voulez colorier, ce mode est trs pratique, puisque vos lignes noires ne seront
pas du tout caches par la couleur : elles saccumuleront ! Cest donc tout indiqu pour la colorisation !

www.openclassrooms.com
Partie 1 : Les notions de base 105/219

Diviser

L cest tout le contraire : limage est plie par les zones sombres du masque. Le rsultat donne une image plus claire, et dans
certains cas, on peut constater mme un effet de ngatif.

cran

Limage du dessous soumis ce mode paratra dlave. Plus la couleur est fonce, plus le calque paratra transparent. Les zones
noires sont donc compltement transparentes, tandis que les zones blanches seront compltement blanches. Pratique pour les
effets de lumire.

Superposer

Sous ce mode, limage du dessous sera lgrement plie par les zones claires, et lgrement fonce par les zones sombres.

www.openclassrooms.com
Partie 1 : Les notions de base 106/219

claircir

Limage du dessous se retrouve claircie par limage du dessus et certaines couleurs pourraient se retrouver inverses. Le noir
na donc aucun effet. Cette technique est plus indique pour les images en niveaux de gris travailles avec la peinture.

Assombrir

Limage du dessous se retrouve assombrie par limage du dessus. Le blanc na donc aucun effet. Cette technique est plus
indique pour les images en niveaux de gris travailles la peinture.

Lumire dure

www.openclassrooms.com
Partie 1 : Les notions de base 107/219

Ce mode est une combinaison des modes Multiplier et cran. Sur limage du dessous, les parties affectes par les zones noires
seront toujours noires, tandis que les zones affectes par les zones blanches seront toujours blanches.

Lumire douce

Ce mode ressemble normment 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 diffrence que le blanc assombrit au lieu de ne rien faire. Le rsultat peut donc
causer une inversion de couleurs.

Fusion de grain

www.openclassrooms.com
Partie 1 : Les notions de base 108/219

Ceci est tout le contraire du mode Extraction de grain.

Diffrence

Calcule la diffrence entre les valeurs RVB du calque du dessus et du calque du dessous. Si la valeur de l'image du dessus est
suprieure celle de limage du dessous, limage apparatra normale, mais fonce. Si la valeur de limage du dessus est infrieure
celle de limage du dessous, limage apparatra en ngatif. Ainsi, sur un calque noir, limage apparatra normale, tandis que sur
un calque blanc, limage apparatra entirement en ngatif.

Addition

Les valeurs RVB des deux calques sadditionnent (maximum: 255) pour retourner une image claircie.

www.openclassrooms.com
Partie 1 : Les notions de base 109/219

Soustrait

Les valeurs RVB de limage du dessous (minimum : 0) sont soustraites par celles de limage du dessus, pour retourner une image
fonce.

Assombrir seulement

Pour chaque pixel, la valeur la plus basse entre les deux images sera conserve, ce qui fait que les zones blanches nauront
aucun effet tandis que les zones noires donneront des pixels noirs. Pratique par exemple pour les affiches Wanted style
western o le portrait tait dessin en noir sur une feuille beige.

claircir seulement

Pour chaque pixel, la valeur la plus haute entre les deux images est conserve, ce qui fait que les zones noires nauront aucun
effet, tandis que les zones blanches donneront des pixels blancs.

www.openclassrooms.com
Partie 1 : Les notions de base 110/219

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 teinte, ni la luminosit. Si le calque du haut est en niveau de gris, le
rsultat 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 rsultat sera dsatur.

www.openclassrooms.com
Partie 1 : Les notions de base 111/219

Valeur

Modifie la valeur du calque du dessous, mais pas la teinte, ni la saturation. Utile pour rvler les dtails dune image sans
changer sa couleur.

Notez que tous ces modes peuvent aussi tre retrouvs dans les options des outils de peinture, la diffrence que
dans ce cas-l, deux modes sajoutent.

Et comment savoir quel mode de calque choisir ?

Il ny a qu'une chose que je peux vous conseiller : nhsitez pas les tester en faisant joujou avec ! Cest comme a que jai
appris les utiliser.

Si vous tes un maniaque des mathmatiques et que vous tes curieux au sujet des quations utilises par chaque
mode de calque, vous pouvez retrouver ces quations dans cette page de la documentation officielle de GIMP.
Manipuler les calques
Maintenant, cest bien beau parler des modes de calque, mais il faut aussi savoir les manipuler pour pouvoir agencer le tout pour
composer notre image finale.

Mais dabord, je vais vous parler des diffrents moyens daccder aux fonctionnalits relatives aux calques, puisquil y en a
plusieurs.

Par le menu Calque de la fentre centrale : Je vous faisais passer par ce menu jusqu maintenant, mais ce nest pas la
seule faon daccder aux fonctions, et ce nest pas toujours la plus efficace.

www.openclassrooms.com
Partie 1 : Les notions de base 112/219

Par les icnes en bas de la fentre des calques : Au nombre de six, ces fonctions vitales sont rapides daccs. Vous
pouvez ainsi crer des calques, les dplacer dans la pile ou en supprimer depuis ces boutons.
Par le menu contextuel (clic-droit) : Si vous faites un clic-droit directement sur un calque dans la fentre, vous aurez
accs plein de fonctionnalits. Il est souvent plus efficace de passer par le menu contextuel que par le menu Calque,
puisquon peut slectionner directement le calque en faisant notre clic-droit.
Par les raccourcis clavier : Certaines fonctionnalits ont un raccourci clavier dj dfini par dfaut. Si vous avez activ
les raccourcis clavier dynamiques, vous pouvez en dfinir de nouveaux pour les fonctions qui nen ont pas, comme je
vous lavais montr dans le chapitre 2.

Vous choisissez donc la mthode qui vous convient le mieux selon la fonction utiliser.

Faisons joujou avec les fonctions de manipulation !

Pour nous exercer, on va partir dune image de 250*250 pixels avec un remplissage blanc.

Puisquon na pas encore explor les outils de slection, je vais plutt utiliser des images provenant du site Openclipart.org et
colorer lensemble en bleu, pour vous montrer les fonctions de manipulation des calques.

Tlchargez les images suivantes : Image 1, Image 2, Image 3

Choisissez tout de suite une couleur bleue (ex : 005ae1) comme couleur de premier-plan.

Crer un calque

Pour le moment, on na quun seul calque. On va en crer un deuxime, qui va servir pour la coloration de notre logo en bleu,
avec la mthode qui vous convient parmi les quatre que jai cites plus haut (menu Calque, boutons du bas, clic-droit ou
raccourci clavier). Personnellement, jutilise le plus souvent le bouton dans le bas de la fentre :

Une fentre comme celle-ci devrait apparatre :

www.openclassrooms.com
Partie 1 : Les notions de base 113/219

Le plus souvent, vous serez amen utiliser les valeurs par dfaut, pour avoir un calque transparent de la mme taille que le
canevas. Mais pour ce cas-ci, on a besoin dun calque entirement bleu, donc si vous avez dfini une couleur bleue comme
couleur de premier plan, cochez Couleur de premier plan.

Sinon, prenez tout simplement Transparence et une fois valid, remplissez le calque de bleu avec le pot de peinture.

Voil ce que a donne dans notre fentre/onglet des calques, une fois valid :

www.openclassrooms.com
Partie 1 : Les notions de base 114/219

Changer de mode

Puisquon veut colorer notre logo en bleu, allez dans votre fentre des calques et slectionnez Couleur dans le menu droulant
Mode.

Mais cest redevenu tout blanc !

Cest normal puisque le blanc pur et le noir pur ne peuvent pas tre influencs par ce mode de calque qui ne change pas la valeur
(luminosit) des pixels du calque du dessous. Par contre, vous verrez la diffrence lorsque vous aurez ajout les images dont je
vous ai parl.

Ajouter des images dans votre canevas

Nous sommes maintenant prts ajouter nos images. Pour cela, rien de plus simple ! Allez dans Fichier > Ouvrir en
tant que calques, puis parcourez les dossiers pour aller dans celui o vous avez enregistr vos images. Avec un Ctrl+clic,
slectionnez vos trois images.

www.openclassrooms.com
Partie 1 : Les notions de base 115/219

Validez ensuite. Vos images souvriront dans votre canevas, ce qui vous donne maintenant cinq calques.

Mais ils ne rentrent pas dans le canevas, ils sont trop gros !

Pas de panique ! Vous vous souvenez du chapitre Les oprations de base o je vous ai montr rduire la taille dune image ?

Oui mais, je veux seulement que a rentre dans le canevas, pas rapetisser limage complte !

Non non, on nutilisera pas chelle et taille de limage. Il existe une fonction quivalente pour nagir que sur un calque, et cest
donc ce quon va utiliser pour les trois images nouvellement ouvertes.

Redimensionner un calque

On va commencer par le calque le plus haut, soit le Tux. Depuis la fentre centrale, allez dans Calque > chelle et
taille du calque.

www.openclassrooms.com
Partie 1 : Les notions de base 116/219

La fentre que vous aurez ressemblera beaucoup ce que vous avez vu, mais avec loption de la rsolution en moins.

En gardant les proportions, baissez les valeur pour que la hauteur du calque du Tux soit 200 pixels, puis validez.

L cest beaucoup mieux, on voit notre tux au complet !

Il est maintenant temps de faire les deux autres. Dans votre fentre des calques, slectionnez le calque du serveur, puis faites la
mme opration en rglant la hauteur 160 pixels. Slectionnez ensuite le calque du globe, juste au dessus du calque bleu, et
encore une fois, faites la mme opration, en rglant cette fois les dimensions 200 pixels.

Vous devriez maintenant avoir ceci :

www.openclassrooms.com
Partie 1 : Les notions de base 117/219

Dans le cas o vous avez besoin de rogner un calque, vous avez une fonction quivalente Taille du canevas dans
Calque > Taille des bords du calque.

Dplacer un calque

Pour le moment, nos trois calques sont centrs et on aimerait a les positionner pour faire un joli petit montage o le Tux et le
serveur sont en avant-plan et le globe en arrire-plan.

Prenez loutil de dplacement ( ), puis sur lespace de travail, pointez le calque que vous voulez dplacer, puis faites un
cliquer-glisser pour le positionner o vous le voulez.

Si parfois vous prouvez des difficults pointer un calque pour le dplacer, soit parce quil est trop transparent, soit parce que
les lignes sont fines, allez dans les options de loutil pour cocher Dplacer le calque actif .

www.openclassrooms.com
Partie 1 : Les notions de base 118/219

De cette faon, o que vous pointez, cela dplacera toujours le calque slectionn.

Maintenant, dplacez le serveur en bas gauche, le Tux en bas droite, puis le globe en haut au centre, pour faire comme ceci :

Notre logo commence prendre forme, mais nos calques ne sont pas bien positionns dans la pile.

Monter / Descendre des calques

Maintenant, mme si nos trois images sont dans le bon ordre par pur hasard, ils ne sont pas colors en bleu car le calque bleu est
en dessous deux. Pour cela, allez dans la fentre des calques, slectionnez le calque bleu dans la pile, puis utilisez les flches
pour le monter.

Voici ce que a donne dans votre pile, avant et aprs :

www.openclassrooms.com
Partie 1 : Les notions de base 119/219

Voil ce que a donne maintenant :

Cest beaucoup mieux ! Notre objectif est maintenant atteint, mais on va encore faire joujou un petit peu.

Verrouiller un calque

Si vous devez dplacer plusieurs calques vers un mme endroit, les verrouiller ensemble vous vitera bien des maux de tte. Pour
la dmonstration, allez dans votre fentre des calques, et vis vis les trois cliparts (le Tux, le serveur et le globe), cliquez sur
lespace vide entre lil et la miniature. Une chane apparatra.

www.openclassrooms.com
Partie 1 : Les notions de base 120/219

Comme a, lorsque vous dplacerez un des calques, les autres suivront !

Vous pouvez maintenant ranger vos Tylenol (ou Doliprane, selon votre localisation).

Copier un calque

Et si on dcidait quon voulait des jumeaux et non un seul Tux ct du serveur ? Pour cela, aprs avoir dverrouill vos
calques, cliquez-droit sur le calque du Tux dans la fentre des calques, puis faites Dupliquer le calque, ou encore slectionnez
simplement le calque et cliquez sur licne Dupliquer le calque en bas.

Avec loutil de dplacement rgl sur Dplacer le calque actif , placez ce nouveau calque pour que les deux Tux soient cte--
cte !

www.openclassrooms.com
Partie 1 : Les notions de base 121/219

Afficher / Masquer un calque et rgler son opacit

Maintenant, on pourrait dcider tout dun coup qu'on ne veut plus notre logo bleu totalement monochrome, mais avec des
petites variations de teintes. Pour cela, slectionnez votre calque bleu, puis abaissez son opacit.

Voici le rsultat, avec diffrents rglages :

www.openclassrooms.com
Partie 1 : Les notions de base 122/219

De gauche droite : 100%, 50% et 25% dopacit

Mais si vous avez besoin de masquer totalement un calque, vous navez pas besoin dabaisser lopacit zro. Il existe une
fonctionnalit plus approprie qui vous permet de le faire en un clic, sans toucher lopacit.
Cliquez tout simplement sur l'il vis vis le calque masquer. Par exemple, masquons le calque bleu.

Le calque bleu est masqu, notre logo nest donc plus bleu

Ajouter / Retirer le canal alpha

Lorsque vous crez une nouvelle image avec les valeurs par dfaut ou que vous ouvrez une image qui nest pas transparente
(une photo par exemple), le calque de votre image na pas ce quon appelle un canal alpha.
Le canal alpha (ou couche alpha) permet de dfinir le degr de transparence dun pixel, et cette information est supporte par le
format PNG et les formats source (XCF, PSD). En contrepartie, il nest pas support par JPEG, donc faites bien attention bien
choisir le format PNG lorsque vous voulez enregistrer une image que vous venez de dtourer, afin de ne pas avoir tout
recommencer !

Ainsi, lorsque vous crez un nouveau calque transparent ou que vous ouvrez un PNG transparent, le calque a doffice cette
couche alpha.

Il peut donc arriver des fois que vous ayez besoin dajouter un canal alpha un calque opaque, ou de retirer le canal alpha dun
calque qui a besoin dtre opaque. Ces deux fonctions, soit Ajouter un canal alpha et Retirer le canal alpha, sont la fois
disponibles depuis un clic droit sur le calque slectionn, ou depuis le menu Calque.

www.openclassrooms.com
Partie 1 : Les notions de base 123/219

Pour faire un exemple, retirez le canal alpha de lun des deux Tux. Vous verrez que celui-ci deviendra opaque tout autour.

Et dans la fentre des calques, vous verrez aussi que le nom du calque est maintenant en gras :

Il est donc important que vous sachiez ce point, car jai vu des dbutants se battre essayer de gommer sur un calque qui na
pas de canal alpha, ce qui fait quils narrivaient qu peindre en blanc.

Supprimer un calque

Si vous devez faire un mnage dans vos calques, vous faites soit un clic-droit sur le calque slectionn pour ensuite faire
Supprimer le calque, ou soit vous cliquez sur licne en forme de cercle rouge barr pour supprimer le calque slectionn.

www.openclassrooms.com
Partie 1 : Les notions de base 124/219

Pour lexemple, allons supprimer le calque du Tux devenu opaque.

On na plus les jumeaux

Fusionner vers le bas

Je trouve cette fonctionnalit bien pratique en webdesign. Elle permet de fusionner rapidement un calque avec son voisin du
dessous. Pour le faire, vous faites un clic-droit sur le plus haut des deux calques fusionner, puis vous faites Fusionner vers le
bas. Essayez-le avec les trois cliparts.

Maintenant, on a fait le tour des fonctionnalits que je voulais vous montrer. Il y en a dautres, mais je voulais montrer les
principales qui, personnellement, me sont les plus utiles.

Masquez maintenant le calque blanc. Vous tes maintenant prt fusionner le tout pour lexporter.

Fusionner ou aplatir ?

Lorsque lon veut exporter le travail final dans un format courant dimage, les calques ont besoin dtre fusionns. Mais
attention ! Vous avez deux choix et vous devez savoir bien les diffrencier pour choisir ce qui convient le mieux. Ces deux choix
sont accessibles depuis le clic-droit sur un calque, ou depuis le menu Calque. Les voici.

Fusionner les calques visibles : tous les calques qui ne seront pas masqus (et donc, qui ont lil affich vis--vis ces
calques) seront fusionns entre eux pour former limage finale. Si vos calques visibles nont pas les mmes dimensions
ou sont dcals, le calque final combinera les dimensions de tous ces calques, ce qui donne un calque plus grand, mais
vous avez quand mme le choix de rogner le tout avant de valider la fusion. La transparence, sil y en a, sera conserve.
Vous devez donc choisir cette mthode si vous voulez enregistrer un PNG transparent par exemple.

www.openclassrooms.com
Partie 1 : Les notions de base 125/219

Aplatir limage : tous les calques visibles qui ne sont pas masqus sont fusionns ensemble, et tous les calques
masqus sont supprims. De plus, le calque final a les mmes dimensions que le canevas, et votre image perd sa
transparence, qui se retrouve donc remplace par du blanc.

Pour mieux vous montrer, voici ce que a donne sur mon image :

gauche, avec Fusionner les calques visibles, et droite, avec Aplatir limage.

Donc, si vous voulez conserver la transparence, ne prenez pas Aplatir limage ! Jai dj vu des cas o un utilisateur dbutant
avait eu faire un dtourage de son image nouvellement cre parce quil avait fait Aplatir limage au lieu de Fusionner les
calques visibles.

Maintenant, nous voil prts une dernire chose que je veux vous montrer et que je trouve pratique pour cacher des bouts de
calque.
Les masques de calque
Avant de terminer avec les calques, je veux vous montrer une fonctionnalit trs utile pour cacher des bouts de calque sans
effacer : les masques de calque !

Cest quoi a ?

Si vous tes familier avec Photoshop, vous devez srement dj connatre cette fonctionnalit qui, dans ce cas, sappelle
masque de fusion.

Pour les autres, pour qui cest la premire fois quils touchent un logiciel de traitement dimage grant les calques, je vais vous
imager a. Imaginez une feuille de papier o vous avez du contenu imprim. Imaginez maintenant que vous ajoutez une feuille par
dessus et que cette feuille a des trous. Dans ces trous, on voit le contenu imprim, tandis quen dehors des trous, ce contenu est
cach. Une partie de ce contenu est donc cache par cette feuille. Les masques de calque sont comme cette feuille troue, qui
cache certaines parties du calque auquel il y est reli.

Fonctionnement et utilisation des masques

Pour vous montrer comment utiliser les masques de calque, rien ne vaut une dmonstration avec un exercice !

Lexercice que jai choisi est la fusion de deux photos de paysage, o lon remplace le ciel de la premire photo par celui de la
deuxime photo. Pour cela, une recherche sur Flickr en me limitant aux photos sous licence CC-BY ma permis de trouver deux
photos de paysage libres dont voici les adresses pour les tlcharger :

Tlcharger la photo no.1 | Tlcharger la photo no.2

www.openclassrooms.com
Partie 1 : Les notions de base 126/219

Ouvrez dabord limage no.1 :

Maintenant, on va importer notre deuxime image dans la premire en louvrant comme un calque. Pour cela, allez dans
Fichier > Ouvrir en tant que calques puis slectionnez limage en question.

Une fois valid, vous vous retrouvez maintenant avec deux calques sur la mme image :

www.openclassrooms.com
Partie 1 : Les notions de base 127/219

Comme vous le voyez, un alignement et du rognage du canevas seront ncessaires avant de pouvoir fusionner les deux images.
Avec loutil Dplacer ( ), descendez le calque du dessus pour que lhorizon soit plus bas que celui de la premire image, afin
de pouvoir remplacer entirement le ciel.

www.openclassrooms.com
Partie 1 : Les notions de base 128/219

Ensuite, avec Image > Taille du canevas, rognez limage pour ne garder que la zone o les deux calques se
chevauchent. Vous devriez ainsi obtenir ceci :

www.openclassrooms.com
Partie 1 : Les notions de base 129/219

On est maintenant prt pour fusionner nos deux photos !

Allez dans votre fentre des calques. Faites un clic-droit sur le deuxime calque, puis allez dans Ajouter un masque de calque.
Vous aurez une fentre comme ceci :

Dans ce cas-ci, laissez les valeurs par dfaut comme sur la capture. Une fois valid, vous verrez quun carr blanc est apparu vis-
-vis le calque no.2. Cest votre masque de calque.

Rinitialisez vos couleurs de premier plan et darrire-plan afin davoir le noir et le blanc, puis prenez votre outil Pinceau ( ).

Avant de commencer peindre, vous devez savoir ces principes tout simples : tout ce que vous peindrez en noir sera cach, et
tout ce que vous peindrez en blanc saffichera totalement. Et si vous prenez une couleur grise ou une autre couleur qui ne sera ni
noire ni blanche, la partie peinte sera partiellement transparente.

Maintenant, on commence peindre ! Puisque nous devons cacher la partie du bas du calque du dessus, vous devez donc
peindre dans le bas, avec la couleur noire. Commencez avec une grosse brosse, en rglant chelle une valeur leve dans les
options de loutil, puis allez en rapetissant cette valeur mesure.

www.openclassrooms.com
Partie 1 : Les notions de base 130/219

Au secours ! a beurre en noir dans le bas !

Si a vous arrive, cest parce que cest votre calque et non votre masque qui est slectionn. Pour vous en assurer, retournez
dans votre fentre des calques et cliquez sur votre masque pour quil soit bien slectionn.

Faites aussi un coup de dition > Annuler ou Ctrl+Z au besoin si vous avez peint trs prs de la limite entre la partie
cacher et la partie garder.

Maintenant, poursuivez la peinture du bas de votre calque et vous verrez que le village dans le calque du dessous commence
apparatre au travers.

www.openclassrooms.com
Partie 1 : Les notions de base 131/219

Continuez peindre jusqu ce que vous commenciez voir le ciel du calque du dessous, ce nest pas grave si a dpasse.

www.openclassrooms.com
Partie 1 : Les notions de base 132/219

Prenez maintenant votre blanc et une brosse floue assez petite pour corriger les parties o vous avez un peu trop enlev de ciel.

En prenant une brosse floue, cela vite davoir une dmarcation nette entre les deux calques et votre nouveau ciel sintgrera
donc mieux.

Voici ce que a me donne aprs la correction avec le blanc :

www.openclassrooms.com
Partie 1 : Les notions de base 133/219

Fonctions relatives au masque

Maintenant, je vais vous montrer quelques fonctions relatives aux masques, pour vous montrer les possibilits sur ce quon
peut faire avec les masques. Notez que toutes ces fonctions sont accessibles depuis la fentre des calques en faisant un clic-
droit sur le masque.

Afficher le masque sur limage

Cette fonction vous permet de visualiser votre masque dans la fentre dimage afin de pouvoir faire quelques ajustements au
besoin. Faisons-le en cliquant droit sur le masque et en allant dans Afficher le masque. Vous le voyez maintenant dans votre
fentre dimage !

www.openclassrooms.com
Partie 1 : Les notions de base 134/219

Pour dsactiver son affichage, vous refaites tout simplement la mme chose !

Modifier le masque de calque

Bien que ceci apparaisse partir du clic-droit, je ne lutilise pas, puisque utiliser cette fonction revient la mme chose que de
slectionner le calque (dcoche la fonction) ou le masque (coche la fonction) selon ce quon veut modifier Vous pouvez lessayer
quand mme, pour remarquer aprs que lorsque vous peindrez, vous allez beurrer votre image avec votre noir ou votre blanc.

Dsactiver le masque

Cette fonction dsactive votre masque, ce qui fait quil naura plus aucun effet sur votre calque. Lorsque vous le dsactivez, la
miniature de votre masque sera encadre de rouge. Essayons-le, pour constater quon voit nouveau le bas de notre paysage
du dessus :

www.openclassrooms.com
Partie 1 : Les notions de base 135/219

ainsi que le cadre rouge autour de la miniature :

Pour le ractiver, refaites tout simplement la mme manip.

Masque vers Slection

Cette fonction vous permet de gnrer une slection partir de votre masque. La slection couvrira toute la partie blanche du
masque. Ceci vous permet donc dappliquer la forme du masque sur dautres calques, voire sur dautres masques. Essayons-le,
et vous verrez des fourmis courir autour de tout le haut de votre image !

www.openclassrooms.com
Partie 1 : Les notions de base 136/219

Supprimer le masque de calque

Si vous avez foir votre masque et que vous narrivez pas corriger votre bourde, il est parfois plus simple de recommencer avec
un masque neuf. Pour cela, vous pouvez le supprimer depuis un clic-droit sur votre masque. Vous pouvez lessayer, pour
constater que le bas du calque du dessus est nouveau visible et que la deuxime miniature vis--vis ce calque est disparue.
Vous navez qu annuler votre action pour retrouver votre masque.

Appliquer le masque de calque

Lorsque votre masque est finalis, vous pouvez lappliquer au calque. En faisant ainsi, vous perdrez votre masque et toute la
partie du calque qui est couverte par le noir devient transparente. Vous ne pourrez donc plus modifier votre masque partir de
ce moment, sauf si vous annulez.

En gnral, lorsque vous exportez votre image en JPEG, GIF ou PNG, on vous demandera dappliquer le masque son calque.

Maintenant, si vous navez pas annul vos manipulations que vous avez faites pendant que je vous montrais les fonctions,
annulez-les avant dappliquer le masque. Une fois tout cela fait, il ne vous reste qu sauvegarder votre image.

Voici le rsultat final :

www.openclassrooms.com
Partie 1 : Les notions de base 137/219

Les masques de calque ne servent pas seulement fusionner deux images ensemble. On peut aussi les utiliser pour dtourer un
personnage ou un objet, ainsi que pour dautres usages que joublie au moment mme dcrire ce paragraphe.
Bien que ce bout ne soit pas aussi gros que ce que nous allons voir juste aprs, il ntait pas moins essentiel pour
lapprentissage. Jusquici, vous avez dj fait un grand bout de chemin, mais il nous en reste faire dans les bases apprendre,
puisquil y a les slections que nous navons pas encore vues et l aussi, il sagit dune autre base que lon doit connatre.

www.openclassrooms.com
Partie 1 : Les notions de base 138/219

Les slections
Attaquons-nous maintenant un autre gros morceau que vous devez absolument apprendre pour bien exploiter les possibilits
de GIMP : les slections !

Les slections consistent ne prendre quune partie de limage afin de ne travailler QUE sur cette partie-l.
Par exemple, si je prends loutil de slection rectangulaire et que je nencadre que la partie en haut gauche de limage, je ne
pourrai remplir, peindre, effacer, copier, couper ou flouter QUE cette partie l. Les autres parties ne pourront pas tre modifies
tant que cette slection reste active.

Ainsi, cest grce aux slections que vous arriverez faire diverses manipulations, comme un dtourage, une retouche dune
partie prcise, la cration dune forme qui deviendra un lment de design, et bien dautres choses !

Dans ce chapitre-ci, nous allons voir les bases, pour ensuite vous proposer un exercice dchauffement en vu du chapitre
suivant qui sera le premier TP du cours.
Prsentation des outils
On ne peut pas montrer faire des slections sans montrer les outils dont on a besoin pour les faire. Je vais donc vous les
prsenter.

Ceux-ci sont au nombre de six :

Pour les trois premiers outils, partez dune nouvelle image blanche de 600x300. Pour les autres, je vous donnerai le lien de limage
utiliser que jaurai trouve sur Flickr.

Allons-y !

Slection rectangulaire

Comme son nom lindique, cet outil fait tout simplement des carrs et des rectangles.

Sur votre nouvelle image blanche, cliquez un endroit, puis avec le bouton gauche enfonc, dplacez votre souris avant de
relcher. Vous avez votre slection !

www.openclassrooms.com
Partie 1 : Les notions de base 139/219

Vous remarquerez des genres de poignes aux coins. Cliquez-glissez sur un de ces coins, pour remarquer que vous pouvez tirer
ou rtrcir votre slection sur les deux sens !

Si vous placez votre souris au milieu dun ct avant de cliquer-glisser, vous pouvez rtrcir ou tirer sur un sens !

www.openclassrooms.com
Partie 1 : Les notions de base 140/219

Ou encore, en plaant votre souris au milieu de la slection pour ensuite faire un cliquer-glisser, vous pouvez dplacer votre
slection !

Maintenant, vous navez qu remplir votre slection avec le pot de peinture ou avec les raccourcis-clavier et vous voil avec un
rectangle noir !

www.openclassrooms.com
Partie 1 : Les notions de base 141/219

Arrondir les coins

Si vous voulez faire des rectangles aux coins arrondis, nul besoin dutiliser Slection > Rectangle arrondi que je
vous dconseille personnellement pour la simple raison quon ne peut rgler le rayon quen %, ce qui ne permet pas de rgler au
pixel prs et qui a la fcheuse habitude de faire des bourrelets aux deux bouts lorsque le rayon est trop fort.

les bourrelets aux bouts, cpab !

Pour ces raisons, je vous conseille plutt dutiliser loption Coins arrondis que vous retrouverez dans les options de votre outil
de slection rectangulaire :

Cette option a lavantage dtre rglable au pixel prs, ce qui vous vitera bien des maux de tte lorsque la prcision est
ncessaire ! Et a ne fait pas ces affreux bourrelets quand le rayon est lev !

Voil avec diffrents rayons :

www.openclassrooms.com
Partie 1 : Les notions de base 142/219

De gauche droite : 0px, 5px, 20px, 50px

Slection elliptique

Comme certains sen doutent donc, cet outil permet de faire des slections en forme de cercles et dellipses (cercles crass
diffrents degrs).

Tout comme avec la slection rectangulaire, faites votre slection, de la mme faon que vous lavez fait pour la slection
rectangulaire.

Vous remarquerez que tout comme pour les slections rectangulaires, vous avez des poignes qui vous permettent
dtirer/rtrcir sur deux sens si vous utilisez les coins.

www.openclassrooms.com
Partie 1 : Les notions de base 143/219

ou sur un sens en utilisant le milieu des bords.

ou la dplacer en utilisant le milieu.

www.openclassrooms.com
Partie 1 : Les notions de base 144/219

Il ne vous reste plus qu remplir (ou peindre ou faire ce que vous voulez).

Slection main leve

Aussi communment appel lasso , cet outil permet de tracer des slections de forme irrgulire.

Pour lutiliser, cliquez sur votre image blanche, puis en gardant le bouton enfonc, dplacez votre souris comme si vous vouliez
entourer quelque chose, en relchant le bouton lorsque vous aurez rejoint votre point de dpart. Votre trac deviendra une
slection !

www.openclassrooms.com
Partie 1 : Les notions de base 145/219

Essayez maintenant en ne gardant pas le bouton enfonc aprs avoir cliqu. Vous verrez quune ligne vous suit depuis le point
de dpart. Cliquez une deuxime fois puis vous verrez une droite trace, puis une ligne qui vous suit depuis le deuxime point.
Faites dautres points jusqu ce que vous rejoigniez votre point de dpart, pour crer ainsi une slection polygonale !

Ainsi, contrairement Photoshop o lon doit utiliser deux outils distincts pour les slections irrgulires et les slections
polygonales, on na besoin que dun outil sous GIMP, ce qui fait que vous pouvez mme utiliser les deux en mme temps,
comme par exemple pour faire ce chapeau de cook !

www.openclassrooms.com
Partie 1 : Les notions de base 146/219

Tiens, a me donne envie de faire une fourne de biscuits.

Pour les trois outils qui suivront, on va utiliser cette photo de Tux qui retient le Spam (licence CC-BY).

Ouvrez-la sous Gimp.

www.openclassrooms.com
Partie 1 : Les notions de base 147/219

Slection contigu

Aussi appel baguette magique , cet outil permet de slectionner des zones de couleur et de luminosit similaire.

Pour lexercice, ouvrez limage du Tux avec les botes de Spam. Ensuite, prenez loutil Slection contigu et cliquez ct de
notre manchot.

Pour le moment, on na slectionn quune petite zone, car on na pas encore rgl le seuil.

Seuil ? C'est quoi a ?

Vous avez dj entendu parler du seuil de la pauvret ? En fait, on parle de seuil lorsquon dfinit une condition, ainsi
quune frontire qui doit tre atteinte pour que cette condition soit remplie. Ainsi, pour le cas du seuil de la pauvret, la condition
est que le revenu annuel ne doit pas dpasser un certain montant pour quon soit considr comme sous le seuil de la
pauvret , le seuil tant le montant dont on se sert pour vrifier cette condition.

Mais a vient faire quoi avec le graphisme ?

Dans un contexte dinfographie, le seuil dsigne la diffrence de valeur RVB qui est accepte entre le pixel sur lequel on a
directement cliqu, et un pixel des alentours. Si le seuil est bas, seuls les pixels aux valeurs RVB trs similaires seront
slectionns. Au contraire, si le seuil est lev, les pixels ayant de plus grandes diffrences de valeurs seront slectionns.

www.openclassrooms.com
Partie 1 : Les notions de base 148/219

Dans lancienne traduction franaise de Gimp, ainsi que dans le langage photoshopien, ceci est appel tolrance .

Euh je ne vois pas trop ce que tu veux dire par l Un exemple ?

Dans ce cas, pour en voir un exemple clair, allez dans les options de votre outil et augmentez le seuil en dplaant le curseur vers
la droite.

Je viens de le passer de 15 30.

Cliquez nouveau ct de votre Tux. Vous verrez que la surface slectionne sera bien plus grande !

Mais attention ne pas mettre une valeur trop leve, car sinon, ca va dborder sur les parties ne pas slectionner.

www.openclassrooms.com
Partie 1 : Les notions de base 149/219

Seuil rgl 70.

Voil en gros le principe de la baguette magique. En gnral, on va avoir besoin de faire plusieurs slections successives,
ainsi que dutiliser les modes de slection (que nous verrons plus loin dans ce chapitre) pour bien couvrir la surface
slectionner sans que a ne dborde.

Voici ce quon peut obtenir avec les rglages adquats :

www.openclassrooms.com
Partie 1 : Les notions de base 150/219

Le damier que lon voit indique les parties transparentes de limage.

Slection par couleur

Cet outil ressemble beaucoup la slection contigu, sauf que cette fois-ci, seule la teinte est prise en compte pour la slection
des pixels avoisinants. Par exemple, si la surface slectionner est bleue, cela ne va slectionner que ce qui a du bleu.

Pour lexemple, toujours avec notre Tux, slectionnez lun de ses deux pieds.

www.openclassrooms.com
Partie 1 : Les notions de base 151/219

Si vous augmentez le seuil de quelques points, vous verrez que a stend vite, car a va prendre en compte aussi les pixels plus
orangs ou plus verdtres ou plus dlaves.

www.openclassrooms.com
Partie 1 : Les notions de base 152/219

Cette slection sutilise donc mieux si la teinte de llment slectionner est trs contraste au reste de limage.

Ciseaux intelligents

Assez pratique en dtourage, cet outil suit les variations et les bords pour slectionner une forme.

Pour lexercice, partez dun point de dpart pour essayer de dtourer votre tux et les botes de Spam.

www.openclassrooms.com
Partie 1 : Les notions de base 153/219

Placez dautres points tout le tour de la partie slectionner. Vous pouvez dplacer les points mal positionns par cliquer-glisser.

www.openclassrooms.com
Partie 1 : Les notions de base 154/219

Une fois que vous avez fini de faire le tour, cliquez au milieu de llment que vous avez entour (notre Tux et les botes) pour
que le trac devienne une slection !

www.openclassrooms.com
Partie 1 : Les notions de base 155/219

Et voil, vous navez plus qu faire ce que vous voulez !

Extraction du premier-plan

Cet outil est sans doute le plus mconnu des sept outils de slection et dailleurs, je ne connaissais pas cet outil lorsque javais
commenc la premire version de ce cours, et ctait m@tteo78, ex-rdacteur, qui me lavait expliqu.
Cet outil se base sur un algorithme spcial pour slectionner un lment qui se trouve au premier plan sur une photo. Celui-ci
requiert de savoir au minimum manier un outil de peinture et la slection main leve. Mais attention, cet outil est assez
gourmand en ressources.

Pour lexercice, prenez cette photo de fleur (licence CC-BY) et ouvrez la avec Gimp.

www.openclassrooms.com
Partie 1 : Les notions de base 156/219

Pour commencer, vous devez dabord entourer llment slectionner, cest dire la fleur. Faites-le comme si vous utilisiez la
slection main leve.

partir de l, la partie que vous naurez pas entoure sera noircie.

www.openclassrooms.com
Partie 1 : Les notions de base 157/219

Notez que normalement, le voile est bleu, mais personnellement, je lai rgl en rouge pour un meilleur contraste avec le fond
vert, Vous pouvez le rgler en utilisant loption Couleur daperu.

Mais il reste que des amliorations peuvent tre faites puisque certaines parties de la fleur sont noircies galement, alors quon
ne veut pas a, pendant quon a des parties slectionnes quon ne veut pas slectionner. Pour cela, vous avez maintenant une
brosse que vous pouvez utiliser pour peindre et ainsi affiner le travail.

Mais avant, assurez-vous que Contigu soit slectionn dans les options de loutil.

Commencez dabord par peindre grossirement sur lensemble de votre fleur pour slectionner lensemble des couleurs qui la
composent.

www.openclassrooms.com
Partie 1 : Les notions de base 158/219

Le tout sera ainsi recalcul (a peut prendre du temps si votre machine est un peu vieille comme mon P4) pour affiner la slection.

Cest beaucoup mieux ! Dans ce cas-ci, il ny a pas vraiment de correction faire, mais si vous tiez rest avec des parties
noircies lintrieur de llment slectionner, vous navez qu peindre sur ces endroits pour inclure ces parties.

Ensuite, si vous tiez rests avec du contour slectionn alors que a ne le devrait pas, tenez la touche Ctrl enfonce, puis
peignez (ou plutt gommez , puisque le petit icne est maintenant une gomme) les portions qui ne font pas partie de la fleur.

www.openclassrooms.com
Partie 1 : Les notions de base 159/219

Jai fait exprs de beurrer en dehors de la fleur pour la dmonstration.

Encore une fois, le tout sera recalcul pour exclure les parties que vous avez gommes.

Si le rsultat vous satisfait, appuyez sur Entre pour transformer a en slection.

www.openclassrooms.com
Partie 1 : Les notions de base 160/219

Vous pouvez ainsi copier cette fleur dans une nouvelle image, ou effacer ce quil y a autour, aprs avoir invers la slection.

Voici ma fleur, dtoure :

Le dtourage aurait pu tre mieux, mais je voulais surtout vous montrer le fonctionnement de loutil.

Options des outils

Puisque les outils ont plusieurs options en commun, je vous les prsente part, question dviter les rptitions.

Mode

www.openclassrooms.com
Partie 1 : Les notions de base 161/219

Cest LE must connatre pour pouvoir exploiter fond les possibilits des slections, puisque cette option permet de changer le
comportement dune slection sur une autre, pour ainsi combiner plusieurs slections en ajoutant ou enlevant des parties, ou en
slectionnant directement une partie garder.

Voici une courte dmonstration de chacun des quatre modes :

Remplacer la slection courante

Ajouter la slection courante

Soustraire de la slection courante

Intersection avec la slection courante

www.openclassrooms.com
Partie 1 : Les notions de base 162/219

Lissage

Le lissage permet dadoucir les contours qui sont obliques ou arrondis pour viter quils naient un effet descaliers, aussi
appel aliasing ou crnelage .

Puisquon parle de a, je viens porter votre attention un problme frquemment rencontr chez les dbutants. En effet, qui
dentre nous a dj rencontr lune des deux situations suivantes ?

Vous vous exercez, mais vous constatez avec horreur que vos bords ressemblent des escaliers.
Vous montrez firement votre travail que vous venez de faire comme un grand, mais on vous signale que vos bords sont
pixliss.

Euh mais cest quoi ce truc d'escaliers ??

Cest normal que vous vous posez la question si vous tes un grand dbutant qui na jamais touch un diteur aussi avanc
que Gimp, ou si vous faites partie du deuxime groupe dans la liste plus haut.

Pour vous le montrer, voici deux cercles que jai zoom pour vous :

gauche, avec lissage. droite, sans lissage.


Vous pouvez clairement voir les escaliers sur le cercle de droite.

Comment prvenir a ?

Pour prvenir ce problme, vous devez donc porter attention aux options coches pour certains outils. Dans le cas des outils de
slection, vous avez pour chacun une option Lissage. Notez que dans le cas de la slection rectangulaire, cette option nest
utilisable que si loption Coins arrondis est active.

www.openclassrooms.com
Partie 1 : Les notions de base 163/219

Sauf de trs rares occasions, vous devez toujours laisser cette option coche. Et assurez-vous aussi que votre image ne soit
pas en mode Couleurs indexes (Image > Mode > RVB), car sinon, le lissage ne fonctionnera pas.

Adoucir les bords

Certaines fois, vous aimeriez ne pas avoir des bords nets, mais plutt un bord doux qui se fond avec le fond de limage. Cette
option vous permet de rgler ladoucissement des bords de votre slection. Trs pratique par exemple pour la cration dune
ombre porte.

De gauche droite : aucun adoucissement, 10px, 25px et 50px.

tendre depuis le centre

Vous serez parfois amens faire une slection rectangulaire ou elliptique un endroit prcis, mais vous ne pourrez pas toujours
partir dun coin vers un autre pour des raisons techniques. Dans ces cas-l, il vous sera beaucoup plus simple de partir du point
central de votre slection. Pour cela, vous navez qu cocher tendre depuis le centre pour pouvoir faire vos slections
rectangulaires ou elliptiques partir de leur centre.

Fix

Vous voulez faire des rectangles ou des ellipses ayant un ratio prcis comme 1:1 ou 3:4 ou autre ? Vous navez qu cocher cette

www.openclassrooms.com
Partie 1 : Les notions de base 164/219

option et dfinir le ratio largeur:hauteur.

Voici quelques exemples de ratio :

De gauche droite : 1:1, 1:2 et 3:4.

Voil, j'ai fait le tour des principales options que vous serez plus susceptibles davoir utiliser.
Manipuler les outils
On a fini avec les prsentations des outils avec quelques options. Maintenant, il me reste vous montrer les fonctions de
manipulation qui sont accessibles depuis le menu Slection.

Les fonctions de manipulation

Allons-y !

Tout slectionner

Bien quon puisse dj remplir toute limage avec une couleur ou un motif sans avoir besoin de slectionner toute limage, cette
fonction est pratique si lon veut faire une bordure ou bien que lon veut remplir quelques pixels du bord.

Ne rien slectionner

www.openclassrooms.com
Partie 1 : Les notions de base 165/219

Au contraire, si vous avez fini avec votre slection et que vous nen aurez plus besoin, cette fonction vous permet de la
dsactiver.

Important : Une fois que vous aurez dsactiv votre slection, vous ne pourrez pas la rcuprer sans devoir annuler
vos actions que vous aurez faites par aprs ! Si vous avez besoin de rutiliser une slection personnalise, mais que
vous ne pouvez pas rcuprer la forme exacte (ex : remplissage avec un dgrad PP vers transparent), je vous
recommande de lenregistrer dans un canal. Je vous le montrerai plus loin dans cette sous-partie.

Inverser

Trs pratique pour pouvoir remplir lextrieur dune zone de slection, cette fonction slectionne tout ce qui nest pas
slectionn, et d-slectionne tout ce qui est slectionn.

Voici un exemple de remplissage avant et aprs linversion :

Adoucir

www.openclassrooms.com
Partie 1 : Les notions de base 166/219

Cette fonction permet dadoucir les bords de nimporte quelle slection, quelle soit rgulire ou irrgulire. Particulirement
pratique pour faire les ombres portes et les lueurs internes ou externes.

Voici un exemple de rsultat de remplissage avant et aprs ladoucissement.

Enlever ladoucissement

Cette fonction fait tout le contraire, en durcissant les bords au point quil n'y a plus de lissage. utiliser avec parcimonie.

Voici un exemple de bord doux devenu dur, avec un remplissage avant et aprs :

www.openclassrooms.com
Partie 1 : Les notions de base 167/219

Rduire

Cette fonction permet de rtrcir nimporte quelle forme de slection.

Voici un exemple o jai fait une forme de cible en rduisant graduellement ma slection elliptique.

Vous pouvez constater que les cercles prennent de plus en plus un aspect anguleux force de rduire la slection.

Dans le cas des slections rectangulaires arrondies, cela aura tendance paissir les parties arrondies, ce qui devient assez
apparent sur une bordure fine comme dans ce cas-ci :

Pour ces raisons, je vous conseille autant que possible de refaire une nouvelle slection, en vous aidant des guides (que je vous
montrerai plus loin) si vous nutilisez pas dadoucissement. Quant aux slections rectangulaires arrondies, abaissez le rayon
dun pixel pour chaque pixel de rduction. Vous aurez les dtails de cette technique dans ce tutoriel que jai crit ce sujet.

Agrandir

Contrairement la fonction prcdente, celle-ci paissit une slection.

www.openclassrooms.com
Partie 1 : Les notions de base 168/219

Voici un exemple o jai agrandi un rectangle :

Notez que les coins droits dune slection sarrondissent lorsquon lagrandit.

Bordure

Vous voulez faire un zouli cadre autour dune photo ? Cette fonction permet dvider une slection pour nen garder quune
bordure de lpaisseur choisie !

Voici quelques exemples de rsultats :

Les plus attentifs remarqueront que les bords courbes ou obliques sont crnels. Cest un dfaut de cette fonction et donc pour
cette raison, je vous conseille de limiter son utilisation aux slections rectangulaires ou ne comportant que des coins droits.

Dformation

www.openclassrooms.com
Partie 1 : Les notions de base 169/219

Cette fonction permet de dformer une slection. Suivant les paramtres cela peut donner soit un simple contour irrgulier, soit
une forme qui rappelle carrment une claboussure.

Voici quelques exemples de paramtres avec les rsultats, pour une mme slection.

En utilisant la fonction Adoucir juste aprs cette manipulation, a vous permet de donner un effet de bord doux irrgulier comme
ceux que lon peut voir sur la couverture de certains bouquins fantastiques, ou sur certaines affiches de films.

Astuce bonus #1 : Slectionner avec prcision grce aux guides

Vous devez vous demander comment faire en sorte que les bords dune slection rectangulaire ou elliptique soient places de
faon prcise ? Je vais vous montrer un truc que tout graphiste soucieux du travail bien fait doit savoir.

Dans Gimp, tout comme dans dautres diteurs dimage aussi pousss, il existe ce quon appelle les guides. Ce sont des lignes
horizontales ou verticales que lon utilise sur notre image ouverte pour placer avec prcision un calque, une slection ou mme
un point de peinture. On peut les dplacer volont.

Euh mais jen veux pas sur mon image finale !

Ne vous inquitez pas, ces lignes napparatront QUE si limage est ouverte sous Gimp, et lenregistrement, elles seront
supprimes sauf si vous choisissez le format XCF ou PSD, qui conservent tous les deux les guides.

Et comment je fais pour utiliser a ?

Cest assez simple ! Tout dabord, vous vous rappelez que je vous avais brivement parl des deux rgles qui se trouvent en
haut et gauche de limage lors du survol de linterface dune fentre dimage ouverte dans le chapitre Interface et
personnalisation ? Et bien, cest partir de ces rgles que lon fait apparatre des guides !

Maintenant, placez votre souris sur la rgle du haut pour un guide horizontal, ou sur la rgle de gauche pour un guide vertical,
puis en maintenant le bouton de la souris enfonc, dplacez votre souris jusqu votre canevas.

www.openclassrooms.com
Partie 1 : Les notions de base 170/219

Vous verrez alors une ligne suivre votre souris ! Une fois que vous relcherez votre bouton, votre guide est plac, mais vous
pouvez continuer le dplacer en utilisant loutil de dplacement ( ) et en tenant votre souris suffisamment proche pour que
le guide devienne rouge (surbrillance).

Vous pouvez bien sr zoomer pour placer votre guide avec prcision.

Et maintenant, si je veux en enlever un ?

Vous navez qu dplacer votre guide en dehors du canevas pour le supprimer. Ou encore si vous voulez tous les enlever,
allez dans Image > Guides > Enlever tous les guides.

Maintenant, question de sexercer un petit peu, placez deux guider horizontaux et deux guides verticaux aux endroits o vous
voulez dlimiter votre slection rectangulaire ou elliptique.

Un exemple avec le mien :

www.openclassrooms.com
Partie 1 : Les notions de base 171/219

Maintenant, faites une slection rectangulaire ou elliptique en partant trs prs dun coin pour aller jusqu son oppos, puis
ajustez ensuite les bords qui en ont besoin. Cest l que vous pouvez constater la magie des guides puisque ceux-ci ont un effet
magntique sur votre souris et donc votre slection peut se faire de faon prcise !

Pour mieux voir encore, remplissez votre slection et dsactivez-la !

Je parie que bien vite, vous ne pourrez plus vous en passer !

www.openclassrooms.com
Partie 1 : Les notions de base 172/219

Astuce bonus #2 : Rcuprer la forme dune slection depuis un calque

Lun des avantages de travailler avec les calques, cest quen ayant les composantes spares, vous pouvez rcuprer la forme
de la slection dun calque prcis partir de son alpha (il faut donc que le calque soit transparent). Cela est particulirement
pratique lorsque vous travaillez sur une srie de boutons et que vous devez utiliser plusieurs fois la mme slection qui a servi
pour la forme du bouton, que ce soit pour crer une variante dune autre couleur ou pour crer un calque dassombrissement ou
dclaircissement.

Pour rcuprer la forme, rien de plus simple : Depuis votre fentre ou onglet des calques (Ctrl+L), vous faites un clic-droit sur le
calque dont vous voulez rcuprer la forme, puis vous allez dans Alpha vers Slection.

Cela vous permet par exemple de faire la fois une ombre porte et un reflet en partant de la mme base dun bouton, comme
dans cet exemple :

Astuce bonus #3 : Sauvegarder une slection dans un canal, et la modifier

Il peut arriver que vous ayez sauvegarder une slection dune forme particulire sans avoir la possibilit de pouvoir rcuprer
la forme exacte avec lastuce prcdente, ou encore que vous ayez modifier une slection laide doutils ou de filtres. Pour
cela, partez dune slection dont je vous laisse la libert sur sa forme. Dans mon cas, je pars dune slection rectangulaire que
jaurai dforme.

www.openclassrooms.com
Partie 1 : Les notions de base 173/219

Vous allez dans dition > Enregistrer dans un canal.

Une fentre comme ceci souvrira. Ne vous proccupez pas des couches de rouge, vert et bleu. Occupez-vous seulement du
votre masque de slection qui sest cre partir de la slection que vous avez sauvegarde.

Le principe de fonctionnement est trs similaire celui des masques de calque : le noir dtermine les zones non slectionnes, et
le blanc dtermine les zones slectionnes. Vous pouvez donc peindre et utiliser les filtres et les outils de couleur pour modifier
ce masque.

Mais pour pouvoir travailler dessus, il faut lactiver. Pour cela, cliquez sur la premire case vis--vis votre masque pour faire
apparatre lil.

www.openclassrooms.com
Partie 1 : Les notions de base 174/219

partir de l, vous pouvez dsactiver votre slection pour ensuite pouvoir travailler volont sur votre masque.

Voil dailleurs un exemple o jai utilis un flou gaussien (Filtres > Flou > Flou gaussien) de 15 pixels.

www.openclassrooms.com
Partie 1 : Les notions de base 175/219

Maintenant, lorsque vous aurez rcuprer la forme de la slection du masque, vous navez qu soit faire clic-droit sur le
masque > Canal vers Slection ou simplement cliquer sur lavant-dernier icne en bas de la fentre des canaux.

Et voil, vous avez votre slection prte utiliser, mais avant de remplir ou peindre, assurez-vous de re-slectionner votre calque
dans la fentre des calques, car sinon, vous remplirez le masque la place !

Voici mon rsultat, avec un remplissage vert :

www.openclassrooms.com
Partie 1 : Les notions de base 176/219

Utiliser le masque rapide


Jai prfr faire une sous-partie distincte pour vous montrer le fonctionnement dune fonctionnalit qui combine trois fonctions
et qui permet de crer facilement des slections personnalises et qui peut tre utilise pour le dtourage : le masque rapide.

Pour la dmonstration, jai t inspire par le fait quau moment dcrire ces lignes, soit la veille de Pques, nous avions il y a
quelques jours la visite dune colonie de bruants des neiges qui staient arrts nos mangeoires pour se gaver avant de
continuer leur migration vers la toundra canadienne o ils nichent lt.

Donc en faisant une recherche sur Flickr, jai trouv cette photo qui est sous licence CC-BY.

Nous allons donc utiliser le masque rapide pour dtourer loiseau de la photo.

Enregistrez la photo puis ouvrez-la sous Gimp.

www.openclassrooms.com
Partie 1 : Les notions de base 177/219

Tout dabord, on doit recadrer la photo pour enlever les parties inutiles de la photo. Prenez loutil de recadrage ( ) et faites
votre rectangle qui doit contenir loiseau entier.

Cliquez ensuite au centre du rectangle pour confirmer lopration.


La partie restante tant petite, zoomez votre image 200% et ajustez la taille de la fentre (Affichage > Ajuster la
fentre limage).

www.openclassrooms.com
Partie 1 : Les notions de base 178/219

Maintenant, ajoutez un canal alpha (Calque > Ajouter un canal alpha), afin quon ait un fond transparent et non
un fond blanc lorsquon effacera le paysage autour de loiseau.

Maintenant, nous sommes prts au dtourage ! Allez dans Slection > (Ds)activer le masque rapide ou
faites Maj+Q.

www.openclassrooms.com
Partie 1 : Les notions de base 179/219

Votre image se couvrira de rouge.

www.openclassrooms.com
Partie 1 : Les notions de base 180/219

Le principe est trs similaire celui des masques de calque que nous avons vus dans le chapitre prcdent, et aux masques de
slection (canaux) : tout se passe avec le noir et le blanc, donc assurez-vous davoir ces deux couleurs en PP et AP. Sinon,
rinitialisez-les avec les mini-carrs ( ).

Ensuite, notre masque rapide est pour le moment entirement noir , car il ny a pour le moment rien de slectionn. Pour
slectionner ce quon veut, soit le paysage autour de loiseau, on doit peindre avec du blanc.

Intervertissez donc vos deux couleurs avec ( ) et prenez loutil Pinceau ( ). Commencez peindre autour de loiseau, en
commenant avec une brosse assez grosse pour faire une bauche du travail.

www.openclassrooms.com
Partie 1 : Les notions de base 181/219

Rapetissez votre pinceau mesure que vous vous approchez du contour de loiseau.

www.openclassrooms.com
Partie 1 : Les notions de base 182/219

Au secours, jai dbord sur le pit-pit !

Si a vous arrive, pas de panique ! On peut corriger a tout simplement en peignant sur la bavure avec du noir !

www.openclassrooms.com
Partie 1 : Les notions de base 183/219

Continuez ensuite le travail jusqu ce que le travail soit satisfaisant. Nhsitez pas zoomer pour la finition.

www.openclassrooms.com
Partie 1 : Les notions de base 184/219

Une fois prt, allez tout simplement dans Slection > (Ds)activer le masque rapide ou faites Maj+Q pour
dsactiver le masque.

Vous avez maintenant votre slection !

Si jamais vous remarquez des trous dans votre slection, ractivez tout simplement le masque rapide pour faire la correction.

Une fois le masque dsactiv et la slection satisfaisante, faites tout simplement dition > Effacer, ou appuyez sur
Suppr pour effacer la slection (le paysage).

www.openclassrooms.com
Partie 1 : Les notions de base 185/219

L encore, si vous voyez quelques pixels qui tranent en dehors de loiseau, annulez leffacement et ractivez le masque rapide
pour corriger.

Voici enfin notre bruant des neiges dtour !

Il ne resterait qu retoucher la luminosit et le contraste pour rendre loiseau plus clair.


Exercice : une boule Aqua
On en vient maintenant un exercice dchauffement pour voir si vous avez bien assimil le principe des calques et des
manipulations des slections, avant dattaquer le premier vrai TP du cours.

Lexercice

Pour des raisons utilitaires, je ne prvoyais pas du tout en venir vous proposer une boule Aqua comme exercice, mais je me
suis rendue compte que mme si ce type de graphique ne sutilise pas dans nimporte quel travail, je dois reconnatre que les
boules Aqua demandent diverses manipulations des calques et des slections, choses que vous venez tout juste dapprendre et
qui doit tre mis en pratique.

Il existe de nombreuses variations possibles de boules Aqua, mais pour cet exercice, on va y aller avec ma propre variante que je
viens dimproviser exprs pour lexercice, que voici :

www.openclassrooms.com
Partie 1 : Les notions de base 186/219

Contrairement ce que les plus dbutants dentre vous pourriez penser, seules trois couleurs ont t utilises pour raliser cette
boule : noir, blanc, et une couleur de la teinte choisie (ex : rouge).

Mais alors pourquoi jai des rouges foncs et des rouges plus ples, et un gris ?

Cest justement l lintrt dun exercice de ce genre : vous amener apprendre jouer avec le blanc et le noir ainsi quavec les
modes de calques, pour claircir ou assombrir une couleur. ce qui savre beaucoup plus pratique que dutiliser des variations
dune couleur, puisque vous naurez quun calque modifier si vous voulez changer la couleur ! Cest ce quon appelle penser
rutilisable !

Ce que vous aurez besoin

Pour lexercice, vous aurez besoin des notions suivantes :

Crer et manipuler les calques (changer son mode, rgler lopacit, etc.) ;
Utiliser les slections et leurs options ;
Manipuler les slections et rcuprer la forme dune slection ;
Utiliser les guides, pour un positionnement plus prcis ;
Utiliser les dgrads.

Vous aurez aussi besoin de crer une nouvelle image de 400*450 avec le remplissage blanc (ce calque pourra tre dsactiv).
Placez des guides verticaux 40, 200 et 360, et des guides horizontaux 40, 160, 200 et 360, comme ceci :

www.openclassrooms.com
Partie 1 : Les notions de base 187/219

Maintenant, si vous voulez utiliser le mme rouge que moi, voici son code hexa : #b00000

Ce que vous devez faire

Puisque lexercice vise consolider vos notions apprises au sujet des calques et des slections, il vous faudra pour raliser cette
boule Aqua utiliser le moins de calques possible, le minimum tant 5, en excluant le calque blanc auquel vous ne devez pas
toucher. Comme couleurs vous ne devrez utiliser que le blanc pur, le noir pur et une teinte choisie (ex: rouge).

Rflchissez donc bien aux manipulations faire pour reproduire ma boule le plus fidlement possible en respectant ces critres.
Il se peut que vous ny arriviez pas du premier coup et cest normal, car vous navez pas encore lil dun graphiste expriment,
mais ceci viendra avec la pratique.

Correction

Vous avez fini ? Voici la correction :

www.openclassrooms.com
Partie 1 : Les notions de base 188/219

Calque Fond

Ceci ne devrait pas tre dur deviner. En suivant les repres, vous pouvez facilement centrer votre slection elliptique comme
ceci :

Peut-tre avez-vous fait une slection normale en partant dun coin lautre, mais saviez-vous que vous pouvez faire la mme
chose en utilisant loption tendre depuis le centre et en utilisant lintersection (200,200) des guides ? Pensez-y lorsque vous
devez centrer une ellipse ou un rectangle ! Cest plus pratique et moins casse-tte !

Ensuite, il ne vous reste qu remplir avec la teinte choisie.

www.openclassrooms.com
Partie 1 : Les notions de base 189/219

Calque Lueur

Avez-vous gard votre slection ? Si non, rcuprez-la avec un Alpha vers Slection sur le calque Fond . Ensuite, pour avoir
ce cercle plus petit avec les bords flous, vous devez avant tout rduire votre slection de 30 pixels (Slection > Rduire,
puis ladoucir de 50 pixels (Slection > Adoucir).

Il ne vous reste qu remplir avec votre blanc :

www.openclassrooms.com
Partie 1 : Les notions de base 190/219

Pour le moment, cest blanc tapant, mais cest l que vous aurez besoin des modes de calque ! Rglez-le pour que a ne fasse
quclaircir la teinte, sans la dlaver. En gnral, Superposer fait laffaire.

www.openclassrooms.com
Partie 1 : Les notions de base 191/219

Calque Reflet

Cest l que le deuxime guide horizontal, situ 160, devient utile ! Cette fois, pour faire le reflet, il devient essentiel dutiliser
loption tendre depuis le centre pour vous viter bien des maux de tte !

www.openclassrooms.com
Partie 1 : Les notions de base 192/219

Maintenant, est-ce que vous vous rappelez du passage dans la partie de dgrads du chapitre Peindre, remplir, tracer o je vous
parlais dun dgrad PP vers transparent ? En gros, vous avez besoin de slectionner ce dgrad dans la fentre des dgrads
pour raliser ce dgrad blanc vers transparent. Une fois cela slectionn, vous faites votre trait de haut en bas avec la touche
Ctrl enfonce. Les deux bouts doivent tre quelques pixels du bord, lintrieur de la slection.

www.openclassrooms.com
Partie 1 : Les notions de base 193/219

Vous pouvez ensuite abaisser lgrement lopacit du calque, 80% par exemple.

www.openclassrooms.com
Partie 1 : Les notions de base 194/219

Calque Finition

Quelque chose me dit que vous serez nombreux ne pas y arriver, soit parce que vous laurez zapp, soit parce que vous ny
serez pas arrivs. Cette partie est la moins vidente.

Quand on fait une boule Aqua, je trouve quun lger effet comme celui que je vous montre donne un aspect plus fini la
boule, et lui donne un effet moins plat .

Pour le faire, vous commencez par rcuprer la forme de la slection du calque Fond avant de crer votre calque. Remplissez-
le immdiatement dune couleur noire.

Maintenant, on veut lvider, mais on ne veut pas un bord interne dur. Pour cela, rduisez votre slection de 2 pixels
(Slection > Rduire), puis adoucissez-la de 10 pixels (Slection > Adoucir) avant deffacer (Suppr).

www.openclassrooms.com
Partie 1 : Les notions de base 195/219

En passant ce calque en mode Superposer, on obtient un bel assombrissement, pas trop fort.

www.openclassrooms.com
Partie 1 : Les notions de base 196/219

Vous voyez, ctait pas si compliqu que a !

Calque Ombre

Celle-l aussi nest peut-tre pas vidente, mais ce nest pas trs compliqu. En utilisant loption tendre depuis le centre et
lintersection (200,360) des guides, faites votre slection lgrement plus troite que la boule.

Adoucissez-la ensuite de 50 pixels, soit avec loption Adoucir les bords, soit avec Slection > Adoucir. Remplissez
ensuite de noir.

www.openclassrooms.com
Partie 1 : Les notions de base 197/219

En baissant lopacit 50%, on obtient un plus bel effet.

www.openclassrooms.com
Partie 1 : Les notions de base 198/219

Et voil, je vous lavais dit que a ne ma pris que 5 calques + le calque blanc pour raliser la boule Aqua !

Si vous ne lavez pas eu du premier coup, nhsitez pas refaire lexercice avant de passer au premier TP qui sera bien plus
complexe que notre boule.

En nayant quun seul calque qui utilise la teinte choisie, vous pourrez loisir changer la couleur de votre boule en crant
simplement un nouveau calque Fond et en utilisant la forme de la slection du fond de la boule, pour ainsi faire des variantes
comme celles-ci :

Couleurs utilises : #005ae1, #008a00, #4b4b4b, #9700b7 et #b75f00.


Aprs ces chauffements, vous tes maintenant prts pour votre premier vrai TP !

Cette partie est loin dtre finie ! Dautres chapitres sajouteront par la suite, donc restez lafft de larrive de nouveaux
chapitres !

www.openclassrooms.com
Partie 1 : Les notions de base 199/219

Partie 2 : Annexes

Dans cette annexe, vous y retrouverez des infos complmentaires et des aides-mmoire pour vous aider dans le maniement du
logiciel et dans vos apprentissages.

Infos et ressources utiles pour le gimpeur


Vous tes en train de suivre un tuto en anglais, mais votre Gimp est en franais ? Vous cherchez des tutos ou des communauts
spcialiss ?

Ce chapitre se veut un condens dinformation afin dy placer les infos que je ne pouvais pas vraiment caser ailleurs, mais qui
vous seront potentiellement utiles.
Correspondances franais-anglais
Vous suivez un tuto en anglais, mais vous vous demandez qu'est-ce que cest que feather by 10px ou Put this layer in
Dodge mode ? Ce listing vous donne les quivalences franais-anglais afin de vous faciliter la lecture des tutos anglophones.

Les modes de calques

Modes de calque
Franais Anglais
Normal Normal

Dissoudre Dissolve

Multiplier Multiply
Diviser Divide

cran Screen

Superposer Overlay
claircir Dodge

Assombrir Burn

Lumire dure Hard light


Lumiire douce Soft light

Extraction de grain Grain extract

Fusion de grain Grain merge


Diffrence Difference

Addition Addition

Soustrait Substract

Assombrir seulement Darken only


claircir seulement Lighten only

Teinte Hue

Saturation Saturation
Couleur Color

Valeur Value

Bote outils

www.openclassrooms.com
Partie 2 : Annexes 200/219

Bote outils
Franais Anglais

Outil de slection rectangulaire Rectangle select tool

Outil de slection elliptique Ellipse select tool


Outil de slection main leve Free select tool

Outil de slection contigu Fuzzy select tool

Outil de slection par couleur Select by color tool


Outil ciseaux intelligents Scissors select tool

Outil dextraction de premier-plan Foreground select tool

Outil chemins Path Tool


Outil pipette couleurs Color Picker tool

Outil de zoom Zoom Tool

Outil de mesure Measure tool


Outil de dplacement Move tool

Outil dalignement Alignment tool

Outil de dcoupage Crop tool


Outil de rotation Rotate tool

Outil de mise lchelle Scale tool

Outil de cisaillement Shear tool

Outil perspective Perspective tool


Outil de retournement Flip tool

Outil texte Text tool

Outil de remplissage Bucket fill tool


Outil dgrad Blend tool

Outil crayon Pencil tool

Outil pinceau Paintbrush tool


Outil gomme Eraser tool

Outil arographe Airbrush tool

Outil de calligraphie Ink tool


Outil de clonage Clone tool

Outil correcteur Healing tool

Outil de clonage en perspective Perspective Clone tool


Outil de flou et de nettet Blur/Sharpen tool

Outil de barbouillage Smudge tool

Outil d'claircissement et d'assombrissement Dodge/Burn tool

Options des outils


www.openclassrooms.com
Partie 2 : Annexes 201/219

Options des outils


Franais Anglais

Mode Mode
Remplace la slection courante Replace the current selection
Ajouter la slection courante Add to the current selection
Soustraire de la slection courante Substract from the current selection
Intersection avec la slection courante Intersect with the current selection
Lissage Antialiasing

Adoucir les bords Feather edges

Coins arrondis Rounded corners


Rayon Radius

tendre depuis le centre Expand from center

Fix Fixed
Proportions Aspect ratio
Largeur Width
Hauteur Height
Taille Size

Portrait Portrait
Paysage Landscape

Position Position

Mise en vidence Highlight


Aucun guide No guides
Lignes du centre Center lines
Rgle des tiers Rule of thirds
Sections dor Golden sections
Rduction automatique Auto shrink

Rduction fusionne Shrink merged

Slectionne des rgions transparentes Select transparent areas


chantillonner sur tous les calques Sample merged

Seuil Treshold

Slectionner par Select by


Composite Composite
Rouge Red
Vert Green
Bleu Blue
Teinte Hue
Saturation Saturation
Valeur Value

Contour interactif Interactive boundary

Contigu Contiguous
Affinage interactif Interactive refinement
Marquer le premier-plan Mark foreground
Marquer larrire-plan Mark background

Petite brosse Small brush


Grande brosse Large brush
Lissage Smoothing

www.openclassrooms.com
Partie 2 : Annexes 202/219

Couleur daperu Preview color


Rouge Red
Vert Green
Bleu Blue

Sensibilit la couleur Color Sensitivity

Mode ddition Edit Mode


Tracer Design
dition Edit
Dplacement Move

Polygonal Polygonal

Slection depuis le chemin Selection from Path


Tracer le chemin Stroke Path

Moyenne du voisinage Sample average

Mode de prlvement Pick Mode


Pointer seulement Pick only
Dfinir la couleur de premier-plan Set foreground color
Dfinir la couleur d'arrire-plan Set background color
Ajouter la palette Add to palette
Utiliser la fentre dinformations Use info window

Auto-redimensionner la fentre Auto-resize window

Basculer loutil Tool Toggle


Zoom avant Zoom in
Zoom arrire Zoom out
Dplacer Move
Calque Layer
Slection Selection
Chemin Path
Basculer loutil Tool Toggle
Pointer un calque et ou guide Pick a layer or guide
Dplacer le calque actif Pick the active layer

Alignement Align

Relatif Relative to
Premier lment First item
Image Image
Slection Selection
Calque actif Active layer
Canal actif Active channel
Chemin actif Active path

Aligner le bord gauche de la cible Align left edge of target


Aligner le centre de la cible Align center of target
Aligner le bord droit de la cible Align right edge of target
Aligner le bord suprieur de la cible Align top edge of target
Aligner le fentre de la cible Align middle of target
Aligner le bord infrieur de la cible Align bottom edge of target
Rpartition Distribute
Rpartir gauche les bords des cibles Distribute left edges of targets
Rpartir horizontalement les centres des cibles Distribute horizontal centers of target
Rpartir droite les bords des cibles Distribute right edges of targets
Rpartir en haut les bords des cibles Distribute top edges of target
Rpartir verticalement les centres des cibles Distribute vertical centers of targets
Rpartir en bas les cibles Distribute bottoms of targets

Dcalage Offset

www.openclassrooms.com
Partie 2 : Annexes 203/219

Calque actuel seulement Current layer only

Autoriser lagrandissement Allow growing

Transformer Transform
Direction Direction
Normale (en avant) Normal (forward)
Corrective (en arrire) Corrective (backward)

Type dinterpolation Interpolation


Aucune None
Linaire Linear
Cubique Cubic
Sinc (Lanczos3) Sinc (Lanczos3)

Rognage Clipping
Ajuster Adjust
Rogner Clip
Rogner suivant le rsultat Crop to result
Rogner selon le mme rapport Crop with aspect
Aperu Preview
Contour Outline
Grille Grid
Image Image
Image + Grille Image + Grid

Opacit Opacity

Nombre de lignes de grille Number of grid lines


Espacement des lignes de la grille Grid line spacing
15 degrs 15 degrees

Conserver les proportions Keep aspect

Affecter Affect
Type de retournement Flip Type
Horizontal Horizontal
Vertical Vertical

Police Font

Taille Size
Indice dajustement Hinting
Imposer lajustement automatique Force auto-hinter
Lissage Antialiasing

Couleur Color

Justification Justify
Align gauche Left justified
Align droite Right justified
Centr Centered
Justifi Filled

Texte le long d'un chemin Texte along Path

Crer un chemin depuis le texte Path from Text

Mode Mode
Normal Normal
Dissoudre Dissolve
Derrire Behind
Effacer la couleur Color erase
Multiplier Multiply
Diviser Divide

www.openclassrooms.com
Partie 2 : Annexes 204/219

cran Screen
Superposer Overlay
claircir Dodge
Assombrir Burn
Lumire dure Hard light
Lumire douce Soft light
Extraction de grain Grain extract
Fusion de grain Grain merge
Diffrence Difference
Addition Addition
Soustrait Substract
Assombrir seulement Darken only
claircir seulement Lighten only
Teinte Hue
Saturation Saturation
Couleur Color
Valeur Value

Opacit Opacity

Type de remplissage Fill Type


Remplissage avec la couleur de PP FG color fill
Remplissage avec la couleur dAP BG color fill
Remplissage avec le motif Pattern fill

Rgion affecte Affected Area


Remplir toute la slection Fill whole selection
Remplir des couleurs similaires Fill similar colors

Recherche de couleurs similaires Finding Similar Colors


Remplir les rgions transparentes Fill transparent areas
chantillonner sur tous les calques Sample merged

Remplir via Fill by

Dgrad Gradient

Dcalage Offset
Forme Shape
Linaire Linear
Bilinaire Bi-linear
Radial Radial
Carr Square
Conique (symtrique) Conical (sym)
Conique (asymtrique) Conical (asym)
Suivant la forme (angulaire) Shaped (angular)
Suivant la forme (sphrique) Shaped (spherical)
Suivant la forme (excroissance) Shaped (dimpled)
Spirale (sens horaire) Spiral (cw)
Spirale (sens anti-horaire) Spiral (ccw)

Rptition Repeat
Aucun None
Dents de scie Sawtooth wave
Onde triangulaire Triangular wave

Tramage Dithering
Surchantillonage adaptatif Adaptative supersampling
Profondeur max Max depth
Brosse Brush
chelle Scale

Dynamique de la brosse Brush Dynamics


Opacit Opacity
Duret Hardness

www.openclassrooms.com
Partie 2 : Annexes 205/219

Taux Rate
Taille Size
Couleur Color

Pression Pressure
Vitesse Velocity
Alatoire Random

Estomper Fade out


Longueur Lenght

Appliquer fluctuation Apply Jitter


Quantit Amount
Contour dur Hard edge
Incrmentiel Incremental

Couleur partir du dgrad Use color from gradient


Anti-effacement Anti erase
Taux Rate
Pression Pressure
Ajustement Adjustment
Taille Size
Angle Angle
Sensibilit Sensitivity
Taille Size
Inclinaison Tilt
Vitesse Speed

Type Type
Forme Shape

Source Source
Image Image
Motif Pattern

Alignement Alignment
Aucun None
Align Aligned
Enregistr Registered
Fix Fixed
Modifie le plan de perspective Modify Perspective
Clonage en perspective Perspective Clone
Type de convolution Convolve Type
Flou Blur
Augmenter la nettet Sharpen

Type Type
claircir Dodge
Assombrir Burn

Intervalle Range
Tons sombres Shadows
Demi-teintes Midtones
Tons clairs Highlights
Exposition Exposure

Menu de la fentre centrale

www.openclassrooms.com
Partie 2 : Annexes 206/219

Menu Fichier
Franais Anglais
Nouvelle image New
Crer Create
Depuis le presse-papier From Clipboard
Capture dcran Screenshot
Boutons Buttons
Logos Logos
Motifs Patterns
Thmes de pages Web Web Page Themes
Ouvrir Open

Ouvrir en tant que calques Open as Layers


Ouvrir suivant lemplacement Open Location
Rcemment ouverts Open Recent

Enregistrer Save
Enregistrer sous Save As
Enregistrer une copie Save a Copy

Enregistrer comme modle Save as Template


Rtablir Revert
Envoyer par courriel Send by Email

Imprimer Print
Mise en page Page Setup
Fermer Close

Fermer tout Close All


Quitter Quit

Menu dition
Franais Anglais
Annuler Undo
Rtablir Redo

Fondu Fade
Historique dannulation Undo History
Couper Cut

Copier Copy
Copier visible Copy visible
Coller Paste

Coller dans Paste into


Coller comme Paste As
Nouvelle image New Image
Nouveau calque New Layer
Nouveau motif New Pattern
Nouvelle brosse New Brush

www.openclassrooms.com
Partie 2 : Annexes 207/219

Presse-papier Buffer
Couper (nomm) Cut Named
Copier (nomm) Copy Named
Copier visible nomm Copy Vislble Named
Coller (nomm) Paste Named

Effacer Clear
Remplir avec la couleur de PP Fill with FG Color
Remplir avec la couleur dAP Fill with BG Color

Remplir avec le motif Fill with Pattern


Tracer la slection Stroke Selection
Tracer le chemin Stroke Path

Prfrences Preferences
Raccourcis-clavier Keyboard Shortcuts
Modules Modules

Units Units

Menu Slection
Franais Anglais

Tout All
Aucune None
Inverser Invert

Flottante Float
Par couleur By Color
Depuis le chemin From Path

diteur de slection Selection Editor


Adoucir Feather
Enlever ladoucissement Sharpen

Rduire Shrink
Agrandir Grow
Bordure Border

Perturbation Distort
Rectangle arrondi Rounded Rectangle

(Ds)activer le masque rapide Toggle Quick Mask


Enregistrer dans un canal Save to Channel
Vers chemin To Path

Menu Affichage
Franais Anglais
Nouvelle vue New View

www.openclassrooms.com
Partie 2 : Annexes 208/219

Point pour point Dot for Dot


Zoom Zoom
Zoom prcdent Revert Zoom
Zoom arrire Zoom Out
Zoom avant Zoom In
Ajuster limage dans la fentre Fit Image in Window
Ajuster la fentre Fill Window
Autres Other

Ajuster la fentre limage Shrink Wrap


Plein cran Fullscreen
Fentre de navigation Navigation Window

Filtres daffichage Display Filters


Afficher la slection Show Selection
Afficher les bords du calque Show Layer Boundary

Afficher les guides Show Guides


Afficher la grille Show Grid
Afficher les points dchantillonnage Show Sample Points

Aligner sur les guides Snap to Guides


Aligner sur la grille Snap to Grid
Aligner sur les bords du canevas Snap to Canvas Edges

Aligner sur le chemin actif Snap to Active Path


Couleur de remplissage Padding Color
Depuis le thme From Theme
Couleur claire du damier Light Check Color
Couleur sombre du damier Dark Check Color
Slectionner une couleur personnalise Select Custom Color
Comme dans les prfrences As in Preferences
Afficher la barre de menu Show Menubar
Afficher les rgles Show Rulers

Afficher les barres de dfilement Show Scrollbars


Afficher la barre dtat Show Statusbar

Menu Image
Franais Anglais
Dupliquer Duplicate
Mode< Mode
RVB RGB
Niveaux de gris Grayscale
Couleurs indexes Indexed
Assigner un profil de couleurs Assign Color Profile
Convertir en un profil de couleurs Convert to Color Profile
Transformer Transform
Miroir horizontal Flip Horizontally
Miroir vertical Flip Vertically
Rotation 90 sens horaire Rotate 90 clockwise

www.openclassrooms.com
Partie 2 : Annexes 209/219

Rotation 90 sens anti-horaire Rotate 90 counter-clockwise


Rotation 180 Rotate 180
Massicot Guillotine
Taille du canevas Canvas Size

Ajuster le canevas aux calques Fit Canvas to Layers


Ajuster le canevas la slection Fit Canvas to Selection
Taille de limpression Print Size

chelle et taille de limage Scale Image


Dcouper la slection Crop Selection
Dcoupage automatique de limage Autocrop Image

Dcoupage fut Zealous Crop


Fusionner les calques visibles Merge Visible Layers
Aplatir limage Flatten Image

Aligner les calques visibles Align Visible Layers


Guides Guides
Enlever tous les guides Remove All Guides
Nouveau guide (en pourcentage) New Guide (by Percent)
Nouveau guide New Guide
Nouveau guide depuis la slection New Guides from Selection
Configurer la grille Configure Grid

Proprits de limage Image Properties

Menu Calque
Franais Anglais

Nouveau calque New Layer


Nouveau depuis le visible New from Visible
Dupliquer le calque Duplicate Layer

Ancrer le calque Anchor Layer


Fusionner vers le bas Merge Down
Supprimer le calque Delete Layer

Pile Stack
Slectionner le calque prcdent Select Previous Layer
Slectionner le calque suivant Select Next Layer
Slectionner le calque du haut Select Top Layer
Slectionner le calque du bas Select Bottom Layer
Remonter le calque Raise Layer
Descendre le calque Lower Layer
Calque tout en haut Layer to Top
Calque tout en bas Layer to Bottom
Inverser lordre des calques Reverse Layer Order

Masque Mask
Ajouter un masque de calque Add Layer Mask
Appliquer le masque de calque Apply Layer Mask
Supprimer le masque de calque Delete Layer Mask
Afficher le masque de calque Show Layer Mask
Modifier le masque de calque Edit Layer Mask

www.openclassrooms.com
Partie 2 : Annexes 210/219

Dsactiver le masque de calque Disable Layer Mask


Masque vers slection Mask to Selection
Ajouter la slection Add to Selection
Soustraire de la slection Substract from Selection
Intersection avec la slection Intersect with Selection
Transparence Transparency
Ajouter un canal alpha Add Alpha Channel
Supprimer le canal alpha Remove Alpha Channel
Aplatir moiti Color to Alpha
Couleur vers alpha Semi-Flatten
Seuil alpha Treshold Alpha
Alpha vers slection Alpha to Selection
Ajouter la slection Add to Selection
Soustraire de la slection Substract from Selection
Intersection avec la slection Intersect with Selection
Transformer Transform
Miroir horizontal Flip Horizontally
Miroir vertical Flip Vertically
Rotation 90 sens horaire Rotate 90 clockwise
Rotation 90 sens anti-horaire Rotate 90 counter-clockwise
Rotation 180 Rotate 180
Rotation arbitraire Arbitrary Rotation
Dcalage Offset
Taille des bords du calque Layer Boundary Size
Calque aux dimensions de limage Layer to Image Size

chelle et taille du calque Scale Layer


Dcouper la slection Crop to Selection
Dcoupage automatique du calque Autocrop Layer

Menu Couleurs
Franais Anglais
Balance des couleurs Color Balance

Teinte-Saturation Hue-Saturation
Colorier Colorize
Luminosit-Contraste Brightness-Contrast

Seuil Treshold
Niveaux Levels
Courbes Curves

Postriser Posterize
Dsaturer Desaturate
Inverser Invert

Inversion de valeur Value Invert


Utiliser GEGL Use GEGL
Auto Auto
galiser Equalize
Balance des blancs White Balance
tendre le contraste Stretch Contrast
tendre TSV Stretch HSV

www.openclassrooms.com
Partie 2 : Annexes 211/219

Normaliser Normalize
Renforcer les couleurs Color Enhance
Composants Components
Composer Compose
Dcomposer Decompose
Mixeur de canaux Channel Mixer
Recomposer Recompose
Mappage Map
Dfinir la palette Set Colormap
Rorganiser la palette des couleurs Rearrange Colormap
Application de dgrad Gradient Map
Application de palette Palette Map
Colorier partir dun chantillon Sample Colorize
changer deux couleurs Color Exchange
Psychdlique Alien Map
Rotation des couleurs Rotate Colors

Informations Info
Histogramme Histogram
Analyse colorimtrique Colorcube Analysis
Moyenne du bord Border Average
Palette lisse Smooth Palette
Coloriser Colorify
Couleur vers alpha Color to Alpha

Maximum RVB Maximum RGB


ter les pixels chauds Hot
Collection de filtres Filter Pack

Retinex Retinex

Menu Outils
Franais Anglais

Outils de slection Selection Tools


Slection rectangulaire Rectangle Select
Slection elliptique Ellipse Select
Slection main leve Free Select
Extraction de premier-plan Foreground Select
Slection contigu Fuzzy Select
Slection par couleur By Color Select
Ciseaux intelligents Intelligent Scissors
Outils de peinture Paint Tools
Remplissage Bucket Fill
Dgrad Blend
Crayon Pencil
Pinceau Paintbrush
Gomme Eraser
Arographe Airbrush
Calligraphie Ink
Clonage Clone
Correcteur Heal
Clonage en perspective Perspective Clone
Flou / Nettet Blur / Sharpen
Barbouiller Smudge
claircir / Assombrir Dodge / Burn
Outils de transformation Transform Tools
Alignement Align
www.openclassrooms.com
Partie 2 : Annexes 212/219

Dplacement Move
Dcoupage Crop
Rotation Rotate
Mise lchelle Scale
Cisaillement Shear
Perspective Perspective
Retourner Flip
Outils de couleurs Color Tools
Balance des couleurs Color Balance
Teinte-Saturation Hue-Saturation
Colorier Colorize
Luminosit-Contraste Brightness-Contrast
Seuil Treshold
Niveaux Levels
Courbes Curves
Postriser Posterize
Dsaturer Desaturate
Chemins Paths

Pipette couleurs Color Picker


Zoom Zoom
Mesure Measure

Texte Text
Action GEGL GEGL Operation
Bote outils Toolbox

Couleurs par dfaut Default Colors


changer les couleurs Swap Colors

Menu Filtres
Franais Anglais
Rpter le dernier Repeat Last
Rafficher le dernier Re-Show Last

Rinitialiser tous les filtres Reset all Filters


Flou Blur
Flou cintique Motion Blur
Flou gaussien Gaussian Blur
Flou gaussien slectif Selective Gaussian Blur
Flou mosaque Tilable Blur
Flou Blur
Pixliser Pixelize

Amlioration Enhance
Anti-parasites Despeckle
Anti-tranes Destripe
Augmenter les contrastes Unsharp Mask
Dsentrelacer Desinterlace
Filtre NL NL Filters
Lissage Antialias
Renforcer la nettet Sharpen
Suppression des yeux rouges Red Eye Removal
Distorsions Distort
Change une colonne ou range sur deux Erase Every Other Row*
Coin de page Pagecurl
www.openclassrooms.com
Partie 2 : Annexes 213/219

Coordonnes polaires Polar Coordinates


Courber Curve Bend
Dformation interactive IWarp
Dplacer Shift
Distorsion de lentille Lens Distortion
Fentre avec stores Blinds
Gravure Engrave
Mosaque Mosaic
Onduler Ripple
Propagation de valeur Value Propagate
Relief Emboss
Tourner et aspirer Whirl and Pinch
Trame dimprimerie Newsprint
Vagues Waves
Vent Wind
Vido Vidwo

Ombres et lumires Light and Shadow


blouissement graduel Gradient Flare
Effet dblouissement Lens Flare
Effets dclairage Lighting Effects
tinceler Sparkle
Supernova Supernova
Effet Xach Xach Effect
Ombre en perspectie Perspective
Ombre porte Drop Shadow
Carreaux de verre Glass Tile
Lentille optique Apply Lens
Bruit Noise
Brouillage RVB RGB Noise
Brouillage TSV HSV Noise
parpiller Spread
Jeter Hurl
Mlanger Slur
Piquer Pick
Dtection de bord Edge-Detect
Contour Edge
Diffrence gaussienne Difference of Gaussians
Laplace Laplace
Non Neon
Sobel Sobel
Gnriques Generic
Dilater Dilate
roder Erode
Matrice de convolution Convulation Matrix

Combiner Combine
Film Filmstrip
Superposer selon profondeur Depth Merge
Artistiques Artistic
Cubisme Cubism
Dessin au crayon Cartoon
Effet de toile Apply Canvas
GIMPressionist GIMPressionist
Lueur douce Softglow
Peinture lhuile Oilify
Photocopie Photocopy
Prdateur Predator
Tisser Clothify
Tresser Weave
Van Gogh (LIC) Van Gogh (LIC)
Dcor Decor

www.openclassrooms.com
Partie 2 : Annexes 214/219

Ajouter un biseau Add Bevel


Ajouter une bordure Add Border
Bordure ingale Fuzzy Border
Coins arrondis Round Corners
Patron de chromage Stencil Chrome
Patron de gravure Stencil Carve
Pellicule photo Slide
Taches de caf Coffe Stain
Vieille photo Old Photo
Mappage Map
Dcaler Warp
Dplacer selon une carte Displace
Fractaliser Fractal Trace
Illusion Illusion
Morceaux de papiers Paper Tile
Petits raccords Small Tiles
Plaquer sur un objet Map Object
Raccorder Tile
Rendre raccordable Make Seamless
Repoussage daprs une carte Bumpmap

Rendu Render
Nuages Clouds
Brouillage uni Solid Noise
Fog Fog
Nuages par diffrence Difference Clouds
Plasma Plasma

Nature Nature
Flammes Flame
Fractaliser IFS Fractal

Motif Pattern
Damier Checkerboard
Explorateur CML CML Explorer
Grille Grid
Labyrinthe Maze
Motifs de diffraction Diffraction Patterns
Puzzle Jigsaw
Qbiste Qbist
Sinus Sinus

Circuit Circuit
Crateur de sphre Sphere Designer
Explorateur de fractales Fractal Explorer
Figures gomtriques (GFig) GFig
Lave Lava
Ligne Nova Line Nova
Spirographe Spyrogimp

Web Web
Aplatir moiti Semi-Flatten
Image cliquable Web Image Map
Slice Slice
Animation Animation
En flammes Burn-in
Globe tournant Spinning Globe
Mlanger Blend
Ondulation Rippling
Vagues Waves
Dsoptimiser Unoptimize
Optimiser (diffrence) Optimize (Differene)
Optimiser (pour GIF) Optimize (for GIF)
Rejouer lanimation Playback

www.openclassrooms.com
Partie 2 : Annexes 215/219

Alpha vers logo Alpha to Logo


Basique II Basic II
Basique I Basic I
BD Comic Book
Biseau graduel Gradient Bevel
Bovination Bovination
Chaud rougeoyant Glowing Hot
Chrome Chrome
Contour 3D 3D Outline
Craie Chalk
Gravure au burin Chip Away
Givr Frosty
Glac Glossy
Lueur extrieure Alien Glow
Mlang Blended
Mtallique froid Cool Metal
Non extrieur Alien Neon
Non Neon
Textur Textured
Trace de particule Particle Trace

Python-Fu Python-Fu
Console Console

Script-Fu Script-Fu
Actualiser les scripts Refresh Scripts
Console Console
Dmarrer le serveur Start Server

Menu Fentres
Franais Anglais
Groupes de fentres rcemment ferms Recently Closed Docks
Fentres amcrables Dockable Dialogs
Options des outils Tool Options
tat du priphrique Device Status
Calques Layers
Canaux Channels
Chemins Paths
Palette des couleurs indexes Colormap
Histogramme Histogram
diteur de slection Selection Editor
Navigation Navigation
Historique dannulation Undo History
Pointeur Pointer
Points dchantillonnage Sample Points
Couleurs Colors
Brosses Brushes
Motifs Patterns
Dgrads Gradients
Palettes Palettes
Polices Fonts
Presse-papiers Buffers
Images Images
Historique des documents Document History
Modles Templates
Outils Tools
Console derreurs Error Console
Bote outils Toolbox

www.openclassrooms.com
Partie 2 : Annexes 216/219

Menu Aide
Franais Anglais
Aide Help

Aide contextuelle Context Help


Conseil du jour Tip of the day
propos About

Navigateur de greffons GIMP Plug-In Browser


Navigateur de procdures Procedure Browser
GIMP en-ligne GIMP Online
Registre des greffons Plug-In Registry
Site Web des dveloppeurs Developer Web Site
Site Web du manuel utilisateur User Manual Web Site
Site Web officiel Main Web Site

Manuel utilisateur User Manual


Comment utiliser les botes de dialogue How to Use Dialogs
Concepts de base Basic Concepts
Crer, ouvrir et enregistrer des fichiers Create, Open and Save Files
Dessiner des objets simples Drawing Simple Objects
Prparer vos images pour le Web Preparing your images for the Web
Travailler sur les photos numriques Working with Digital Camera Photos
Utiliser les chemins Using Paths

Tutoriels externes et communauts


Vous cherchez des tutoriels ou des communauts de gimpeurs ? Je regroupe ici les liens de diffrents sites que je connais ou que
j'ai trouv sur le Web. Ce listing sera rgulirement mis jour mesure quon me propose dautres sites ou que jen dcouvre de
nouveaux.

Liste des sites de tutoriels et communauts


Nom du site Langue Caractristiques

Site officiel francophone - ressources et liens.


GimpFr Franais Note : lancien domaine tait gimp-fr.org, mais il a chang pour gimpfr.org, donc faites attention ne
pas vous tromper !

LinuxGraphic Franais Site ddi au graphisme libre 2D et 3D. Une section est consacre GIMP.
La plus grande communaut francophone ddie GIMP. La plupart des genres sont abords, mais
Gimp la photographie et le peinture virtuelle sont les plus frquents. Des ressources et des tutoriels (via
Franais
Attitude le site-partenaire GA-Tuto) sy trouvent galement. Ne vous fiez pas la page d'accueil qui n'est
pas jour, le forum est encore actif.
Communaut de support avec tutoriels et service de formation. Davantage spcialis en techniques
Projet GIMP Franais
de signatures, mais certains membres pratiquent dautres genres.

Kloobik Franais Tutoriels pour Gimp traitant principalement de la photographie artistique, avec une communaut.
Franais
Communaut graphique spcialise dans les effets crystal - Tutoriels et support pour plusieurs
CrystalXP.net et
logiciels dont GIMP (certains ont t faits pour d'anciennes versions).
anglais

Tutoriels sous licence Creative Commons. Il est recommand davoir quelques bases pour les
Gimp4you Franais
suivre.

Yeccoe Franais De nombreux tutoriels pour diverses applications, dont GIMP, pour tous les niveaux.
Des tutoriels pour diffrents niveaux, dont un tutoriel vido prsentant linterface de GIMP. Tous
Gimp-Session Franais
les articles sont sous licence GNU Free Documentaiton License.
Franais
Ishimaru
et Mon site perso, o je tiens une page o jaffiche mes tutoriels GIMP partir du forum.
Design

www.openclassrooms.com
Partie 2 : Annexes 217/219
Design
anglais
Webring
Page Web regroupant diffrents sites de tutoriels et ressources Gimp et les communauts ddies
francophone Franais
Gimp ou au logiciel libre qui participent volontairement au webring.
de Gimp

Bien que ce site soit en principe ferm, son nom de domaine en .com tant expir, vous pouvez
Tuto-Gimp Franais quand mme retrouver plusieurs tutos vidos raliss par lauteur du site, ainsi que des tutoriels
crits raliss par les membres. Ces tutoriels datent principalement des versions 2.4 et 2.6.

Franais
Pleins de tutoriels, pour tous les genres, de la cration pure la photomanipulation en passant par
GIMPons et
le scrapbooking.
anglais
Site dinformatique, avec des tutoriels pour plusieurs logiciels dont GIMP. Certains tutos datent de
Infetech Franais
versions antrieures 2.6.

Webdesign-
Franais Site de tutoriels pour des logiciels divers, dont GIMP.
Tutoriaux

DeviantART Anglais Lincontournable pour trouver des milliers de brosses GIMP et Photoshop dans tous les styles !
Gimpiste-tuto Franais Chane Youtube renfermant pleins de tutoriels vido ddis Gimp.
GIMP Plugin
Anglais Cest LA rfrence pour trouver des greffons et scripts pour GIMP !
Registry
Gimpusers Anglais Communaut anglophone ddie Gimp. Vous y trouverez de nombreux tutoriels, en anglais.

Communaut anglophone avec pleins de tutoriels classs par catgories. Ces tutoriels datent pour
Gimp
Anglais la plupart danciennes versions de Gimp, donc certaines choses peuvent diffrer avec votre
Usergroup
version.

GIMP Forum Anglais Forum anglophone ddi GIMP


Blogue qui parle d'un peu de tout dans le domaine info-geek, mais il y a quelques tutoriels GIMP
IgloOps Franais
intressants.
1point2vue Franais Site consacr la photographie laissant une bonne place GIMP
Le blog J Franais De nombreux tutoriels trouvs sur diffrents sites, runis dans une seule page

NetProf Franais Site consacr aux cours vido gratuits, dont quelques tutoriels vidos sont consacrs GIMP
tude GIMP Franais Des tutoriels portant autant sur les bases et outils que sur les filtres.
Nhsitez pas mettre ce chapitre dans vos marque-pages pour pouvoir y revenir directement au besoin ! Et nhsitez pas non
plus utiliser les commentaires pour proposer des sites qui ne sont pas prsents dans le tableau listant les sites traitant de Gimp.

Ce tutoriel est en cours de rdaction, donc surveillez rgulirement pour de nouveaux chapitres.
Vous pouvez suivre lvolution du cours sur ce lien : http://www.siteduzero.com/forum-83-628 [...] gimp-2-6.html

Nous vous remercions de lattention que vous portez notre tutoriel.

Merci

Monitrail, membre de Gimp-Attitude, pour son point de vue de dbutante qui ma permis damliorer le contenu du
chapitre 2 sur la dcouverte de linterface.
jpsan, membre de la communaut QubecOS pour mavoir aide complter les infos sur lajout de ressources sous
Linux, en rapport avec KDE.
Truthy, pour ses yeux de dbutant qui mont permis de corriger certains points dans mes chapitres.
plovemax de Gimp Attitude et sydzero, pour leur coup de main sur lajout des ressources sous Mac OSX.
supersam2 de Gimp Attitude, pour lajout dun dtail sur lutilisation du lasso main leve et du lasso polygonal en mme
temps avec loutil Slection contigu.
m@tteo78, pour les prcisions quil a pu apporter sur certains points tout le long du tutoriel.
Ainsi que les autres lecteurs-testeurs dont je ne me souviens plus de leur nom, pour les retours derreurs et autres.

www.openclassrooms.com
Partie 2 : Annexes 218/219

Et la suite ?

Aprs la refonte du cours, voici ce que je prvois faire :

Continuer la partie 2 sur les notions de base et commencer la partie 3 sur les notions plus avances.
Faire la partie 4 qui devrait normalement tre consacre au webdesign et qui finira par un TP
Mettre le tuto complet jour ds la sortie de Gimp 2.8, afin d'viter l'obsolescence. (en cours)

www.openclassrooms.com

Вам также может понравиться