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
Dazzling 3D Text Effect Photoshop Tutorial
Step 1 – Create a New DocumentOpen 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.
Step 2 – Creation of 3D TextWe 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“.
Step 3 – Coloring the TextChange 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.
Step 4 – Adding 3D Effect to the TextYou need to create 3D solid text. To do that go to Menu > Effect > 3D > Extrude & Bevel…
Step 5 – Placing the Background ColorOnce you´re done with the 3D text move back to Photoshop and change the background color to blue (#000b12).
Step 6 – Placing 3D Text in PhotoshopIn 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.