Duplicate the text layer and name the top one â€œText Shadingâ€.
If you zoom in to your text, youâ€™ll notice that the edges are jagged.
To fix this, we have to improve the render quality. Select the text layer (not the â€œText Shadingâ€ layer) then go to Layer > Smart Objects > Edit Contents. Photoshop will tell you that it will open the layer as a new document and you just need to save and close it to apply the changes. Click OK to close the dialog.
After you click OK, Photoshop will create a new document with your 3D text in its own layer.
Go to Window > 3D. In the Quality drop down, pick â€œRay Traced Finalâ€.
Photoshop will start to render your text and youâ€™ll see a blue grid-box scanning across your text. Just let this run for awhile until it stops or the quality is good enough for you. If you pause the render by accident (by clicking anywhere), you can resume it by going to 3D > Resume Progressive Render.
Hereâ€™s what the text looks like after rendering â€“ no more jagged edges!
Go to File > Close. Photoshop will ask if you want to save the file â€“ click yes.
Right-click on the text layer then choose Rasterize Layer.
You should now be back in your original Photoshop document. Select the â€œText Shadingâ€ layer then go to Layer > Smart Object > Edit Contents. In the 3D PanelÂ (Window > 3D), click on the Edit button.
In the 3D Render Settings, pick â€œLine Illustrationâ€ from the preset then set the Crease Threshold to 2 and Line Width to 4. Click OK.
Hereâ€™s what your 3D text looks like.
Save the document then close it. Go back to your original document.
Select the text layer (should be your middle layer) then go to Layer > New Adjustment Layer > Hue/Saturation. Youâ€™ll get a popup with the settings for this new layer. If you donâ€™t see this, make sure you added the adjustment layer from the menu (Layer > New Adjustment Layer > Hue/Saturation) and not from the Layers palette.
Checkmark the â€œUse Previous Layer to Create Clipping Maskâ€ option then click OK.
In the Adjustments panel (Window > Adjustments), checkmark the â€œColorizeâ€ option then set the Saturation to 100 and Lightness to â€“50. Adjust the Hue to any color you like.
Hereâ€™s what the 3D text looks like!