Share
Les flammes sont particulièrement difficiles à restituer dans Photoshop, mais dans ce tutoriel, je vais vous montrer comment utiliser une photo de feu pour associer du texte. Nous allons rendre le look sur un joli fond sombre avec un effet de texte magnifique pour compléter l'image.
Ceci est la deuxième de notre série en cinq parties sur Photoshop Typography. Si vous avez manqué la semaine dernière, allez visiter Créez un effet de texte d'herbe spectaculaire.
Créez donc un nouveau document dans Photoshop avec une largeur de 1 920 pixels et une hauteur de 1 200 pixels. Avec l’outil Dégradé de couleurs (G), tracez un dégradé radial de bruns (n ° 5c3d09 à n ° 1f1409) pour obtenir ce que vous voyez ci-dessous..
Notez que le dégradé n’est pas centré verticalement mais s’appuie vers le haut. Dans cette image, nous voulons que le haut du texte soit en feu, de sorte que la partie supérieure de l'image soit un peu plus éclairée..
Comme dans le didacticiel de texte sur l'herbe, une fois encore, nous allons avoir un arrière-plan texturé. Mais au lieu de partir de zéro, je viens de copier l’arrière-plan du tutoriel précédent, de fusionner tous les calques et de le désaturer pour obtenir ce que vous voyez ci-dessous..
Si vous avez besoin de créer cela à partir de zéro, rendez-vous d'abord dans Bittbox pour obtenir les textures de papier d'origine, puis suivez les étapes du didacticiel précédent..
Maintenant, définissez le calque sur Superposition et mélangez la texture à l'arrière-plan et le tour est joué.!
Juste pour ajouter un peu plus de texture, exécutons le filtre Texturizer. Pour ce faire, créez un nouveau calque et remplissez-le d'une couleur marron / beige # 66500f. Ensuite, allez à Filtre> Texture> Texturizer et utilisez la texture de toile avec 80% de mise à l'échelle et de relief défini sur 4.
Une fois que vous avez votre calque texturé, définissez-le sur Superposition. Cela ajoute des détails très fins à notre texture, ce qui est bien, car nous travaillons sur une si grande toile..
Ensuite, nous allons appliquer un calque pour légèrement désaturer la moitié inférieure de l’image. C’est pour que le dessus ait l’impression qu’il ait une lueur plus chaude là où se trouvent les flammes, tandis que le bas semble un peu plus froid.
Créez donc un nouveau calque et remplissez-le avec la couleur # 4b4f3b. Ajoutez ensuite un masque de calque avec un dégradé pour masquer le haut et disparaître (pour obtenir l'effet affiché).
Maintenant, définissez le calque sur Couleur et 45% d'opacité.
OK, nous avons maintenant un beau fond! Alors ajoutons du texte. J'ai utilisé la police Trajan parce que c'est une police d'aspect vraiment dramatique. Ici, j'ai placé le texte dans la couleur # cb9328, puis je l'ai réglé sur Dodge linéaire (ajouter) avec une opacité de 8%..
Avec notre texte, nous allons faire en sorte que la moitié supérieure du texte sorte de l'arrière-plan et soit rouge vif avec des flammes qui s'éteignent. Cela signifie que nous allons exécuter beaucoup d'effets et leur appliquer des masques de calque de manière à ce que seule la moitié supérieure apparaisse, tandis que la moitié inférieure rétablit le texte estompé, comme ce que nous avons actuellement..
Donc, commencez par créer un nouveau groupe de calques pour y insérer tous les calques de texte, car il y en aura beaucoup.
Puis dupliquez le calque de texte et définissez la couleur du texte dupliqué sur # 5e3f1c.
Définissez maintenant le calque de texte le plus récent sur Superposition et Opacité à 70%. Il devrait avoir l'air un peu rougeâtre (comme indiqué ci-dessous).
Maintenant, dupliquez le texte encore et définissez la dernière copie sur une couleur jaunâtre - # cb9328. Définissez ensuite ce paramètre sur Dodge linéaire (Ajouter) et Opacité 30%.
Ensuite, nous ajoutons un masque de calque et dessinons un dégradé afin que le dernier calque de texte disparaisse comme indiqué ci-dessous. En dessous, vous pouvez voir la combinaison de couleurs rougeâtre des deux calques de texte inférieurs.
Ensuite, nous dupliquons encore une fois le calque de texte, mais plaçons ce calque en bas. Définissez la couleur sur noir - # 000000. Ensuite, allez dans Filtre> Flou> Flou gaussien et il vous demandera de pixelliser le texte, cliquez sur oui pour cela, puis réglez le rayon sur environ 4 pixels..
Ensuite, tout en maintenant la touche Ctrl enfoncée, cliquez sur l'un des autres calques de texte, revenez au calque noir et appuyez sur Supprimer pour ne conserver qu'une sorte d'ombre. Ensuite, dupliquez ce calque et fusionnez-le avec le premier pour obtenir un effet plus lourd. Vous devriez avoir quelque chose qui ressemble à la capture d'écran ci-dessous.
Encore une fois, ajoutez un masque de calque pour que l'ombre disparaisse rapidement, comme indiqué. Cela donne l'impression que le texte sort de la page..
À présent, dupliquez à nouveau notre calque noir et utilisez l'outil Smudge Tool (R) et une brosse douce assez longue pour maculer l'ombre de manière à ce qu'elle ressemble à des marques de brûlure..
Voici à quoi ressemble notre texte maintenant. J'ai en fait créé deux ensembles de marques de "gravure", puis quatre ensembles du calque d'ombre, chacun flouté un peu plus que le dernier et chaque fondu en arrière..
Il est maintenant temps de faire briller la partie supérieure de notre texte. Alors tout d'abord, dupliquez le calque de texte encore et placez cette couche tout en haut et réglez-la sur une couleur jaune # dc9a08.
Ensuite, passez un filtre> Flou> Flou gaussien dessus avec un rayon de 8px. Ensuite, prenez une grande brosse à effacer douce et effacez simplement les parties inférieures afin qu’elle soit un peu inégale..
Définissez notre première couche luminescente sur Lumière douce. Vous voudrez peut-être répéter le processus, en effaçant encore plus pour que la partie supérieure soit encore plus sombre.
Maintenant, dupliquez à nouveau le calque de texte et placez-le tout en haut. Celui-ci devrait être à nouveau le même jaune (# dc9a08).
Ensuite, allez à Calque> Rasteriser> Type et transformez le texte en un graphique plat. Ensuite, tout en maintenant la touche Ctrl enfoncée, cliquez sur le calque et sélectionnez Sélection> Modifier> Contracter et utilisez une valeur de 1px. Puis appuyez sur Supprimer pour tout supprimer sauf que le contour 1px.
Maintenant, définissez le calque 1px sur Superposition, et vous devriez avoir quelque chose comme l'image ci-dessous.
Maintenant, à notre lueur 1px, ajoutez un masque de calque pour le fondre au fond comme nous l'avons fait avec les autres calques.
Ensuite, dupliquez le calque et exécutez un filtre> Flou> Flou gaussien défini sur 1 px. Ensuite, dupliquez à nouveau ce calque et flouez-le par 2px. Puis dupliquez à nouveau le calque et flouez-le par 4px.
Cliquez ensuite sur l'une des couches de texte en maintenant la touche Ctrl enfoncée, appuyez sur les touches Ctrl + Maj + I pour inverser la sélection, parcourez chacune des couches luminescentes et appuyez sur la touche Suppr pour supprimer le flou qui s'est échappé des limites du texte..
L'idée est que nous souhaitons que les bords du texte soient rouge comme du feu et qu'il se fondent dans une lueur générale chaude..
Ensuite, nous dupliquons tout les quatres des couches luminescentes et les fusionner. Cela devrait donner une couche sur le dessus, qui est le jaune vif d'origine.
Saisissez l'outil de maculage et passez sur le texte, en le maculant jusqu'à ressembler à des vagues de chaleur venant du texte, comme indiqué..
Maintenant, définissez cette dernière couche sur Superposition et vous devriez avoir quelque chose qui ressemble à ceci!
Maintenant, nous avons à peu près fini notre texte. J'ai parcouru et dupliqué certaines des couches luminescentes pour le rendre encore plus fougueux. N'hésitez pas à faire des essais pour obtenir un vrai regard rougeoyant en le faisant.
Suivant le dernier fond d’écran, j’ai ajouté une citation sous mon texte principal. Cela fournit une belle décoration à la page. Essayez d’utiliser des couleurs qui s’intègrent parfaitement dans le calque d’arrière-plan et le calque de texte afin de ne pas trop se démarquer, car nous voulons vraiment que ce soit un élément secondaire du texte principal. J'ai utilisé Swiss Light Condensed comme police et l'ai agencé comme dans le précédent tutoriel Grass Text.
Enfin, avec toute notre préparation terminée, il est temps d'ajouter les flammes réelles! Pour cela, nous avons besoin d'images de feu sur un fond noir uni. Il est difficile de trouver une bonne photo, et comme je l’ai fait, je n’ai pas pu trouver une photo vraiment géniale et gratuite. J'ai donc utilisé cette photo de Fotolia que vous pouvez acheter en utilisant le lien ci-dessous. Il y avait aussi une photo OK de Flickr à laquelle j'ai également lié et que j'ai utilisée plus tard pour le "E". Donc, vous voudrez peut-être saisir cela aussi.
AcheroN-Fotolia.com
Peasap-Flickr.com
Maintenant, la technique pour copier les flammes est en réalité très simple. En fait, je n'ai appris cette technique que récemment en lisant un des tutoriels du magazine DigitalArts du magazine DigitalArts, intitulé Create Amazing Photomontages, où il l'a fait avec de l'eau..
Ce que vous devez faire c'est:
C'est en fait une technique vraiment utile pour copier quelque chose de translucide comme un feu sur un fond plat. Et comme vous le constaterez en visitant le didacticiel de Nik, il est également idéal pour copier de l'eau.!
OK, alors ici nous avons collé les flammes sur notre toile principale. (Par souci de clarté, j'ai également temporairement désactivé les calques de texte). Comme vous pouvez le constater, nous avons le feu sans fond noir et il est partiellement transparent, ce qui signifie qu'il aura l'air super au-dessus de notre texte..
Maintenant, la prochaine chose à faire est de couper notre seul morceau de feu en quelques morceaux. Il suffit de dupliquer la couche et d’en désactiver d’abord une sauvegarde. Ensuite, à l’aide de l’outil Plume, coupez le feu afin de travailler avec les contours de la flamme pour qu’elle ait l’air naturel. Ici, vous pouvez voir que j'ai produit quatre morceaux de flamme à partir d'une image. Vous pouvez également essayer de faire basculer des bits pour les rendre plus aléatoires..
Réglez les calques sur le mode Écran de sorte que toutes les parties noires restantes soient totalement supprimées et que cela soit encore plus transparent..
Maintenant, comme mon texte ne compte que quatre lettres, il me faut quatre pièces de feu distinctes. Pour le quatrième (au-dessus du E) J'ai effectivement saisi cette photo Flickr et répété le même processus que précédemment pour créer une autre flamme. Aussi le feu sur la lettre je a été un peu écrasé aussi bien pour le faire paraître plus aléatoire.
Appliquer le feu est aussi simple que de déplacer les flammes sur le texte. Vous voulez essayer de faire correspondre les flammes à la forme de la lettre afin qu'elles ressemblent à danser sur les lettres.
OK ici, j'ai placé les quatre bouts de flamme par-dessus. Ce n'est pas mauvais, mais vous pouvez voir que le I et le R ont la même flamme et que toutes les flammes ne sont pas très grandes.
Donc ici, j'ai parcouru chaque flamme et en utilisant l'outil Transformation, les étire verticalement. J'ai aussi utilisé un peu d'effacement judicieux pour faire de la flamme sur le je regarder un peu plus unique.
Maintenant, pour les rendre encore plus éclairées, dupliquez chaque couche de flammes, effectuez un filtre> Flou> Flou gaussien avec un rayon de 3px et définissez le calque sur 15% d'opacité afin d'obtenir un effet de lueur sur les bords.
Donc, nous sommes à peu près là! Voici à quoi ressemble la composition.
Enfin, nous ajouterons un dernier point fort. Créez donc un nouveau calque au-dessus de tous les autres et tracez un dégradé radial blanc à noir, comme indiqué. Définissez ce calque sur Superposition et 40% d'opacité.
Et voilà, un texte sur l'effet de feu! Dans le prochain tutoriel de la série, nous produirons l'image Air, mais ce sera dans deux semaines et non pas une, car je prends quelques jours de congé.!
Si vous souhaitez créer des flammes à partir de zéro dans Photoshop, vous pouvez également consulter ce didacticiel classique utilisant le même caractère par coïncidence! C'est un tutoriel sur Photoshop 6, et je me souviens encore de l'avoir lu il y a une demi-décennie, mais il reste très pertinent, même si les captures d'écran présentent une interface Mac super rétro.
Accentsconagua