1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies. En savoir plus.

Tutorial Créer un Texte Brillant en Feu

Discussion dans 'Infographie' créé par StreetAsks, 11 Août 2015.

Tags:
  1. StreetAsks

    StreetAsks Administrateur

    Hors Ligne
    Bonjour membres :ig:

    Bienvenue dans les épisodes concernant les tutoriels Photoshop !
    Lors de ce Tutorial Photoshop on va voir comment créer un Logo comme celui ci :

    hBmGMag.png

    Pré-requis :

    1 - Font : Amaz Obitaem Ostrov Italic
    2 - Pattern : Green metal pattern
    3 - Fire : Fire Picture

    Etape #1 : Le Background


    Créer un nouveau fichier, Largeur : 600 px, Hauteur : 500 px, Resolution : 72 ppi.

    Screenshot_3.png

    Dupliquer le calque puis renommer le : Background Pattern.

    image_03.png

    Pour ajouter une texture on va utiliser : Layer Style

    Layer > Layer Style > Pattern Overlay, selectionner 'green_metal_pattern' depuis la liste.
    Mettre la valeur du Scale à 50%. puis cliquer sur Snap to Origin.

    image_04.png
    image_05.jpg


    Puis dans Layer > Layer Style > Inner Shadow et vous allez mettre ces valeurs :

    image_06.png
    image_07.jpg

    Maintenant on va ajouter une reflection.
    Layer Style > Bevel & Emboss puis créer un Gloss Contour custom et mettez ces valeurs

    image_08 (1).png

    image_09.jpg

    Etape #2 : Le Text
    Saisir le text iHax ou autre chose selon votre choix en utilisant la police Amaz Obitaem Ostrov Italic.
    Taille du text 180 pt. Changer le anti-aliasing rn Sharp pour une meilleure qualité.
    Renommer le calque iHax Top.

    Screenshot_29.png

    Dupliquer le calque deux fois et renommer les : iHax Mid et iHax Bot

    Screenshot_11.png

    Screenshot_10.png

    Selectionnez le calque iHax Top puis Layer > Layer Style > Pattern Overlay.
    Cliquer sur Pattern, choisir green_metal_pattern depuis la liste
    Puis mettre Scale à 50%. puis Snap to Origin.

    image_12.png
    Screenshot_12.png

    Maintenant on va ajouter une ombre pour séparer le texte du background
    Layer Style >Drop Shadow puis utiliser les paramètres suivant :

    image_14.png
    Screenshot_15.png

    On va modifier le Gradient Overlay :

    image_16.png
    Screenshot_16.png

    Pour ajouter une style, on va dans la fenêtre Layer Style puis Bevel & Emboss.

    image_18.png
    Screenshot_18.png

    Puis Layer Style > Satin et on utilise les paramètres suivant pour donner plus de brillance au texte.

    image_20.png
    Screenshot_19.png

    Maintenant on va améliorer l'effet de brillance métallique en ajouter un glow.
    Layer Style > Inner Glow
    et saisissez les valeur suivante :

    image_22.png
    Screenshot_20.png

    Puis Layer Style > Stroke et on utilise les paramètres suivant pour éclaircir les contours

    image_24.png
    Screenshot_21.png

    On va ajouter une lueur externe.
    Layer Style >Outer Glow Et on utilise les paramètres suivants :
    Le Contour est une courbe par Default nommé : Cone.

    image_26.png

    Screenshot_30.png

    Maintenant on va travailler sur le deuxième calque nommé iHax Mid.
    Dans la fenêtre : Character mettre la valeur du Tracking -60

    Screenshot_31.png

    Screenshot_32.png

    Puis : Layer > Layer Style > Gradient Overlay et on change les paramètres ainsi :

    image_29.png
    Screenshot_33.png

    Pour l'étape Finale.
    Selectionnez iHax Bot puis dans la fenêtre Character, Modifer vertically scale à 115% puis baseline shift à -10 pt. puis changee la couleur ainsi :

    Untitled-2.png

    Screenshot_34.png

    Etape #3 : Le Feu

    On va utiliser l'image Fire.png pour ajouter du feu et utiliser l'outil : Lasso

    deer6-1.jpg

    Ajouter la partie sélectionner à votre image puis mettre le calque en : Screen 100%:

    Screenshot_35.png

    Continuer ainsi en dupliquant le calque et on utilisant Control-T pour ajuster les calques , jusqu'à obtenir

    Screenshot_36.png

    Puis maintenant pour la fin :

    Créer un groupe pour tout les calque du feu et changer le mode du groupe en Screen 100%.

    Screenshot_39.png

    Créer un calque d'ajustement Levels avec les paramètres suivant :

    Screenshot_38.png
    Screenshot_37.png

    Le calque d'ajustement Levels doit être en premier sur la liste dans le groupe Feu/Fire

    Screenshot_40.png

    Ainsi le résultat Final est:

    Screenshot_41.png


    Ce Tutorial touche à sa Fin
    à bientôt pour une nouvelle épisode :wesh:

     
    Dernière édition: 5 Août 2020
  2. ANONYMOUS_INSOMNIAK

    ANONYMOUS_INSOMNIAK Premium Membre

    Hors Ligne
    Super le tutoriel, bien détailler et fluide. GG :ig:
     
    2 personnes aiment ça.
  3. iFaameArtz

    iFaameArtz Membre

    Hors Ligne
    Bon tuto, bien détailler ! ;)
     
  4. SyTry

    SyTry Ancien Staff Membre

    Hors Ligne
    Merci, le tuto est bien expliquer, et il y a des screen c'est cool car certain n'en utilise pas pour illustrer leur propos .. ;)
     
  5. fjodu974

    fjodu974 Premium Membre

    Hors Ligne
  6. DeuSCentuRiOn

    DeuSCentuRiOn Premium Membre

    Hors Ligne
    Tu explique bien merci pour ce tuto
     
  7. BySwiizen

    BySwiizen Membre

    Hors Ligne
    Les liens sont plus dispo pour la font...
     
  8. SHARKTN

    SHARKTN Membre

    Hors Ligne
    ah ouais ça c'est du boulot !! bravo chef tu gére comme d'habitude !! chapeau bas ! peace !
     
  9. dementiel2

    dementiel2 Membre

    Hors Ligne
    Ça c'est pas mal du tout bien détaillé
     
  10. pnl70

    pnl70 Membre

    Hors Ligne
    merci Streetasks tu est le meilleur
     
    Dernière édition par un modérateur: 16 Septembre 2020
  11. VALID

    VALID Membre

    Hors Ligne
    merci Streetasks tu es le meilleur
     
    Dernière édition par un modérateur: 16 Septembre 2020
  12. yassen9717

    yassen9717 Membre

    Hors Ligne
    thank you for the topic really your explication is wonderful !
     
  13. chanana

    chanana Premium Membre

    Hors Ligne
    Si besoin, j'ai créé des effets de feu (et de glace) dans Photoshop à partir de tout élément déterminé par une sélection et mémorisé.
     
  14. Fakfak

    Fakfak Membre

    Hors Ligne
    Très intéressant et instructif
     
  15. xenor43

    xenor43 Membre

    Hors Ligne
    Trop le feux merci ( hahaha ) merci bcp t un bon toi
     
  16. xenor43

    xenor43 Membre

    Hors Ligne
    Si besoin, j'ai créé des effets de feu (et de glace) dans Photoshop à partir de tout élément déterminé par une sélection et mémorisé.
     
  17. UjiKawa

    UjiKawa Membre

    Hors Ligne
    Propre, rapide et efficace. Je ne demandais pas mieux. Merci du tuto !
     

Partager cette page