Superman 3D Extrude text Photoshop Tutorial

It’s a bird, it’s a plane, no it’s block letter Extrude in Photoshop. This was a request from the forum: “How do you do the 3d looking text like on the Superman logo?” Ask and you shall receive, here it is folks. note: the technical name for “3D looking thing” is extrude.

INGREDIENTS

Difficulty 6/10
type_3d
  • Pin It

Superman 3D Extrude text Photoshop Tutorial

Step 1

Start with your type on a new layer.

ex1

 

 

Step 2

Open the warp text tool, it’s the little box in the toolbar with ABC written on it. If you dont see it, select your type with the text tool.

Render the type layer: PC right click/Mac Cmd click in the text in the layers palette and select, rasterize type.

Duplicate the layer.

ex3

ex2

 

Step 3

Now, lets add the extrude: Filter>blur>motion blur.

Set it for -45 degrees and set the distance for the depth of the extrude you want. I used 80 pixels.

ex4

 

Step 4

Duplicate the layer 10 times. Shortcut Ctrl/Cmd+J
Hide the original type layer and click merge visable. This makes all 10 layers in to one.

ex5ex6

Step 5

Just to speed things up a bit, duplicate the blurred layer again and merge the 2 together again. (All this does is save us duplicating 20 layers.)

Keep going until the extrusion starts to look solid.

ex7

Step 6

Lets see where we are: Show the original type layer on top. (Click the little eye icon to make it visable.

Add a layer style: Color overlay = yellow and stroke = Black and 1 pixel

Ctrl/Cmd click on the layer thumbnail to select the type layer..

ex8

Step 7

Now invert the selection. Ctrl/Cmd+Shift+I. With the yellow type selected, click on the extruded layer to make it active. This now protects the yellow type so we can clean up the edges on the red extruded layer.

ex9

Step 8

Using the eraser tool with a medium sized hard eraser, begin to erase the extra junk at the bottom.

ex10

 

Step 9

Beautiful! Invert the selection again. Ctrl/Cmd+Shift+I

ex11

Step 10

Using the arrow keys on the keyboard, move the selection to the top right of the extrusion. Tip: Holding down the shift key will move it faster. Make it so that the edge of the selection is on the edge of the solid color, with the junk outside the selection.

Invert selection again. Ctrl/Cmd+Shift+I

ex12

Step 11

Using the eraser again, erase the junk and you should get something like this.
Of course, if you take more time than I did, your results will be much cleaner!

ex14

Step 12

I very quickly (took about 20 seconds) added some shadows with the airbrush tool, just to show you how it will look. Tip: To add shadows with the airbrush tool, click, hold down the shift key, and click again to draw a straight line.

Have fun with this and stay away from Kryptonite! Up, Up and away!

exfinished

Sign up for our newsletter!

Email:

Colin Smith

Colin Smith

Colin Smith is founder of the #1 PhotoshopCAFE online community which has received over 30 million visitors. Colin has Authored/Coauthored 18 books. He has won numerous awards including 3 Guru awards. He’s been nominated for the Photoshop Hall of Fame twice. Colin is a regular columnist for Photoshop User Magazine. He’s been featured in almost every major imaging magazine, and is in high demand as a speaker at major industry events including Flash Forward and WPPI . He consults such companies as ABC Disney, Apple and Adobe

More Posts

Premium Tutorials

Colin Smith

About Colin Smith

Colin Smith is founder of the #1 PhotoshopCAFE online community which has received over 30 million visitors. Colin has Authored/Coauthored 18 books. He has won numerous awards including 3 Guru awards. He’s been nominated for the Photoshop Hall of Fame twice. Colin is a regular columnist for Photoshop User Magazine. He’s been featured in almost every major imaging magazine, and is in high demand as a speaker at major industry events including Flash Forward and WPPI . He consults such companies as ABC Disney, Apple and Adobe