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.
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:
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.
Use Cmd/Control Shift I to decide on the inverse area within the document:
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:
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.
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)
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.
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.
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.
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.
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
• 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%
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:
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:
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
• Opacity: 49
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:
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.
Re-name the copy Layer to ‘Flame Glow’ and move it underneath the Flames Layer within the Panel list.
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.
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:
To lessen the effectiveness of the colour Dodge effect within the background image, visit the Image menu > Changes > Hue and Saturation command.
Lower the Saturation slider to get rid of a few of the colour intensity within the glow.
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.
Alter the Layer Mixing Mode to paint Dodge.
Choose the Brush tool (B). Within the toolbox, click on the Foreground Piece of fabric and alter the color to CAAF50.
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.
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
Choose the Rectangular Marquee tool (M) and draw a little horizontal rectangle within the document.
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.
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:
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
• Scatter: 300%
• Both Axes: Ticked
Make use of the Shortcut Cmd/Control Shift N to produce a New Layer known as ‘ Coloured Sparks’.
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:
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.
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.
Marvel at the results.
Note: To get Stunning text effect services in Photoshop, Talk to us or you can request a quote. email: email@example.com