Mac : Personnaliser ses icônes de dossier

Vous avez lu notre article sur la modification d’icône, mais vous voulez aller plus loin : vous voulez créer vos propres icônes. Dans cet article, nous vous expliquons comment créer une icône de dossier Mac OS X Leopard (ou Lion) personnalisée. Si vous désirez simplement modifier vos icônes avec des images ou icônes préexistantes, consultez notre tutoriel à ce sujet.

Cet article est inspiré d’un tutoriel Photoshop provenant d’un autre site dont nous n’avons plus le nom. Le template proposé en .psd provient également de ce tutoriel et était distribué librement via ledit tutoriel.Ce tutoriel vous explique comment personnaliser vos icônes de dossiers par défaut (ajout de texte ou d’image).

Personnaliser ses icônes de dossier sur Mac OS X Leopard.

 

Dans cet article, j’appelle l’association “Sciences Po Multimédia”, qui est notre ancien-ancien nom. Pour plus d’informations, visitez cet article.

Avant de commencer, vous aurez besoin de deux éléments :

  • Votre disque d’installation Mac OS X ou XCode si vous l’avez déjà installé
  • Un logiciel d’édition graphique (Photoshop, Pixelmator, Gimp, etc.). Ce tutoriel utilise Photoshop CS5.

Voici un exemple de ce que vous pouvez obtenir à la fin de ce tutoriel (c’est le dossier contenant mes anciens cours de Japonais).

Dans cet article, nous allons essayer de faire la même chose avec le logo de Sciences Po Multimédia.

  1. Insérez votre disque d’installation Mac OS X. Dans notre exemple, j’ai utilisé le CD d’installation de Snow Leopard. Si vous êtes sur Lion ou que vous n’avez pas votre DVD d’installation, faites une recherche rapide de XCode sur Google ou de “Icon Composer” pour Mac.
  2. Ouvrez le DVD d’installation puis ouvrez le dossier Installations Facultatives.
  3. Ouvrez Xcode.mpkg et installez-le. Je ne me souviens plus des étapes exactes, mais le but de la manœuvre est d’installer « Icon Composer ».
  4. Ouvrez votre disque dur (Macintosh HD, etc.) puis le dossier « Developer » puis « Applications », puis « Utilities » et « Icon Composer ». Vous en aurez besoin plus tard.
  5. Téléchargez le template de l’icône par défaut de Léopard sous format .psd (Photoshop) ou sous format .png.
  6. Si vous utilisez Photoshop, tout est déjà fait pour vous. Il vous suffit de vous souvenir des options de fusion du masque et de mettre votre propre texte.

Dans notre exemple, on veut ajouter une image et non du texte, mais cela revient à peu près au même :

  • On ouvre le template .psd et le logo de l’association

  • On se souvient des réglages du masque avant de le supprimer


  • On colle le logo sur le template du dossier puis on place son calque au-dessus des autres. On peut masquer le masque (…) « Darkened Icon »
  • On agrandit l’image avec Commande + T puis on la place au centre.
  • On supprime le fond blanc avec la baguette magique, par exemple.

  • On colore le logo en noir, par exemple en allant dans Image, Réglages, Teinte/Saturation…

  • On applique un filtre Lumière tamisée à notre logo, puis on modifie les réglages de fusion d’après les réglages de l’ancien masque.

  • L’icône est terminée.

Si vous n’avez pas Photoshop, je ne peux pas vous aider quant à l’obtention de l’effet désiré sur votre dossier.

  1. Maintenant que vous avez votre icône, sauvegardez-la en format .psd ou .png.
  2. Ouvrez Icon Composer (C/Developer/Applications/Utilities/Icon Composer).
  3. Faites glisser votre icône vers la fenêtre d’Icon Composer et remplissez chaque vignette.

  1. Enregistrez votre icône avec Icon Composer.
  2. Sélectionnez le dossier à modifier puis faites Commande + I (ou Fichier, Lire les Informations) et ouvrez votre nouveau fichier .icns avec Aperçu.
  3. Copiez la première image du fichier .icns avec Commande + C ou Edition, Copier puis sélectionnez l’icône du dossier à modifier, en haut des informations, et collez avec Commande + V ou Edition, Coller.

  1. Votre dossier personnalisé est terminé ! Et le mien aussi.


  1. Klavat dit :

    Exellent tuto, mais les liens du templates sont morts… Je sais que le topic est vieux mais y’aurait-il moyen de récupérer le psd quelque part ? merci

    1. Konrad dit :

      Salut,
      Merci de nous signaler cette erreur. En fait j’avais déjà mis l’article à jour il y a longtemps, mais j’avais mal écrit la syntaxe des hyperliens…
      Les liens fonctionnent à nouveau à présent.

Comments are closed.