Grâce à GIMP, ou le programme de manipulation d’images GNU, il n’a jamais été aussi facile et abordable de créer des vignettes au look épique et des logos de haute qualité. GIMP est une réponse gratuite et open-source aux éditeurs d’images qui cherchent une alternative à Adobe Photoshop. Il est également assez convivial pour les débutants et dispose d’une communauté florissante remplie de conseils et d’astuces pour produire les modifications et révisions dont votre image a besoin.
GIMP fournit de nombreux outils et ressources pour prendre n’importe quelle image et y ajouter votre propre touche professionnelle. Ceux qui sont dans la conception web, les artistes graphiques et les photographes amateurs trouveront que GIMP est un excellent programme qui peut facilement répondre à leurs besoins d’amélioration d’image. On peut également en dire autant de ceux qui débutent dans les domaines de la manipulation d’images.
Pour les débutants, surtout lorsqu’il s’agit d’aborder de nouvelles interfaces, votre aventure dans l’utilisation de GIMP peut sembler décourageante. Lorsque les modifications que vous souhaitez sont minimes, quelque chose du type recadrage ou redimensionnement d’une image ne devrait pas vous obliger à sauter à travers des cerceaux. En prenant le temps d’apprendre les bases et de savoir où chercher des choses spécifiques, il ne vous faudra pas longtemps pour comprendre pourquoi GIMP est un excellent investissement.
Une fois que nous aurons téléchargé et installé le programme GIMP, nous nous pencherons sur l’édition de base, tout en aidant à naviguer dans l’interface, et nous vous expliquerons comment créer une vignette comme celle utilisée pour cet article. Nous fournirons également quelques ressources que vous pourrez utiliser pour trouver une aide avancée pour vos futurs projets GIMP.
Télécharger et installer GIMP
- Naviguez sur le site du développeur et sélectionnez votre téléchargement. Le fichier commencera à être téléchargé. Laissez passer quelques secondes avant de tenter l’installation.
- Exécutez le fichier récemment téléchargé. Une fois que l’installateur s’ouvre, cliquez sur le bouton Installer pour que gimp soit installé dans le dossier par défaut.
- Pour modifier les paramètres d’installation et les modules complémentaires, cliquez plutôt sur Personnaliser.
- Suivez toutes les instructions d’installation telles qu’elles sont présentées. Cela peut prendre plusieurs minutes pour que GIMP soit complètement installé.
- Une fois l’installation terminée, vous pouvez commencer à utiliser GIMP.
Utiliser GIMP : apprendre les bases
Débutez les étapes ci-dessous en ayant GIMP lancé et tiré vers une fenêtre de toile blanche. Nous utiliserons la même image tout au long de chaque section.
Mise à l’échelle/redimensionnement de l’image
- Cliquez sur l’onglet « Fichier » et importez votre image en sélectionnant Ouvrir… (CTRL + O)
.
- Après le chargement de l’image, cliquez sur l’onglet « Image » et sélectionnez Scale Image dans le menu déroulant.
- Une boîte de dialogue apparaîtra pour permettre les modifications.
- Étendre/Redimensionner votre image en utilisant les options fournies.
- Ajuster l’image par la largeur et la hauteur ou la résolution X, Y.
- Les modifications peuvent être effectuées par pixels, pourcentages, centimètres, etc.
- Comprendre que rendre l’image plus grande peut entraîner une image plus pixélisée.
- Une fois les paramètres ajustés, cliquez sur Scale pour continuer.
Réduction de la taille du fichier
- Cliquez sur l’onglet « Fichier » et sélectionnez Exporter sous… (Maj + CTRL + E)
- Choisissez un nom et un emplacement pour l’endroit où vous souhaitez enregistrer le fichier.
- Cliquez sur le ‘+’ à côté de Sélectionner le type de fichier (par extension) pour ouvrir une liste de types de fichiers sous lesquels l’enregistrer. Un type de fichier avec perte tel que jpg ou png est préférable.
- Puis, cliquez sur le bouton Exporter pour voir apparaître une nouvelle fenêtre d’options.
- Moins il y a de choses enregistrées, plus la taille du fichier image est petite.
- Vérifiez que le niveau de compression est réglé sur ‘9’ pour la plus petite taille.
- Une fois que vous avez décidé quels éléments de l’image vous souhaitez sauvegarder, cliquez sur Exporter.
Recadrage de l’image
- Naviguez dans l’onglet « Outils » et sélectionnez Outils de transformation > Recadrage (Maj + C)
- Vous pouvez également sélectionner l’outil Recadrage en cliquant sur son icône dans le Doc de l’outil situé près du coin supérieur-gauche de l’interface.
- Auparavant, en maintenant le bouton gauche de la souris enfoncé, faites glisser votre curseur sur la zone que vous voulez faire comme image finale.
- Une fois réglée, toutes les parties de l’image en dehors de la partie que vous avez sélectionnée, s’assombriront tandis que la partie définie comme votre image finale restera intacte.
- Vous pouvez ajuster la zone en utilisant les coins de la boîte en les rétrécissant ou en les élargissant en faisant glisser le bouton de votre souris.
- Une fois que vous avez l’image telle que vous la souhaitez, soit vous cliquez avec le bouton gauche de la souris, soit vous appuyez sur Entrée, soit vous appuyez sur Shift + C simultanément pour recadrer à votre sélection.
Rotation de l’image
Pour cette modification, nous allons importer une autre image à superposer à notre image actuelle.
- Dans l’onglet « Fichier », sélectionnez Ouvrir en tant que calques… (CTRL + ALT + O)
- Sélectionnez le calque que vous souhaitez ajouter à l’image, dans ce cas, nous allons utiliser une flèche, et cliquez sur Ouvrir.
- Vous verrez le nouveau calque placé au-dessus de l’image actuelle. Pour voir comment les calques sont empilés, la fenêtre des calques est située à droite.
- Avec le nouveau calque en surbrillance, retournez dans Outils de transformation et choisissez Faire pivoter. Vous pouvez également trouver l’icône de l’outil Rotation dans le Doc de l’outil.
- Cela fera apparaître une nouvelle fenêtre contextuelle tout en appliquant une texture de type réticule à votre image.
- Si vous connaissez l’angle de rotation que vous souhaitez appliquer, vous pouvez saisir les valeurs dans les cases prévues à cet effet. Sinon, vous pouvez choisir d’utiliser la barre coulissante située juste en dessous de la case intitulée » Angle » ou de faire pivoter l’image vous-même en utilisant le clic gauche et le glisser de votre souris.
- L’utilisation des valeurs exactes fournit des résultats plus précis, plus rapidement.
- Une fois que les résultats sont à votre goût, cliquez sur Rotation.
Conception d’une vignette
Dans cette section, nous allons vous montrer comment nous avons créé la vignette de cet article en utilisant GIMP. Des parties de ce tutoriel utiliseront certains des outils utilisés dans Apprendre les bases.
Avant de commencer, il est préférable de rassembler toutes les images dont vous pourriez avoir besoin. Comme la vignette est restée simple, le seul calque d’image dont elle aura besoin est le logo GIMP, acquis via Wikipédia.
Une fois téléchargé et enregistré sur votre ordinateur, nous pouvons commencer.
- Ouvrez l’onglet « Fichier » et sélectionnez Nouveau… (CTRL + N)
- Cela fera apparaître une fenêtre « Créer une nouvelle image » où vous pourrez choisir parmi un modèle pré-créé ou décider de la taille de l’image manuellement.
- Nos vignettes ne dépassent jamais 680px de largeur, nous allons donc définir la taille de notre image comme telle. Quant à la hauteur, nous la garderons à 400px.
- Une fois les dimensions définies, cliquez sur OK.
- Nous devrions maintenant avoir devant nous un canevas vierge (blanc). Vous pouvez choisir de colorer l’arrière-plan comme vous le souhaitez en utilisant l’outil de remplissage de seau dans le Doc d’outils, mais pour l’instant, nous allons le garder blanc.
- La meilleure chose à faire est d’ajouter votre couche supplémentaire maintenant, de cette façon, une fois que nous commençons à ajouter le texte, nous serons en mesure de l’ajuster afin qu’il ne bloque pas l’image. Ouvrez donc l’onglet « Fichier » et sélectionnez cette fois Ouvrir en tant que calques… comme nous l’avons fait pour la flèche pendant la rotation de l’image. Sélectionnez le logo GIMP que vous avez téléchargé plus tôt et cliquez sur Ouvrir.
- L’image du calque est une image de 1200 x 1200 qui est beaucoup trop grande pour notre image primaire de 680 x 400. Nous allons devoir la réduire à l’échelle. Si vous suivez les instructions illustrées ci-dessus, ajustez la largeur et la hauteur de l’image à 200px.
- Nous pouvons ensuite faire glisser l’image sur le côté afin qu’elle soit hors du chemin de notre texte jusqu’à ce que nous ayons besoin de la repositionner.
- Vient ensuite le texte. Nous allons utiliser le raccourci commande et appuyer sur la touche ‘T’ de votre clavier pour avoir l’outil Texte sélectionné. Maintenant, faites un clic gauche dans la belle zone blanche de l’image et commencez à taper votre titre.
- Une fois que tout est tapé, mettez le texte en surbrillance (CTRL + A) et sélectionnez la police que vous souhaitez utiliser. Nous avons utilisé la police Bauhaus 93, qui n’est pas une police standard. GIMP prendra toutes les polices situées dans le dossier Windows Font et les ajoutera à sa bibliothèque de choix. Vous pouvez ajouter des polices supplémentaires en les téléchargeant sur des sites comme DaFont et Google Fonts et en les déplaçant dans le dossier Windows Font.
- Puis, ajustez la taille du lettrage pour qu’il s’intègre bien dans l’image mais ne prenne pas trop de place. Nous nous sommes installés sur 100px.
- Une fois que les ajustements du texte ont été faits, vous pouvez déplacer la zone de texte pour qu’elle s’adapte où vous en avez besoin en passant à l’outil de déplacement. Vous pouvez le faire facilement en cliquant sur une zone de l’image qui n’est pas le texte et en cliquant sur ‘M’.
- Sélectionnez le calque de texte dans la fenêtre de droite, cliquez dessus avec le bouton droit et, dans la liste, sélectionnez Alpha à la sélection. Cela ajoutera une bordure animée au texte de l’image.
- Puis, nous allons devoir ajouter un calque supplémentaire. Pour ce faire, dans la même fenêtre latérale droite, localisez et cliquez sur le bouton Créer un nouveau calque. Cela ouvrira la fenêtre de création d’un nouveau calque. Ne vous préoccupez pas de ce qui se trouve ici, c’est pour un tutoriel plus avancé. Pour l’instant, assurez-vous simplement que la section » Remplir avec : » a Transparence dans la liste déroulante et cliquez sur OK.
- Un nouveau calque reflétant le texte auquel vous aviez appliqué Alpha à la sélection est créé. Il devrait être le calque sélectionné par défaut. Nous allons maintenant ajouter une bordure autour du texte.
- Cliquez sur l’onglet « Sélection » et choisissez Grandir. Dans la boîte de sélection qui s’affiche, définissez la valeur sur ‘2’ et cliquez sur OK.
- À ce stade, pour vous faciliter la tâche, cliquez sur l’icône Œil à côté du calque de texte original dans la fenêtre des calques. L’œil disparaîtra une fois cliqué, et cela permettra de masquer la visibilité du texte pendant que vous remplissez au seau la bordure.
- Cliquez sur Shift + B pour sélectionner l’outil de remplissage au seau, puis cliquez sur le carré de couleur principal pour ouvrir les options de couleur. Vous pouvez choisir parmi quelques options par défaut ou créer les vôtres. Nous nous sommes installés sur une nuance de bleu avec la notation HTML de 1b56ff.
- S’il vous arrive de connaître un peu de CSS, vous pouvez utiliser les codes de couleur dans cette case.
- Déplacez votre curseur sur la zone de texte invisible marquée par la bordure animée, et faites un clic gauche pour la remplir de couleur.
- Cliquez sur la zone où se trouvait l’icône Œil pour faire réapparaître le texte original. Ensuite, faites glisser le texte original au-dessus du calque coloré dans la fenêtre des calques.
- Cliquez avec le bouton droit sur le calque le plus haut et sélectionnez Fusionner vers le bas. L’image devrait maintenant ressembler à ceci :
- Maintenant, nous allons ajouter un peu d’ombre au texte. Cliquez sur l’onglet « Filtres », sélectionnez Lumière et ombre > Ombre portée (héritage)…
- Dans la fenêtre contextuelle, sélectionnez l’accès x,y de l’ombre, le rayon et l’opacité.
- Pour la vignette, nous avons sélectionné ‘8’ en X et Y, ’20’ en rayon de flou, et manivelé l’opacité à ‘100’.
- Vous pourriez changer la couleur de l’ombre pour la rendre plus visible sur le fond, disons par exemple que si votre fond était noir, il serait préférable de choisir une couleur plus vive. Cependant, comme notre fond est blanc, le noir convient parfaitement.
- Pour éviter un décalage de l’image, décochez la case intitulée Autoriser le redimensionnement avant d’appuyer sur OK.
- Onglet « Select » > None (Shift + CTRL + A)
- Ce n’est pas nécessaire mais nous avons décidé d’ajouter une ombre au logo de GIMP. Si vous choisissez de le faire, les indications sont les mêmes. Sinon, sélectionnez le calque du logo GIMP et déplacez-le à la position que vous souhaitez dans la vignette.
- À la fin, si vous estimez que le fond blanc n’est pas adéquat, vous pouvez mettre en surbrillance le calque Background, sélectionner l’outil Bucket Fill et procéder à l’ajout d’un peu de couleur. Nous avons choisi un gris subtil afin de ne pas noyer les ombres. Le produit fini devrait ressembler à ceci :
Merge Down le calque Ombre portée par-dessus votre calque de texte.
- Maintenant, il suffit d’Exporter sous et de l’enregistrer à l’endroit de votre choix.
Utiliser GIMP : Aide supplémentaire
Il ne faudra pas longtemps après avoir commencé à utiliser GIMP avant d’avoir l’impression de maîtriser les bases et de se tourner vers une édition plus compliquée et de style professionnel. Il existe d’innombrables tutoriels à se mettre sous la dent qui peuvent vous aider à étendre votre connaissance pratique du logiciel GIMP.
Vous pouvez commencer dans la section officielle des tutoriels GIMP mais je préfère chercher exactement ce que je cherche en utilisant YouTube.
GIMP dispose également d’une grande communauté d’utilisateurs répartie sur Internet qui comprend un subreddit, des plateformes de discussion non officielles comme GIMP Forums et GIMP Chat, des questions marquées dans la section Graphic Design de StackExchange, et des canaux de médias sociaux comme le groupe d’utilisateurs GIMP de Google Plus.
La communauté d’utilisateurs de GIMP se compose d’un grand nombre de personnes.