Créer un insigne en verre avec Photoshop

Voici le logo utilisé dans l’interface graphique HearthWorld. Je vais vous expliquer comment le créer et donc comment le modifier pour votre interface.

Photoshop - 474.9 ko
Tutorial 189 - Fichier source Photoshop
clic pour télécharger gratuitement le fichier source photoshop utilisé dans ce tutorial

ETAPE 1

Je crée un nouveau document, je sélectionne l’outil des formes personnalisées. Tout en gardant la touche Maj enfoncée je créer une ellipse noire au centre de mon image.

ETAPE 2

Je vais appliquer trois styles sur mon ellipse : une ombre portée, une incrustation de dégradés et une bordure. Je vous invite à télécharger le fichier PSD disponible en haut de cette page pour prendre conscience des réglages des différents styles de calques utilisés.

ETAPE 3

Je duplique mon calque ellipse puis je le réduis de 10%, pour cela je vais dans édition > transformation > scale, puis j’entre la valeur 90%. Je supprime les styles de calques d’ellipse 2. J’ajoute ensuite une incrustation de dégradés.

ETAPE 4

Même manipulation que précédemment pour arriver au résultat ci-dessous.

ETAPE 5

Encore une fois je duplique mon dernier rond, je le réduis avec l’outil scale, puis je supprime tous les styles de calques (je clic droit sur le calque pour supprimer les styles de calques). Ensuite je récupère sa sélection puis je la réduis (sélection > modifier > réduire) de 2 pixels. Ensuite je l’inverse (sélection > inverser) et je supprime. Le résultat est un anneau de 2 pixels comme ci-dessous.

ETAPE 6

Avec l’outil texte j’édite mon titre et l’adresse de mon site, pour information j’ai utilisé la police de caractères Old Republic disponible à partir de cette adresse : http://www.dafont.com/fr/old-republic.font ?nb_ppp=50

ETAPE 7

Maintenant je vais créer un reflet. Avec l’outil des formes personnalisées je crée par-dessus une ellipse blanche (une sorte de ballon de rugby) puis je récupère la sélection de mon second rond. Je réduis ma sélection de 2 pixels puis je l’inverse. Je supprime en appuyant sur la touche Suppr, normalement mon reflet est maintenant contenu dans mon rond. J’utilise un masque de fusion pour camoufler légèrement mon reflet par le bas.

Voila c’est terminé ;)

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 11 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.

  • 13 août 2007 15:17

    Magnifique,je test de suite,merci wonka :)

    Répondre
    • 24 avril 2008 18:44

      merci encore c est super sympa de filé le psd sa aide grave vive wonka , wonka président :)

      Répondre
      • 24 avril 2008 19:38, par Wonka

        Mais de rien, sympa en ovale comme cela ! Au fait roro & koko c’est pourquoi Roger & Corine ?

        Répondre
        • 27 avril 2008 15:16

          non c romain et kokouak c mon pseudo on et 2 potes qui se lance dans le net roro c est le codeur et koko c est moi ki fait le design merci pour tes tutos qui mon donné les bases tu devrai faire plus de tuto video tu atirrerai encore plus de monde voila notre premier site http://topautosurf.winmax.fr/hayato/V2/ attention pas de version ie donne moi ton avis je sais jai encore du boulot pour ateindre ton niveau

          Répondre
          • 28 avril 2008 12:43, par Wonka

            Très très beau bravo à toi ! Comment as tu réalisé la galerie sur la page d’accueil, tu sais le petit diapo avec plusieurs images ? J’ai très envie de savoir comme tu as fait car c’est un superbe effet que voila !

            Répondre
            • 28 avril 2008 15:49

              c est un petit javascript que tu peux trouvé ici http://demos.mootools.net/Fx.Elements regarde y en as plein et ils sont tres sympa

              Répondre
              • 28 avril 2008 16:41, par Wonka

                Merci pour le lien ;)

                Répondre
  • 3 septembre 2008 15:47

    Bonjour, J’aimerais savoir si vous créez également des logos pour particuliers ? Merci de votre réponse. Sébastien.

    Répondre
    • 3 septembre 2008 17:23, par Wonka

      Pour entreprise oui, pour particulier = gratuit ? non. Désolé !

      Répondre
  • 21 juin 2009 13:49, par E !N

    Salut.

    J’ai un petit problème. Je bloc sur la dernière étape. Le ballon de rugby ça c’est bon ^^, ça ce complique ici : « puis je récupère la sélection de mon second rond. Je réduis ma sélection de 2 pixels puis je l’inverse. Je supprime en appuyant sur la touche Suppr, normalement mon reflet est maintenant contenu dans mon rond. J’utilise un masque de fusion pour camoufler légèrement mon reflet par le bas »

    Serait il possible de détailler un peu plus sur les méthodes ? Merci.

    Sinon un site extra. Une vrai mine de tutos. ^^

    Répondre
  • 26 octobre 2010 14:47, par yoga

    Merci pour ce superbe tuto

    Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.