In this Awesome Photoshop tutorial, you’ll learn how to create a 3D text effect using actions, basic transform operations and filters. This is an intermediate level, approximately 2 cups of coffee long tutorial.

Here is the Final Image
Before we start lets see the final image we’ll create through out this tutorial. You can download the layered PSD document here.

Create the Text
Let’s start by creating a new document that is 1000 pixels wide and 600 pixels high at a Resolution of 300 pixels/inch using RGB Color Mode. Fill the "Background" layer with 65% Black. Get the Horizontal Type Tool and type "6PX". I’m using Bauhaus 93 font. Set Font Size to 78 pt, Tracking to 80 and Color to black.

Center the Text
Now we’ll center the "6PX" layer, this will be neccessary creating the light rays later. Go to the Layers Palette and select both layers. Go to Layer > Align > Vertical Centers, then go to Layer > Align > Horizontal Centers.

Create the Strips
Create a new layer named "Strips". Set Foreground and Background colors to default (Black and White) by pressing D on the keyboard. Now press X to switch colors. Fill the "Strips" layer with white by pressing Alt + Backspace. Go to Filter > Sketch > Halftone Pattern and use these settings: Size => 3, Contrast => 50, Pattern Type => Line. Now we have a layer filled with black and white lines.

Create the Strips
Alt-click on the line between "6PX" and "Strips" layers to mask the strips. Get the Move Tool and move the "Strips" layer a few pixels up or down [you can use the arrow keys] if neccessary, regarding that the white areas will be the strips and blacks will be empty space. Go to Layers Palette and select both "Strips" and "6PX" layers and hit Command+E to merge.

Create the Strips
Command-click the "Strips" layer thumbnail to load the selection, hit Command+C to copy. Go to Channels Palette, create a new channel and hit Command+V to paste. We’ll select the white areas here, but before that let’s make some rounded corners. Hit Command+D to deselect. Go to
Filter > Blur > Gaussian Blur and apply with radius of 2 pixels. Go to Image > Adjustments > Levels, set Shadow Input Level to 120 and Highlight Input Level to 155 and apply. If there are very small white areas, select them and fill with black.

Create the Strips
Now we’ll get the white areas selected. Command-click the "Alpha 1" channel. Go back to Layers Palette and delete the "Strips" layer. Create a new layer named "Front" and fill the selection with color #b3b3b3, then hit Command+D to deselect. Now apply a Gradient Overlay Layer Style to this layer and use these settings:
Blending Mode => Multiply, Opacity => 100%, Gradient => Black, White, Style => Radial, Angle => 90, Scale => 150%, and Align With Layer => Unchecked. Before closing the dialog box, drag the center of the gradient up, as in the below image.

Those Strips Need Some More Style
Now apply a Bevel and Emboss style using these settings:
Style => Inner Bevel, Technique => Chisel Hard, Depth => 120%, Direction => Up, Size => 2 pixels, Soften => 2 pixels, Angle => 145 and Altitude => 55 degrees. Set Highlight and Shadow Opacity values at 75%.

Arrange the Layers
Duplicate the "front" layer. Make the Bevel and Emboss style invisible. Create a new layer above "Front copy" layer and name it "Extrude". Select both "Extrude" and "Front copy" layers and merge them. Doing this will flatten the layer styles. Drag the "Extrude" layer below the "Front" layer in the Layers Palette, and make "Front" layer invisible for now.

Put Some Color
Make sure "Extrude" layer is selected in the Layers Palette and go to Image > Adjustments > Hue/Saturation. Check the Colorize and set Hue to 40, Saturation to 35 and apply.

Create an Action to Extrude
Now here’s the tricky part. We’ll now create an action that will help us extrude our layer. Open the Actions Palette by going to Window > Actions. Open the Actions menu in the Actions Palette and select New Set. Name it "Extrude". This will create a new action set. Click Create New Action button and name the action "main". Click the Record button.

http://www.psawesome.com/wp-content/plugins/sociofluid/images/digg_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/reddit_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/stumbleupon_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/delicious_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/blinklist_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/blogmarks_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/technorati_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/magnolia_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/google_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/myspace_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/facebook_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/yahoobuzz_32.png http://www.psawesome.com/wp-content/plugins/sociofluid/images/twitter_32.png
What People Said About This Post:
  1. jagaa

    i just used this tutorial to do my favorite singers name. thank u so much the result was amazing. i am new at Photoshop plus English is my second language and your tutorial was so easy to understand.


  2. Will you be following up this post with a different one? I truly like the way you covered the topic.


  3. constructed, I hate, It looks like you share excellent


  4. I’d like to tell you that that web page is amazing. I have saved it as a favorite and plan on revisiting again soon. Keep up the great work!


  5. Educational post, this is. It is always wonderful to find a post that is useful.

  6. JB

    This tutorial is EXCELLENT due to the great step-by-step detail. It is greatly appreciated.
    Thanks.


  7. Thanks for the awesome tutorial. Spot on as usual. Just what i was looking for my project.

  8. made ary

    good job bro….
    I like this tutorials…..
    I’m trying to make this…..


  9. Very good written articles! This is very helpful & also easy to understand. I will look for more such blog articles! Btw, do you have facebook or twitter? I recommend it on social bookmarking sites just like as dig! However, thank`s for this article.


  10. Wow terrific blog post! Awesome tutorial dude. It�s crazy how many exceptional tutorials you guys publish. Absolutely love your site. Thanks!


  11. One of the best tutorials I ever seen. Good explanation, good photos, very step-by-step. Thnaks.

  12. Miguel

    Thanks for sharing this nice tut. Best regards from Spain :)

  13. Evelyn

    Hi. great tutorial, but I’ve got a problem with the 9th step. When I try to go to Image > Adjustments > Hue/Saturation, the option is not available.

    Please help me :)


  14. Good post :) Thank You.

  15. Miriam

    I got all the way to radial blur and it won’t let me do it. Radial blur is greyed out. What did I do wrong??? Please help.


  16. Thank you for teaching


  17. thanks man……. its really gud…… learnt a lot

  18. savargas

    You’re an excellent instructor and one Expert in Photoshop. Thanks for sharing.


  19. Love this Tutorial…i’m going to try right now!

  20. Mike Lee Musca

    Man that was an awesome tutorial I really enjoy it thank you so much for this post

  21. Dimfizz

    Dude, I just got into PS not long ago… your tut is laid out nice and organized, was easy to follow, and the results are amazing.

    I bookmarked your website and will be checking back often. Nice Job!

  22. Stephanie

    AMAZING TUTORIAL! Thank You So Much!


  23. Sweet tutorial. VERY well written and easy to follow. This trick saved me today. Many thanks for posting this.


  24. Awesome website and text. You should write in POlish lenguage :)

  25. Brett

    is there anyway to change the font and or font color at the end? its very difficult to read the word “seismic.” also, it came out pretty dark :/ did i mess something up??

  26. Laurent

    Thanks! Great tutorial… It didn’t workout for me the 1st time, so i will be doing it over again. I guess i had to many letters also and it is a different style to work on, but i learned a lot!!! So many thanks, from Belgium !

Leave a Reply







PSAwesome | 2010. All rights reserved.
Any redistribution or reproduction of part or all of the contents in any form or in any other language is prohibited.
contact@psawesome.com