Créer de l’or 3D avec Photoshop

Nous allons créer un texte en or, en lui apposant non seulement une texture en or massif mais également une profondeur.

Photoshop - 319.6 ko
Tutorial 79 - Fichier PSD
Clic pour téléchargez le fichier utilisé dans ce tutorial.

ETAPE 1

Je crée un nouveau document de 400 pixels de côtés et avec l’outil texte je tape mon titre. Je peux également faire une forme en ellipse pour faire une pièce en or !

ETAPE 2

Je pixellise (clic droit sur le calque > pixelisation) mon texte et je lui applique une petite perspective (édition > transformation > perspective).

ETAPE 3

J’ajoute à mon texte un petit dégradé (Calque > Style de calque > Incrustation dégradé).

JPG - 292.1 ko

ETAPE 4

J’appuie sur CTRL + J, je duplique ainsi mon calque, je place cette copie en dessous de mon texte puis je vais créer le relief, pour cela je supprime le style de calque, et ensuite je choisis l’outil déplacement. Tout en appuyant sur Alt je fais descendre mon calque pixel par pixel.

Je remarque qu’un nouveau calque se crée à chaque fois que je fais descendre mon calque d’un pixel.

Je me retrouve avec une vingtaine de calques, je fusionne le tout.

ETAPE 5

Sur mon image j’ai trois lettres, je vais alors séparer mon texte en trois calques, un par calque, cela va me permettre d’ajouter un style distinct pour chaque lettre.

J’ajoute maintenant un dégradé et une ombre interne sur nos nouvelles formes.

ETAPE 6

Ces étapes seront à faire pour chaque lettre : Je duplique le relief de la première lettre et je le décale de 20 pixels vers le bas, je glisse le second relief sous le premier.

J’applique sur le second relief ce nouveau dégradé ainsi qu’une ombre portée.

JPG - 278.5 ko

ETAPE 7

Avec l’outil sélection et le pinceau je comble les vides sur le côtés des lettres.

ETAPE 8

Je finis ma composition en vérifiant les petites problèmes, notamment le remplissage des lettres initiales du second relief.

ETAPE 9

Mise en situation et autre composition.

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

  • 1er septembre 2007 22:31, par zaki

    Trés beau tuto ,facile à réaliser Merci beaucoup !!!!!!!!!!!!!!!!!!!!!!

    Répondre
  • 27 septembre 2007 14:04

    bonne idée mais il y a une manque d’explication

    Répondre
    • 27 septembre 2007 15:34, par Wonka

      Voir le commentaire juste au dessus, il semblerait que ce soit compréhensible ;)

      Répondre
      • 12 octobre 2007 18:19

        Je suis assez d’accord, pour les débutants (comme moi), ça manque d’explications, on a besoin de pas à pas plus détaillé ^^ Mais le rendu est sympa, dommage que je sois incapable de le refaire :|

        Répondre
        • 15 octobre 2007 12:59, par Wonka

          nous sommes donc en parfait accord ;)

          Répondre
  • 13 octobre 2007 17:44

    Avec Illustrator, tu le fais en 2 temps 3 mouvements. Et en plus de ça, tu peux le bouger pour changer l’angle de vue, appliquer une texture, bref de la 3D. Je ne voix aucun intérêt de ce tutoriel étant donné que photoshop n’est pas prévu pour cela. Je signale aussi qu’il existe un plug-in qui déchire et qui rends vraiment mieux pour faire une texture doré : http://www.flamingpear.com/blade.html. Désolé d’avoir cassé ton tutoriel, cependant ton site est bien et tes autres tutoriaux aussi. Mais pas celui-là.

    Répondre
    • 15 octobre 2007 12:54, par Wonka

      Rassure toi, tu n’as absolument rien cassé, le but et de comprendre comment faire un effet or en 3D avec Photoshop. Il n’a jamais été question d’utiliser Illustrator ou même un plug-in ...

      Malgrès tout tu nous apportes des élèments qui peuvent faciliter cette méthode et je t’en remercie.

      J’essayerais de voir ce que ca peux donner avec AI et je regarderais de plus près ce plug in ;)

      Merci à toi pour ton commentaire !

      Répondre
  • 12 janvier 2008 02:13, par al

    bravo pour ton tuto. ce que je recherche dans ces exercices, c’est comment m’amelioré avec photoshop. et le fait de chercher un peu, n’est pas pour me deplaire. alors illutrator et les plug-ins....m’en tape.

    Répondre
  • 10 mai 2008 11:52, par Rakoula

    je suis Elias

    Je suis bloqué au niveau de là où il faut fusionner les calques dubliqués à la fois. Ya t-il une technique pour ça ? sinon moi je fusionne un à un et ça prend du temps. votre couleur d’incrustion également si je peux avoir les caractéristiques

    Merci

    Répondre
  • 20 mai 2008 20:32

    Bonjour, Tout d’abord je tiens a te dire que tes tuto sont géniaux ... Cependant je découvre Photoshop ... Et j’ai quelques problemes ... Je te demanderai juste une chose aujourd’hui : quelle police utilises-tu pour ce texte là , WKS effet 3D ? Merci d’avance ;)

    Répondre
  • 21 mai 2008 10:44

    Bonjour je voudrais savoir quelle police utilises-tu pour ce tuto et comment fait-on pour fusionner les calques

    Répondre
    • 21 mai 2008 11:59, par Wonka

      Pour la font je ne sais plus trop, pour fusionner un calque tu clic droit avec la souris sur le calque puis tu clic sur fusionner les calque. Bien sur il faut avoir selectionner plusieurs calques pour pouvoir les fusionner, car on ne fusionne pas un calque avec lui même ;)

      Répondre
  • 31 mai 2008 21:09

    quel couleur utilises-tu

    Répondre
    • 1er août 2008 16:26

      pas très bien expliqué, pour les débutants, c’est impossible ! Rien que pour mettre le premier dégradé, j’ai pas trouvé. Tu n’explique rien, tu fait comme si on connaissait photoshop !

      Répondre
      • 2 septembre 2008 23:17

        Je suis d’accord avec toi !! Je ne comprend rien a ce tuto !!

        Répondre
        • 12 septembre 2008 17:13

          Super mais quel est la police utilisé

          Répondre
  • 28 septembre 2008 19:05, par ralfyac

    5 étapes vous n’avez pas bien expliqué

    Répondre
    • 6 février 2009 14:24

      étape 5, je suis comme beaucoup, je coince, comment séparer chaque lettre par un calque ? merci pour ce détail ?

      Répondre
      • 16 août 2009 15:39, par coco

        il y a une manière beaucoup plus simple de séparer les lettres. Sur le texte initiale, tu fait une sélection rectangle autour de ta première lettre, ensuite sous calque->nouveau calque par couper. La lettre va se couper du premier calque et se coller sur un nouveau calque exactement à la même place. Tu retournes sur le texte de base, et tu fait pareil avec les lettres suivantes.

        Répondre
  • 3 février 2009 13:17

    c’est très très mal expliqué,comment faire descendre le calque pixel par pixel, puis pour séparer les lettres comment faut-il faire etc etc... pourtant je sais me servir de photoshop, ça manque d’explication, peut on avoir plus de clarté ?

    Répondre
  • 11 mars 2009 14:59, par Vanessa =)

    Moi je trouve que le uto estbien expliquer ! Seulement javou que vaut mieu pas être debutant pour faire sa.. !! C’est simple pour separé les troi letter du calqe fin je pense ; Tu duplique ton calque puis tu change juste la lettre aisi de suite ! Genre,Ta le calque WKS tu enleve le K et duplique ton calque et tu met la lettre K à la place de la W c’est tout simple. (en enlevant biensurela lettre S) Pour le degradé tu telecharge le fichier PDS et tu va dans e calque ou est le degradé tu va dans l’incrustation en degradé, tu double clik sur le degradé pui tappui sur nouveau, ensuite tu prend le calque de ton texte et dans lincrustation en degradé tu choizi le degradé que tu vien de crée..Bref jsuis pas sure de trèsbien expliquer mais bon ptetre que quelqun comprendra =) Bref je test cetuto sur une forme la :) Ce tuto est genial merci Wonka=D

    Répondre
    • 17 août 2009 12:44, par Wonka

      Heureux qu’il te plaise ;) bonne chance pour ta réalisation graphique !

      Répondre
  • 16 août 2009 15:34, par coco

    Tuto sympa une fois de plus, c’est vrai que ça aide de pouvoir copier/coller les styles depuis le fichier offert donne un bon coup de main, quitte à modifier les couleurs par la suite. Ceci dit pour ce genre de travail sur texte, il vaut mieux prendre une font avec des bords plats, j’ai utiliser la police Bartholomeow. Encore merci pour ce joli travail

    Répondre
  • 21 mai 2010 14:38, par loumat

    Salut Wonka peux tu me dire la Police stp pour je puisse l’utiliser si elle est par defaut ou bien la DL, d’avance je t’en remercie.

    Répondre
  • 27 juillet 2010 19:29, par Aury

    Bonjour ; Dans l’ensemble, le Tuto est bien expliqué. Malheureusement, je suis débutant et je ne comprend pas tout ; donc comme beaucoup : JE SUIS COINCE. Pour ma part, c’est à l’étape 4. Je sais que ça peut parraitre ridicule pour les plus expérimentés ; mais ... après avoir mis ma copie sous l’original ; je ne sais quel calque prendre pour la suite et de plus ; vu que je ne suis pas tarte : j’ai essayé avec les deux. Mais impossible de créer les 20 calques simplement en appuyant sur ALT et en bougeant avec l’outil déplacement ! je ne fait qu’un calque après avoir lâché la souris. C’est embêtant ... merci de m’expliquer ! Et aussi : est-ce normal que ma taille de police ne peux aller plus haut que 70 ? PS : je suis encore un gosse ; je comprends pas les mots compliqués ! hihi !

    Répondre
  • 8 décembre 2010 09:00, par Votre pseudonymeafarni

    bonjour merci et comme d’ab super tuto, par contre pour les dégradés, et je dit cela pour ceux wui ont du mal, aller telecharger au debut de cette page le tuto complet avec le dossier^psd et comme cela vous aurez touts les elements merci encore wonka

    Répondre
  • 28 avril 2011 09:40, par Votre pseudonyme

    Bonjour, votre tuto est pour des gens qui connaissent bien photoshop. Je n’ai pas reussi à suivre... Manque beaucoup d’explications

    Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.