31 didacticiels de conception d'icônes

Les icônes peuvent être incroyablement pratiques pour la conception Web et l’impression. Ils constituent un moyen simple et génial d’ajouter des graphiques aux zones de texte, ce qui en fait une expérience beaucoup plus facile et meilleure pour l’utilisateur..

De nombreux didacticiels sur les icônes sur le Web sont spécifiquement destinés à Adobe Illustrator, principalement parce que ses fonctionnalités d'image vectorielle vous permettent de redimensionner votre icône terminée à la taille d'une tête d'épingle ou des muscles de l'incroyable Hulk. Cependant, si vous savez quel sera le but de votre icône (c’est-à-dire que vous n’allez pas la vouloir plus grosse que, disons, 128x128px), la concevoir dans Photoshop n’est pas un problème, en fait, dans certains cas. cas, c'est beaucoup plus facile! C’est pourquoi, dans cet article, j’ai rassemblé 31 magnifiques didacticiels sur les icônes, spécialement conçus pour ceux qui connaissent l’utilité de leurs icônes, qui n’ont que Photoshop pour travailler ou qui sont simplement plus confiants et plus expérimentés dans Photoshop. Prendre plaisir!

1. Icône de périphérique de disque dur USB

Difficulté: Intermédiaire
Compétences: Utilisez le dégradé et les ombres pour ajouter de la profondeur à des formes par ailleurs très simples.

2. Comment concevoir des mini-icônes

Difficulté: Facile
Compétences: Utilisez l'outil Crayon pour créer des formes personnalisées simples.

3. Conception d'icônes Skype

Difficulté: Intermédiaire
Compétences: Utilisez différents modes de fusion pour ajouter des rehauts et des ombres à certaines zones.

4. Créer une icône de réseau social 32x32px

Difficulté: Facile
Compétences: Utilisez l'outil Modifier> Contrat pour créer des surlignages parfaits au pixel près.

5. Comment créer une icône de maison de base

Difficulté: Intermédiaire
Compétences: Utilisez de nombreux styles de calque, tels que les dégradés et les ombres, pour donner à votre icône une apparence 3D.

6. Icône Mac Vintage

Difficulté: Facile
Compétences: Utilisez des styles de calque, tels que des lustres et des satins, pour donner à votre écran un effet brillant.

7. Icône de porte-documents réaliste en cuir texturé

Difficulté: Avancée
Compétences: Utilisez les modes et les niveaux de fusion pour mélanger une texture dans votre icône.

8. Icône Digg unique et drôle dans une bouteille

Difficulté: Intermédiaire
Compétences: Utilisez les dégradés pour créer des dégradés et des ombres réalistes afin de donner à votre bouteille un aspect 3D.

9. Icône de logo de paquet postal

Difficulté: Facile
Compétences: Utilisez l'outil Lasso polygonal pour créer des formes simples, hors de proportion mais géniales.

10. Icône Vintage Radio

Difficulté: Avancée
Compétences: Utilisez des textures et des motifs pour créer une icône réaliste et de qualité photo.

11. Icône Compass détaillée

Difficulté: Avancée
Compétences: Utilisez l’outil de transformation libre pour éditer et combiner des formes simples afin de les rendre tridimensionnelles.

12. Icône de flux RSS animé

Difficulté: Intermédiaire
Compétences: Utilisez l'outil d'animation intégré de Photoshop pour animer l'icône de votre flux RSS.

13. Icône de cône de signalisation

Difficulté: Avancée
Compétences: Utilisez l'outil Plume pour créer des formes personnalisées et les modifier à l'aide de l'outil Sélection directe.

14. Icône RSS

Difficulté: Facile
Compétences: Utilisez l'outil Plume pour créer des lignes courbes afin d'ajouter de la profondeur et de l'intérêt à votre icône.

15. Icône XP Style Monitor

Difficulté: Intermédiaire
Compétences: Utilisez l'outil de distorsion pour modifier la dimension globale et l'angle de votre icône, lui donnant ainsi une apparence 3D.

16. Icônes de médias sociaux dessinées à la main

Difficulté: Facile
Compétences: Utilisez l'outil Teinte / Saturation pour ajouter de la couleur à vos éléments dessinés à la main.

17. brillant icône RSS

Difficulté: Intermédiaire
Compétences: Utilisez l'outil de sélection directe pour remodeler des formes simples telles que des cercles.

18. Icône de verrouillage brillant

Difficulté: Intermédiaire
Compétences: Utilisez les outils de chemin et de sélection directe pour modifier des formes et les rendre pixel parfait.

19. Icônes de réseaux sociaux aquarelles

Difficulté: Facile
Compétences: Utilisez l'outil Pinceau pour créer des éléments "dessinés à la main".

20. Icônes de réseautage social colorées au café

Difficulté: Facile
Compétences: Utilisez des textures et des modes de mélange pour créer des taches de café réalistes.

21. Icône de la maison brillante

Difficulté: Facile
Compétences: Utilisez l’outil de sélection elliptique et les superpositions de dégradé pour produire un aspect réaliste et brillant.

22. Icône de téléchargement brillant

Difficulté: Facile
Compétences: Utilisez l'outil Plume pour ajouter une surbrillance réaliste.

23. icône graphique cubite

Difficulté: Intermédiaire
Compétences: Utilisez l'outil d'esquive pour créer des rehauts réalistes et faire apparaître des objets 2D en 3D.

24. Icône de disque compact (CD)

Difficulté: Facile
Compétences: Utilisez l'outil de transformation de perspective pour transformer des rectangles en d'autres formes.

25. Icône de courrier 3D réfléchi

Difficulté: Facile
Compétences: Utilisez des formes simples et des dégradés pour créer une icône de courrier réaliste et moderne.

26. Icône de dossier Mac OS X Leopard

Difficulté: Intermédiaire
Compétences: Utilisez l'outil Lasso pour créer des points aléatoires afin de créer un papier naturel réaliste.

27. Icône de la boîte 3D

Difficulté: Avancée
Compétences: Utilisez l'outil de gravure pour créer des ombres et des courbes réalistes.

28. Icône de courrier élégant

Difficulté: Avancée
Compétences: Utilisez l'outil Plume pour créer des formes personnalisées.

29. Icône d'erreur Vista

Difficulté: Intermédiaire
Compétences: Utilisez l'outil Texte et l'outil Transformation pour créer des éléments pour vos icônes.

30. icône de calendrier

Difficulté: Intermédiaire
Compétences: Utilisez l'outil Rectangle de sélection pour supprimer différentes zones de formes afin de produire des carrés.

31. Icône Sceau Satisfaction Garantie

Difficulté: Intermédiaire
Compétences: Utilisez différents modes de fusion pour ajouter un aspect tridimensionnel à votre sceau / badge.