Créer un pack d’icônes cartoon glossy sous Photoshop

Ce tutoriel texte et vidéo vous permettra de créer des icônes cartoon glossy. Très complet il devrait permettre à tout type d’utilisateur d’essayer et de réussir toutes les étapes de ce superbe tutoriel ! Bonne chance à tous !

Dans ce tutoriel nous allons créer et décliner une icône folder pour toute la gamme de logiciels Adobe, le style de l’icône sera Cartoon glossy et surtout très coloré ;)

J’ai voulu ce tutoriel assez simple d’utilisation et en lecture, pour permettre à tous de l’essayer, bien que l’icône ne soit pas aussi facile que cela à créer (notamment à cause des formes à créer avec l’outil plume).

Cependant je vais m’efforcer de donner le plus d’explications possible ! Et puis si vous bloquez sur une étape, vous avez la possibilité de laisser un message dans le forum en bas de la page, donc aucun excuse pour ne pas essayer :p

INSPIRATION

Pour créer ce tutoriel je me suis inspiré d’icônes que j’avais téléchargées sur le net*, en voici quelques unes.

FICHIER TERMINE

Après avoir créé votre icône je vous invite fortement à la décliner en plusieurs couleurs, vous pourrez ainsi constater à quel point il est facile de créer un pack d’icônes complet.

TUTORIEL

ETAPE 1

J’ouvre le logiciel Photoshop, puis je vais dans le menu fichier > nouveau et je crée un nouveau document. Dans mon exemple je crée une image de 300px de côtés et un arrière plan blanc.

JPG - 103.6 ko
JPG - 87.4 ko

ETAPE 2

Je sélectionne l’outil plume, puis une couleur d’avant plan (bleu par exemple) enfin je commence à créer la première forme de mon icône folder.

JPG - 103.3 ko
JPG - 108.3 ko

ETAPE 3

J’utilise la même technique pour créer la seconde partie de mon icône, remarque pour différencier la partie haute et basse j’ai utilisé deux couleurs différentes.

JPG - 105.7 ko

ATTENTION : pour ceux qui ne maitrisent pas complètement l’outil plume, je vous propose ce fichier Photoshop avec les formes déjà créées ! Cela vous permettra de suivre le tutoriel sans vous embêter à créer ces deux formes.

Photoshop - 58.4 ko

Article publié par Wonka

Vous aimez cet article? Partagez le !

Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

La galerie des membres

Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !

Questions et commentaires, Il y a 14 messages de forum.

Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.

  • 9 octobre 2009 13:31, par Blank

    Si c’est pas expliqué là... Bien :)

    Répondre
  • 9 octobre 2009 14:13, par Clems

    Rien à dire, à part MAGNIFIQUE :)

    Répondre
  • 11 octobre 2009 12:45, par Fab

    Très bien expliqué bravo

    Répondre
  • 11 octobre 2009 13:04, par Vinny

    Super tutoriel merci !

    J’aurais juste aimé voir le .psd fourni en .zip mais il n’est pas téléchargeable, le lien doit être mort

    Répondre
    • 11 octobre 2009 23:01, par Wonka

      Ah oui j’ai oublié d’ajouter les fichiers, je le fais tout de suite après avoir écris ce tutorial ;)

      Répondre
  • 12 octobre 2009 10:57, par coluche

    Je sais pas si le problème aurait du être résolu mais en tout cas chez moi c’est tjs mort. Sinon parfait tuto avant d’entamer le grand ménage sur mon ordi ! encore merci Wonka !

    Répondre
  • 21 octobre 2009 02:43, par Votre pseudonyme

    Super tuto, merci ! gay

    Répondre
  • 21 octobre 2009 13:26, par @rno

    Super tuto que je viens de réaliser sous CS4. Peut-on remplacer les icones de dossier Windows classiques par ces images ? Faut-il les enregistrer au format .ico ou les formats .jpg/.png pourraient fonctionner ?

    @+

    Répondre
    • 22 octobre 2009 11:28, par Wonka

      Oui c’est cela, et ensuite les modifiers dans options des dossiers ;)

      Répondre
      • 3 février 2010 00:18, par juju

        Le tuto super top ! mais comment changer mes icônes par ceux que j’ai créées ?? là, c’est une autre histoire... j’ai rien pigé au truc de.ico.jpg ... :( Une âme gentille pour me guider ? ;) merci !

        Répondre
  • 21 octobre 2009 22:02, par sinovateur

    bravo et merci pour ce tuto vraiment bien réalisé !

    Répondre
  • 17 novembre 2009 17:23, par lezolifant

    Encore un super tuto avec de vrai morceaux d´explications dedans. Merci

    Répondre
  • 9 décembre 2009 09:29, par Votre pseudonyme

    tout simplement bien !!!

    Répondre
  • 21 décembre 2010 19:51, par Ikaa

    Sa rend vraiment bien merci ! Juste pour info, le lien pour DL ne fontionne pas

    Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.