Créer une icone Bouclier Glossy en utilisant Photoshop

Voici un tutorial sous Photoshop pour créer une icone glossy. Grâce à ce tutorial Photoshop vous apprendrez notamment à créer un effet métal ou encore des reflets grâce au masque de fusion. Attention bien qu’abordable ce tutorial Photoshop nécessite quelques notions de base.

Vous avez très certainement déjà rencontré ce type d’illustration sur Internet, elle représente souvent un service de protection ou plus généralement un service, la couleur changeant selon la gamme. Aujourd’hui je vous propose un tutoriel Photoshop pour reproduire cette icône de bouclier, pour ensuite pouvoir la réutiliser dans vos compositions graphiques.

Voici ce que cela donne au final, en plusieurs couleurs.

Tutorial Photoshop, créer une icone bouclier

Ici vous pouvez télécharger un pack contenant les icônes aux formats png et psd.Si vous n’avez pas envie de suivre le tutoriel, vous pouvez toujours télécharger ce fichier pour les utiliser dans vos travaux. Si c’est le cas merci de citer ce site ;)

TUTORIAL PHOTOSHOP, Créer une icône bouclier

Etape 1 Créer un nouveau document

Ouvrez Photoshop, puis allez dans le menu Fichier> Nouveau et modifier les valeurs : largeur 600 pixels et hauteur 600 pixels.

Sélectionnez l’outil Pot de peinture (G).

Modifiez la couleur d’avant plan par le bleu #33c3f3 puis remplissez votre image.

Tutorial Photoshop, créer une icone bouclier

Etape 2 Créer la base du bouclier

Sélectionnez l’outil Plume (P) et modifiez la couleur d’avant plan par le noir.

Grâce à la plume, créez la base du bouclier, vous pouvez utiliser cette image pour vous aider :

Tutorial Photoshop, créer une icone bouclier

Ou encore ce fichier Photoshop, à télécharger en cliquant ici

Voir en bas de cette page pour télécharger le fichier source Photoshop.

Renommez le calque ainsi créé en « Shield ».

Etape 3 Créer un premier contour

Pour simuler le tour du bouclier en métal, appliquez un dégradé. Pour se faire, utilisez les styles de calques, allez dans le menu Calque> Style de calque> Incrustation de dégradé.

Une nouvelle fenêtre s’ouvre, modifiez alors la configuration comme l’image ci-dessous.

Tutorial Photoshop, créer une icone bouclier Tutorial Photoshop, créer une icone bouclier

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

    • 23 juin 2010 15:34, par medzo120

      TRES JOLI j’ai essayé mais c’est un peu différent mais on apprend ..

      Répondre
    • 25 juin 2010 13:06, par JZ

      Je suis pas fan du résultat final. Par contre le tuto est pas mal du tout, particulièrement la dernière partie avec l’ajout des 4 lignes obliques (il suffit de regarder l’étape 11 pour s’en convaincre, sans ces 4 lignes ca ne ressemblerais à rien)

      Répondre
    • 26 août 2010 01:24, par Biohazard

      Super tutorial qui ma permis de créer a mon fout une belle image ;)

      Répondre
    • 22 octobre 2010 14:28, par Desirosso

      salut a vous l’equipe wonka, j’aimerai que vous m’apportiez votre aide sur le postage d’images dans votre site car je ne retrouve plus la section « galérie des membres » qui etait située au pied de la page ;j’ai realisé le tuto et j’aurais bien voulu avoir votre avis sur mon travail maiçs je n’arrive pas à poster mon travail

      Répondre
    • 25 novembre 2010 07:54, par HwI`.Fr

      Bonjour et merci beaucoup pour ce tuto, voilà j’ai un problème au niveau des étapes 9/10/11, en effet dans l’ordre : cmd+click sur mon reflect base puis cmd+shift+N puis edit>fill(inwhite) puis je fais reveal all (layer-mask) et je fais mon degrader dessus de noir et de blanc. Sauf que je suis perdu dans le sens où mon inner-glow disparait quand je fais le degradé sur le calque de fusion, je dois donc mal m’y prendre quelquepart... un petit peu d’aide serait la bienvenue ^^ merci par avance

      Répondre
    • 19 décembre 2010 19:42, par webtuto

      Comment télécharger le pack de bouclier différentes couleurs ? merci pour ce super tuto =)

      Répondre
    • 30 mai 2011 14:24, par hugo64

      Très cool le rslt... Mais c’est HIPER complexe... Merci, ca va me servir pour un club : SIS (Sécurité Internationale de Saverne)

      Répondre
    • 12 août 2011 19:53, par ELK Fayçal

      Marche surement pas sous Gimp.

      Répondre

    Laissez un commentaire

    Remplissez correctement le formulaire puis appuyez sur Validez.