Créer du métal étincelant à partir d’une lettre

Voici comment transformer une lettre toute simple en un bloc de métal brillant taillé et polissé. Attention je tiens à prévenir les éventuels graphistes, ce tutorial n’a rien d’un cours simple Photoshop étape par étape.

Ce tutoriel est destiné aux experts voir aux professionnels qui connaissent déjà les fonctions et les outils de Photoshop. De plus plusieurs étapes s’apparentent plus à du matpainting qu’à une vraie technique de création.

Amis artistes à vos Photoshops, ça va déménager !

Photoshop - 1.6 Mo
Fichier source photosho
Clic pour télécharger le fichier source photoshop utilisé dans ce tutorial

ETAPE 1

Je crée un nouveau document de 500 pixels de côtés avec la couleur blanche comme arrière plan. Puis je crée au milieu de mon image une lettre (au choix) que je remplis de gris. Je pixelise ma lettre puis j’utilise la transformation en perspective pour rendre la base plus large (édition > transformation > perspective).

ETAPE 2

Je sélectionne mon calque (dans la fenêtre des calques) et tout en appuyant sur Alt je fais descendre mon calque (eut-t-il fallu que j’eusse sélectionné préalablement l’outil déplacement). Je remarque qu’à chaque fois que je baisse de 1 pixel, un nouveau calque est créé. Je le fais une trentaine de fois. Je crée ainsi la forme 3D de ma lettre. Enfin je sélectionne tous les calques nouvellement créés et je les fusionne (clic droit sur les calques puis fusionner les calques).

ETAPE 3

Nous allons commencer les hostilités (ah enfin !). J’étudie un peu ma forme 3D et avec l’outil densité – et densité + (je suis peu certain des noms ; à vérifier sur une version francaise : dodge en anglais) disponible dans la barre d’outil je crée des zones claires et de zones sombres sur mes deux calques.

ETAPE 4

Sur mon calque du dessus j’applique une incrustation de dégradé. Sur mon calque base, j’applique une ombre portée (je télécharge le fichier PSD disponible en haut de page pour récupérer les styles utilisés).

ETAPE 5

Je crée un nouveau calque au dessus de ma base et de la lettre puis je récupere la sélection de ma lettre. Je remplis de blanc cette sélection, je la déplace ensuite de deux ou trois pixels vers le haut et j’appuie sur la touche Suppr, je crée ainsi une fine bordure blanche.

ETAPE 6

Je duplique le calque bordure deux fois et j’applique sur l’un un flou gaussien de 4 puis sur le second calque un flou gaussien de 2. Je crée ainsi une lueur blanche autour de ma bordure.

ETAPE 7

Avec l’outil sélection je crée sur les trois bordures un endroit où la bordure s’élargit (je garde en tête ma forme 3D pour créer ses parties blanches) Je remplis ces nouvelles sélections de blanc puis même chose qu’a l’étape 6, j’utilise le flou gaussien pour créer une lueur externe.

ETAPE 8

Je cherche dans les formes de pinceaux le scintillement et sur de nouveaux calques je crée de petites étoiles, histoire que notre métal soit très brillant ;)

Je peux me rendre sur ce tutoriel qui explique un peu plus en détail l’utilisation de ce pinceau.

http://www.wks.fr/Creer-une-etincelle-de-lumiere.html

ETAPE 9

Sur de nouveaux calques, je m’amuse à créer des reflets sur ma lettre, de façon à lui donner un aspect plus lisse et plus clair. Je peux me rendre sur ce tutoriel pour comprendre un peu mieux l’utilisation des reflets.

http://www.wks.fr/Mille-et-une-facon-de-creer-un.html

ETAPE 10

Et voila, je fignole un peu mes calques, j’éclaircis un peu le tout et ma lettre est terminée, je peux l’utiliser dans une composition pour agrémenter tout cela ;) Alors le résultat n’est il pas excellent ? N’hésitez pas à poster votre image dans la galerie ; enfin, seulement si vous avez réussi à arriver jusqu’à cette étape, ce qui n’est pas gagné ;) et oui je vous avais prévenu dès le début que cela n’est franchement pas facile !

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

  • 12 avril 2008 11:15, par Rokkall

    Pas mal du tout celui-là, j’aime pas la technique pour les bordures. ;)

    Rokkall.

    Répondre
  • 12 avril 2008 12:21, par IT1

    Wahoo ! Génial. Effectivement, il faut avoir un bon niveau, mais le résultat final est tellement beau ! Merci Wonka.

    Répondre
  • 12 avril 2008 12:36, par Toinousp

    SUPER CLASS ;) j’adore le résultat final !!!! C’est formidable ^^

    Répondre
  • 15 avril 2008 17:25, par Wonka

    indiaroots j’ai dus supprimer tes commentaires, car il déformait la page !

    Je vais réparer l’upload des images et tu pourras l’ajouter ensuite dans la galerie ;)

    En tout cas je te félicité car tu as bien réussis ce tutoriel !

    Répondre
    • 15 avril 2008 17:35, par Wonka

      Par Indiaroots ;)

      Répondre
      • 15 avril 2008 19:12, par indiaroots

        merci Wonka dsl je suis novice sur ce site j’ai pas encore capté comment tout ceci fonctionne ;)

        Répondre
  • 15 avril 2008 18:35, par IT1

    Voilà ma création :

    Puisque le « S » marche bien avec ce tuto :-D

    J’ai juste un petit peu insisté sur les effets de lumière sur la tranche et je me rend compte qu’au final, je me suis un peu éloigné du résultat final du tuto, j’espère que tu ne m’en voudra pas Wonka ;-)

    A bientôt ;-)

    Répondre
    • 15 avril 2008 20:39, par Wonka

      Non non comme à ton habitude c’est parfait ;) bravo à toi !

      Répondre
      • 15 avril 2008 21:00, par IT1

        Merci beaucoup ;-) !

        Répondre
  • 17 avril 2008 00:27, par maniphil

    alors voila !

    Répondre
    • 17 avril 2008 09:55, par Wonka

      Une seule chose à dire MAGNIFIQUE, presque plus beau que le miens ;)

      Répondre
      • 17 avril 2008 16:48, par maniphil

        merci beaucoup !

        sa fait plaisir de recevoir des comentaires encourageants

        Répondre
  • 18 avril 2008 13:04, par yusukel

    Simpatique ce tuto ^^ ! J’ai vraiment…galèrer avec les ombres blanches sa donner pas comme toi j’ai du me gourer quelque par erf ^^’ enfin voilà mon résultat pas extra :

    Yusukel

    Répondre
    • 18 avril 2008 13:44, par Wonka

      Moi je trouve que c’est pas trop mal, même plutôt bien, bravo !

      Répondre
  • 13 mai 2008 17:39, par Kraken_Master

    Ok depuis un moment se tuto me gratte la tête, quelque chose ne colle pas.

    J’ai décidé de faire à ma façon (sans fignoler) et je me suis rendu compte que c’est l’ombre qui me démangeait. Elle dépasse au dessus de la forme en 3D et laise un flou noir tout au tour de la forme. (Je sais c’est tordu comme idée.) En jouent avec les paramètre de l’ombre (distance), l’ombre donne un effet de flottaison a la pièces, donc ça n’aide pas.

    Pour que l’ombre ne déborde pas de partout, lors de l’étape 2, avent de fusionner les calque, je duplique le dernier calque créé pour la forme en 3D et je le mets en dessous des autres calques que je peux alors fusionner. Ce calque supplémentaire reprend la base de la forme en 3D et c’est sur lui que j’applique le style de calque « ombre externe ».

    De plus, ça permet de dériver sur d’autres effets qui sont bien sympathique si on joue sur le calque de la forme en 3D. ( bloque de verre entre deux plaques d’inox)

    Rappelle, j’ai ni peaufiné ni fignolé.

    Comparaison :

    Si non c’est un bon tuto. Encore merci.

    Répondre
    • 13 mai 2008 18:08, par Wonka

      Commentaire très intéressant ! Merci pour ce message ! Tes réalisations sont très belle ;) et j’adorerais voir les même avec un peu de paufinage :D

      Répondre
  • 15 mai 2008 19:06, par MØG

    Chouette tuto, il mérite bien son appellation de Professionel. Voila ma création, j’ai fais de mon mieux :p mais j’ai dû me tromper dans une étape, j’ai pas le même rendu final que toi. Sinon quelqu’un a une méthode pour transférer un calque ou une sélection de Photoshop directement sur flash ?

    au passage,de la pub pour mon site lol

    Répondre
    • 16 mai 2008 10:03, par Wonka

      Non moi j’aime beaucoup ton image, très beau rendus ! Ton site est pas mal ;) d’ailleurs j’ai pus remarqué que tu érais un pro du flash ;) n’hésite pas à écrire des articles pour wks si tu as le temps !

      Répondre
      • 16 mai 2008 17:19, par MØG

        Merci du compliment et merci d’être passé sur le site :-D

        Je me débrouille en flash, écrire des articles pourquoi pas, mais je sais pas par ou commencer.

        Sinon je réitère ma question, est il possible d’exporter une selection ou un calque de Photoshop vers Flash ? Merci :-)

        Répondre
        • 16 mai 2008 18:16, par Wonka

          Essaye un bon vieux drag and drop entre les logiciels !

          Sinon de flash vers photoshop oui mais de photoshop vers flash euh oui aussi.

          Utilise le ctrl + c ctrl + v !

          Répondre
          • 17 mai 2008 00:03, par MØG

            Merci pour t’es conseils mais rien ne donne l’effet que j’attends sur flash.

            Répondre
            • 13 juillet 2008 11:34, par zarhock

              Ou puis-je te joindre ? Je travaille sur un jeu et j’ai besoin d’un flasheur de ton niveau je pense =D

              Voir en ligne : http://www.shinobi.fr

              Répondre
              • 13 juillet 2008 13:17, par Wonka

                Tu parles pour qui ?

                Répondre
                • 13 juillet 2008 17:30, par zarhock

                  Désolé wonka ^^" A MOG ;)

                  Sinon ton tuto, je ne manie pas encore assez bien les outils densité + et - pour trouver un bon rendu :s De plus, je bloque aussi à l’endroit ou tu doit élargir les traits lumineux...

                  Voir en ligne : www.shinobi.fr

                  Répondre
  • 20 mai 2008 18:26, par ragewear

    Très bon tuto, mon résultat n’est pas super mais je suis pas encore pro avec tous les outils... Merci à WKS pour le tuto.

    Répondre
  • 26 juin 2008 17:41, par Tistep

    Répondre
    • 3 juillet 2008 19:02, par Cr3ation.net

      oui ? et ? Que fallait-il voir ?

      Répondre
      • 13 juillet 2008 13:17, par Wonka

        Je pense que c’était son blog qu’il falait voir ;)

        Répondre
  • 3 août 2008 18:23

    salut. sympa ce tuto :)

    voila ma contribution :

    PS : ce n’est pas d’un niveau très haut, un débutant pourrais y arriver je pense ;)

    A+

    Répondre
    • 6 août 2008 16:10, par Wonka

      Est bien c’est quand même très réussis je trouve, bravo à toi et bon courage pour ta formation à Photoshop !

      Répondre
      • 23 août 2008 04:08

        Je suis bloquer a « cliquer sur le claques en appuyant sur alt pour que le calque descende pixel par pixel ! » Il y a t’il une autre facon ?

        Répondre
  • 18 septembre 2008 16:59, par tiofgalsen

    Je te laisse juger

    Répondre
    • 18 septembre 2008 20:02, par Wonka

      Je trouve que tu t’en sort franchement bien, bravo à toi.

      Répondre
  • 23 septembre 2008 12:01

    super l’effet et merci de la partager avec d’autre Corinne

    Répondre
  • 5 novembre 2008 13:05, par Bananah

    Voilou ma contribution :

    Vraiment sympa cet effet, j’aime pas trop me servir de l’outil densité + -, mais ’faut avouer qu’il rend bien !

    Merci encore !

    Bananah

    Répondre
  • 5 novembre 2008 15:14, par Bananah

    On peut aussi donner un effet d’or, comme ici :

    ça rend vraiment bien (en peaufinant un peu les couleurs bien sûr, là j’ai teinté vraiment vite) !

    A bientot (eh oui, la Banane reviendra...)

    Tchou

    Répondre
    • 6 novembre 2008 09:47, par Wonka

      Jaune banane ;) en tout cas c’est vrai que sa donne vraiment bien aussi :p

      Répondre
  • 26 novembre 2008 01:56, par evu

    A combien faut mettre la perspectic pour que la lettre soi comme le tuto

    Répondre
  • 17 avril 2009 15:09, par Titelle

    salut

    pour mon examen pour cours d’info on doit suivre ton tuto.

    au risque de paraitre super nul, je suis coincé à l’étape2. Jarrive à fusionner les calques (mais j’en ai moins que toi, ca change grand chose ?) mais toi à la fin de ton etape 2 tu as la surface la plus haute qui est plus claire. Comment as-tu fait ? moi j’y arrive pas et du coup j’sais pas continuer le tuto.

    Merci de m’aider !

    Répondre
    • 17 avril 2009 16:22, par Wonka

      Quand tu fusionnes les calques il doit rester trois calques il me semble.

      L’arrière plan : 1 calque La lettre du haut : 1 calque La forme 3d du dessous : 1 calque.

      Pour changer la couleur du bas tu peux ajouter un style de calque, menu calque > style de calque > incrustation de couleur.

      Bonne chance.

      Répondre
      • 18 avril 2009 11:50, par Titelle

        je ne parviens pas a avoir 3calques.

        j’ai l’arriere plan et le texte pixellisé (apres avoir fusionner tous les calques).

        Comment je dois faire pour avoir la lettre du haut et la forme en 3d ?

        merci

        Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.