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.


by Colin Smith

More Great Tutorials

PhotoshopCAFE home


Start with your type on a new layer.



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.


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.


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.


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.


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..


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.


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


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


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


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!


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!