Tutorial Créer un Texte Brillant en Feu

Discussion dans 'Infographie' créé par Sι∂яα∂ι, 11 Août 2015.

Tags:
  1. Sι∂яα∂ι

    Sι∂яα∂ι Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    32 875
    J'aime reçus:
    121 510
    Points:
    13 043
    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: 17 Novembre 2021
  2. ANONYMOUS_INSOMNIAK

    ANONYMOUS_INSOMNIAK Je ne suis jamais très loin. Premium

    Inscrit:
    28 Mai 2015
    Messages:
    7
    J'aime reçus:
    12
    Points:
    1 298
    Super le tutoriel, bien détailler et fluide. GG :ig:
     
    2 personnes aiment ça.
  3. iFaameArtz

    iFaameArtz Membre

    Inscrit:
    24 Janvier 2016
    Messages:
    9
    J'aime reçus:
    0
    Points:
    1 271
    Bon tuto, bien détailler ! ;)
     
  4. fjodu974

    fjodu974 Premium

    Inscrit:
    13 Février 2015
    Messages:
    14
    J'aime reçus:
    0
    Points:
    2 281
  5. DeuSCentuRiOn

    DeuSCentuRiOn Premium

    Inscrit:
    21 Juin 2017
    Messages:
    52
    J'aime reçus:
    1
    Points:
    31
    Tu explique bien merci pour ce tuto
     
  6. BySwiizen

    BySwiizen Membre

    Inscrit:
    7 Mai 2017
    Messages:
    134
    J'aime reçus:
    10
    Points:
    2 363
    Les liens sont plus dispo pour la font...
     
  7. SHARKTN

    SHARKTN Membre

    Inscrit:
    13 Octobre 2017
    Messages:
    116
    J'aime reçus:
    9
    Points:
    588
    ah ouais ça c'est du boulot !! bravo chef tu gére comme d'habitude !! chapeau bas ! peace !
     
  8. dementiel2

    dementiel2 Membre

    Inscrit:
    11 Novembre 2017
    Messages:
    13
    J'aime reçus:
    0
    Points:
    21
    Ça c'est pas mal du tout bien détaillé
     
  9. pnl70

    pnl70 Membre

    Inscrit:
    14 Novembre 2017
    Messages:
    71
    J'aime reçus:
    0
    Points:
    56
    merci sidradi tu est le meilleur
     
  10. VALID

    VALID Membre

    Inscrit:
    25 Juillet 2017
    Messages:
    44
    J'aime reçus:
    1
    Points:
    533
    merci sidradi tu es le meilleur
     
  11. yassen9717

    yassen9717 Membre

    Inscrit:
    7 Février 2018
    Messages:
    51
    J'aime reçus:
    2
    Points:
    2 318
    thank you for the topic really your explication is wonderful !
     
  12. chanana

    chanana Premium

    Inscrit:
    10 Décembre 2018
    Messages:
    107
    J'aime reçus:
    1
    Points:
    98
    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é.
     
  13. Fakfak

    Fakfak Membre

    Inscrit:
    8 Janvier 2019
    Messages:
    156
    J'aime reçus:
    1
    Points:
    2 348
    Très intéressant et instructif
     
  14. xenor43

    xenor43 Membre

    Inscrit:
    24 Avril 2018
    Messages:
    67
    J'aime reçus:
    0
    Points:
    566
    Trop le feux merci ( hahaha ) merci bcp t un bon toi
     
  15. xenor43

    xenor43 Membre

    Inscrit:
    24 Avril 2018
    Messages:
    67
    J'aime reçus:
    0
    Points:
    566
    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é.
     
  16. UjiKawa

    UjiKawa Membre

    Inscrit:
    3 Mars 2019
    Messages:
    51
    J'aime reçus:
    0
    Points:
    46
    Propre, rapide et efficace. Je ne demandais pas mieux. Merci du tuto !
     

Partager cette page

  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice