Créer des icones rouges glossy en rectangle

Bon, voici mon tout premier tutoriel. S’il vous plaît, soyez sympas, je débute depuis un an sur Photoshop. Avant de commencer, j’aimerais préciser que je travaille sous Photoshop Elements 5.0.

Alors voila, dans ce tutoriel, vous apprendrez à faire un joli pack d’icônes propres et un tantinet, je dirais, glossy.

PARTIE 1

Étape 1 : je commence par faire un document de 500 px par 500 px et je crée un carré arrondi au centre de mon document de la couleur de votre choix. J’utilise la grille pour m’aider à le centrer.

JPG - 40.9 ko

Étape 2 : Je crée un dégradé à partir de ma couleur de base et une autre couleur semblable plus foncée comme cela :

JPG - 46.6 ko

Étape 3 : Je crée un reflet de forme arrondie en haut de ma forme. Je reprends la sélection de mon reflet et je le contracte de 2 px (sélection > modifier > contracter). Je baisse l’opacité à 40%.

JPG - 54.1 ko

Étape 4 : La même chose qu’à l’étape 3 mais cette fois ci sur le coin inférieur gauche de ma forme et je baisse l’opacité à 20%. Ensuite j’efface les bouts du reflet un peu.

JPG - 60.7 ko

Étape 5 : Avec un petit pinceau diffus, je crée trois points de lumières sur mon calque du dessus.

JPG - 64.2 ko

PARTIE 2

Voila pour le fond. Maintenant voici la partie du tutoriel destinée au logo.

Étape 6 : J’insère mon logo bien centré au milieu de ma forme.

JPG - 88.9 ko

Étape 7 : Je duplique mon calque et je le remplis de noir. J’applique ensuite un flou gaussien de 3,45 à l’intérieur de ma sélection du logo et je baisse l’opacité du logo blanc à 50% :

JPG - 88.4 ko

Étape 8 : je dé-sélectionne mon logo et j’applique un éclairage (filtre > rendu > éclairage) et je remplis la fenêtre comme cela :

JPG - 113.1 ko

Ensuite j’applique un contour de 2 px en blanc autour de mon logo.

JPG - 93.9 ko

Voila ! C’est magnifique n’est-ce pas ? N’oubliez pas de mettre les points de reflets au dessus de tous les calques !

Article publié par maniphil

Vous aimez cet article? Partagez le !

Je suis un amateur de photoshop, ambitieusement un futur designer. qui aime créer des tutoriels pour WKS pour le plaisir. Plus tard j’aimerais ouvrir un site internet ou je pourrais y mettre mon porfolio pour m’aider dans mes études.

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.

  • 29 février 2008 13:07, par KOBALT

    Vraiment pas mal ton tuto !! Juste un petit truc ce ne serait pas mieux d’atténuer un peux les points de reflet blanc ? Sinon le reste est parfait continue comme ça ;)

    Répondre
    • 29 février 2008 14:20, par IT1

      ... Ou bien transformer ces points de reflet blanc en réduisant leur taille. Sinon, rien a dire, ce tuto est super.

      Voir en ligne : http://it1lachaine.over-blog.fr/

      Répondre
  • 29 février 2008 16:21, par Q-NoX

    Super tuto, mais pas assez complet pour les néophytes.Personnellement je sais créer un reflet mais si tu mets un débutant sur ce tuto qui ne sait pas le faire, il va galérer : donc pour les débutants ne sachant pas faire de reflet, il y a un très bon tuto ici.Sinon c’est très bien pour un premier.Je suis moi-même en train d’en rédiger un, tu donneras ton avis ? ;-)

    Répondre
    • 29 février 2008 21:29, par maniphil

      oui, je n’y avait pas pensé. Moi même il y a un an je n’y aurais vu que confusion.

      merci pour vos commentaires

      Répondre
  • 29 février 2008 16:25, par Wonka

    Juste pour critiquer un peu : j’adore et je peux puisque ce n’est pas moi qui ai écris cette article :D J’aurais simplement laissé le symbole en blanc. Je trouve que l’icone est bien plus joli quand le symbole qui se trouve dans l’icone est blanc, ne trouvez vous pas ?

    En tout cas merci à l’auteur pour sa participation !

    Encore encore :)

    Répondre
  • 29 février 2008 17:30, par KOBALT

    voila j’ai fini ! Sauf que je préfère le violet tu m’en voudras pas ^^

    Répondre
    • 29 février 2008 17:33, par KOBALT

      a on peut pas upload je mets sur hiboox :

      Répondre
    • 29 février 2008 21:31, par maniphil

      c’est vraiment beau !

      bravo et merci pour ta participation !

      :D

      Répondre
  • 1er mars 2008 11:29, par Rokkall

    Voila le miens ^^

    Bon j’ai un peu zappé les étapes du logo parc’que ça m’plaisait pô. ;)

    Répondre
    • 5 mars 2008 03:35, par maniphil

      C’est très bien, j’adore l’effet sur ta guitare !

      Mais dis-donc, le reflet sur le bas, selon moi uniquement, ne serait il pas mieux un peut plus courbé En tout cas je te remercie sincèrement pour ta participation !!

      Répondre
  • 1er mars 2008 14:46, par IT1

    Je me lance :

    J’ai juste changé la couleur de fond (comme j’aime beaucoup le noir ^^) et fais ressortir l’icône façon flux RSS avec un contour blanc de 2 px. Si ça peux aider les autres ...

    Répondre
    • 2 mars 2008 02:07, par Rokkall

      Joli, une belle gueule en noir. ;)

      Rokkall.

      Répondre
    • 5 mars 2008 03:37, par maniphil

      J’aime beaucoup ta participation, ton logo est vraiment très bien fait !

      Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.