Text On Fire Effect With Glossy Reflection Photoshop Tutorial Part 2

Burning Text Fire Effect With Glossy Reflection – Part 2

Text on Fire effect with glossy reflection is a great Photoshop special effect. Today I will be continuing with my Tutorial on how to design a โ€œBurning Fire effect with Glossy reflectionโ€ Part โ€“ II.

This is a continuation of my first part, this is the part II of Text on fire with glossy reflection effect Photoshop tutorial. You will need to read the Part-1 to be able to understand and finish this tutorial.

This effect that can be achieved without much skill, however, if you have little knowledge about layerโ€™s, Layer effects, usage of Mask etc, will definitely help.

But donโ€™t worry, you can do it if you follow this tutorial step by step. I have tried to show as many images as possible to make it easier to understand and follow.

Text on Fire effect with glossy reflection – Part โ€“ II

Before you proceed Please read this Part โ€“ 1, since this is a continuation tutorial, you wonโ€™t understand. After you complete the part โ€“ 1 , please come back and follow this part โ€“II to complete the โ€œFire effect with glossy reflectionโ€

From Part โ€“1 of this Tutorial, we already have achieved to get this Image shown below.

 

text on fire effect

PART- II
STEP: 1 If you look at your Layer pallet in Photoshop you will see this.


Here you can clearly see the layer effects we have applied earlier in Part โ€“1 to the top layer of the text โ€œFIREโ€.

Now press and hold the โ€œShiftโ€ key on your keyboard and click on the layer โ€œBackground copyโ€ this will select all the layers in between, except the original โ€œBackgroundโ€ layer.

Once selected (selected layers will be highlighted with blue color) now press CTRL + E key on your keyboard, this will merge all the selected layers without interfering with the layer effects applied to the top text layer. Now you will have only two layers as shown below.

STEP :2
Now as you can see you have two layers only. Right-click on the โ€œFIRE copyโ€ layer and from the menu click on the โ€œDuplicate layerโ€. this will make a Duplicate layer of the Fire copy layer. as shown below.

layers pallet

STEP : 3
This part is going to be a little bit tricky, where we will be giving the Glossy effect to the Text layer.

This tutorial from Step-1, onwards, is a bit different from other Photoshop tutorials, but I found this procedure to be easier and gives a better result.

OK ! now make sure the top layer โ€œFire copy2โ€ is selected, now go to EDIT >> Transform >> Flip vertical. and you will get this image.

inverted image

STEP: 4
Donโ€™t be alarmed, your Image is still intact, it’s just the background Black layer which we applied to the Text layer in Part-1 is blocking the view of the layer beneath it.

To make it see-through, make sure that the top layerโ€Fire copy 2โ€ is selected and click on the blending options in the layer pallet and from the drop-down menu select the option โ€œSCREENโ€.

All the layerโ€™s beneath this layer will be visible. The โ€œscreenโ€ blending option basically makes all-black color transparent, a very handy and useful blending option for masking. Your Image will now look like this.

Text On Fire Glossy Reflection

STEP: 5
Everything looks upside down, donโ€™t click or move the image layers now, the images are perfectly aligned as a mirror image.

Now click onย  the move tool on the left menu bar of Photoshop, and on your key-board keep on tapping the โ€œdown arrowโ€ key ( make sure that the top layerโ€Fire copy 2โ€) the flipped layer is selected.

This will drag the top flipped layer down, bring it down enough to align it with the second layer at the base, just keep a few pixels gap in between them (shown below)

Text On Fire Glossy Reflection
STEP: 6
Now we have our reflected Image in place, but not finished yet.
Reflected Images are not sharp, and tend to fade away and also not of the same size, so we need to do some more work on it.

STEP 7:

Now select this toolย  Rectangular marquee tool and select an area on the reflected text, the selected area should just cover the image area only as shown below, to transform the selected area go to Edit >> Transform >> Distort ,this will create a box around the selected area with four NODES on the corners.

Then with the left mouse button click and drag on the right Transform node just a little bit to the right to distort the Image, similarly click and drag on the left Transform node and drag the node towards left side, same amount as you did on the right node. shown below.

Burning Fire Effect With Glossy Reflection Photoshop TutorialBurning Fire Effect With Glossy Reflection Photoshop TutorialBurning Fire Effect With Glossy Reflection Photoshop Tutorial

STEP 8: Once you are satisfied with the transformation, press enter, then press CTRL+D to deselect the area.

Since a reflected Image tends to fade away, we need to apply a gradient with a mask on the reflected layer. To do that click on the MASK icon at the bottom of the layer pallet, once you activate this you will see a Mask applied on the layer pallet,

Text On Fire Glossy Reflection
(Mask layer applied to the reflected layer). Now click on the gradient tool, and make sure that Photoshop has the default color on, which is Black as the foreground color and white as background color.

After selecting the Gradient tool, check that on the top just below the Menu bar the Gradient tool should be displayed like this black to white gradient.

Now with the gradient tool active click on the mask layer to make it active and then click on the reflected text and drag vertically down right up to the end of your document.

This will make the layer gradually fade starting from top towards the bottom. You can repeat this untill you are satisfied with the outcome. The aim is to make the reflected text layer fade out.

STEP 9: Since reflected Images are not sharp, we have to blur this image a little bit, for this first select the Image now (not the mask ) go to Filter >> Blur>> Gaussian blur >> and in the Radius put 2 (this is up to you, you can reduce or increase the blur effect according to your liking), then click OK.

Thatโ€™s it , your finished Image now should look like this, text on fire with glossy reflection.

Text On Fire Glossy Reflection
I hope I could explain it properly? I have tried my best to show as many images as possible to make it easier to follow. If you found it difficult to follow donโ€™t hesitate to leave a comment Iโ€™ll be glad to help you out (as far as I can).
Donโ€™t forget to read the PART-1 of this tutorial

1 thought on “Text On Fire Effect With Glossy Reflection Photoshop Tutorial Part 2”

  1. Glad to hear that !! You can use these methods to create many special effects in Photoshop.All the best

Comments are closed.