Create Stunning Flaming Text Effect

Stunning Flaming Text Effect in Photoshop CC

Within this tutorial, we’ll be going through the fantastic new Flame Filter, introduced forPhotoshop CC 2014. The Filter produces procedural flame and fire effects which may be designed to curl and follow around any custom shape. We’ll be also adding some realistic fiery sparks, thanks to a hand crafted Illustrator Brush tip.

Here’s what we are making with this particular tutorial.

Step One

Open a appropriate background image which you need to develop the flaming text effect. Within this example we’ve used a 800 x 600 pixel distressed metal texture from doschdesigns but any reasonably dark background texture works as well:

Create Stunning Flaming Text Effect

Step Two

We’ll then add shading and colour changes to produce a low key effect over our background. Choose the Elliptical Marquee tool (M) and draw a sizable ovalover the center from the background.

Create Stunning Flaming Text Effect

Step Three

Use Cmd/Control Shift I to decide on the inverse area within the document:

Create Stunning Flaming Text Effect

Step Four

Visit the Layer menu > New Adjustment Layer > Curves command. Click toadd a custom midtone point around the Curve line and drag downwards to darken the look:


Step Five

To melt the perimeters from the vignette, we’ll give a blur towards the Adjustment Layer Mask. Visit the Filter menu > Blur > Gaussian Blur. Boost the Radius value as needed to produce a nice soft feather for that edges from the ellipse shape.


Step Six

Visit the Layer menu > New Adjustment Layer > Hue and Saturation. Look into the Colorize tickbox and use the following values: Hue (30), Saturation (50), Lightness (-40)

Create Stunning Flaming Text Effect

Step 7

Choose the Text tool (T) and then click the canvas to produce a Type Layer. Use theOptions bar to create the needed font size and colour and go into the needed character.

Within the example used here, we’ve used the next character values: Font: MetroBlack LT Two Regular, Size: 400 px, Colour: 474747. When you’ve finished, make use of the shortcut Cmd/Control Enter to commit the kind Layer changes.

Create Stunning Flaming Text Effectwatch full The Matrix 1999 film online

Step 8

Within the Window menu > Layers Panel choose the Background Layer that contains the metal texture image. Make use of the shortcut Cmd/Control J to copy the Layer and drag it over the Text Layer within the Panel.

Step 9

Using the new texture Layer selected, make use of the shortcut Cmd/Control Alt G to mask the copy image towards the Text Layer beneath.

Step 10

Using the Texture Layer selected, Go the look menu > Changes > Curvescommand. Give a mid tone indicate the bend line and drag downwards to darken the feel overlay Layer.

Create Stunning Flaming Text Effect

Step 11

We’ll next then add Layer Styles towards the Text Layer to lift them back the backdrop. Within the Layers Panel, click on the ‘FX’ menu and use the following Layer Styles:

• Drop Shadow

• Opacity:

• Distance: 20px

• Spread: px

• Size: 20 px

• Bevel and Emboss

• Depth: 1000%

• Size: 5px

• Angle: 130

• Altitude: 48

• Highlight Colour: fa8b09

• Highlight Opacity: 95%

• Shadow Colour: 000000

• Shadow Opacity: 85%

Step 12

We’ll now create some digital fire to warp around our character, while using fantastic new Illustrator CC Flame Filter, and a few custom Pathways to point the positioning and direction from the flames.

Make use of the shortcut Cmd/Control Shift N to produce a New Layer known as ‘Flames’. Choose the Pen tool (P) as well as in the document, remove a way up one for reds from the text character where you’ll need a flame to look:

Create Stunning Flaming Text Effect

Step 13

Whenever you achieve the stage where you would like the flame to finish, hold lower theCmd/Control key and click on anywhere around the document from the Path points. To produce another flame, draw another Path segment utilizing the same steps, but don’t forget to Cmd/Control click in the finish of every Path segment so the flames is going to be made individually:

text effect

Step 14

Visit the Filter > Render > Flame Filter. Within the dialog box, set the next key values:

• Flame Type: One Flame along Path

• Width: 37 px

• Flame Lines: 9

• Turbulent: 66

• Jag:

• Opacity: 49

stunning effect

Step 15

The Filter dialog box supplies a near infinite selection of flame and fire effects, so it’s also wise to test out modifying the above mentioned configurations to produce the flame look you would like. Once you’ve modified the, click Alright to use the Filter effect:

stunning text effect

Step 16

Next we’ll then add extra shading to develop the glow around our flames.

Within the Window > Layers Panel, choose the flames Layer and employ the shortcutCmd/Control J to copy it.

Step 17

Re-name the copy Layer to ‘Flame Glow’ and move it underneath the Flames Layer within the Panel list.

Step 18

Alter the Mixing Mode within the Layers Panel to paint Dodge. Make use of the Movetool to counterbalance the copy image just a little right and lower.

Step 19

Visit the Filter > Blur > Gaussian Blur command. Adjust the Blur Radius to melt the perimeters from the glow effect. Within the example used here, something of 8. was utilized:

Step 20

To lessen the effectiveness of the colour Dodge effect within the background image, visit the Image menu > Changes > Hue and Saturation command.

Step 21

Lower the Saturation slider to get rid of a few of the colour intensity within the glow.

text effect photoshop

Step 22

Make use of the shortcut Cmd/Control Shift N to produce a New Layer. Name it ‘Extra Glow’. Within the Layers Panel, move it underneath the Flames Glow Layer.

Step 23

Alter the Layer Mixing Mode to paint Dodge.

Step 24

Choose the Brush tool (B). Within the toolbox, click on the Foreground Piece of fabric and alter the color to CAAF50.

Step 25

Make use of a large soft brush to color in certain extra glow particulars round the edges from the flames and also over the written text character.

The Colour Dodge Mode works very well for accumulating vibrant glow effects, but it’s very responsive to small alterations in your paint colour. When the glow effect is simply too strong, or produces undesirable colour shifts, try lowering the Lightness and/or Hue values for that paint colour within the toolbox before you obtain the right result.

Step 26

For any final touch, we’ll then add sparks to the bottom of the flames utilizing a customized brush. Make use of the shortcut Cmd/Control N to produce a new document Within the dialog box, set the next qualities after which click OK:

• Name: Spark Prototype

• Width: 50 px

• Height: 20 px

• Color Mode RGB

• Background Contents: White-colored

Step 27

Choose the Rectangular Marquee tool (M) and draw a little horizontal rectangle within the document.

Step 28

Make use of the shortcut Cmd/Control I to invert el born area to black. Make use of the shortcutCmd/Control D to get rid of the choice.


Step 29

To include some movement towards the spark prototype, visit Filter > Blur > Motion Blur Filter. Set the space to 13px, the Position to levels and click on OK. In order to save a custom brush in the Spark image, visit the Edit menu > Define Brush Preset command:effect in photoshop

Step 30

Now swap to the Flaming text document. Choose the Brush tool (B), that ought to now show our Spark Prototype because the active Brush tip. We’ll have to adjust a few of the paint stroke qualities with this custom tip to produce some realistic spark like effects.

Visit the Window menu > Brush Panel and use the following values towards the Brush Qualities:

• Brush Tip Shape

• Size: 10 Px

• Roundness: 35%

• Spacing: 350%

• Shape Dynamics:

• Size Jitter: one hundred percent

• Angle Jitter three percent

• Angle Jitter Control: Direction

• Scattering:

• Scatter: 300%

• Both Axes: Ticked

Effect in Photoshop CC

Step 31

Make use of the Shortcut Cmd/Control Shift N to produce a New Layer known as ‘ Coloured Sparks’.

Step 32

Set the Foreground Colour to White-colored within the Toolbox. Within the document window, begin to paint in certain sparks around the bottom of the flames. Start your paint strokes in the base and attract the direction that you would like these to travel either in inside a straight line or curved arcs. As we’ve set the Position Jitter Control to‘Direction’, the sparks must always align towards the direction of the mouse button movement:

Step 33

Like a final touch, we’ll give a couple of colour changes to a few of the sparks. Around the keyboard, press the ‘/’ answer to Lock the Transparent regions of the Sparks Layer from change. Pick a soft round paint brush preset, set the dimensions value to 50 px.

Step 34

Within the toolbox, set the Foreground colour to EB7E13. Start to paint round the edges from the spark trails using the Brush tool to include some colour variation towards the sparks.

You can keep to color different orange and yellow hues in to the sparks to develop a far more complex colour pattern as needed.

Step 35

Marvel at the results.

Create Stunning Flaming Text Effect

Note: To get Stunning text effect services in Photoshop, Talk to us or you can request a quote. email: