Create text with 3D effect in Photoshop

In this lesson, you will learn an easy way to create beautiful text with a 3D effect using layer styles and some filters with a light effect added.

The lesson is done in Adobe Photoshop CC 2017, but earlier versions will do.

Final result

Let’s start!

Download the archive with materials for the lesson

Create a new document 800 x 800 px, resolution 72 dpi with a white background and add an adjustment layer by going to the menu Layer> New Fill Layer> Gradient (Layer – New Layer – Fill – Gradient).

Then create a new layer (Shift + Ctrl + N) and fill it with black using the tool Paint bucket tool (G) (Fill).

Go to menu Filter> Render> Lighting Effects (Filter – Rendering – Lighting Effects). Configure the filter as shown below.

Change the blending mode of this layer to Overlay (Overlap) and reduce Opacity (Opacity) up to 70%.

Choose a tool Text tool (T) (Text) and write the text in Intro Inline font.

Translator’s Note: the upper text is created by font Impast.

Then create a shadow. Duplicate the text layer (Ctrl + J). Go to the original bottom layer and apply a filter. Filter> Blur> Motion Blur (Filter – Blur – Blur in motion) with the settings shown below.

Translator’s Note: Before applying the filter, Photoshop will ask you to rasterize the layer. Click OK.

Move the shadow layer down a bit and to the right to get the result shown below.

Then go to the text layer and apply layer styles.

Result.

Now we will create a false 3D effect using the simple keyboard shortcut Alt + arrow. This combination allows you to quickly duplicate a layer several times, while at the same time shifting the layers by 1 px in the direction selected by one of the arrows, which creates a volume effect. The more duplicate layers, the greater will be the volume.

So, get on the text layer, select the tool Move Tool (V) (Move) and press Alt + up arrow. Let go. Then move the duplicated layer a few px to the left and up with the arrows on the keyboard.

Translator’s Note: in order to get the same result as the author, I shifted the duplicated layer 3 times the up arrow and 4 times the left arrow. I also advise all created layers with text, except for a layer with a shadow, to be placed in a group (Ctrl + G).

The automatically duplicated layer will be above the original layer. Continue to duplicate and offset the topmost duplicate to get the result shown below.

Go to the shadow layer. Duplicate four or five times and move down and to the right each time.

Translator’s Note: Most likely the author has created 2 layers with a shadow. One layer was blurred by motion blur and shifted, and the second was blurred according to Gauss. This is the second layer that the author shifts 4 or 5 times, since duplication and displacement of a layer blurred in motion will not bring the desired result, as in the image below. I did this: duplicated the group with text layers (Ctrl + J) and merged the group into one layer (Ctrl + E). Then applied Hue / Saturation correction (Ctrl + U) (Hue / Saturation) to this layer and shifted the Lightness slider by -100. Moved this layer below the group with text, applied a Gauss Blur filter with a radius of 2 pixels, shifted the layer down and to the right and slightly reduced Opacity to 90%.

Go to the topmost duplicated text layer. Clear layer styles by going to the menu Layers> Layer Style> Clear Layer Style (Layers – Layer Style – Clear Layer Style). Install Fill (Fill) layer at 0% and apply styles.

Duplicate the layer (Ctrl + J) and clean the layer styles again.

Install Fill (Fill) layer at 0% and apply styles.

The result was a 3D effect.

Open this texture in Photoshop and move it into a working document.

Change the layer’s overlay mode to Screen (Screen).

Above all layers create a new layer (Shift + Ctrl + N). Choose a tool Brush tool (B) (Brush). From the downloaded set, select a brush and add rays of light in the upper left corner of the canvas.

Change the layer’s overlay mode to Overlay (Overlap) and reduce Opacity (Opacity) up to 59%.

And finally, open and transfer the scratched texture to the working paper.

Translator’s Note: layer with this texture should be below all layers with text, including layers with a shadow.

Change the blending mode to Soft light (Soft light) and reduce Opacity (Opacity) up to 52%.

The final result.

In this tutorial, you learned how to make a 3D text effect in a few steps.

Like this post? Please share to your friends: