In this tutorial, you will learn how to create 3D text in Illustrator then transfer it to Photoshop to apply the effects. You’ll learn how to apply styles to regular 3D text to create a stunning design.


Preview of Final Result

Final

Dazzling 3D Text Effect Photoshop Tutorial

When ever you create any effects, use the action palette to store the functions because if you need the same effect again it will be easier for you to get the same result.


Step 1 – Create a New Document

Open Photoshop. Choose File > New or press Ctrl/Command + N. I’m using wallpaper size of 1440px (width) X 900px (height) but you can use any size you wish.

Size

Step 2 – Creation of 3D Text

We are going to start creating 3D text with the help of Illustrator. First you need to type the text in Illustrator. You can use any text you want. I’m just using the text “FX”. Open Illustrator, select the Type Tool and write the text. After typing change the font to “Hobo Std Medium“.

step1

Step 3 – Coloring the Text

Change the color of the text. For “F” use blue (#094569) and for “X” use dark orange (#AB7D1B). Your image should look like the one below.

step2

Step 4 – Adding 3D Effect to the Text

You need to create 3D solid text. To do that go to Menu > Effect > 3D > Extrude & Bevel…

step3

Set the dialog similarly as on the picture below.

step4

Step 5 – Placing the Background Color

Once you´re done with the 3D text move back to Photoshop and change the background color to blue (#000b12).

step5

Step 6 – Placing 3D Text in Photoshop

In this step you’re going to place the 3D text in Photoshop. Copy the text from Illustrator and paste it in Photoshop. Select the layer with the text, right click on it and choose Rasterize Layer.

step6

Step 7 – Separating Text

Now you are going to separate the text into two parts. Select the Rectangular Marquee Tool (M) and make selection of the letter “X”. Press Ctrl + X to cut and Ctrl + V to paste the letter. Align the text accordingly.

step7

Step 8 – Dodge Tool Settings

You need to create highlights on the text. Select the Dodge Tool (O) from tools and follow the brush settings as you can see in the image below.

step8

Step 9 – Adding Highlights

Paint with the Dodge Tool over the areas you want to highlight. You can get inspiration from the image bellow.

step9

Step 10 -Adding More Highlights

Follow the step 9 and create more highlight spots on the circled areas.

step10

Step 11 – Adding Shadows

Once you´re done with highlights, you need to create shadows on the opposite side of the shape. Select the Burn Tool (O) from the tools and paint the shadows.

Pages: 1 2 3 4 5

6 responses to “Create This Dazzling 3D Text Effect in Photoshop”

  1. Qassim Avatar
    Qassim

    Please help me as soon as posible

  2. Qassim Avatar
    Qassim

    Step 43 – Adding Colors:

    Grab the Brush Tool (B), change the Mode on Color and paint to get similar result as on the picture below.

    I didn’t get it.

  3. Vel Avatar
    Vel

    i need how to insert fire image in 3d text

  4. Edwin Avatar
    Edwin

    I don’t get it

    Step 42 – Placing the Brush
    Increase the brush size and paint with it on a new layer

  5. godwin Avatar
    godwin

    3d effect in photoshop

  6. Hamid Avatar
    Hamid

    OK. this is a good tutorial. thanks

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Discover more from Photoshop Tutorials

Get the latest Photoshop tutorials, download and updates delivered to your inbox.

Continue reading