4 façons simples de recolorer des icônes – Le blogue Iconfinder
Contenus
Quel est le moyen le plus simple de recolorer une icône? Ajouter de la couleur à une icône est vraiment très facile, mais vous devez toujours savoir comment. Nous avons donc écrit ce guide qui vous explique comment recolorer des icônes à l'aide de notre éditeur d'icônes, Photoshop, Sketch, PowerPoint, Aperçu ou Google Docs.
Mis à jour en septembre 2017: Icon Editor de Icon Editor et Google Docs ajoutés.
Iconfinder’s Icon Editor (en ligne)
Si vous souhaitez recolorer une icône à partir d’Iconfinder, rien de plus simple et rapide que d’utiliser notre éditeur d’icône en ligne. Il est gratuit pour tout le monde et fonctionne avec toutes les icônes gratuites, les icônes premium que vous avez achetées ou, si vous êtes un abonné Pro, avec l’un des 2 millions d’icônes du site, même si vous ne les avez pas encore téléchargées. .
Étape 1– Recherchez l'icône de votre choix sur Iconfinder. Vous pouvez accéder directement à l'éditeur depuis la page d'icônes en cliquant sur le bouton «Modifier l'icône».
* Notez que s'il s'agit d'une icône premium et que vous n'êtes pas un abonné Pro, vous devez d'abord acheter l'icône pour afficher le bouton "Modifier l'icône".
Étape 2– L'icône s'ouvre dans la fenêtre de l'éditeur. Sélectionnez l'élément que vous souhaitez recolorer en cliquant simplement dessus.
Conseil: Si vous souhaitez modifier la couleur de l’ensemble de l’icône, vous pouvez sélectionner rapidement tous les éléments à l’aide du raccourci clavier «Commande + A» (pour Mac) ou «Ctrl + A» (pour Windows).
Étape 3– Cliquez sur l'outil Sélecteur de couleurs dans le panneau de gauche.
Étape 4– Dans le menu Sélecteur de couleurs, choisissez une couleur ou entrez la vôtre au format HSV, RGB ou HEX, puis cliquez sur «OK».
Étape 5– C’est tout pour la recoloration! Cliquez maintenant sur le bouton «Télécharger l’icône» pour enregistrer l’icône au format SVG ou PNG.
Avantages:
Libre
Super facile et rapide pour recolorer les icônes
Basé sur le Web, il n’est donc pas limité à un système d’exploitation
Prend en charge le format SVG vectoriel
Enregistre vos couleurs «récemment utilisées»
Les inconvénients:
Peut ne pas fonctionner avec certains SVG situés en dehors de la bibliothèque d’Iconfinder.
Adobe Photoshop (Windows et Mac)
De nouveaux outils graphiques sophistiqués apparaissent tout le temps. Mais le bon vieux, près de 25 ans, Adobe Photoshop est toujours la norme d'or. Et il est probable que même si vous avez commencé à utiliser de nouveaux outils tels que Pixelmator ou Sketch, vous avez toujours une copie de Photoshop installée et vous l'utilisez assez souvent.
Voici comment recolorer facilement une icône avec Adobe Photoshop
Étape 1– Recherchez l'icône de votre choix sur Iconfinder et sélectionnez la taille dont vous avez besoin. Choisissez le format PNG, qui est pris en charge de manière native dans Photoshop.
Étape 2– Ouvrez le Options de fusion… panneau en faisant un clic droit sur la couche et en cliquant sur Options de fusion….
Étape 3– Cliquer sur Superposition de couleurs et cliquez sur l'échantillon de couleur pour choisir votre nouvelle couleur.
C'est tout! Photoshop peut être assez complexe, mais heureusement, il est très facile de recolorer une icône.
Avantages:
Très facile à recolorer les icônes
Disponible pour Windows et Mac
Les inconvénients:
Photoshop est un logiciel coûteux, comparé aux alternatives.
Le format vectoriel SVG n'est pas pris en charge de manière native.
Esquisse (Mac uniquement)
Alors que Photoshop est le cheval de bataille graphique éprouvé, Sketch by Bohemian Coding est le nouveau venu. Sketch gagne rapidement en popularité auprès des concepteurs professionnels de sites Web et d’applications. Sketch a prouvé sa capacité à être un membre de premier ordre de la boîte à outils des concepteurs.
Voici comment recolorer les icônes avec Sketch
Étape 1– Recherchez l'icône de votre choix sur Iconfinder. Sketch étant conçu comme un outil vectoriel et prenant en charge le format SVG de manière native, vous n’aurez plus à vous soucier de la taille. Il suffit de télécharger l'icône en SVG.
Étape 2– Si l'icône est composée de plusieurs calques groupés, commencez par dissocier le groupe jusqu'à ce que tous les calques soient sélectionnés.
Étape 3– Avec tous les calques sélectionnés, utilisez le panneau Remplissage pour ouvrir votre sélecteur de couleur et choisir votre nouvelle couleur de remplissage.
Avantages
Sketch prend en charge le format SVG vectoriel de manière native.
À 79 $, Sketch n’est pas cher comparé à Adobe Photoshop.
Les inconvénients
Malheureusement, Sketch n'est que Mac.
Powerpoint (Windows et Mac)
L'utilisation d'icônes dans les présentations est devenue une alternative très populaire aux images de stock. Mais parfois, vous utiliserez un thème qui ne correspond pas à la couleur par défaut des icônes que vous souhaitez utiliser. Bien que vous puissiez bien sûr utiliser l’un des autres programmes de ce message, vous pouvez également le faire directement dans Microsoft PowerPoint pour changer de couleur.
Voici comment vous ajustez la couleur d'une icône à l'aide de Microsoft PowerPoint
Étape 1– Recherchez l'icône de votre choix sur Iconfinder et sélectionnez la taille dont vous avez besoin. Choisissez le format PNG, qui est pris en charge de manière native dans PowerPoint.
Étape 2– Après avoir inséré votre icône, sélectionnez-la et allez à Format de l'image et cliquez sur Recolorer.
Étape 3– Choisissez votre couleur et vous avez terminé.
Avantages
Vous pouvez recolorer des icônes sans avoir besoin d'un éditeur d'images dédié
Les inconvénients
La coloration est effectuée par rapport à la couleur d'origine, ce qui rend parfois difficile l'obtention d'une couleur spécifique.
Pour une version Windows de ce guide, consultez la publication détaillée sur comment utiliser les icônes dans vos présentations PowerPoint.
Aperçu (Mac uniquement)
Si vous devez principalement ajuster le ton de la couleur sur votre icône, vous le faites réellement gratuitement. Grâce à l’Aperçu fourni avec Mac OS X, vous pouvez régler les niveaux de couleur et créer facilement une icône noire en blanc. Donc, si c'est tout ce dont vous avez besoin, Preview fera l'affaire.
Voici comment recolorer une icône en utilisant Aperçu
Étape 1
Recherchez l'icône de votre choix sur Iconfinder et sélectionnez la taille dont vous avez besoin. Choisissez le format PNG, qui est pris en charge de manière native dans Preview.
Étape 2– Ouvrez le Ajustez la couleur… ” palette de la Outils menu.
Étape 3– Ajustez les niveaux en déplaçant les poignées des hauts et des bas sur les côtés opposés, inversant ainsi les couleurs.
Avantages
La prévisualisation est gratuite et intégrée à Mac OS X
Les inconvénients
Mac seulement
L'aperçu vous permet d'ajuster les couleurs, mais pas de choisir une couleur spécifique.
Google Docs
Avec l’ampleur croissante de la collaboration, l’utilisation d’outils permettant à plusieurs personnes de travailler simultanément avec le même matériau se développe également. L'un des outils les plus populaires pour collaborer sur le matériel écrit est évidemment Google Docs.
Si vous avez besoin d'ajustements de base de la couleur des icônes lorsque vous travaillez dans Docs, vous n'avez pas besoin d'utiliser de programmes externes, car vous pouvez facilement le faire ici.
Voici comment ajuster la couleur d'une icône à l'aide de Google Docs.
Étape 1 – Recherchez l’icône de votre choix sur Iconfinder et sélectionnez la taille dont vous avez besoin. Téléchargez l'icône au format PNG.
Étape 2– Faites glisser l’icône dans le document Google Documents, marquez-la et cliquez sur "Options d’image". Le menu sur le côté droit apparaît.
Étape 3 – Choisissez la couleur préférée parmi les options de re-couleur.
Étape 4– Vous pouvez également régler la transparence, la luminosité et le contraste de la couleur. C'est tout!
Avantages
Vous pouvez recolorer des icônes sans avoir besoin d'un éditeur d'images dédié.
Les inconvénients
Vous ne pouvez pas définir une couleur exacte. Il suffit donc de jouer avec les poignées de luminosité et de contraste pour extraire une couleur la plus proche de ce que vous souhaitez.
Voici donc nos conseils et astuces pour recolorer les icônes. N'hésitez pas à laisser un commentaire si vous avez des questions ou des remarques sur ce guide.
Commentaires
Laisser un commentaire