Cocoricones
Toutes les icônes
Recherche par mots clés...
Soutenir Cocoricones
Ce site vous a été utile ou agréable ? Vous voulez qu'il continue à exister à s'enrichir et à évoluer ? Quelques euros suffisent.Dernières nouvelles
Leopard a frappé… icônes de 512 px ! (22.12.07)
Le nouveau système baptisé par Apple “Leopard” (Mac OS 10.5, sorti en 2007), supporte des icônes jusqu’à 512 pixels de côt(...) Lire la suite...Forum customisation sur Mac Gé. ( 7.11.05)
Un forum Customisation (sous forum de Mac OS X) a été créé sur MacGénération, vous y trouverez toutes les réponses à vos questions sur, e(...) Lire la suite...Retour des tutoriels (13.10.05)
Il y avait quelques tutoriels improvisés dans le forum de la précédente version de Cocoricones. Comme promis les tutoriels reviennent avec un (...) Lire la suite...Problème icônes sans icônes ? (27.09.05)
Un visiteur de Cocoricones nous a fait part d’un problème : “J’ai un petit problème, en fait quand j’ouvre le fichier d’ic(...) Lire la suite...Icône d'après photo et plugin IconBuilder
NB : l’icône présentée dans ce tutoriel sera publiée très prochainement sur ce site.
Le choix de la photo
La prise de vue ou le choix de la photo doivent faire l’objet de la plus grande attention.
Pour suivre les directives d’Apple et s’harmoniser avec les autres icônes et éléments d’interface du Finder, l’objet doit être éclairé par le haut (selon un axe parfaitement vertical) et vu légèrement de dessus, comme s’il était posé sur un bureau devant nous.
C’est ce travail de point de vue et d‘éclairage qui fera que votre icône paraitra en relief et ne ressemblera pas à une simple photo détourée.
Dans cet exemple nous avons simplement photographié une vraie petite pomme en faisant attention surtout à l‘éclairage.
Retouches dans un logiciel graphique
L’image de référence (la photo, dans notre cas, mais ça peut être un croquis numérisé) est ensuite soit retouchée soit totalement redessinée dans un logiciel graphique comme Photoshop (ou Illustrator pour ceux qui préfèrent le vectoriel). Travailler l’image sur un format carré d’au moins 512 pixels.
Dans notre exemple, nous avons retravaillé directement sur la photo dans Photoshop. Des reflets ont étés modifiés, des taches ajoutées, des proportions modifiées, etc. L’ombre a été créée de toute pièce.
Pensez à conserver une sauvegarde de vos montages Photoshop et Illustrator car les étapes suivantes se font avec une version “aplatie” (c’est à dire sur un seul calque, sans masques ni effets de calques).
On passe à IconBuilder
IconBuilder est un plug-in (une extension) payant pour Adobe Photoshop. Il facilite la création et exporte les icônes pour Mac OS et Windows. Se reporter à la documentation pour les détails.
Dans photoshop, donc, une icône de référence, dont la taille doit être un carré de 512 pixels (depuis la sortie de “Jaguar” Mac OS X.5) est “aplatie” sur un calque de fond transparent et collée sur un gabarit fourni avec IconBuilder.
On utilise les script fournis avec IconBuilder pour générer automatiquement les icônes de toutes les tailles sur le gabarit.
On retouche éventuellement chaque “membre” (chaque taille d’icône). Cette étape est facultative mais plus elle est travaillée plus l’icône est professionnelle. Soigner particulièrement les tailles 32 et 16 pixels (qui se retouchent pixel par pixel) que l’on retrouve dans des menus de navigation, des onglets, etc. et qui doivent être d’autant plus lisibles qu’elles sont petites.
On lance alors le filtre IconBuilder qui va détecter chaque membre (grâce au gabarit) pour compiler et exporter l’icône.