Publié initialement dans : PSDTUTS Auteur : Collis Traduction : Gao Xiaobai
Ce tutoriel de Collis vous montrera comment utiliser une photo de feu combinée à du texte. Ce que nous regardons maintenant est un joli fond sombre combiné à un magnifique effet de texte sur toute l’image.
Effet final : Comme toujours, nous serons les premiers à voir l'effet final afin que vous sachiez avec quoi nous allons nous retrouver. Cette belle image sert actuellement d’arrière-plan au bureau de mon ordinateur portable.
Cliquez sur l'image ci-dessus pour voir l'image complète
Première partie – Contexte
Créez un nouveau document dans Photoshop d'une taille de 1920 × 1200px. Sélectionnez l'outil Dégradé et dessinez un dégradé radial marron (valeurs de couleurde #5c3d09 à #1f1409), afin d'obtenir un effet comme celui ci-dessous.
Notez que le dégradé n'est pas dessiné à partir du milieu, mais à partir du haut de l'image. Nous voulons que l'effet du feu soit au-dessus du texte, le haut de l'image doit donc être légèrement plus clair.
Étape 2
Nous utiliserons à nouveau une texture d'arrière-plan du didacticiel Grass Text Effect. Mais cette fois, au lieu de repartir de zéro, j'ai directement copié l'arrière-plan déjà créé dans le didacticiel de texte sur les effets spéciaux d'herbe, mélangé tous les calques et réduit la saturation pour obtenir l'effet que vous voyez ci-dessous.
Si vous devez repartir de zéro, vous devez d'abord accéder à Bittbox pour obtenir l'image de texture originale, puis suivre les étapes précédentes.
Étape 3
Maintenant, nous mélangeons la texture avec l'arrière-plan et définissons le mode de fusion sur Superposition.
Étape 4
Utilisons le filtre Texture pour ajouter de la texture. J'ai commencé par créer un nouveau calque et le remplir de marron (#66500f). Ensuite, allez dans Filtre > Texture > Texture, définissez la valeur d'échelle sous le canevas de texture sur 80 % et mettez en surbrillance sur 4.
Étape 5
Définissez le mode de fusion de ce calque sur Superposition, car nous travaillons sur une grande toile, donc l'ajout de détails supplémentaires intéressants le rendra encore meilleur.
Étape 6
Ensuite, nous appliquerons un calque pour désaturer légèrement la moitié inférieure de cette image. Le but est de faire en sorte que le feu supérieur ressemble à une lueur chaude, tandis que le feu inférieur semble un peu froid. J'ai donc créé un nouveau calque et l'ai rempli de couleur (# 4b4f3b), puis j'ai ajouté un masque de calque et utilisé le dégradé pour masquer la moitié supérieure de l'image. (Vous devriez maintenant obtenir quelque chose comme l'image ci-dessous). Réglez maintenant le mode de fusion du calque sur Couleur et Opacité sur 45 %.
Deuxième partie – Texte + Lumière = Génial
Bon, maintenant nous avons un joli arrière-plan ! Ajoutons maintenant du texte. La police que j'ai utilisée est Trajan car elle a fière allure ici. J'ai ajouté une couleur à la police (# cb9328), puis défini le mode de fusion du calque sur Dodge linéaire (Ajouter) et réduit l'opacité à 8 %. Nous allons utiliser des flammes rouges pour ajouter un effet à la partie supérieure du texte, le faisant ainsi ressortir de l'arrière-plan. Cela signifie que nous allons ajouter des effets et des masques de calque au texte, afin d'afficher uniquement la partie supérieure du texte, tandis que la partie inférieure du texte reste la même que l'effet caché actuel.
Étape 8
Créez d’abord un nouveau groupe de calques et placez-y tous les calques de texte – il y aura beaucoup de texte ici. Dupliquez ensuite le calque de texte et définissez la valeur de couleur du texte copié sur # 5e3f1c.
Étape 9
Définissez maintenant le dernier calque de texte sur Superposition et son opacité sur 70 %. Cela ressemble à une superbe couleur rougeâtre. (Comme le montre l'image ci-dessous)
Étape 10
Maintenant, dupliquez à nouveau le calque de texte et définissez le dernier calque dupliqué sur une couleur jaune clair (# cb9328). Ensuite, réglez-le sur Dodge linéaire (Ajouter) et réduisez l'opacité à 30%. Ensuite, nous ajoutons un masque de calque et dessinons un dégradé, de sorte que le dernier calque de texte ait une légère sensation, comme le montre l'image ci-dessous. Combiné avec les deux calques de texte ci-dessous, vous pouvez voir la couleur légèrement rougeâtre au bas du texte.
Étape 11
Ensuite, nous dupliquons à nouveau le calque de texte. Cette étape consiste à ajouter une touche agréable au bas du texte. Définissez la couleur du texte sur noir (# 000000), puis exécutez Filtre> Flou> Flou gaussien et définissez le rayon sur 4 px. Pour pixelliser le texte, sélectionnez > Modifier > Développer. Ensuite, Ctrl + maintenez enfoncé n'importe quel autre calque de texte, revenez au calque noir et cliquez sur Supprimer, de sorte qu'il ne reste qu'une ombre très douce. Dupliquez ensuite ce calque et fusionnez-le pour créer un effet très lourd. Ce que vous créez devrait ressembler à la capture d'écran ci-dessous.
Étape 12
Comme le montre l'image ci-dessous, utilisez à nouveau le masque de calque pour créer rapidement l'effet de fondu d'ombre. Cela donnera l’impression que le texte flotte hors de l’écran.
Étape 13
Maintenant, dupliquez à nouveau le calque noir et, à l'aide de l'outil Smudge, utilisez un pinceau doux assez gros pour peindre autour de l'ombre afin de la faire ressembler à des marques de brûlure.
Étape 14
Notre effet de texte ressemble maintenant à l'image suivante. J'ai en fait créé deux marques de "brûlure", chacune de ces quatre couches d'ombre étant un peu plus floue que la précédente.
Étape 15
Il est maintenant temps d'ajouter un peu de lumière en haut du texte. d'abord. Dupliquez à nouveau le calque de texte. Réglez-le sur jaune – # dc9a08, puis allez dans Filtre > Flou > Flou gaussien, réglez le Rayon sur 8 px, puis utilisez une grande gomme douce pour effacer la partie inférieure du texte, afin de créer une belle sensation de déséquilibre.
Étape 16
Définissez le premier calque de lumière sur Soft Light. Vous devez répéter ce processus pour rendre le haut du texte plus brillant.
Étape 17
Maintenant, dupliquez à nouveau le calque de texte et placez-le sur le dessus. Changez à nouveau sa couleur en jaune (# dc9a08) et accédez à Calque > Pixelliser > Texte pour faire du texte un seul calque. Ensuite, Ctrl+maintenez ce calque pour obtenir la sélection, sélectionnez > Modifier > Réduire et définissez la quantité de réduction sur 1 px. Supprimez ensuite le reste mais réduisez-le de 1 px.
Étape 18
Définissez maintenant le calque 1px sur Superposition et vous devriez maintenant avoir l'effet comme indiqué ci-dessous.
Étape 19
Ajoutez maintenant un masque de calque au calque 1px pour faire disparaître le bas du texte, comme je l'ai fait sur les autres calques. Ensuite, dupliquez ce calque, accédez à Filtre> Flou> Flou gaussien et définissez le rayon sur 1 px. Puis dupliquez à nouveau ce calque et floutez-le de 2 pixels. Puis dupliquez à nouveau ce calque et floutez-le 4px. Ensuite, Ctrl+cliquez sur n'importe quel calque de texte, appuyez sur Ctrl+Maj+I pour inverser la sélection et supprimez la partie de chaque calque sensible à la lumière qui dépasse la limite de la police en raison du flou. Le but de cette étape est de donner au texte enflammé un effet où la sensation de feu augmente progressivement vers les bords du texte.
Étape 20
Maintenant, nous dupliquons ces quatre couches de lumière et les mélangeons. Le résultat final est que le haut du texte est initialement jaune vif. À l’aide de l’outil Smudge, étalez le texte vers le haut pour créer un effet semblable à une vague de chaleur. Comme indiqué ci-dessous.
Étape 21