Create a fiery text with a 3D effect in Photoshop

?In this tutorial, I will show you how to create fiery 3D text in Photoshop.

So let’s get started!

The final result:

Step 1

First we will create a lava pattern for our text effect. Open the original image with a lava texture in Photoshop. Next, go Editing – Define a pattern (Edit> Define Pattern) and in the window that appears in the line Name (Name), specify the name of the pattern, and then press the ‘OK’ button.

Step 2

Create a new document in Photoshop. Set the value widths (width) at 1000 px, and the value heights (hight) at 600 px.

Step 3

Choose a tool Horizontal text (Horizontal Type Tool), install the Evil Dead Regular font.

Write the word “DEVIL”. Apply the settings for this text, which are shown in the screenshot below.

Step 4

Make sure the text layer is active. Right-click on the text layer and in the menu that appears, select the option Transform at smart-an object (Convert to Smart Object).

Rename the smart object, name it Main (Main), and then double-click on the layer thumbnail to open the smart object in a new window.

Now to the existing text, apply the layer styles. Apply the settings for the layer styles shown in the screenshots below. (In layer style Pattern overlay (Pattern Overlay), use the pattern we created at the beginning of this lesson)

Step 5

Make sure you are still working with the smart object, press the keys (Ctrl + G) to group the text layer, and then apply a correction layer to the created group. Hue / Saturation (Hue Saturation).

Step 6

We return to our main working paper, for this we go File – Save (File> Save) and further, apply the following layer styles to our The main (Main) smart object.

Step 7

Duplicate smart object layer Main (Main), make sure that you are on a duplicate layer, now right-click on this duplicate layer and in the appeared window select the option Clear layer style (Clear Layer Style).

Next, apply the following layer styles to the duplicate layer, as well as the settings shown in the screenshots below.

Step 8

Make sure you are on a duplicate layer, now duplicate it. Go to the duplicate layer you just created, now right-click on the duplicate layer and select the option in the window that appears Clear layer style (Clear Layer Style).

Next, apply a layer style to this duplicate layer. Color overlay (Color Overlay), as well as the settings that are shown in the screenshot below.

Now press the up arrow key once and the right arrow key once to shift 1px up and to the right.

Step 9

Go to the duplicate layer you just created, duplicate it, make sure you are on the new duplicate layer, and then press the up arrow key once and the right arrow key once again to shift this duplicate layer 1 pixel up and to the right.

Now repeat this step 7 times to create a “3D” effect.

Step 10

Next, go to the layer with the smart object. Main (Main) in the layers palette. Press the keys (Ctrl + Shift + ‘]’) to move this layer to the very top.

Returning to the working canvas, the layer with the smart object Main (Main) will be located on top of the last duplicate layer.

The result should be as in the screenshot below.

Step 11

Next, to the layer with the background, add the following layer styles as well as the settings shown in the screenshots below.

Step 12

Duplicate the layer with the background, go to the duplicate layer, then right-click on this duplicate layer and in the appeared window select the option Clear layer style (Clear Layer Style).

Now just lower the value. Fillings (Fill) to 0%, and then to this duplicate layer add the following layer styles, as well as the settings shown in the screenshots below.

Step 13

As a final touch to this text effect, you need to use the texture of Fire. Add a Fire Texture to our working paper by placing it on top of the text.

Change the blending mode for the Fire Texture layer to Lightening (Screen).

Step 14

Hold down the key (Ctrl) and click on the thumbnail of the layer with the smart object. Main (Main) to load the active selection around the text.

Make sure that you are on the Fire texture layer, now press the keys (Ctrl + Shift + I) to invert the active selection, and then click the icon Add layer mask (Add Layer Mask). Once you have added a layer mask, press the keys (Ctrl + D) to cancel the active selection.

Step 15

Create a new layer on top of all layers. Set the foreground color to #FFFFFF, and the background color to # 000000, and then go Filter – Rendering – Clouds (Filter -> Render -> Clouds). Next, reduce Opacity (Opacity) of this layer up to 30%.

Duplicate the layer you created in this step, and then change the blending mode to duplicate the layer to Overlap (Overlay) and also reduce Opacity (Opacity) of this duplicate layer up to 15%.

Step 16

Since we worked with smart objects, now we can easily change the text.

Just open the layer’s smart object. Main (Main), change / save the text, and then return to our main working document.

Now remove the mask of the Fire texture layer to create a new mask for our new text (See Step 14 if you forgot).

And we have completed the lesson! Hope you enjoyed this tutorial. Good luck, do not hesitate to lay out their work! See you again!

The final result:

Like this post? Please share to your friends: