EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login

3D Text Effect in Photoshop

By Preeti PrajapatiPreeti Prajapati

Home » Design » Design Tutorials » Photoshop Tutorial » 3D Text Effect in Photoshop

3D Text Effect in Photoshop

Introduction to 3D Text Effect in Photoshop

Photoshop is developed by Adobe Systems as raster image editing software and widely used by graphics editing professionals for getting high-quality results in their project work. In this article, we will discuss 3d Text Effect in Photoshop. In Photoshop, 3d Text Effect means an effect created by a graphics designer in any text for giving a three-dimensional look to that text by using a different type of tools, by setting some parameters, by applying some preset effects of Photoshop software and also making that text compatible with real-world without disturbing its end-use purposes.

How to Create a 3D Text Effect in Photoshop?

Creating 3d Text effect in Photoshop software is not a very big task. You can easily create a 3d text in this software; just keep with this article from start to end. So let us start our learning in a very interesting manner:

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

Step 1: First of all, take a new background layer. For the New background, the layer goes to Menu Bar, which is at the top of this software and Click on File Menu. A drop-down list will be open. Choose the ‘New ‘option from this drop-down list.

3D Text Effect in Photoshop - 1

Step 2: A dialog box of the ‘New Background’ layer will open. You can name it according to you. Make the setting of this layer according to your requirements. I will take white color as background layer color from here. You can take black color as background layer color.

3D Text Effect in Photoshop - 2

Step 3: Now, take the Text tool from the tool panel of this software at the lower end of the tool panel.

3D Text Effect in Photoshop - 3

Step 4: Choose ‘Blackoak Std’ as the font style of this text from the property bar of the text tool, which is at the top of the working screen. You can choose any other font style which suits your text better.

Popular Course in this category
Sale
Photoshop Training (10 Courses, 12+ Projects)10 Online Courses | 12 Hands-on Projects | 80+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.9 (11,486 ratings)
Course Price

View Course

Related Courses
Adobe Premiere Pro Tutorial (3 Courses, 7+ Projects)All in One Design Bundle (280+ Courses, 100+ projects)

Blackoak Std

Step 5: Now, type a text according to you on which you want to give a 3d text effect. I will type ‘3’ as my text.

3D Text Effect in Photoshop - 5

Step 6: And press this tickmark to make this text as a layer.

tickmark

Step 7: Now press the keys Ctrl + T from the keyboard to select this text.

select this text

Step 8: And increase the size of the text according to you by holding the shift key.

3D Text Effect in Photoshop - 8

Step 9: Now go to the layer section of this software at the right side of the working area and select this text layer by clicking on it. Press the CTRL + J button from the keyboard for making a copy of this layer.

3D Text Effect in Photoshop - 9

Step 10: Select this ‘copy layer by clicking on it and come to the working area and click on the text ‘3’, drag the text ‘3’ at other places by holding the shift button of the keyboard for making its copy.

3D Text Effect in Photoshop - 10

Step 11: Double click on Layer ‘3’ in the layer section to select it. Once you click on this layer, the selection will be activated on the working screen.

3D Text Effect in Photoshop - 11

Step 12: Now type ‘D’ from the keyboard in place of text ‘3’.

3D Text Effect in Photoshop - 12

Step 13: Now select both layers and align them at the center of the document area by using align command, which is at the top of the working screen that is the property bar.

3D Text Effect in Photoshop - 13

Step 14: Go to the layer section again and click on the ‘Add a layer style icon which is at the bottom of the layer section. We are using a Layer style for adding effect in our text.

Add a layer style

Step 15: A drop-down list will open. Choose the ‘Gradient Overlay’ effect option from this drop-down list.

3D Text Effect in Photoshop - 15

Step 16: The layer Style box will be open. Click on the scale of the gradient option of this box. A gradient color box will be open.

3D Text Effect in Photoshop - 16

Step 17: Choose the black and white combination of gradient color from Presets of the gradient editor box and then click on the Ok button of this box.

3D Text Effect in Photoshop - 17

Step 18: Choose the Linear gradient option from the style of a gradient.

3D Text Effect in Photoshop - 18

Step 19: Make the gradient angle at 360 degrees.

angle at 360 degrees

Step 20: And press the Ok button of this dialog box to apply the settings of the gradient overlay effect to our text.

3D Text Effect in Photoshop - 20

Step 21: Now, I will copy this effect to layer ‘D’ also.

3D Text Effect in Photoshop - 21

Step 22: To copy this effect, hold the Alt button of the keyboard and drag this effect by the mouse button to layer ‘D’.

3D Text Effect in Photoshop - 22

Step 23: Select layer ‘D’ in the layer section by click on it with the mouse button and drag the text ‘D’ near the layer ‘3’ with the help of the mouse button.

Select layer ‘D’

Step 24: Double click on the ‘Background’ layer for making it a normal layer. A dialog box will be open when you make double click on this background layer. Press the Ok button of this box to make the background layer a normal layer for applying styles and effect in this layer.

3D Text Effect in Photoshop - 24

Step 25: Now select this layer and click on the Layer Style icon at the bottom of the layer section. A Layer Style dialog box will be open. Apply the ‘Gradient Overlay’ style in this layer from this box.

Gradient Overlay

Step 26: Now click on the scale of gradient color. Gradient Editor Box will be open when you click on the gradient color scale. Choose the color of the first gradient head from here according to you. I will choose a dark combination of red color.

3D Text Effect in Photoshop - 26

Step 27: Now, choose the color of the second gradient head. I will choose a light combination of red color. Now press the Ok button of this dialog box to apply this setting.

3D Text Effect in Photoshop - 27

Step 28: Now again select layer ‘3’ by click on it with the mouse button and double click on the Effect option of this layer. A Layer style box will open.

 select layer ‘3’

Step 29: Now, choose the ‘Satin’ effect option from this Layer style dialog box and leave another setting as it is.

Satin Effect

Step 30: Now copy this effect to layer ‘D’ also. The effect will look like this.

final image

In this way, you can apply the 3d text effect in your text and can make your project eyes catching to your viewers. Once you have a good command of the effective feature of this software, making highly professional projects will become an easy task for you.

Conclusion

Now you can understand ‘what is 3d text effect in Photoshop?’ after this article. You can apply this effect easily for making your text more realistic. You can also make a different type of variation in this text effect feature. You will have knowledge about the variation of text effect by practicing on this feature of Photoshop software.

Recommended Articles

This is a guide to 3D Text Effect in Photoshop. Here we discuss the basic concept of creating a 3D Text Effect in an easy step-by-step manner. You can also go through our other related articles to learn more –

  1. Creating Simple 3D Text in Photoshop
  2. How to Add Motion Effect in Photoshop?
  3. Awesome Text Effects in Photoshop
  4. Methods to Create 3D Text in After Effects

Photoshop Training (9 Courses, 12+ Projects)

10 Online Courses

12 Hands-on Projects

80+ Hours

Verifiable Certificate of Completion

Lifetime Access

Learn More

0 Shares
Share
Tweet
Share
Primary Sidebar
Depth First Search

Clone Stamp Tool in Photoshop

Leader in AutoCAD

Layers Panel in Photoshop

Photoshop Moon Brushes

Moon in Illustrator

Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

© 2022 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more

Special Offer - Photoshop Training (9 Courses, 12+ Projects) Learn More