10 conseils faciles pour créer vos propres icônes cool avec Photoshop
Même si vous n'êtes pas un développeur de logiciels, apprendre à créer vos propres icônes est une compétence extrêmement utile. Vous pouvez donner à votre ordinateur une peau unique, ou offrir vos services à la communauté et le monde des entreprises.
C'est pas un tutoriel de conception icône complète. Nous ne faisons que vous avez commencé sur les bases rudimentaires - aspects techniques, une liste de contrôle de conception, et un ensemble d'outils de conception d'icônes.
icône Aspects techniques
Voici quelques spécifications que vous devez savoir en ce qui concerne le format de l'icône, le plus important des résolutions d'image et les formats de fichiers.
L'importance de la taille est examinée plus loin. Pour l'instant, nous allons nous en tenir aux aspects techniques.
Les icônes sont toujours carrés. Cela signifie qu'une icône rectangulaire sera soit étendu ou de taille bas pour remplir respectivement toute la toile ou en forme en elle. De toute façon, les icônes très rectangulaires se démarquer dans une mauvaise façon. Les tailles d'icônes suivantes sont les plus courants utilisés:
- 16 x 16 px * **
- 24 x 24 px
- 32 x 32 px * **
- 48 x 48 px * **
- 64 x 64 px
- 96 x 96 px
- 128 x 128 px **
- 256 x 256 px **
- 512 x 512 px **
Windows XP conseille l'utilisation de 16 x 16, 32 x 32 ou 48 x 48 résolutions *. Si aucune sont disponibles. il va redimensionner l'icône qui l'est le plus proche de la résolution, jusqu'à 256 x 256. Avec des résolutions de bureau toujours plus haut la hausse, il est conseillé d'inclure toujours plus grandes résolutions. Le format Apple ICNS prend en charge les formats 16 x 16, 32 x 32, 48 x 48, 128 x 128, 256 x 256 et même 512 x 512 **.
Pour Windows, le format de fichier le plus couramment utilisé pour la distribution des icônes est ICO. La contrepartie Mac est ICNS (Apple icône Format de l'image).
L'icône de conception Liste de contrôle
Il n'y a pas un tutoriel pour concevoir l'icône parfaite, maintes et maintes fois. Différents thèmes et modèles nécessitent des approches différentes, et la « tendance actuelle » est dans un état de flux constant. Voici trois piliers principaux de la création d'icônes qui ont prouvé vrai maintes et maintes fois. Si vous êtes nouveau à la conception d'icônes, assurez-vous de garder la liste de contrôle de l'icône à l'esprit en tout temps.
Vous ne trouvez pas cela comme un obstacle à votre créativité; Les icônes peuvent être belles et inspirantes, mais ne devrait pas être ouvert à l'interprétation (lire: devinettes à la fin de l'utilisateur).
Assurez-vous que vous avez un fil commun qui relie ces icônes et montre la synergie aux utilisateurs; l'ensemble doit être plus grand que la somme des parties.
Pour commencer, les icônes doivent bien paraître et reconnaissable quelle que soit la taille. Abattre le contraste sur les côtés pour éviter les bords déchiquetés et faire des détails importants se distinguent assez pour rester concentré dans la plus petite mise en œuvre de l'icône.
Sur le plan technique, les icônes sont mieux conçus en utilisant des vecteurs, des images composées de formes évolutives sans fin, plutôt que d'une composition ensemble de pixels. Néanmoins, si votre résolution est suffisamment élevée, bitmaps fera tout aussi bien.
L'icône de conception Toolset
Photoshop est une grande application pour concevoir des icônes. Vous avez (presque) tous les outils dont vous avez besoin pour créer des graphiques vectoriels ou manipuler bitmaps et appliquer des effets complexes et l'ombrage. Plus important encore seront des outils suivants:
Compositeur Apple Icône
Malheureusement, il n'y a pas d'outil pour le format de fichier ICNS d'Apple. Cet outil gratuit prend en charge le problème à la place. Il est livré avec le paquet d'Apple Xcode, que vous pouvez télécharger après un (fastidieux) processus d'inscription pour. Ou vous pouvez Google pour le téléchargement.
Hongkiat: 40 +-cueillies à la main Icône de conception Photoshop Tutoriels
Blog Design Hongkiat.com a compilé une liste de plus de 40 tutoriels de conception icône Photoshop. Cette liste couvre tous les types d'icônes, et plusieurs degrés de difficulté. Parcourez la liste pour l'inspiration, et extrapoler les techniques utilisées pour réaliser vos propres créations.
Les styles de calques intégrés de Photoshop sont un excellent moyen de mettre la touche finale à vos icônes. Ouvrez le volet Style de calque en double-cliquant sur une couche, ou un clic droit dans la vue d'ensemble de la couche. Utilisez un coup gris 1px avec une opacité 40-50% pour les frontières de l'icône, et mettez vos ombres à 110 ° pour les meilleurs résultats. Essayez de ne pas utiliser les ombres autour de l'icône, bien que, comme la plupart des systèmes d'exploitation font déjà.