Posté par Next-conseil dans Design / 3 commentaires / 8 533 lectures

[Tutorial Photoshop] – Un magnifique effet chrome avec photoshop

Vous avez toujours voulu savoir comment réaliser un effet chrome sur votre logo ou votre texte depuis photoshop ? Ne cherchez pas plus loin ! Notre agence de communication a pris le temps de vous pondre ce petit tutorial photoshop, afin d’obtenir un effet chromé pour de bon !

C’est un tutoriel assez simple à réaliser, mais vous pourrez certainement avoir quelques ajustements à faire, selon ce que vous souhaitez obtenir comme résultat.

Niveau : Intermédiaire – Temps de réalisation : 15 minutes

Etape 01

Ouvrez Photoshop et créez un nouveau document 2880×1800 avec comme fond la couleur : #333131 (nous utilisons ces dimensions pour réaliser un fond d’écran pour ordinateur).

Photoshop-effet-chrome-etape-1-1

Ajoutez un nouveau calque et importez votre logo.

Photoshop-effet-chrome-etape-1-2

Ajoutez une incrustation couleur : #1e1d1d sur votre calque logo

Photoshop-effet-chrome-etape-1-3
Photoshop-effet-chrome-etape-1-4

Etape 02

Ajoutez un nouveau calque, en dessous de votre calque logo, et remplissez-le de la couleur noire, avec l’aide du pot de peinture. Puis allez dans Filtre > Bruit > Ajout de bruit

Photoshop-effet-chrome-etape-2-1

Utilisez en quantité : 12,5% – Répartition : Gaussienne et cochez : Monochromatique.

Photoshop-effet-chrome-etape-2-2

Mettez le calque en mode : Superposition et en opacité : 40%.

Etape 03

Dupliquez le calque tout juste créé (Sélectionnez-le et ctrl+J) et basculez le nouveau calque en mode : Lumière tamisée.

Photoshop-effet-chrome-etape-3-1

Etape 04

Groupez les 2 calques avec le bruit (Sélectionnez-les et ctrl+G) et ajoutez pour le groupe, le style de calque suivant un ajout en dégradé d’un léger gris : #e9e9e9 vers la couleur noire :

Photoshop-effet-chrome-etape-4-1
Photoshop-effet-chrome-etape-4-2

Etape 05

Sélectionnez le calque logo et puis aller à Calque > Style de calque > Options de fusion. Utilisez les paramètres comme les images ci-dessous.

Remarque : Les paramètres peuvent varier selon le type et la taille de votre logo, donc n’hésitez pas à jouer avec les valeurs jusqu’à touver le meilleur résultat pour vous.

Les réglages affichés ici, sont les meilleurs réglages pour notre logo Next Conseil.

Photoshop-effet-chrome-etape-5-1
Photoshop-effet-chrome-etape-5-2
Photoshop-effet-chrome-etape-5-3
Photoshop-effet-chrome-etape-5-4
Photoshop-effet-chrome-etape-5-5
Photoshop-effet-chrome-etape-5-6
Photoshop-effet-chrome-etape-5-7

Etape 06

Nous avons ajoutés le texte de notre logo et copier-coller le style de calque précédemment crée pour le calque logo.

Photoshop-effet-chrome-etape-6

Etape 07

Sélectionnez le calque logo et le calque texte, dupliquez-les, puis fusionnez-les.

Sélectionnez le nouveau calque et allez dans Filtre > Atténuation > Flou Gaussien

Photoshop-effet-chrome-etape-7

Choisir un rayon de 10 pixels.

Photoshop-effet-chrome-etape-7-1

Passez le calque en mode : Superposition et opacité : 50%

Résultat final de l’effet chromé dans Photoshop :

Photoshop-effet-chrome-etape-resultat-final

Comme vous pouvez le voir la dernière étape consiste à ajouter une belle brillance et donne un éclat à l’image, rendant le look chrome plus réaliste. Mais comme nous vous l’avons fait remarquer plus haut, il est important de jouer avec les paramètres car vous pourrez avoir des résultats différents en fonction de la forme de votre logo. Maintenant, c’est à vous de jouer, et de commencer à créer des supers fonds d’écran grâce à Photoshop !

Téléchargez le fichier .psd

Ne ratez plus aucune de nos news !

Rejoignez plus de 2 000 personnes inscritent à notre mailing-liste, qui recoivent nos articles dès que nous publions.

A propos de l'auteur

Editorial Next Conseil

Agence web 100% Créative, située dans le sud de la France, à Antibes, nous proposons des services liés à la communication digitale pour les entreprises souhaitant réussir sur le web (site internet, référencement, emailing, webmarketing) . En plus d'être une agence de communication très réactive, nous éditons sur notre blog des articles étonnants et impressionnants pour les adeptes de la toile.

Laisser un commentaire Facebook

3 commentaires pour [Tutorial Photoshop] – Un magnifique effet chrome avec photoshop

  • Joseph a écrit le 24 août 2018 à 9 h 17 min

    Bonjour j’aimerai savoir la police avec quelle police vous avez fait votre logo

    Répondre
  • Leo Bariller a écrit le 2 juillet 2017 à 11 h 52 min

    Bonjour,
    Je souhaiterais réaliser mon propre logo et il se trouve que le style du votre se rapproche de ce que je veux faire. Problème : je suis débutant sur Ps et j’aimerais savoir comme vous l’avez réalisé (méthodes, techniques, outils etc…)
    Ce serait un L et un B majuscules, le L aurait sa partie verticale qui pencherait vers la droite et les deux lettres seraient attachées par leur base et le B non fermé…
    Merci !

    Répondre
    • Next-conseil a écrit le 12 juillet 2017 à 9 h 05 min

      Bonjour Léo, pour la réalisation de logo, le meilleur outil est Illustrator. Grace au vecteur, il n’y aura jamais de perte de qualité. Vous pouvez quand même utiliser Photoshop et avoir un super rendu. Petit conseil : utilisez la plume ou Pen Tool (raccourci P) pour le contour de votre logo (de vos deux lettres), puis en faisant clic droit dessus sélectionnez : Crée une forme personnalisée ou define custom shape, cela vous permettra d’enregistrer votre logo dans vos formes personnalisées, pour vous en servir à volonté par la suite.

      Répondre

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.