Créer un Badge brillant Tutorial Photoshop

28 février 2006 par Oli · Les 30 commentaires

Ce tutoriel va vous montrer comment créer un badge brillant, comme le type de garanties de dos d'argent ou toute autre chose que vous aimeriez mettre en évidence sur votre site web.




Pour commencer, créer un vide toile, puis sélectionnez la forme que vous souhaitez utiliser.
Nous utilisons la forme classique d'étanchéité pour ce tutoriel, mais cette technique fonctionne sur n'importe quel forme que vous choisissez.

comment créer un badge d'étape brillant 1

Ensuite, nous donnons quelques effets à la forme - clic droit sur le calque de la forme et sélectionner les options de fusion.
Nous allons donner la forme une lueur externe:

comment créer un badge d'étape brillante 2

Et une course à l'intérieur de 3 pixels:

comment créer un badge d'étape brillante 3

Votre badge devrait maintenant ressembler à ceci:

comment créer un badge d'étape brillante 4

Ensuite, créez un nouveau calque au dessus de votre forme et ctrl + clic sur la forme sous la couche, cela va créer une sélection autour du bord de la forme comme ceci:

comment créer un badge d'étape brillant 5

Ensuite, choisir le rouge pour votre couleur de premier plan et blanc pour votre couche de fond et de créer un dégradé dans votre sélection comme ceci:

comment créer un badge d'étape brillante 6

Maintenant, allez à Sélection> Modifier> contrat> 4 pixels
Cela rend la sélection plus petite, passons maintenant à sélectionner> inverse> appuyez sur Supprimer.
Votre forme devrait maintenant ressembler à ceci:

comment créer un badge d'étape brillante 7

Maintenant, ajoutez un peu de texte sur le dessus et vous êtes faits!

Badge fini:

brillant insigne photoshop tutoriel

Vous pouvez également télécharger le psd pour ce tutoriel.

À propos de Oli
Oliver Dale fonctionne Kooc Media, une société Web-Based Royaume-Uni qui se spécialise dans les applications Web, des communautés en ligne, Wordpress Tutorials & Wordpress plugins .

Commentaires

30 Responses to "Créer un Badge brillant Tutorial Photoshop"
  1. Matthijs - dit:

    Merci pour ces didacticiels. Ceux-ci seront à portée de main pour développer mes compétences photoshop un peu. Continuez votre excellent travail.

  2. Braveman - dit:

    Tut de Nice, merci beaucoup

  3. Ubbe - http://www.ubbedall.dk dit:

    J'aime votre disposition de site Web, si simple, surtout l'en-tête, mais donne toujours une impression très agréable. Aussi un très bon tutoriel, n'a pas l'essayer encore comme je l'ai deja savoir comment, mais il semble très bonne et bien détaillée, mais juste eu à commenter la disposition ur : D

    Cordialement
    Ubbe

  4. John Williams - http://www.johnwilliams713.com dit:

    Je prendrais le dos d'opacité à environ 70-50% sur l'éclat à la rendre plus vitreux

  5. Rachit - dit:

    tout simplement fabuleux!!! ..... J'aime

  6. kost - http://reg.kost.ru/ dit:

    Merci, didacticiel sympa!

  7. Ujin - http://none dit:

    Salut à tous, Câ € ™ s bon travail!

    Guys peut-être quelqu'un pourrait m'aider. Je cherche pigiste qui a trouvé dans la conception WEB 2.0!
    Si quelqu'un peut faire de la conception de page Web complète en style web 2.0 s'il vous plaît contactez-moi via erqDOGYlist.ru.

    Merci d'avance.

  8. Pete White - http://imafish.co.uk/blog dit:

    Tutoriel Nice lui donner un aller!

  9. Jeff Adams - http://www.pubpublicity.com dit:

    wow - ce n'était vraiment inspirant. J'ai fait un tas de fichiers PNG de couleurs différentes! merci!

  10. jason - http://www.sceneparty.com dit:

    fantastique tutoriel, iv vient de faire sur et il semble grand merci!

  11. Black Tiger - http://www.resimsite.com dit:

    Merci, didacticiel sympa!

  12. Suisse - http://www.swissworld.org dit:

    Fabuleux pointe. Merci pour cet excellent article.

  13. Awais - dit:

    Salut Ujin, si u toujours à la recherche d'un concepteur de sites Web pour travail à la pige électronique plz me awaisz@otmail.com

  14. Tom - http://www.yaway.de dit:

    Grande tutoriel! Merci de partager vos connaissances.

Blog Tutoriel