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 graphics designer in any text for giving three-dimensional look to that text by using 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 New background, 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 Text tool from the tool panel of this software which is 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 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
Photoshop Training (9 Courses, 12+ Projects)9 Online Courses | 12 Hands-on Projects | 78+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.9 (7,038 ratings)
Course Price

View Course

Related Courses
Adobe Premiere Pro Tutorial (2 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 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 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 on the working area and click on the text ‘3’, drag the text ‘3’ at other places by holding 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 layer section again and click on ‘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: 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 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 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 as a normal layer for apply 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 ‘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 ‘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 good command the effect 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, how to create 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)

9 Online Courses

12 Hands-on Projects

78+ Hours

Verifiable Certificate of Completion

Lifetime Access

Learn More

0 Shares
Share
Tweet
Share
Primary Sidebar
Photoshop Tutorial
  • Effects
    • Text Effects in Photoshop
    • Metal Text Effect in Photoshop
    • Reflection Effect in Photoshop
    • Snow Effect in Photoshop
    • Mirror Effect in Photoshop
    • Motion Effect in Photoshop
    • Oil Paint Filter in Photoshop
    • Plastic Effect in Photoshop
    • Rain Effect in Photoshop
    • Gold Text Effect in Photoshop
    • 3D Text in Photoshop
    • 3D Text Effect in Photoshop
    • Clipping Mask in Photoshop
    • Fill Color in Photoshop
    • Delete Background in Photoshop
    • Transparent Text in Photoshop
    • Make Logo in Photoshop
    • Blend Images in Photoshop
    • Website Layout in Photoshop
    • Change Hair Color in Photoshop
    • Change Color in Photoshop
    • Highlight Text in Photoshop
    • Change Text Color in Photoshop
    • Change Shirt Color in Photoshop
    • Filters in Photoshop
    • Portrait Effect in Photoshop
    • Fire Effect in Photoshop
    • Ice Effect in Photoshop
    • Metallic Effect Photoshop
    • Photoshop Font Effects
    • Glow Effects in Photoshop
    • Tree Brush Photoshop
    • Shiny Effect Photoshop
    • Morphing in Photoshop
    • Dispersion Effect in Photoshop
    • Photoshop Distort Effect
    • Typography in Photoshop
    • Photoshop Cinemagraph
    • Glitch Effect in Photoshop
    • Photoshop Straighten Image
    • Stamp Effect in Photoshop
    • Warp Image Photoshop
    • Fix Perspective in Photoshop
    • Vanishing Point in Photoshop
    • Fisheye Effect in Photoshop
    • Distortion Effect Photoshop
    • Resize Object in Photoshop
    • How to Paint in Photoshop?
    • How to Print in Photoshop?
    • Perspective Correction in Photoshop
    • Photoshop Sun Effect
    • Photoshop Gold Gradient
    • Night Effect in Photoshop
    • What is Masking
    • Photoshop Polaroid
    • Pixel Effect Photoshop
    • Vaporwave Photoshop
    • Vintage Effect Photoshop
    • Templates in Photoshop
    • MP4 to GIF Photoshop
    • Photoshop Cheat Sheet
  • Basic
    • Introduction to Photoshop
    • What is Photoshop
    • Career in Photoshop
    • Install Adobe Photoshop
    • Plugins in Photoshop
    • Photoshop Versions
    • Uses Of Photoshop
    • Adobe Photoshop Shortcut Keys
    • Adobe Photoshop Commands
    • Adobe Photoshop
    • Is Photoshop Free
    • Top 10 Features in Adobe Photoshop
    • Layers in Photoshop
    • 10 Free UI Kits For to Download
    • Smart Objects in Photoshop
  • Tools
    • Adobe Photoshop Tools
    • Clone Stamp Tool in Photoshop
    • Eraser Tool in Photoshop
    • Selection Tool in Photoshop
    • Blur Tool in Photoshop
    • Eyedropper Tool in Photoshop
    • Move Tool in Photoshop
    • Paint Bucket Tool in Photoshop
    • Patch Tool in Photoshop
    • Pencil Tool in Photoshop
    • Line Tool in Photoshop
    • Color Replacement Tool in Photoshop
    • Background Eraser Tool in Photoshop
    • Burn Tool in Photoshop
    • Custom Shape Tool in Photoshop
    • Magic Wand Tool in Photoshop
    • Quick Selection Tool in Photoshop
    • Red Eye Tool in Photoshop
    • Ruler Tool in Photoshop
    • Sharpen Tool in Photoshop
    • Smudge tool in Photoshop
    • Sponge Tool in Photoshop
    • Rectangle Tool in Photoshop
    • Lasso Tool in Photoshop
    • Adobe Photoshop Elements tools
    • Photoshop Mixer Brush Tool
    • Watercolor Brushes in Photoshop
    • Artboard in Photoshop
    • Crop Tool in Photoshop
    • Healing Brush Tool in Photoshop
    • Transform Tool Photoshop
  • Interview Questions
    • Photoshop Interview Questions

Related Courses

Photoshop Training Course

Adobe Premiere Pro Training Course

Design Training Course

Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • 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

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

EDUCBA Login

Forgot Password?

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
Book Your One Instructor : One Learner Free Class

Let’s Get Started

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

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
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

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