• Bienvenue à tous sur HackandModz !
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies. En savoir plus.
Rejeter la notice
Visiteur,
Bienvenue sur Hack & Modz

Photoshop Recréer le Titre de The Walking Dead

Discussion dans 'Tutoriaux' créé par Ins0mniac, Oct 29, 2016.

  • 348 5
    1. Ins0mniac

      Ins0mniac Graphiste & Vidéaste
      38/52

      74
      13
      38

      Membre non noté

      0/5,
      Hors Ligne



      Salut à toutes et à tous,
      voici un tuto pour vous apprendre à recréer le Titre de The Walking Dead.

      Ce tutoriel est une traduction d'un tutoriel déjà existant (ce qui explique les capture d'écran en anglais)

      vous retrouverez la source à la fin de ce tuto.



      BON TUTO À VOUS !



      Ce que vous allez créer :
      [​IMG]



      Prérequis :

      Veuillez vous inscrire ou vous connecter pour voir le message.

      font

      Veuillez vous inscrire ou vous connecter pour voir le message.

      by crestfalleen

      Veuillez vous inscrire ou vous connecter pour voir le message.

      by digital-amphetamine

      Veuillez vous inscrire ou vous connecter pour voir le message.

      by miskis

      Veuillez vous inscrire ou vous connecter pour voir le message.

      by darkrose42-stock

      Veuillez vous inscrire ou vous connecter pour voir le message.

      by Chrisdesign




      1. Création de l'arrière-plan :

      Étape 1 :
      Créer un nouveau document : px 1920 x 1080, définissez la couleur au premier plan : #2a1e20 et celle de l' arrière -plan : #1a0f13, puis allez à Filtre> Rendu> Nuages et dupliquer le calque (Ctrl+J).

      [​IMG]


      Étape 2 :
      Double-cliquez sur la copie du calque pour appliquer le style de calque suivant:
      • Opacité: 50%
      • Couleur: #d0fbc1
      • Taille: 15
      [​IMG]

      Étape 3 :
      Dans la section Incrustation en dégradé, choisissez les paramètres suivants:
      • Mode de fusion: Teinte
      • Opacité: 70%
      • Angle: 107
      • Echelle: 138%
      • Cliquez sur la case du Dégradé pour créer le dégradé
      Vous pouvez cliquer sur les Étapes d'Opacité en haut de la barre de dégradé ou les Étapes de dégradé dessous pour modifier leurs valeurs. Le dégradé est créé en utilisant les couleurs #016f6e à gauche et #fee847 à droite, et l'étape d'opacité droite est définie à 0.

      [​IMG]


      Étape 4 :
      Après avoir appliqué le style de calque, cliquez sur l'icone Créer un calque remplissage ou de réglage sur le panneau des calques et choisissez niveaux.


      [​IMG]

      Etape 5 :
      Réglez la valeur de l'ombre à 8 et la valeur du Gamma à 1.21. Cela va égayer les coins et les bords.


      [​IMG]




      2. Ajout des brosses Grunge à l'arrière-plan :

      Étape 1 :

      Réglez la couleur du premier plan à : #2b1c1f, choisissez l'outil Pinceau (B) , et choisissez l'un des brush Dirty Grunge. Ensuite, créez un nouveau calque au-dessus de tout les calques et et définir son mode de fusion sur Superposition.

      Ajouter le brush sur l'arrière-plan, mais assurez-vous de ne pas "l'encombrer". Vous pouvez ajouter le brush sur les coins et les bords au lieu de remplir le centre.

      [​IMG]



      Étape 2 :
      Aller à Filtre> Atténuation> Flou gaussien , et changer le rayon sur 2 pour adoucir le résultat.

      [​IMG]


      Étape 3 :
      Réglez la couleur au premier-plan #857276, créer un nouveau calque au-dessus de tout les calques, choisissez l'outil Pinceau et choisissez le brush ci-dessous à partir du Pack

      Veuillez vous inscrire ou vous connecter pour voir le message.

      .


      Ce pinceau sera utilisé pour ajouter un peu plus de "grunge" aux coins et au bas du document. Pour ce faire, vous aurez besoin de faire tourner la brosse, et de le retourner . Ouvrez le panneau des Formes ( Fenêtre> Forme ) pour modifier ces paramètres.

      [​IMG]


      Étape 4 :
      Le Brush peut être tourné en changeant l'angle de la forme de la pointe à 90.


      [​IMG]


      Etape 5 :
      Pour retourner la brosse, vérifiez la case Symétrie Y. Utilisez ces options pour ajouter le brush à l'arrière-plan.


      [​IMG]


      Etape 6 :

      Réglez la couleur au premier plan sur #121212, choisissez un brush grand, doux, rond, créez un nouveau calque a -dessus de tout les autres, appelez le Centre, et modifier son opacité à 55% . Ajoutez ensuite le grand brush dans le centre du document pour assombrir la zone située derrière le texte que nous allons créer plus tard.

      [​IMG]




      3. Ajout de la texture et finition de l'arrière-plan :

      Étape 1 :
      Placez l'image "

      Veuillez vous inscrire ou vous connecter pour voir le message.

      " au dessus de tout les calques, la redimensionner au besoin, puis renommez le "BG Texture" , et changer son mode de fusion sur Produit.


      [​IMG]


      Étape 2 :
      Faites Ctrl+U, et changer la saturation de la valeur à -50.


      [​IMG]


      Étape 3 :
      Réglez la couleur au premier plan sur #6e5f40, créer un nouveau calque au dessus de tout les autres, changer son mode de fusion sur Superposition et son opacité à 35%, puis utiliser quelques grand brush rond et doux pour ajouter un peu de couleur vive aux coins inférieurs.


      [​IMG]



      Étape 4 :
      Créez un nouveau calque au-dessus de touts les autres, changer son mode de fusion par Superposition et son opacité à 65% . Utilisez les pointes de pinceau ci-dessous à partir de

      Veuillez vous inscrire ou vous connecter pour voir le message.

      pour ajouter quelques éclaboussures sur les côtés du document.

      Vous pouvez retourner la deuxième brosse en cochant la case Symétrie X dans le panneau des formes pour l'appliquer sur le côté droit. Vous pouvez également déplacer ces brush vers le haut ou le bas plus tard, après avoir ajouté le texte si nécessaire.


      [​IMG]



      Etape 5 :
      Double-cliquez sur la couche à appliquer d'un simple effet de Lueur Interne.

      • Mode de fusion: Lumière vive
      • Opacité: 50%
      • Source: Centre
      • Taille: 7
      [​IMG]


      Etape 6 :
      Aller à Filtre> Atténuation> Flou gaussien, et changer le rayon de 1,5.


      [​IMG]



      Etape 7 :
      Sélectionnez touts les calques que vous avez, sauf pour l’arrière plan original, puis de les regrouper et nommer le groupe BG (BackGround) pour garder les choses organisées.


      [​IMG]





      4. Création du texte et ajout de la texture :

      Étape 1 :

      Créer le texte en utilisant la police

      Veuillez vous inscrire ou vous connecter pour voir le message.

      . La couleur de la police est #e6d5b5 la taille est 225pt et la valeur d'approche est fixée à -10.


      Le texte en haut est facultative, mais il est créée en utilisant la police Gill Sans MT Condensed, et la taille de la police est 85pt. Vous pouvez utiliser une autre police condensée similaire pour cette partie aussi.

      [​IMG]


      Étape 2 :
      Double-cliquez sur chaque calque de texte pour appliquer d'un simple effet de Lueur Interne.


      • Opacité: 30%
      • Couleur: #d5c09f
      [​IMG]


      Étape 3 :
      Sélectionnez le calque (s) de texte que vous avez créé, puis allez dans Filtre> Convertir pour les filtres dynamiques, et renommez le calque Text , puis dupliquer le, et faites glisser la copie en dessous.

      Cela aidera à appliquer des filtres non destructifs au texte, ainsi que de garder le texte modifiable pour toute modification ultérieure.

      [​IMG]


      Étape 4 :

      Placez le grunge-background3.jpg de

      Veuillez vous inscrire ou vous connecter pour voir le message.

      sur le dessus de la couche de texte d'origine, puis faites un clic droit et choisissez Créer un masque d'écrêtage.

      [​IMG]


      Etape 5 :
      Faites Ctrl+U, changer la teinte de 4 et de la saturation à -30.

      [​IMG]




      5. Assombrissement du texte :

      Étape 1 :
      Choisissez le Brush Tool, ouvrez le panneau des formes ( Fenêtre> Forme ), choisissez une pointe de pinceau doux, rond, puis modifier ses paramètres comme indiqué ci-dessous:

      Forme de la pointe :
      [​IMG]

      Dynamique de Forme :
      [​IMG]

      Dynamique de la Couleur :
      [​IMG]

      Transfert :
      [​IMG]



      Étape 2 :
      Créez un nouveau calque au-dessus du calque de texture grunge, appeler le Brush, définissez son mode de fusion sur Produit, faites un clic droit et choisissez Créer un masque d' écrêtage, puis définissez la couleur au premier plan sur #a5a196 et celle à l'arrière-plan sur #b8976c.

      Maintenant commencez à peindre la partie supérieure du texte, de façon aléatoire à l'intérieur pour créer des taches plus foncées le long des bords supérieurs et à l'intérieur des lettres.

      [​IMG]



      6. Ajout du Grunge intérieur et autour du texte :

      Étape 1 :
      Réglez la couleur au premier plan sur #fffada, créez un nouveau calque et l'appeler Splatter, créer un masque d'écrêtage pour celui-ci, changer son mode de fusion sur Superposition et son opacité à 70%, puis choisissez la pointe du pinceau illustré ci-dessous à partir de

      Veuillez vous inscrire ou vous connecter pour voir le message.

      .


      Cliquez autant de fois que nécessaire pour remplir le texte avec la pointe du pinceau sélectionné, mais assurez-vous de ne pas cliquer et faire glisser.

      [​IMG]



      Étape 2 :
      Ctrl+Clique gauche sur la vignette de Text pour créer une sélection.


      [​IMG]


      Étape 3 :
      Assurez-vous que le calque Splatter est sélectionnée, puis appuyez sur Ctrl-J pour dupliquer la sélection dans un nouveau calque.

      Renommez le calque dupliqué "Horizontal" et changer son mode de fusion sur Superpostion, puis dupliquer et modifier le nom de la copie sur "Vertical".

      Sélectionnez, zoomez un peu, puis appuyez sur la Flèche gauche six fois pour déplacer le brush 6px vers la gauche.


      [​IMG]


      Étape 4 :
      Créer une sélection basée sur le texte à nouveau, puis appuyer sur Suppr pour se débarrasser de la partie à l'intérieur du texte et garder les bords, et aller à Sélection> Désélectionner.

      Répétez les mêmes étapes pour déplacer Vertical partie 4px vers le haut.

      [​IMG]



      Etape 5 :
      Choisissez l'outil Gomme, choisissez une pointe souple, ronde, et supprimer certaines parties des bords horizontaux et verticaux que vous venez de créer.

      [​IMG]



      Étape 6 :
      Convertir Horizontal et Vertical en des objets intelligents, et changer leurs mode de fusion sur Superposition.

      Ensuite, sélectionnez le calque de chaque objet intelligent, et allez à Filtre> Atténuation> Flou gaussien, et changer le rayon de 0,7.

      [​IMG]


      Etape 7 :
      Si nécessaire, vous pouvez modifier l'Opacité pour créer un effet plus subtil.

      [​IMG]





      7. Touches de finition :

      Étape 1 :
      Sélectionnez la copie de Text, puis aller à Filtre> Flou> Flou, changer l'angle à 90 et la distance à 10.

      [​IMG]


      Étape 2
      Choisissez un brush rond et dur de 1px, et assurez-vous que son Pas dans Forme est réglé sur 1.

      [​IMG]


      Étape 3 :
      Créez un nouveau calque au-dessus de touts les autres, appeler le Line, et définir la couleur au premier plan sur #f26d7e.

      Cliquez une fois au sommet du bord gauche de la lettre dans le milieu de votre texte, appuyez et maintenez enfoncée la Maj touche, puis cliquez une fois de plus en bas.

      [​IMG]


      Étape 4 :
      Aller dans Filtre> Atténuation> Flou gaussien, et changer le rayon de 0,7.

      [​IMG]







      Félicitations à vous! Vous avez terminé.

      Ce message est caché aux visiteurs, merci de vous inscrire ou vous connecter pour voir le message.

      Si vous rencontrez un problème ou avez des questions, n'hésitez pas ! :wink:
       
    2. Google AdSense Publicités Publicités

  • Conan5112

    Conan5112 Membre actif
    48/52

    157
    21
    48

    Membre non noté

    0/5,
    Hors Ligne
    Merci du partage
     
  • Ins0mniac

    Ins0mniac Graphiste & Vidéaste
    38/52

    74
    13
    38

    Membre non noté

    0/5,
    Hors Ligne
    Derien ^^
     
  • OldPee

    OldPee Rédacteur | Hack & Modz Elite
    123/155

    715
    225
    123

    Membre non noté

    0/5,
    Hors Ligne
    Merci du partage jvais essayer de le faire ;)
     
  • Ins0mniac

    Ins0mniac Graphiste & Vidéaste
    38/52

    74
    13
    38

    Membre non noté

    0/5,
    Hors Ligne
    Derien et bon courage !
     
    • Gentil Gentil x 1
  • OldPee

    OldPee Rédacteur | Hack & Modz Elite
    123/155

    715
    225
    123

    Membre non noté

    0/5,
    Hors Ligne
    Merci ^^