{"id":23487,"date":"2020-05-12T23:43:48","date_gmt":"2020-05-12T15:43:48","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=23487"},"modified":"2022-02-28T20:36:18","modified_gmt":"2022-02-28T12:36:18","slug":"flaming-text-photoshop-tutorial","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/flaming-text-photoshop-tutorial\/","title":{"rendered":"How to Create Flaming Text Effect with Adobe Photoshop"},"content":{"rendered":"

In this tutorial, we\u2019ll be exploring the fantastic Flame Filter<\/strong> in Adobe Photoshop. The Filter creates procedural flame and fire effects which can be made to curl and follow around any custom shape. We\u2019ll also be adding some realistic fiery sparks, courtesy of a handmade Photoshop Brush tip.<\/p>\n

Step 1<\/h3>\n

Open a suitable background image on which you want to build up the flaming text effect. In this example, we will be using a distressed metal texture but any reasonably dark background texture would work equally well:<\/p>\n

\"flaming<\/figure>\n

Step 2<\/h3>\n

We\u2019ll add some shading and colour adjustments to create a low key effect over our background. Select the Elliptical Marquee tool (M)<\/strong> and draw a large oval<\/strong> over the centre of the background.<\/p>\n

Step 3 <\/h3>\n

Use Cmd<\/span> \/ Ctrl<\/span> + Shift<\/span> + I<\/span> to select the inverse area in the document:<\/p>\n

\"flaming<\/figure>\n

Step 4<\/h3>\n

Go to the Layer<\/strong> menu > New Adjustment Layer<\/strong> > Curves<\/strong> command. Click to add a custom midtone point<\/strong> on the Curve line and drag downwards<\/strong> to darken the image:<\/p>\n

\"flaming<\/figure>\n

Step 5<\/h3>\n

To soften the edges of the vignette, we\u2019ll add a blur to the Adjustment Layer Mask. Go to the Filter<\/strong> menu > Blur<\/strong> > Gaussian Blur<\/strong>. Increase the Radius value as required to create a nice soft feather for the edges of the ellipse shape.<\/p>\n

\"flaming<\/figure>\n

Step 6<\/h3>\n

Go to the Layer<\/strong> menu > New Adjustment Layer<\/strong> > Hue and Saturation<\/strong>. Check the Colorize tickbox and apply the following values: Hue (30<\/strong>), Saturation (50<\/strong>), Lightness (-40<\/strong>)<\/p>\n

\"flaming<\/figure>\n

Step 7<\/h3>\n

Select the Text tool<\/strong> (T) and click on the canvas to create a Type Layer. Use the Options<\/strong> bar to set the required font size and colour and enter the required character.<\/p>\n

In the example used here, we\u2019ve used the following character values: Font: MetroBlack LT Two Regular, Size: 400 px, Colour: 474747. When you\u2019ve finished, use the shortcut Cmd<\/span> \/ Ctrl<\/span> + Enter<\/span> to commit the Type Layer changes.<\/p>\n

\"flaming<\/figure>\n

Step 8<\/h3>\n

In the Window<\/strong> menu > Layers<\/strong> Panel select the Background Layer containing the metal texture image. Use the shortcut Cmd<\/span> \/ Ctrl<\/span> + J<\/span> to duplicate the Layer and drag it above the Text Layer in the Panel.<\/p>\n

Step 9<\/h3>\n

With the new texture Layer selected, use the shortcut Cmd<\/span> \/ Ctrl<\/span> + Alt<\/span> + G<\/span> to mask the copy image to the Text Layer beneath.<\/p>\n

\"flaming<\/figure>\n

Step 10<\/h3>\n

With the Texture Layer selected, Go the Image<\/strong> menu > Adjustments<\/strong> > Curves<\/strong> command. Add a mid tone point to the Curve line and drag downwards to darken the texture overlay Layer.<\/p>\n

\"flaming<\/figure>\n

Step 11<\/h3>\n

We\u2019ll next add some Layer Styles to the Text Layer to lift it off the background. In the Layers<\/strong> Panel, click the \u2018FX\u2019 menu and apply the following Layer Styles:<\/p>\n