Aller au menu - Aller au contenu

Icône Interface et personnalisation

Mise à jour : 04/07/2011
Difficulté : Facile Facile Durée d'étude : 30 minutes Creative Commons BY-NC-SA
5 680 visites depuis 7 jours, classé 37/786
Voilà, votre GIMP est maintenant installé et prêt à être lancé, si ce n’est pas déjà fait ! Allons maintenant découvrir ensemble son interface qui risque d’en dérouter plusieurs au début.
Sommaire du tutoriel :
Icône du chapitre
Chapitre précédent Sommaire Chapitre suivant

Survol de l'interface

Sans plus attendre, voici comment se présente Gimp 2.6 dès le premier lancement, quel que soit votre système :

Image utilisateur


Pour vous aider à vous y retrouver, je vous décris brièvement les différentes parties.

  1. C’est la fenêtre principale. Avec la refonte amenée par la version 2.6, tout se passe maintenant par cette fenêtre : ouverture d’un document, ouverture de fenêtres supplémentaires, gestion des préférences, filtres, script-fu, actions sur les sélections, fermeture de GIMP. Cette fenêtre est donc vitale.
  2. C’est la boîte à outils. C’est là où vous trouverez les différents outils de GIMP : outils de sélection, outils de traçage, outils de retouche. C’est là aussi que vous retrouvez la gestion des couleurs de premier-plan et d’arrière-plan. Cette fenêtre, tout comme la fenêtre centrale, est vitale.
  3. C’est le menu d’option des outils. Chaque fois que vous sélectionnez un outil dans la boîte à outil, ce menu affiche les options disponibles pour l’outil. Par exemple, dans le cas d’une sélection rectangulaire, les options affichées vous permettent d’adoucir les bords, d’étendre la sélection depuis son centre, de faire des carrés parfaits, et de modifier le comportement de la sélection sur une sélection courante (remplacement, ajout, soustraction, intersection). Comme deuxième exemple, si vous choisissez l’outil Texte, vous aurez dans les options la possibilité de modifier la taille et le style de la police, de la lisser, de modifier l’interligne et l’espacement entre les lettres, d’ajouter ou non un retrait au début du texte. Cette partie permet donc d’étendre les possibilités des différents outils. Cette partie de la fenêtre est détachable.
  4. La troisième fenêtre, qui apparaît par défaut lors du premier lancement. Elle contient les différentes fenêtres ancrables (ou dialogues) utiles pour votre travail, regroupées par onglets. Vous y retrouverez donc les calques, les canaux, les chemins, l’historique d’annulations, les brosses, les textures et les dégradés. Cette fenêtre peut être personnalisée, voire enlevée, pour ensuite greffer ses fenêtres ancrables à la fenêtre de gauche, ce qui est plus pratique si vous travaillez sous la résolution d’écran minimale demandée par GIMP (1024*768), ce qui a été mon cas pendant 3 ans.


Attardons-nous maintenant à l’interface de la fenêtre centrale. Pour le moment, il n’y a aucune image d’ouverte, mais voici comment cette fenêtre se présente quand une image est ouverte :

Image utilisateur


En voici la description des différentes parties.

  1. Dans la partie supérieure de la fenêtre dont la position des trois boutons dépend de votre système d’exploitation, c’est là que s’affiche le nom de votre fichier, ainsi que ses caractéristiques : son mode colorimétrique (RVB, indexée, 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 création ou le dernier enregistrement de celui-ci, une étoile s’affichera devant le nom du fichier. C’est donc une façon simple de savoir si votre document a été modifié ou non.
  2. C’est là que vous avez votre barre de menu, d’où vous pouvez accéder aux différentes fonctions d’édition, d’affichage, de sélection, de filtre, etc.
  3. Par défaut, ces deux règles sont gradués en pixels, mais vous pouvez aussi les régler en pouces ou en centimètres si vous devez travailler sur une image destinée à l’impression.
  4. C’est le viewport, c’est à dire la zone où s’affiche votre document et sur laquelle vous pouvez travailler sur votre image.
  5. Ce sont les barres de défilement. Si l’image est plus grande que la fenêtre, vous pouvez utilisez ces barres pour vous déplacer sur votre image.
  6. C’est votre barre d’état, depuis laquelle vous pouvez régler le zoom de votre image, la graduation de vos règles, et voir le nom du calque présentement sélectionné.


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

Personnaliser l'interface

Selon les souhaits de l’utilisateur, on peut personnaliser l’interface de GIMP pour aller à son goût.


Diminuer le nombre de fenêtres et ajouter des onglets



Pour les utilisateurs utilisant la résolution minimale demandée, soit 1024*768, on peut faire en sorte de diminuer le nombre de fenêtres, afin de donner plus d’espace à la fenêtre centrale pour travailler sur l’image… Quoique, c’est aussi pratique pour ceux utilisant une résolution élevée. ;)

Dans la version 2.6, la fenêtre centrale et la fenêtre de gauche sont vitales, mais la fenêtre de droite peut être retirée, et ses onglets peuvent être greffés à la fenêtre de gauche.

Pour ajouter un onglet dans la fenêtre de gauche, cliquez sur la petite flèche, juste à droite du nom de l’outil, dans la partie des options de l’outil.

Image utilisateur


Puis allez dans Ajouter un onglet et choisissez par exemple la fenêtre des calques comme nouvel onglet.

Image utilisateur


Refaites les mêmes manipulation pour chacun des onglets que vous voulez ajouter.

Voici un exemple de résultat obtenu dans mon cas :

Secret (cliquez pour afficher)
Image utilisateur
Mes onglets : Options des outils, Calques, Chemins, Brosses, Dégradés et Motifs


Vous pouvez toujours retourner à la configuration des fenêtres telles qu’elles étaient au premier lancement, en allant dans les préférences de GIMP, dont je vais justement faire un survol ci-dessous.


Modifier ses préférences



Vous pouvez également personnaliser l’interface en modifiant les préférences.

Pour les modifier, dans la fenêtre centrale, allez dans Édition > Préférences. Une fenêtre s’affiche, avec plusieurs rubriques où vous pouvez modifier les configurations.

Je vous liste les plus intéressantes pour l’interface.


Icônes d’outils plus petits



Très pratique pour les résolutions minimales. Allez dans la rubrique Thème, puis choisissez le thème Small. Vous aurez alors des icônes plus petits, comme ceci :

Image utilisateur



Mémoriser les options des outils



Certains préfèreront garder leurs options d’outils à 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 mémorisés pour la prochaine ouverture.


Ajouter les icônes « Brosses, Dégradés et Motifs » à côté des couleurs



Ceci était affiché par défaut dans la version 2.2.x, mais ne l’est plus depuis la 2.4.x. Pour ceux qui veulent l’afficher, allez dans la rubrique Boîte à outils et cochez Afficher les brosses, motifs et dégradés actifs. Un nouveau trio de raccourcis apparaîtra à côté de vos couleurs, comme ceci :

Image utilisateur


Vous pouvez aussi choisir d’afficher l’image active également.


Réinitialiser la position des fenêtres



Si un moment donné, vous voulez réinitialiser les fenêtres telles qu’elles étaient au premier lancement de GIMP, allez dans la rubrique Gestion des fenêtres et cliquez sur Restaurer les positions enregistrées aux valeurs par défaut. La réinitialisation se fera au prochain démarrage de GIMP.


Utiliser les raccourcis-clavier dynamiques



GIMP est configuré avec des raccourcis clavier par défaut, mais toutes les fonctions n’ont pas un raccourci-clavier assigné. Cette option est utile pour pouvoir en ajouter aux fonctions qui n'en ont pas. Pour cela, vous devez l’activer en allant dans la rubrique Interface puis en cochant Utiliser les raccourcis clavier s’il n'est pas coché, puis validez.

À partir de là, vous pouvez définir des raccourcis-clavier supplémentaires pour des fonctions qui n’en ont pas. Par exemple, depuis la fenêtre centrale, allez dans Édition puis positionnez votre souris sur Préférences et ensuite, faite la combinaison Ctrl+P. Vous verrez le raccourci-clavier apparaître vis à vis de l’option, ce qui signifie que vous avez assigné Ctrl+P à l’ouverture de la fenêtre des préférences.

Par la suite, si vous voulez réinitialiser les raccourcis-clavier, retournez dans vos préférences (mettez en pratique le nouveau raccourci clavier, juste pour essayer), dans la rubrique Interface puis cliquez sur le gros bouton Rétablir les raccourcis-clavier aux valeurs par défaut puis validez. Cette réinitialisation se fera au prochain démarrage de GIMP.

Je n’ai cité que quelques unes des options, pour vous montrer les possibilités de personnalisation, mais n’hésitez pas à explorer les préférences pour personnaliser GIMP à votre goût.


L’exploration de l’interface de travail est terminée, mais on n’a pas fini avec l'apprivoisement de Gimp, puisque l’interface de création et d’enregistrement de nouveaux documents est assez particulière également, donc tant qu’à partir du bon pied pour la suite du tuto… :)

Créer, ouvrir et enregistrer un document

Mise à part l’interface multi-fenêtrée, une autre difficulté de prise en main qui est souvent rencontrée, en particulier par les windowsiens, est le fait de créer un nouveau document et de l’enregistrer, puisque l’interface suit une tout autre logique par rapport à ce que Windows nous a habitués, et ce n’est pas tous les débutants qui arrivent à bien comprendre la documentation officielle. Je suis moi-même passée par là, quand j’essayais d’enregistrer en oubliant l’extension et que ça échouait. :lol:

Un merci spécial à Monitrail, un membre de Gimp-Attitude, qui a testé cette sous-partie (initialement publiée sur mon site) en tant que débutante dans le maniement de GIMP, afin d’améliorer la clarté des explications.


Je vais donc vous montrer, en ne lésinant pas sur les images, comment créer, ouvrir et enregistrer des documents.

Création d’un document



Comme pour tous les logiciels avec interface graphique, le raccourci pour la création d’un fichier est Fichier > Nouveau (Ctrl+N). Faisons-le.

Vous verrez apparaître cette fenêtre :

Image utilisateur


Vous pouvez choisir soit un modèle prédéfini avec le menu déroulant (1), soit un format personnalisé avec les petites flèches (2).

Mais avant de confirmer, cliquons sur Options avancées (3) pour voir les options qu’on a :

Image utilisateur


Vous voyez donc d’autres options pour votre nouveau document, je vais les détailler.

  • (4) C’est la résolution en points par pouce que vous voulez donner à votre nouveau document. Surtout utile si votre document est destiné à être imprimé sur papier. Plus la résolution est élevée, meilleure sera la qualité d’impression, mais il vous faudra faire une image plus grande.
  • (5) L’espace de couleurs. Il s’agit du mode colorimétrique que vous voulez donner à l’image. Dans 98% des cas, on sera amené à faire une image en couleurs plutôt qu’en noir et blanc, donc « Couleur RVB », qui est par défaut, vous sera le plus utile.
  • (6) Dans cette option, c’est là que vous déterminez 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 défaut), la couleur d’arrière-plan (blanc par défaut), blanc ou transparent. Ces quatre options sont autant utiles les unes que les autres, puisque le choix du remplissage dépend de votre type d’image.

    Notez que si vous commencez avec un fond transparent, le calque, c'est-à-dire une couche de votre image - vous n’avez qu’à imaginer plusieurs feuilles de cellophane superposées - aura d’office 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 d’arrière-plan, et il vous faudra donc ajouter vous-même le canal alpha. Cette option est donc importante pour tous vos projets.
  • (7) C'est le commentaire que vous voulez donner à votre image. Avec cette option, vous décidez de ce que vous voulez afficher dans les propriétés de l'image finale (par défaut "Created with GIMP").


Une fois vos options réglées, vous pouvez valider la création du nouveau document.


Ouvrir un document



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

Une fenêtre s'ouvre :

Image utilisateur


À partir de là, vous parcourez vos dossiers et fichiers pour trouver l’image que vous voulez ouvrir. Les boutons tout en haut (1) vous permettent de naviguer dans l’arborescence de vos fichiers et de revenir directement plusieurs dossiers en arrière. 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 aperçu direct d’une image que vous sélectionnez (attention : cela peut prendre plusieurs secondes pour générer la miniature d’une image très volumineuse). Vous avez aussi un menu déroulant, en bas (5), qui vous permet de ne sélectionner qu’un type d’image précis, comme les PNG ou les JPEG par exemple.

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


Enregistrer un document



Maintenant, sans plus attendre, on va enregistrer notre document. Là aussi, le raccourci ne change pas par rapport aux autres logiciels avec interface graphique : Fichier > Enregistrer sous (Ctrl+Maj+S).

Voilà notre fenêtre d’enregistrement qui s'affiche :

Image utilisateur


Vous pouvez donner un nom à votre fichier (1) et choisir un emplacement parmi ceux présélectionnés dans le menu déroulant (2).

Mais si vous voulez choisir un autre dossier, vous devrez cliquer sur Parcourir d’autres dossiers (3) pour afficher ceci :

Image utilisateur


Vous pouvez donc parcourir vos dossier pour choisir l’emplacement désiré. Même si ma capture provient d’un poste Linux, l’interface sera identique sous Windows et Mac, la seule différence sera l’arborescence qui sera différente d’un système à l’autre. Par exemple, je vais sélectionner le répertoire Images pour la démo.

Maintenant, vous pouvez aussi choisir l’extension parmi une liste que vous verrez en cliquant sur Sélectionner le type de fichier (Selon l’extension) (4).

Image utilisateur



C’est quoi tous ces formats ?


On a l’embarras du choix… mais ne vous inquiétez pas : en général, on utilisera surtout les formats XCF, JPEG, GIF, PNG et parfois PSD. Les autres extensions sont surtout pour des cas assez pointus.
Dans ma capture, vous avez remarqué que j’ai sélectionné le format XCF, ce qui a fait apparaître l’extension dans le champ du nom du fichier, mais on peut aussi taper l’extension directement dans le champ, en tapant le nom du fichier.

Parlant d’extension, je vais vous parler plus en détail du format .XCF. 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 sélection active et la transparence. Ainsi, vous pourrez continuer à travailler sur votre image plus tard sans problème. C’est ce qu’on pourrait appeler un fichier source.

Mais si vous voulez montrer votre image à vos amis, vous devrez l’exporter, soit en JPEG, soit en GIF ou bien en PNG. Pour cela, vous n’avez qu'à faire la même chose que pour l’enregistrement au format .XCF : vous tapez simplement l’extension .png, .gif ou .jpg au lieu de .xcf au bout du nom de votre fichier et après, Gimp vous demandera si vous voulez exporter l'image. Vous n’avez qu’à valider, et vous pouvez laisser les options du format par défaut.

Ensuite, si vous diffusez un thème graphique (ex : thème pour forums, blog ou CMS) et que vous voulez inclure les sources de vos images, vous pouvez enregistrer une copie de chacune de vos sources XCF au format .PSD pour les utilisateurs de Photoshop, mais prenez note que ce format propriétaire n’est supporté que partiellement par GIMP et donc, certains modes de calque et les masques de calque ne sont pas supportés. Mais c’est mieux que rien. Encore une fois, vous tapez simplement .psd au lieu de .xcf au moment d’enregistrer votre fichier.

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



Maintenant, retournons à notre nouveau fichier qu’on s’apprête à enregistrer.

Voici donc ce que j’ai mis :

Image utilisateur


On valide donc, puis juste pour vous montrer, je vais ouvrir mon explorateur de fichiers pour y retrouver monimage.xcf dans le dossier choisi :

Image utilisateur


Mon nouveau fichier que je viens d’enregistrer s’y trouve (je l’ai entouré de rouge) !


Maintenant, vous ne devriez plus avoir de problèmes à créer vos nouveaux documents et à les enregistrer. :)

Q.C.M.

Lesquelles des trois fenêtres de GIMP sont vitales ?
Quel est le format natif de Gimp ?
Quelle est la résolution d’écran minimale recommandée pour utiliser GIMP ?
À la création d’un nouveau document, laquelle des quatre choix de remplissage ajoute automatiquement un canal alpha au calque du nouveau document ?

Statistiques de réponses au QCM

Le tour d’horizon de l’interface est maintenant fait et vous savez maintenant personnaliser GIMP. On est maintenant prêt à attaquer les fonctionnalités du logiciel !
Chapitre précédent Sommaire Chapitre suivant

Partager

4 commentaires pour "Interface et personnalisation"
Note moyenne : 3.84 / 4 (180 votes)
Pseudo Commentaire
Hors ligne Anonyme # Posté le 01/11/2010 à 20:40:55

C'est vraiment sympa de ta part de se préoccuper des malheureux qui n'ont que du 1024*768 (Ce qui est mon cas :( )

Bonne continuation :)
Hors ligne zerosweet # Posté le 21/04/2011 à 14:42:35
Avatar

Avis : Très bon
Flux RSS

Je te souhaite bonne continuation pour ton cour
Hors ligne Leo55 # Posté le 18/12/2011 à 12:03:12
To quoque mi fili.
Avatar

Bonjour à tous ! ;)

Pour l'instant, je lis un excellent tuto, bien détaillé, complet (voire même trop), avec de belles captures d'écran (très explicatives)... Bravo !

Cependant (eh oui, tout ne peut pas être parfait du premier essai), je note quelques points négatifs :

  • Tout d'abord, à mon sens, tu fais une approche de détails trop complexes pour les débutants (calques...) sans leur en donner le sens. Je pense qu'il serait donc mieux d'éviter d'aborder ces points (même si tu mets une note pour ne pas alarmer les nouveaux gimpeux) plutôt que de commencer à leur en expliquer le sens.
  • De plus, la première image (cf. ici) est trop "brouillon". En effet, voir une réalisation de bas niveau comme celle-ci (même si je ne fais pas mieux :p ) est assez décourageant sur l'avenir ! Ceci est d'autant plus dommage que la suite (d'après le sommaire) offre de meilleures perspectives. Pourquoi ne pas mettre une image de Wilber ainsi que de parfaites flèches montrant les réglettes et les ascenseurs ?
  • Enfin, je pense qu'il n'est pas forcément nécessaire d'indiquer en introduction que le second co-auteur est parti à cause de divergences de point de vue. Bien entendu, il faut néanmoins le citer (à sa demande ou non) comme tu le fais avec tes autres sources


Voici donc mon bref avis sur ton tuto (je me suis permis tout au long de te tutoyer, j'espère que tu n'y vois aucun inconvénients). Même si je le flingue un peu à la fin (excuse-moi au passage :euh: ), j'en retiens un excellent souvenir à ce stade. Bravo à toi !

NB : Le bêta-test est fait pour donner un avis constructif.

Cordialement.

PS : Si tu as besoin d'autres avis, mon MP est vide ! ;)

Leo55
:)
 
Hors ligne azn45 # Posté le 25/01/2012 à 00:54:03

Avis : Très bon

Tout simplement magnifique!!!

J'ai toujours voulu apprendre la programmation pour créer des jeux, je trouve que vous faites un excellent travail.je viens tout simplement de commencer mais je pense pouvoir m'en sortir avec vos explications.

Je prend même du plaisir à tout lire tellement les tutos sont bien construient.

Un grand merci pour vos effort en espérant que ça continuera sur cette voie!!!

Voir tous les commentaires