Le guide du débutant pour utiliser GIMP

Grâce à GIMP, ou au programme de manipulation d'images GNU , (M)il(I) n'a jamais été aussi simple et abordable de créer des vignettes épiques et des(G) logos de (P)haute qualité(high-quality logos) . GIMP est une réponse gratuite et open source aux éditeurs d'images à la recherche d'une alternative à Adobe Photoshop(Adobe Photoshop alternative) . Il est également assez convivial pour les débutants et possède une communauté florissante remplie de trucs et astuces pour vous aider à produire les modifications et les révisions requises par votre image.

GIMP fournit de nombreux outils et ressources pour prendre n'importe quelle image et ajouter votre propre touche professionnelle. Les concepteurs de sites Web, les graphistes et les photographes amateurs trouveront que GIMP est un excellent programme qui peut facilement répondre à leurs besoins d'amélioration d'image. La même chose peut également être dite pour ceux qui débutent dans les domaines de la manipulation d'images .(image manipulation)

Pour les débutants, en particulier lorsqu'il s'agit de gérer de nouvelles interfaces, votre aventure dans l'utilisation de GIMP peut sembler intimidante. Lorsque les modifications souhaitées sont minimes, quelque chose comme le recadrage ou le redimensionnement d'une image(image shouldn) ne devrait pas vous obliger à sauter à travers des cerceaux. En prenant le temps d'apprendre les bases et où chercher des choses spécifiques, il ne faudra pas longtemps pour comprendre pourquoi GIMP est un excellent investissement.

Une fois que nous aurons téléchargé et installé le programme GIMP(GIMP program) , nous examinerons l'édition de base, tout en aidant à naviguer dans l'interface, et vous expliquerons comment créer une vignette comme celle utilisée pour cet article. Nous fournirons également quelques ressources que vous pouvez utiliser pour trouver une aide avancée pour les futurs projets GIMP .

Télécharger et installer GIMP(Download and Install GIMP)

  • Accédez au site Web du développeur(developer’s website) et sélectionnez votre téléchargement. Le fichier commencera à se télécharger. Attendez quelques secondes avant de tenter l'installation.
  • Exécutez le fichier récemment téléchargé. Une fois le programme d'installation ouvert, cliquez sur le bouton Installer(Install ) pour que gimp soit installé dans le dossier par défaut(default folder) .
    • Pour modifier les paramètres d'installation et les modules complémentaires, cliquez plutôt sur Personnaliser .(Customize )
  • Suivez toutes les instructions d'installation telles qu'elles sont présentées. L' installation complète de GIMP peut prendre plusieurs minutes .
  • Une fois l'installation terminée, vous pouvez commencer à utiliser GIMP .

Utiliser GIMP : apprendre les bases(Using GIMP: Learning The Basics)

Commencez les étapes ci-dessous en lançant GIMP et en le tirant vers une fenêtre de canevas(canvas window) vierge . Nous utiliserons la même image dans chaque section.

Image Scaling/Resizing

  • Cliquez sur(Click) l'onglet "Fichier" et importez votre image en sélectionnant Ouvrir…(Open…) (CTRL + O)

  • Une fois l'image chargée, cliquez sur l'onglet "Image" et sélectionnez Mettre l' image à l'échelle(Scale Image) dans le menu déroulant.

  • Une boîte de dialogue(dialog box) apparaîtra pour activer les modifications.

  • Mettez à l'échelle/redimensionnez votre image à l'aide des options fournies.
    • Ajustez l'image en largeur et en hauteur(width and height) ou en résolution X, Y(Y resolution) .
    • Les modifications peuvent être faites par pixels, pourcentage, centimètres, etc.
    • Comprenez que l'agrandissement de l'image peut donner une image plus pixélisée.
  • Une fois les paramètres ajustés, cliquez sur Échelle(Scale ) pour continuer.

Réduction de la taille des fichiers(File Size Reduction)

  • Cliquez sur l'onglet "Fichier" et sélectionnez Exporter sous…(Export As… ) (Maj + CTRL + E)

  • Choisissez un nom et un emplacement(name and location) où vous souhaitez enregistrer le fichier.

  • Cliquez sur(Click) le '+' à côté de Sélectionner le type de fichier(Select File Type) (par extension) pour ouvrir une liste de types de fichiers(file type) sous lesquels l'enregistrer. Un type de fichier(file type) avec perte tel que jpg ou png(jpg or png) est préférable.

  • Ensuite, cliquez sur le bouton Exporter(Export ) pour faire apparaître une nouvelle fenêtre d'options.

  • Moins il y a d'éléments enregistrés, plus la taille du fichier image(image file) est petite .
    • Assurez-vous que le niveau de compression(Compression level) est défini sur ' 9 ' pour la plus petite taille.
  • Une fois que vous avez décidé quels éléments de l'image vous souhaitez enregistrer, cliquez sur Exporter(Export) .

Recadrage d'image(Image Cropping)

  • Accédez à l'onglet "Outils" et sélectionnez Transform Tools > Crop (Maj + C)

  • Vous pouvez également sélectionner l' outil(Crop Tool) de recadrage en cliquant sur son icône dans le Tool Doc près du coin supérieur gauche de l'interface.

  • Ensuite, en maintenant le bouton gauche de la souris enfoncé, faites glisser votre curseur sur la zone que vous souhaitez créer comme image finale.
  • Une fois réglées, 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 à l'aide des coins de la boîte en les réduisant ou en les agrandissant en faisant glisser le bouton de la souris(mouse button) .
  • Une fois que vous avez l'image comme vous le souhaitez, cliquez dessus avec le bouton gauche de la souris, appuyez sur Entrée(Enter) ou appuyez simultanément sur Shift + C pour recadrer votre sélection.

Rotation des images(Image Rotation)

Pour cette modification, nous allons importer une autre image pour superposer notre image actuelle.

  • Dans l'onglet "Fichier", sélectionnez Ouvrir en tant que calques…(Open As Layers…) (CTRL + ALT + O)

  • Sélectionnez le calque que vous souhaitez ajouter à l'image, dans ce cas nous utiliserons une flèche, puis cliquez sur Ouvrir(Open) .
  • 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(layer window) est située sur la droite.

  • Avec le nouveau calque en surbrillance, revenez dans les outils de transformation(Transform Tools) et choisissez Rotation(Rotate) . Vous pouvez également trouver l' icône Rotation(Rotate Tool icon) de l'outil dans la documentation de l' outil(Tool Doc) .

  • Cela ouvrira une nouvelle fenêtre contextuelle tout en appliquant une texture semblable à un réticule à votre image.

  • Si vous connaissez l'angle de rotation que vous souhaitez appliquer, vous pouvez entrer les valeurs dans les cases fournies. Sinon, vous pouvez choisir d'utiliser la barre(slide bar) de défilement juste en dessous de la case intitulée "Angle" ou de faire pivoter l'image vous-même en utilisant le clic gauche de votre souris et en faisant glisser.
    • L'utilisation des valeurs exactes fournit des résultats plus précis, plus rapidement.
  • Une fois que les résultats vous conviennent, cliquez sur Rotation(Rotate) .

Conception d'une vignette(Designing a Thumbnail)

Dans cette section, nous allons vous montrer comment nous avons créé la vignette de cet article à l'aide de GIMP . Certaines parties de ce didacticiel utiliseront certains des outils utilisés dans Apprendre les bases(Learning the Basics)

Avant de commencer, il est préférable de rassembler toutes les images dont vous pourriez avoir besoin. Parce que la vignette est restée simple, la seule couche d'image(image layer) dont elle aura besoin est le logo GIMP(GIMP logo) , acquis via Wikipedia .

Une fois téléchargé et enregistré sur votre ordinateur, nous pouvons commencer.

  • Ouvrez l'onglet "Fichier" et sélectionnez Nouveau…(New…) (CTRL + N)
    • Cela affichera une fenêtre " Créer une nouvelle image" où vous pourrez sélectionner un (Create)modèle(Template) pré-créé ou décider manuellement de la taille de l'image.

  • Nos vignettes ne dépassent jamais 680 pixels de largeur, nous allons donc définir la taille de notre image(image size) en tant que telle. Quant à la hauteur, nous la garderons à 400px.
  • Une fois les dimensions définies, cliquez sur OK .
  • Nous devrions maintenant regarder une toile vierge (blanche). Vous pouvez choisir de colorer l'arrière-plan comme vous le souhaitez à l'aide de l' outil Bucket Fill Tool(Bucket Fill Tool) dans Tool Doc , mais pour l'instant, nous le garderons blanc.
  • La meilleure chose à faire est d'ajouter votre calque supplémentaire maintenant, de cette façon une fois que nous aurons commencé à ajouter le texte, nous pourrons l'ajuster afin qu'il ne bloque(t block) pas l'image. Alors, ouvrez l'onglet "Fichier" et cette fois sélectionnez (time select) Ouvrir en tant que calques…(Open As Layers…) tout comme nous l'avons fait pour la flèche lors de la rotation de l'image(Image Rotation) . Sélectionnez le logo GIMP(GIMP logo) que vous avez téléchargé précédemment et cliquez sur Ouvrir(Open) .
  • L' image de la couche(layer image) est de 1200 x 1200 , ce qui est beaucoup trop grand pour notre image principale à 680 x 400. Nous devrons la réduire. Si vous suivez les instructions illustrées ci-dessus, ajustez la largeur et la hauteur de l'image(image width and height) à 200 pixels.
  • Nous pouvons ensuite faire glisser l'image sur le côté afin qu'elle ne gêne pas notre texte jusqu'à ce que nous ayons besoin de la repositionner.

  • Vient ensuite le texte. Nous allons utiliser la commande de raccourci(shortcut command) et appuyer sur la touche ' T ' de votre clavier pour sélectionner l' outil Texte(Text Tool) . 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 en surbrillance le texte ( 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(Windows Font folder) et les ajoutera à sa bibliothèque de choix. Vous pouvez ajouter des polices supplémentaires en les téléchargeant à partir de sites tels que DaFont et Google Fonts et en les déplaçant vers le dossier Windows Font(Windows Font folder) .
  • Ensuite, ajustez la taille du lettrage afin 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 les ajustements de texte effectués, vous pouvez déplacer la zone de texte(text box) pour l'ajuster là où vous en avez besoin en passant à l' outil Déplacer(Move Tool) . Vous pouvez le faire facilement en cliquant sur une zone de l'image qui n'est pas le texte et en cliquant sur ' (text and clicking ‘)M '.

  • Sélectionnez le calque de texte(text layer) dans la fenêtre de droite, cliquez dessus avec le bouton droit de la souris et, dans la liste, sélectionnez (list select) Alpha vers sélection(Alpha to Selection) . Cela ajoutera une bordure animée au texte de l'image.

  • Ensuite, nous allons devoir ajouter une couche supplémentaire. Pour ce faire, dans la même fenêtre de(side window) droite , localisez et cliquez sur le bouton Créer un nouveau calque(Create a New Layer) . Cela ouvrira la fenêtre pour créer un nouveau calque. Ne vous inquiétez pas de la plupart de ce qui se passe ici, c'est pour un tutoriel plus avancé. Pour l'instant, assurez-vous simplement que la section « Remplir avec : »(” section) a Transparence(Transparency ) dans le menu déroulant et cliquez sur OK .

  • Un nouveau calque reflétant le texte que vous aviez appliqué Alpha à la sélection(Selection) est créé. Ce devrait être le calque sélectionné par défaut. Nous allons maintenant ajouter une bordure autour du texte.
  • Cliquez sur l'onglet "Sélectionner" et choisissez Développer(Grow) . Dans la boîte de sélection(selection box) qui apparaît, définissez la valeur sur ' 2 ' et cliquez sur OK .

  • À ce stade, pour vous faciliter la tâche, cliquez sur l' icône Œil(Eye icon) à côté du calque de texte d'(text layer) origine dans la fenêtre des calques. L'œil disparaîtra une fois cliqué, ce qui masquera la visibilité du texte pendant que vous remplirez la bordure.

  • Click Shift + B pour sélectionner l' outil de remplissage du seau(Bucket Fill Tool) , puis cliquez sur le carré de couleur(color square) 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(HTML notation) de 1b56ff.

  • Si vous connaissez un peu CSS , vous pouvez utiliser les codes de couleur dans cette case.
  • Faites glisser(Drag) votre curseur sur la zone de texte invisible marquée par la bordure animée et cliquez avec le bouton gauche pour la remplir de couleur.

  • Cliquez sur(Click) la zone où se trouvait l' icône de l'œil(Eye icon) pour faire apparaître à nouveau le texte d'origine. Ensuite, faites glisser le texte d'origine au-dessus du calque coloré dans la fenêtre(layer window) des calques .
  • Cliquez avec le bouton droit sur le calque le plus haut et sélectionnez Fusionner vers le bas(Merge Down) . L'image devrait maintenant ressembler à ceci :

  • Nous allons maintenant ajouter un peu d'ombre au texte. Cliquez sur(Click) l'onglet "Filtres", sélectionnez Light and Shadow > Drop Shadow (Legacy)…
  • Dans la fenêtre contextuelle(pop-up window) , 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(blur radius) et augmenté l'opacité à ' 100 '.
    • Vous pourriez changer la couleur de l'ombre pour la rendre plus visible sur le fond, disons par exemple si votre fond était noir il serait préférable de choisir une couleur plus claire(brighter color) . Cependant, puisque notre arrière-plan est blanc, le noir convient parfaitement.
    • Pour éviter un décalage de l'image, décochez la case marquée Autoriser le redimensionnement(Allow resizing) avant d'appuyer sur OK .
  • Fusionnez(Merge Down) le calque Ombre portée(Drop Shadow layer) au-dessus de votre calque de texte(text layer) .
  • Onglet "Sélectionner" > Aucun(None) (Maj + CTRL + A)
  • Ce n'est pas nécessaire mais nous avons décidé d'ajouter une ombre au logo GIMP(GIMP logo) . Si vous choisissez de le faire, les instructions sont les mêmes. En dehors de cela, sélectionnez le calque du logo GIMP(GIMP logo) et déplacez-le dans la position souhaitée dans la vignette.
  • À la fin, si vous pensez que l'arrière-plan blanc n'est pas adéquat, vous pouvez mettre en surbrillance le calque d'arrière(Background layer) -plan , sélectionner l' outil de remplissage du seau(Bucket Fill Tool) et procéder à l'ajout d'un peu de couleur. Nous avons choisi un gris subtil pour ne pas noyer les ombres. Le produit fini devrait ressembler à ceci :

  • Maintenant, tout ce dont vous avez besoin est d' exporter(Export As) sous et de l'enregistrer à votre emplacement préféré.

Utilisation de GIMP : aide supplémentaire(Using GIMP: Additional Help)

Il ne faudra pas longtemps une fois que vous commencerez à utiliser GIMP avant que vous ayez l'impression de maîtriser les bases et que vous vous tourniez vers une édition de style plus compliquée et professionnelle. Il existe d'innombrables didacticiels dans lesquels vous pouvez vous enfoncer et qui peuvent vous aider à approfondir vos connaissances pratiques du logiciel GIMP(GIMP software) .

Vous pouvez commencer dans la section des tutoriels officiels de GIMP(official GIMP tutorials section) mais je préfère rechercher exactement ce que je recherche en utilisant YouTube .

GIMP a également une grande communauté d'utilisateurs(user community) répartis sur Internet qui comprend un subreddit , des plateformes de discussion non officielles comme les forums(GIMP Forums) GIMP et le chat GIMP(GIMP Chat) , des questions balisées(tagged questions) dans la section Conception graphique(Graphic Design section) de StackExchange et des canaux de médias sociaux comme le groupe d'utilisateurs Google Plus GIMP(GIMP users) .



About the author

Je suis un réviseur de logiciels et un expert en productivité. Je révise et rédige des critiques de logiciels pour diverses applications logicielles, telles qu'Excel, Outlook et Photoshop. Mes critiques sont bien informées et fournissent des informations objectives sur la qualité de l'application. J'écris des critiques de logiciels depuis 2007.



Related posts