Comment créer une icône pour Windows 10 ou 11 à partir de n'importe quelle image
Agence web » Actualités du digital » Comment créer une icône pour Windows 10 ou 11 à partir de n’importe quelle image

Comment créer une icône pour Windows 10 ou 11 à partir de n’importe quelle image

Nous avons présenté de nombreuses icônes bien conçues pour Windows, mais vous êtes-vous déjà demandé comment créer les vôtres ? Chargez un navigateur Web et GIMP (ou votre éditeur de photos préféré), et nous vous montrerons comment transformer n’importe quelle image en fichier ICO.

Pouvoir utiliser des icônes haute résolution contribue grandement à rendre votre PC fantastique, mais c’est tellement ennuyeux de ne pas en trouver une qui ressemble à ce que vous voulez. Alors faites-les vous-même et donnez vraiment à Windows le look personnalisé dont vous rêviez.

Saisir des graphiques pour des icônes personnalisées

Recherche d'images Google.

Vos nouvelles icônes peuvent être ce que vous voulez, ou tout ce que vous pouvez Google. Vous pouvez concevoir le vôtre, si vous êtes artistiquement enclin, mais pour des raisons de démonstration, nous prendrons simplement quelque chose de simple dans Google Images. S’il existe plusieurs versions du graphique que vous recherchez, choisissez la plus belle à la résolution la plus élevée, qui devrait être au dessus de 256 x 256 pixels. Plus haut c’est bien, mais plus petit pourrait vous donner une icône en basse résolution !

Préparation de l’image

L’étape suivante consiste à supprimer les parties de l’image que vous ne voulez pas dans votre icône. Nous utiliserons GIMP, le célèbre éditeur d’images gratuit et open source, mais vous pouvez utiliser un autre éditeur d’images si vous le préférez. Les principes seront les mêmes.

Heureusement, notre exemple d’image a des lignes noires nettes et bien définies autour du sujet et un arrière-plan uni. Cela fait de l’outil de sélection floue (Magic Wand dans Photoshop) l’outil idéal pour le travail. Pour les images avec des arrière-plans plus complexes, vous devrez utiliser des méthodes plus complexes.

Tout d’abord, nous devons nous assurer que notre image a un canal alpha. Les canaux alpha permettent aux images d’avoir de la transparence. Dans le cas de notre icône, cela garantira que nous n’avons pas un fond blanc pur disgracieux.

Ouvrez votre image dans GIMP, puis allez sur le côté droit et recherchez le menu des calques. Il n’y aura probablement qu’une seule couche, à moins que vous n’ayez téléchargé quelque chose comme un fichier PSD. Faites un clic droit sur le calque, puis cliquez sur « Ajouter un canal Alpha ». Si l’option est grisée, vous avez de la chance – l’image que vous avez téléchargée a déjà un canal alpha.

EN RELATION: Quelle est la différence entre JPG, PNG et GIF ?

Cliquez sur "Ajouter un canal Alpha."

Ensuite, nous devons modifier certains paramètres de l’outil de sélection floue. Activez l’outil de sélection pointilleux en cliquant sur l’icône en haut à gauche, puis cochez la case « Afficher le masque ».

Sélectionnez l

Le masque n’est pas strictement nécessaire, mais il est utile. Il met en surbrillance la région sélectionnée en rose vif lors d’un clic gauche, ce qui la rend beaucoup plus facile à voir. Une fois que vous relâchez le clic gauche, le masque rose disparaîtra mais votre région sera toujours sélectionnée. Appuyez sur la touche Suppr pour supprimer la région sélectionnée.

Une région mise en évidence à l'aide de la baguette magique avec le masquage activé.

Dans ce cas, cliquer une fois sur le fond blanc ne suffit pas, car les lignes noires décrivant Mario rencontrent le bord de l’image. Vous avez trois options :

  1. Supprimez le fond blanc morceau par morceau jusqu’à ce qu’il n’y ait plus rien.
  2. Maj + clic gauche sur chaque région formée par le contour noir de Mario (ou son avion) ​​rencontrant le bord de l’image, puis supprimez-les tous en même temps.
  3. Ajustez la tolérance de la baguette de sélection floue pour sélectionner toutes les régions en un clic, puis supprimez-les simultanément.

Pointe: La troisième méthode est vraiment pratique pour cet exemple. Si l’outil de sélection floue est actif, un clic gauche sélectionnera une région. Si vous maintenez le clic gauche et faites glisser vers la droite ou vers le bas, cela augmente la tolérance, et faire glisser vers la gauche ou vers le haut diminue la tolérance. Maintenez le clic gauche dans la première région que vous souhaitez supprimer, puis faites glisser votre curseur vers la droite jusqu’à ce que toutes les régions blanches soient sélectionnées. Ne faites pas glisser votre curseur dans le personnage ou son avion – ils seront également sélectionnés.

Une fois que vous avez sélectionné et supprimé tout le fond blanc, vous devriez voir le pilote et son avion sur un fond à carreaux gris.

Pilote avec tout le fond blanc supprimé.

Cliquez sur Fichier > Exporter sous et exportez l’image au format PNG. Conservez les paramètres d’enregistrement par défaut et nommez l’image comme vous le souhaitez.

Sélectionnez PNG dans la liste des extensions de fichiers, puis cliquez sur "Exporter".

Créer une icône

Une fois que nous avons nettoyé notre image, nous devons lui donner la bonne taille. Les icônes sont de différentes tailles, mais elles sont toujours carrées. Les tailles courantes des icônes Windows sont 256 × 256, 48 × 48, 32 × 32, 24 × 24 et 16 × 16, mais il en existe de nombreuses autres. Les fichiers d’icônes, les ICO, stockent souvent plusieurs versions de la même icône à différentes résolutions. De cette façon, l’icône peut être utilisée à différentes tailles.

EN RELATION: Tout ce que vous savez sur la résolution d’image est probablement faux

Tout d’abord, redimensionnez l’image en appuyant sur Maj + s ou en naviguant vers Outils > Outils de transformation > Échelle. La boîte qui apparaît vous montre la largeur et la hauteur de l’image avec laquelle vous travaillez – changez la plus grande des deux quantités à 256, puis cliquez sur Échelle. L’autre quantité doit changer en conséquence. Si l’image n’est pas parfaitement carrée, ne vous inquiétez pas.

Modifiez la plus grande des deux quantités en 256, puis cliquez sur "Echelle".

Nous devons maintenant redimensionner le canevas pour qu’il soit de 256 × 256. Accédez à Image > Taille du canevas, définissez la taille du canevas sur 256 × 256, puis cliquez sur redimensionner.

Changez la taille de la toile en 256x256.  Cliquez ensuite sur "Redimensionner".

Si votre image de départ n’était pas exactement de 256 × 256, elle ne sera pas correctement centrée sur l’axe de la longueur ou de la largeur. Le moyen le plus simple de résoudre ce problème consiste simplement à le regarder avec l’outil de déplacement.

Sélectionnez l'outil de déplacement.

Vous pouvez ajouter des lignes directrices pour vous aider à le centrer exactement si vous souhaitez être plus précis. Allez dans Image > Guides > Nouveau guide (par pourcentage) et placez un guide à 50 %. Si votre image n’est pas centrée verticalement, utilisez un guide horizontal ; s’il n’est pas centré horizontalement, utilisez un guide vertical.

Le guide apparaît sous la forme d’une ligne bleue au milieu de la toile – lorsque vous cliquez sur l’image avec l’outil de déplacement, une petite croix blanche apparaît au milieu de l’image. Cliquez et faites glisser l’image avec l’outil de déplacement jusqu’à ce que la croix soit aussi proche que possible de la ligne bleue.

Petite croix à la ligne de guidage créée.

Une fois cela fait, vous devez créer les autres tailles. Cliquez avec le bouton droit sur le calque d’origine et cliquez sur « Dupliquer le calque », ou cliquez avec le bouton gauche sur le calque et appuyez sur Ctrl + d. Il y a quatre doublons dans cet exemple. Double-cliquez sur chaque calque et renommez-le de manière descriptive, comme 256 × 256, 48 × 48, 24 × 24, etc. Sélectionnez ensuite chaque calque et mettez-le à l’échelle à la bonne taille à l’aide des outils de transformation, comme vous l’avez fait auparavant.

La création de guides supplémentaires pour chaque taille d’icône facilite le positionnement des calques. Pour toute taille d’icône donnée, vous souhaiterez placer des guides à la moitié de la largeur et de la hauteur totales pour localiser le point central. Naviguez à nouveau vers Image> Guides, mais cette fois sélectionnez « Nouveau guide » au lieu de « Guides par pourcentage ». Par exemple, si vous avez une taille de 48 × 48, placez les guides horizontaux et verticaux à 24. Ensuite, utilisez l’outil de déplacement pour déplacer chaque icône en place.

Noter: Si vous ne vous souciez pas de l’apparence de votre fichier de travail, vous n’avez pas vraiment besoin d’organiser les calques d’une manière spécifique comme celle-ci. L’important est que chaque couche soit correctement mise à l’échelle.

Cliquez sur Fichier > Enregistrer et enregistrez l’intégralité du projet au format XCF. S’il y a un problème, ou si vous voulez changer quelque chose plus tard, avoir le fichier de travail à portée de main est inestimable.

Après cela, vous devez aller dans Fichier> Exporter sous, cliquer sur « Sélectionner le type de fichier » et rechercher « .ico » dans la liste des extensions de fichier. Nommez votre icône, puis cliquez sur « Exporter ». Allez-y et conservez les paramètres par défaut dans la fenêtre contextuelle, puis cliquez à nouveau sur « Exporter ».

La création de l’icône était la partie la plus difficile – il ne reste plus qu’à utiliser votre icône personnalisée. Si vous souhaitez créer une toute nouvelle icône, vous pouvez également le faire dans GIMP. Alternativement, vous pouvez utiliser un programme comme Inkscape.

EN RELATION: Qu’est-ce qu’un logiciel open source et pourquoi est-ce important ?

★★★★★