Home Upgrade Search Memberlist Extras Hacker Tools Award Goals Help Wiki Contact

SWAGSTER's HQ 3D Tutorial [Photoshop]

So do you want to create a simple and attractive 3D effect to your text/objects in photoshop?
If yes, then follow this tutorial to create something like this:
[Image: OdmLB.png]
Step 1:
Let's start by creating a new document by going to "File">"New" or by licking "ctrl+N"
Enter the width and height you want I'm gonna go with "600"x"200" (HF sig limit)
[Image: B0FXW.png]

Step 2:
Now fill the background with #33 (HF Bg) using the bucket tool (G) [Image: dbrI5.png]

Step 3:
Now it's time to add the text, click on the text tool or press "T" on your keyboard, and enter the text of your choice.
I'm going to type in Swagster using "Lobster 1.4" font and #d5d5d5 color
[Image: fjFcD.png]

Step 4:
Next we are going to duplicate the text layer by right clicking on it and pressing on duplicate layer or by pressing "ctrl+J"
Rename the bottom text layer to "Bottom" and change it's color to something darker, I'm going to go with #9c9c9c
Now move the "Bottom" layer to the desired position you would like to create the 3d angle from, such as bottom, left, top, right and depending on your desired depth you move it further or closer.
So now you should have something like this:
[Image: 7oQpW.png]

Step 5:
It's time to create the basic 3d effect, select the "Bottom" layer and hold the "alt" key, now using your arrow keys keep pressing the direction to which the bottom layer coincides with the top layer, don't get it?
Well I moved my bottom layer in step 2 to the left so while holding the "alt" key I press the right key over and over again till my new layer is under the under the original top layer and you should get something like this:
[Image: SgBNH.png]

Step 6:
Select all the bottom layers (by holding ctrl and licking on each layer), right click and select "Rasterize Type" then while they are still selected click on "Merge Layers"

Step 7:
Now to create the HQ 3D effect, select the top layer, which is the text layer for me it is " Swagster" right click and press on "Blending Options" and apply the following:
[Image: Y1bLJ.png]
Now select the bottom layer and apply these blending options
[Image: tif8L.png]

That's it your done, you can even apply these steps to objects:
[Image: GTr3V.png]
DOWNLOAD PSD
I'll be adding a video tutorial soon...

[Image: I4R8H91.png]

Very nice tutorial. Was easy to follow. Here's my attempt:
[Image: XYaSb.png]
Edit: damn shadow...
[Image: 52Bi9c3.png]
Nice one, you can try moving the drop shadow angle to get a better look, I forgot to mention that.
[Image: I4R8H91.png]

Nice tutorial Man Loved it! I even went ahead to make a gif one :)
[Image: oTTdR.gif]
Glad you like it rosko I worked hard on it.
I like the animation though it's kinda annoying because of how fast the blinking is.
[Image: I4R8H91.png]

Very nice tutorial mate. Here is my attempt!

[img]http://s14.postimage.org/w68804ow1/cas.png[/img]
image hosting adult
Beer.
Nice simple tutorial, Thanks for this.
Forex signal provider.
Great, HQ post. Thanks for this, really helped me alot bro <3
Not, bad not bad at all, why not try adding colors next time instead of such simple grey ;)
That shadow is sick man, thanks for this tutorial. ;)
Dude this is fucking cool tutorial. Keep it up bro


Possibly Related Threads...
Thread / Author Replies Views Last Post
by Aryan_AhirSep 24, 2017 10:09 PM 2 371 Sep 24, 2017 10:09 PM
Last Post: rmr00t
by TheGoldenRelikOct 24, 2016 01:40 AM 12 555 Oct 24, 2016 01:40 AM
Last Post: ka$h
by alnoiseOct 17, 2016 03:01 PM 25 931 Oct 17, 2016 03:01 PM
Last Post: ᏙictorҮ