Create 3D text using layer styles in Photoshop CC

This tutorial will teach you an easy technique that applies a 3D style to your custom text.

REQUIREMENTS:
  • Photoshop CC
SKILLS LEVEL:
  • Easy

text on textured background

Let's begin. You can customize my recommended settings to your preference.

Select: File > New to create a new document. Press D to reset swatches.
In my example the size of the document is 900px by 400px at 72ppi:
new document

Press Shift+F5 (or select: Edit > Fill ) and select Color from the menu:
shift f5 fill background

Enter b6b6b6 in the color code field and hit OK:
fill background

Press T to pick the Text tool.

Select a font of your preference. Set the font size between 130 and 170 points (in my example I set it to 150 pt). Type some text:
type text

Select: Layer > Layer Style > Drop Shadow or go to the Layers panel, click the fx button and select Drop Shadow.
Leave the drop shadow color black: (# 000000) and hit OK. Then enter the following settings:
drop shadow settings 1

Click the plus icon + to the right of the Drop Shadow style, to add a second drop shadow effect:
plus 1

Click the drop shadow color swatch, set the color to # 404040 and hit OK.
Then enter the following settings for the second drop shadow effect:
drop shadow settings 2

Press the plus icon + to the right of the new Drop Shadow style, to add a third drop shadow effect:
plus 2

Click the drop shadow color swatch, set the color to # CACACA and hit OK. Then enter the following settings for the third drop shadow effect:
drop shadow settings 3

Click on Stroke. Click the stroke color swatch and set the Stroke color to # E2E2E2
Use the following settings for the stroke effect:
stroke settings

To spice up the effect, select Layer > Layer Style > Gradient Overlay.
Create / select a gradient fill that fades from black to transparent. Set its opacity to 10% and hit OK to apply:
gradient overlay

To avoid repeating the same steps each time you enter a different text, you can store all these settings as a new Layer Style. Press the New Style button, name your style and hit OK to store it. The style will be available in the Styles panel.
new style

Press OK to close the Layer Style window.

The text should now look like this:
text with gradient

As I mentioned at the beginning of this tutorial, you can customize my recommended settings to create different styles:
variations

If you have any questions or recommendations, you can send an email using the "Contact us" option on the site's menu.

Panos


© 2020 PanosFX Ltd. All rights reserved.
Adobe and Photoshop are either registered trademarks or trademarks of Adobe in the United States and/or other countries.