Creating a 3D Typography in Photoshop

AD

Learn the 3D commands of Photoshop here. This tutorial shows you the most used 3D stuff designers work on while creating their graphics. And don’t forget, these commands are very easy to use and even a novice user can engage them easily.

Please don’t hate me while reading this post, because the same step is repeated again and again. But I promise you, when you’ll be following this tutorial, it’ll be fun.

You might also like: Electrified Neon Text Effect

Sources Used:

Final Result

3-d typography in adobe Photoshop CS5 Tutorials

Fist of all open the New document and type each letter of your favorite word in separate layer.

3-d typography in adobe Photoshop CS5 Tutorials

Repousse

Then go to 3-D>Repousse>Text Layer

3-d typography in adobe Photoshop CS5 Tutorials

A table will appear asking you for rasterizing the layer. Click on Yes. You might wanna “Don’t show again” so this table won’t bother you again.

3-d typography in adobe Photoshop CS5 Tutorials

Once this ‘Repousse Box’ appears, put the following values.

3-d typography in adobe Photoshop CS5 Tutorials

3D Rotation

Now our “d” should have a 3D effect. Its time now to give it a ‘revolution’. Select 3-D Object Rotate Tool and rotate it in whatever direction you want.

3-d typography in adobe Photoshop CS5 Tutorials

This is the tricky part now. You have to go to the Layers Panel and double click on the Extusion materials. Then a blank file will open. You have to apply the effects on this file which you want to apply on your letter, in my case I’m applying Gradient Overlay.Then save that file by striking CTRL+S, once you save it, you’ll return to original file.

These are the values of Gradient Overlay.

3-d typography in adobe Photoshop CS5 Tutorials

The Letter ‘E’

Now I’m adding the letter ‘e’. The fifth letter of the alphabet. It is also the most used letter in the English language. (I paid attention to my English teacher)

3-d typography in adobe Photoshop CS5 Tutorials

Go to 3-D>Repousse>Text Layer

3-d typography in adobe Photoshop CS5 Tutorials

Here I’m rotating the letter E.

3-d typography in adobe Photoshop CS5 Tutorials

This is the gradient applied on the letter E through Extrusion materials.

3-d typography in adobe Photoshop CS5 Tutorials

The Letter ‘S’

I don’t like this letter, so I won’t tell you anything about it.

3-d typography in adobe Photoshop CS5 Tutorials

Go to 3-D>Repousse>Text Layer

3-d typography in adobe Photoshop CS5 Tutorials

Rotating the Letter S

3-d typography in adobe Photoshop CS5 Tutorials

Gradients now.

3-d typography in adobe Photoshop CS5 Tutorials

The Letter ‘I’

We’re just gonna repeat the same steps again and again with different colors and different rotation angles. Besides these differences, its the same effect.

3-d typography in adobe Photoshop CS5 Tutorials

3-D>Repousse>Text Layer

3-d typography in adobe Photoshop CS5 Tutorials

Rotation

3-d typography in adobe Photoshop CS5 Tutorials

Gradient

3-d typography in adobe Photoshop CS5 Tutorials

The Letter ‘G’

Type it

3-d typography in adobe Photoshop CS5 Tutorials

Go to 3-D>Repousse>Text Layer

3-d typography in adobe Photoshop CS5 Tutorials

Rotate it

3-d typography in adobe Photoshop CS5 Tutorials

And how can we forget the gradient.

3-d typography in adobe Photoshop CS5 Tutorials

The Letter ‘N’

3-d typography in adobe Photoshop CS5 Tutorials

Go to 3-D>Repousse>Text Layer

3-d typography in adobe Photoshop CS5 Tutorials

Rotate it

3-d typography in adobe Photoshop CS5 Tutorials

Fill the gradient.

3-d typography in adobe Photoshop CS5 Tutorials

The Letter Z

We’re adding 3 ZZZ.

3-d typography in adobe Photoshop CS5 Tutorials

Go to 3-D>Repousse>Text Layer

3-d typography in adobe Photoshop CS5 Tutorials

Gradient

3-d typography in adobe Photoshop CS5 Tutorials

And again, the letter Z

3-d typography in adobe Photoshop CS5 Tutorials

Go to 3-D>Repousse>Text Layer

3-d typography in adobe Photoshop CS5 Tutorials

Gradient again.

3-d typography in adobe Photoshop CS5 Tutorials

I promise, this is the last Z.

3-d typography in adobe Photoshop CS5 Tutorials

3-D>Repousse>Text Layer

3-d typography in adobe Photoshop CS5 Tutorials

Gradient

3-d typography in adobe Photoshop CS5 Tutorials

Rotating the third Z.

3-d typography in adobe Photoshop CS5 Tutorials

Finally we’re done with our 3D. Now I added a background.

3-d typography in adobe Photoshop CS5 Tutorials

Splatter Effect

I used splatter brushes for making this effect.

3-d typography in adobe Photoshop CS5 Tutorials

Now I’m adding a few splatters on the text as well. It will give our text a groovy look.

3-d typography in adobe Photoshop CS5 Tutorials

Done

3-d typography in adobe Photoshop CS5 Tutorials

 

Further Related Readings

Copyrights © 2016 - Designzzz. All Rights Reserved