In this lesson you will learn how to create text with the effect of a flame and sparks.
Note: The lesson is done in Photoshop CS6, so the panels and tools on some screenshots may differ from earlier versions of the editor.
Create a new document of 1200×600 pixels with a black background. We load in Photoshop Metal Background and select the desired area:
We copy (Ctrl + C) and we insert (Ctrl + V) selected area on the working paper and using transformations (Ctrl + T) slightly distort it (this will add movement and add a floating effect):
Using soft eraser (E) (set pressure and opacity to 50%) we need to erase the edges of the texture and some other details to give depth:
Add adjustment layers to the metal texture:
And we get this effect:
Use the downloaded font to write black text:
Tip: If you find it difficult to hide text on a dark background, use white first, then change to black.
Apply several layer styles to the text:
Bevel and Emboss (Chamfer and embossing)
Pattern overlay (Overlapping pattern)
Use this texture:
Drop shadow (Shadow)
And we get the following result:
Now we will add some fire to the image. Load the texture into Photoshop and select the desired part using Lasso tool (Lasso) (L), feather (shading) 30px:
Copy and paste the selection on the working paper, adjust the size and position, then transform into clipping mask (Ctrl + Alt + G) (the layer with the texture should be above the text one):
Duplicate the “fire” layer twice, without removing the clipping mask, place duplicates in different places of the text, as shown below:
Now we return to the document with the texture of fire and cut out a new area. Place it behind the text layer:
Tip: using transformations (Ctrl + T) adjust the size and shape of the texture for more variety.
Now add the spark. On the texture of the fire, we highlight the area with sparks using Lasso tool (Lasso) (L):
Paste the selected area on the text and change the layer blending mode to Lighter (Lighter):
Use soft eraser (E) to slightly wipe the edges:
Repeat this process to add more sparks on the text, each piece of the texture is rotated and reduced / increased using transformations (Ctrl + T) to add diversity:
We are almost done As a final touch, add Curves adjustment layer (Curves) to improve picture contrast:
I also merged all the layers into one and applied the filter Filter – Noise – Reduce Noise (Filter – Noise – Reduce Noise) to increase text clarity:
Optional: I added a filter Oil pant (Oil painting) (only in CS6 version) to the text in order to smooth the image a bit and add a light painting effect:
Here are the detailed filter settings. Oil pant (Oil painting):
We get the following result:
You can also add several color effects to get this final image: