Effet typographique réaliste dans Photoshop

Effet typographique réaliste dans Photoshop

Pour le premier tutoriel de 2012, nous voulions en avoir un vraiment bon et le plus important, très facile, car notre objectif pour cette nouvelle année est de fournir de bons tutoriels avec des techniques simples qui permettent d’obtenir d’excellents résultats. Dans ce premier cas, nous explorerons les moyens de créer un effet typographique en utilisant uniquement Photoshop.

Donc, dans ce didacticiel, nous allons vous montrer comment créer un effet typographique super simple et réaliste à l’aide des styles de calque dans Photoshop. Le processus est super simple et je suis sûr que vous ne prendrez pas plus de 45 minutes pour obtenir le même résultat.

Étape 1

Ouvrez Photoshop et créez un nouveau document. j’utilise 2560×1600 pixels pour mon afin que je puisse utiliser cette conception comme fond d’écran. Après cela, assurez-vous d’avoir un fond noir.

Le secret pour créer un effet typographique cool est d’utiliser différentes polices de caractères, tailles et styles les uns à côté des autres. Comme vous pouvez le voir sur l’image ci-dessous, j’ai commencé avec le nombre 2012, puis j’ai ajouté des rectangles sous chaque nombre. Ajustez les rectangles en fonction des polices de caractères. Essayez de les rendre légèrement irréguliers en termes d’alignement.

Étape 2

Sélectionnez l’un des rectangles et accédez à Calque> Style de calque> Ombre portée. Utilisez le noir pour la couleur, multipliez pour le mode de fusion, 120 pour l’angle, 5 pixels pour la distance et 18 pixels pour la taille.

Effet typographique réaliste dans Photoshop

Étape 3

Sélectionnez Biseauter et Gaufrer maintenant, puis utilisez Biseau intérieur pour le style. Chisel Hard pour la technique, 1000 pour la profondeur, 2 pour la taille, 90º pour l’angle, 5º pour l’altitude, blanc à 58% d’opacité pour le mode Highlight avec Color Dodge et noir à 75% d’opacité pour le mode Shadow en utilisant Darker Couleur.

Effet typographique réaliste dans Photoshop

Étape 4

Sélectionner Superposition de couleurs puis utiliser Soft Light pour le Blend Mode avec un gris foncé pour la couleur. Voici l’astuce. Pour chaque rectangle, utilisez une nuance de gris différente afin qu’ils ne se ressemblent pas.

Effet typographique réaliste dans Photoshop

Étape 5

Sélectionner Superposition de motifs. Maintenant, c’est une partie très importante. Nous devons avoir une texture convaincante pour donner un aspect réaliste à notre conception. La texture que j’utilise est de Supertrooper appelé La surface de l’ancien métal, rouille visible. Gracieuseté de Shutterstock. Ouvrez donc cette texture dans Photoshop et allez dans Édition> Définir le motif. Revenons ensuite à notre travail de conception, revenez à la superposition de motifs et cliquez sur l’option Motif. Sélectionnez celui que nous venons de créer à partir de la photo. Changez l’échelle à 50 %. Cette valeur variera en fonction de la taille de votre motif

Effet typographique réaliste dans Photoshop

Étape 6

Voici l’effet rectangle avec les styles de calque. Travaillons maintenant sur les types.

Effet typographique réaliste dans Photoshop

Étape 7

Sélectionnez le chiffre 2 et accédez à Calque> Styles de calque> Ombre portée. Utilisez du noir pour la couleur avec Color Burn pour le mode de fusion à 25 %. Pour l’angle, utilisez 90º avec 5 pixels pour la distance, 0 pour la propagation et 5 pixels pour la taille.

Effet typographique réaliste dans Photoshop

Étape 8

Sélectionner Biseau et estampe. Utilisation Emboss pour le Style, Chisel Hard pour la Technique, 625% pour la Profondeur, Up pour la Direction, 3 pixels pour la Taille, 0 pour le Soften. Utilisez également 90º pour l’angle, 50º pour l’altitude. Changez ensuite le Gloss Contour en utilisant celui que j’utilise dans l’image ci-dessous. Pour le mode surbrillance, utilisez l’écran avec du blanc à 40 % d’opacité. Pour le mode Ombre, utilisez une couleur plus foncée avec du noir à 74 % d’opacité.

Effet typographique réaliste dans Photoshop

Étape 9

Pour le motif ici, utilisons une autre texture. Celui-ci est par maxstockphoto et ça s’appelle Texture de fond de plaque métallique. Avec l’aimable autorisation de Shutterstock.

Effet typographique réaliste dans Photoshop

Étape 10

Voici le résultat final de l’effet de texte avec les styles de calque.

Effet typographique réaliste dans Photoshop

Étape 11

Répétez les mêmes étapes pour les autres numéros.

Effet typographique réaliste dans Photoshop

Étape 12

Pour le rendre un peu plus réaliste et ancien, utilisons des pinceaux sales pour détruire un peu les rectangles. Sélectionnez le rectangle puis allez à Calque>Masque de calque>Révéler tout. Puis avec le Outil Pinceau (B) et un pinceau grunge commence à peindre sur les bords avec du noir pour la couleur. Utilisez l’image ci-dessous pour référence

Effet typographique réaliste dans Photoshop

Étape 13

Voici à quoi ressemblera l’effet après avoir appliqué le masque sur les autres rectangles.

Effet typographique réaliste dans Photoshop

Étape 14

Répétez la même chose pour ajouter plus de mots à votre conception. Dans mon cas, j’ai ajouté Happy New Year 2012 et le symbole Abduzeedo.

Effet typographique réaliste dans Photoshop

Étape 15

Changez le calque d’arrière-plan en un dégradé radial avec un gris foncé au centre.

Effet typographique réaliste dans Photoshop

Étape 16

Copiez la texture métallique que nous avons utilisée pour le texte, puis collez-la directement au-dessus du calque d’arrière-plan. Après cela, changez le Mode de fusion de la texture métallique à Multiplier.

Effet typographique réaliste dans Photoshop

Conclusion

Vous pouvez sélectionner tous les calques, puis les dupliquer. Après cela, fusionnez tous les nouveaux calques en un nouveau et appliquez un Flou gaussien avec 5 pixels pour le Rayon. Il suffit alors de changer le Mode de fusion pour superposer à 70 % d’opacité. Dupliquez le calque et modifiez le Mode de fusion à l’écran à 40 % d’opacité.

C’est ça! Comme je l’ai mentionné au début du tutoriel, c’est une technique très simple et directe mais le résultat est plutôt sympa. A vous maintenant de l’essayer avec différentes textures et couleurs. J’aimerais aussi voir des versions avec un fond blanc.

Effet typographique réaliste dans Photoshop

Télécharger le fichier Photoshop

Télécharger le fichier sources