Accueil Tutoriels Glossaire Galeries KitGraphique Blog On the Web
Moteur de recherche
Sur le mot-clé :
Limiter la recherche aux :
Trié par :
Rechercher les tutoriaux
Partenaires


Flux RSS

5 tutos aléatoires
Last Upload
Voir les galeries
  WonkaStudio : Communauté graphique - Leçon d'apprentissage

Créer un insigne en verre avec Photoshop

dimanche 12 août 2007 par Wonka

Tag associé à ce tutorial

Galerie interne

+ Ajouter une image à la galerie interne

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é ;)

Laisser un commentaire sur ce tutorial

   9 messages dans le forum
  • dattic
    13 août 2007 15:17
    Magnifique,je test de suite,merci wonka :)

    Répondre à ce message

    • dattic
      24 avril 18:44
      merci encore c est super sympa de filé le psd sa aide grave vive wonka , wonka président :)

      Répondre à ce message

      • dattic
        24 avril 19:38, par Wonka
        Mais de rien, sympa en ovale comme cela ! Au fait roro & koko c’est pourquoi Roger & Corine ?

        Répondre à ce message

        • dattic
          27 avril 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 à ce message

          • dattic
            28 avril 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 à ce message

  • DEVIS pour LOGO
    3 septembre 15:47
    Bonjour, J’aimerais savoir si vous créez également des logos pour particuliers ? Merci de votre réponse. Sébastien.

    Répondre à ce message

Connexion Membre

Connexion
Kit Graphique