Le guide du débutant pour utiliser GIMP

Grâce Ă  GIMP, ou le gNU jemage Mannihiler Program, il n’a jamais Ă©tĂ© aussi simple et abordable de crĂ©er des vignettes Ă©piques et des logos de haute qualitĂ©. GIMP est une rĂ©ponse open source gratuite aux Ă©diteurs d’images Ă  la recherche d’une alternative Ă  Adobe Photoshop. Il est Ă©galement assez convivial pour les dĂ©butants et possède une communautĂ© florissante remplie de trucs et astuces pour aider Ă  produire les modifications et les rĂ©visions nĂ©cessaires Ă  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 dĂ©couvriront que GIMP est un excellent programme qui peut facilement rĂ©pondre Ă  leurs besoins d’amĂ©lioration d’image. La mĂŞme chose peut ĂŞtre dite pour ceux qui dĂ©butent dans les domaines de la manipulation d’images.

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 que vous souhaitez sont minimes, quelque chose comme le recadrage ou le redimensionnement d’une image ne devrait pas nĂ©cessiter que vous sautiez Ă  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, 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échargez et installez GIMP

  • AccĂ©dez au site Web du dĂ©veloppeur et sĂ©lectionnez votre tĂ©lĂ©chargement. Le fichier commencera Ă  se tĂ©lĂ©charger. Attendez quelques secondes jusqu’Ă  ce que vous essayiez d’installer.
  • ExĂ©cutez le fichier rĂ©cemment tĂ©lĂ©chargĂ©. Une fois le programme d’installation ouvert, 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 sur Personnaliser plutĂ´t.
  • 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

Commencez les étapes ci-dessous en lançant GIMP et en le faisant apparaître dans une fenêtre de toile vierge. Nous utiliserons la même image dans chaque section.

Mise Ă  l’Ă©chelle/redimensionnement de l’image

  • Cliquez sur l’onglet “Fichier” et importez votre image en sĂ©lectionnant Ouvert… (CTRL + O)
  • Une fois l’image chargĂ©e, cliquez sur l’onglet « Image » et sĂ©lectionnez Image Ă  l’Ă©chelle dans le menu dĂ©roulant.
  • Une boĂ®te de dialogue apparaĂ®tra pour permettre les modifications.
  • Mettez Ă  l’Ă©chelle/redimensionnez votre image Ă  l’aide des options fournies.
    • Ajustez l’image en largeur et en hauteur ou la rĂ©solution X, Y.
    • Des modifications peuvent ĂŞtre apportĂ©es par pixels, pourcentage, centimètres, etc.
    • Comprenez qu’agrandir l’image peut donner une image plus pixĂ©lisĂ©e.
  • Une fois les paramètres ajustĂ©s, cliquez sur Échelle procĂ©der.

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.
  • Ensuite, cliquez sur le Exportation bouton pour avoir une nouvelle fenĂŞtre d’options pop-up.
  • Moins il y a de choses enregistrĂ©es, plus la taille du fichier image est petite.
    • Assurez-vous que le niveau de compression 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 Exportation.

Recadrage d’images

  • AccĂ©dez Ă  l’onglet “Outils” et sĂ©lectionnez Outils de transformation > Rogner (Maj + C)
  • Vous pouvez Ă©galement sĂ©lectionner le Outil de recadrage en cliquant sur son icĂ´ne dans le Tool Doc en haut Ă  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.
  • Une fois que vous avez l’image comme vous le souhaitez, faites un clic gauche dessus, appuyez sur Entrer, ou appuyez simultanĂ©ment sur Maj + C pour recadrer votre sĂ©lection.

Rotation de l’image

Pour cette modification, nous allons importer une autre image Ă  superposer sur 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 utiliserons une flèche, et cliquez sur Ouvert.
  • 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 sur la droite.
  • Avec le nouveau calque en surbrillance, retournez dans les outils de transformation et choisissez Tourner. Vous pouvez Ă©galement trouver l’icĂ´ne de l’outil de rotation dans la documentation de l’outil.
  • 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 prĂ©vues. Sinon, vous pouvez choisir d’utiliser la barre de dĂ©filement juste en dessous de la case intitulĂ©e « Angle » ou de faire pivoter l’image vous-mĂŞme Ă  l’aide du clic gauche de votre souris et de la faire glisser.
    • L’utilisation des valeurs exactes fournit des rĂ©sultats plus prĂ©cis, plus rapidement.
  • Une fois les rĂ©sultats Ă  votre goĂ»t, cliquez sur Tourner.

Concevoir une vignette

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.

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 dont elle aura besoin est le logo GIMP, acquis via Wikipedia.

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

  • Ouvrez l’onglet “Fichier” et sĂ©lectionnez Nouvelle… (CTRL + N)
    • Cela ouvrira une fenĂŞtre « CrĂ©er une nouvelle image » dans laquelle vous pourrez sĂ©lectionner un modèle prĂ©-crĂ©Ă© ou dĂ©cider manuellement de la taille de l’image.
  • Nos vignettes ne dĂ©passent jamais la largeur de 680 pixels, nous allons donc dĂ©finir la taille de notre image en tant que telle. Quant Ă  la hauteur, nous la garderons Ă  400px.
  • Une fois les dimensions dĂ©finies, cliquez sur d’accord.
  • Nous devrions maintenant regarder une toile vierge (blanche). Vous pouvez choisir de colorer l’arrière-plan comme vous le souhaitez en utilisant l’outil de remplissage de seau dans le document d’outils, 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 pas l’image. Alors, ouvrez l’onglet “Fichier” et cette fois sĂ©lectionnez Ouvrir en tant que calques… tout comme nous l’avons fait pour la flèche pendant Rotation de l’image. SĂ©lectionnez le logo GIMP que vous avez tĂ©lĂ©chargĂ© prĂ©cĂ©demment et cliquez sur Ouvert.
  • L’image du calque est au format 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 Ă  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 et appuyer sur le ‘T‘ de votre clavier pour sĂ©lectionner l’outil Texte. 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 Ă  partir de sites tels que DaFont et Google Fonts et en les dĂ©plaçant vers le dossier Windows Font.
  • Ensuite, ajustez la taille du lettrage afin qu’il s’intègre bien dans l’image mais ne prenne pas trop de place. Nous avons optĂ© pour 100px.
  • Une fois les ajustements de texte effectuĂ©s, vous pouvez dĂ©placer la zone de texte pour l’adapter Ă  l’endroit oĂą vous en avez besoin en passant Ă  l’outil DĂ©placer. 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.
  • Ensuite, nous allons devoir ajouter une couche supplĂ©mentaire. Pour ce faire, dans la mĂŞme fenĂŞtre de droite, localisez et cliquez sur le CrĂ©er un nouveau calque bouton. Cela ouvrira la fenĂŞtre pour crĂ©er un nouveau calque. Ne vous inquiĂ©tez pas de la plupart de ce qui est 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 d’accord.
  • Un nouveau calque reflĂ©tant le texte que vous aviez appliquĂ© Alpha Ă  la sĂ©lection est crĂ©Ă©. Il devrait s’agir du calque sĂ©lectionnĂ© par dĂ©faut. Nous allons maintenant ajouter une bordure autour du texte.
  • Cliquez sur l’onglet “SĂ©lectionner” et choisissez CroĂ®tre. Dans la boĂ®te de sĂ©lection qui s’affiche, dĂ©finissez la valeur sur ‘2‘ et cliquez d’accord.
  • Ă€ ce stade, pour vous faciliter la tâche, cliquez sur l’icĂ´ne en forme d’Ĺ“il Ă  cĂ´tĂ© du calque de texte d’origine dans la fenĂŞtre des calques. L’Ĺ“il disparaĂ®tra une fois cliquĂ©, ce qui masquera la visibilitĂ© du texte pendant que vous remplissez la bordure.
  • Cliquez sur Maj + B pour sĂ©lectionner l’outil de remplissage de 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 avons optĂ© pour une nuance de bleu avec la notation HTML de 1b56ff.
  • Si vous connaissez un peu le CSS, vous pouvez utiliser les codes de couleur dans cette case.
  • Faites glisser 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 de l’Ĺ“il pour rĂ©-afficher le texte d’origine. Ensuite, faites glisser le texte d’origine 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 :
  • Nous allons maintenant 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‘ dans le rayon de flou, et a poussĂ© l’opacitĂ© Ă  ‘100‘.
    • Vous pouvez 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. Cependant, comme notre arrière-plan est blanc, le noir convient parfaitement.
    • Pour Ă©viter un dĂ©calage dans l’image, dĂ©cochez la case marquĂ©e Autoriser le redimensionnement avant d’appuyer d’accord.
  • Fusionnez le calque Ombre portĂ©e au-dessus de votre calque de texte.
  • Onglet “SĂ©lectionner” > Rien (Maj + CTRL + A)
  • Ce n’est pas nĂ©cessaire mais nous avons dĂ©cidĂ© d’ajouter une ombre au logo GIMP. Si vous choisissez de le faire, les instructions sont les mĂŞmes. En dehors de cela, sĂ©lectionnez le calque du logo GIMP 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-plan, sĂ©lectionner l’outil de remplissage de seau et ajouter 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 qu’il faut, c’est Exporter en tant que et enregistrez-le dans votre emplacement prĂ©fĂ©rĂ©.

Utilisation de GIMP : aide supplémentaire

Il ne faudra pas longtemps une fois que vous aurez commencĂ© Ă  utiliser GIMP avant que vous ayez l’impression de maĂ®triser les bases et de vous tourner vers une Ă©dition de style plus compliquĂ©e et professionnelle. Il existe d’innombrables didacticiels dans lesquels vous pouvez vous mettre Ă  fond et qui peuvent vous aider Ă  Ă©largir vos connaissances pratiques du logiciel GIMP.

Vous pouvez commencer dans la section des didacticiels officiels de GIMP, mais je préfère rechercher exactement ce que je recherche en utilisant YouTube.

GIMP dispose Ă©galement d’une grande communautĂ© d’utilisateurs rĂ©partie sur Internet qui comprend un sous-programme, des plateformes de discussion non officielles telles que les forums GIMP et le chat GIMP, des questions Ă©tiquetĂ©es dans la section Conception graphique de StackExchange et des canaux de mĂ©dias sociaux tels que le groupe d’utilisateurs Google Plus GIMP.