Create a 3D text in Photoshop CS6

Sup guys! This is Sudipto here from Softbox. And today you are lucky to be here ‘coz today you’re gonna learn the simplest and the easiest way to create a minimal and clean 3D text in Photoshop CS6 like this :

NOTE : This tutorial is also applicable for the previous versions of Photoshop.¬†If you don’t wanna read this complete post, then watch the video tutorial : here
Ooook! So lets get started!
So, the first thing you need to do is open your Photoshop application! Ok i was trying to make a joke here! ūüėõ

  1. So now that you have started your Photoshop application, create a new layer of any dimensions you want.
  2. Now set the background color to Light Gray color HEX CODE : #d0cfcf
  3. Now select the Horizontal Type tool from the toolbox.
  4. Select your favorite font-style & font-weight, set the font-size, choose a color if you want & set the anti-aliasing method to strong.
  5. Now type-in your text.
  6. Now select the text layer [Here the text layer is 3D Text] right click on it and hit Duplicate layer, to create a new copy of the text layer.
  7. Now apply these settings to the upper text layer, by double clicking on the layer or by right clicking on the first layer and then selecting Blending properties :
    -Bevel & Emboss > Style : Inner Bevel, Technique : Smooth, Depth : 100%, Direction : Up, Size : 12px, Soften : 5px, Angle : 120, Use global light, Altitude : 30, Glass Contour : Default not anti-aliased, Highlight mode : Overlay having color : #ffffff, Opacity : 15%, Shadow Mode : Linear Burn using color : #000000, Opacity : 4%.
    -Inner Shadow > Blend Mode : Overlay using color : #ffffff, Opacity : 75%, Angle : 120, Use global light, Distance : 1px, Choke : 0%, Size : 0px, Contour : Default not anti-aliased, Noise : 0%.
    -Inner Glow > Blend Mode : Overlay, Opacity : 25%, Noise : 0%, Color : #ffffff, Technique : Precise, Source : Edge, Choke : 50%, Size : 2px, Contour : Default not anti-aliased, Range : 100%, Jitter : 0%.
    -Gradient Overlay > To get the gradients used in this Tutorial click here¬†& choose the light gray color gradient from the gradient pack or just create your own light gray gradient, the thing is you must use light color gradients¬†that’s¬†it! Style : Linear having Align with Layer checked, Scale : 100%, Angle : 90.
    -Outer Glow > Blend Mode : Overlay, Opacity : 30%, Noise : 0%, Color : #ffffff, Technique : Softer, Spread : 0%, Size : 10px, Contour : Default not anti-aliased, Range : 100%, Jitter : 0%.
    -Drop Shadow > Blend Mode : Linear Burn using color : #000000, Opacity : 30%, Angle : 120 using Global Light, Distance : 3px, Spread : 0%, Size : 15px, Contour : Default not anti-aliased, Noise : 0%.
  8. After applying the above given Blending properties to the upper text layer, it must look similar to the example given below [Lower text layer is hidden] :
  9. Now open the Blending properties of the lower text layer [first unhide the layer] & apply the following properties to it :
    -Bevel & Emboss > Style : Inner Bevel, Technique : Smooth, Depth : 100%, Direction : Up, Size : 12px, Soften : 5px, Angle : 120 using the Global Light, Altitude : 30, Glass Contour : Default not anti-aliased, Highlight Mode : Overlay using color : #ffffff, Opacity : 15%, Shadow Mode : Linear Burn using color : #000000, Opacity : 4%.
    -Inner Shadow > Blend Mode : Color Burn using color : #000000, Opacity : 30%, Angle : 120, Use global light, Distance : 3px, Choke : 0%, Size : 30px, Contour : Default not anti-aliased, Noise : 0%.
    -Inner Glow > Blend Mode : Linear Burn, Opacity : 10%, Noise : 0%, Color : #000000, Technique : Softer, Source : Edge, Choke : 0%, Size : 20px, Contour : Default not anti-aliased, Range : 50%, Jitter : 0%.
    -Gradient Overlay > This time use a gradient which is slightly darker than the gradient of the upper text layer.
    -Outer Glow > Blend Mode : Normal, Opacity : 10%, Noise : 0%, Color : #000000, Technique : Softer, Spread : 0%, Size : 7px, Contour : Default not anti-aliased, Range : 50%, Jitter : 0%.
    -Drop Shadow > Blend Mode : Linear Burn using color : #000000, Opacity : 30%, Angle : 120 using Global Light, Distance : 1px, Spread : 0%, Size : 8px, Contour : Default not anti-aliased, Noise : 0%.
  10. After applying all the above given properties you will get a text like the example given below :
  11. Now select the lower text layer and hit Ctrl+t or check the Show Transformation Controls from the top toolbar.
  12. Now reduce the size of the lower text layer symmetrically from both the sides so that it makes a 3D illusion.
  13. So now the final text will look like a 3D text which is created without using new 3D feature of PS CS6, this will be useful for those guys who do not have a GPU card installed on their system, as the new 3D feature of PS CS6 requires a GPU installed.

So…..we are at the end of this tutorial-post, stay tuned for more exciting tutorials & remember to subscribe to our YouTube channel to get regular video updates!

Thanks for reading! Meet you in the next post, Peace!

Leave a Reply