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

Simple 3D Text [Part 2]

I would assume at the start of this tutorial that you read my previous 3D text tutorial, if not you can read it here.

Now lets get this show on the road



Now starting were we left off i removed the gradient overlays from the text layers:


Spoiler (Click to View)

(Mind the change in font)

Okay, now find a nice image that you would like to fill the text with, something with lots of clean effects is good (I recommend something medium dark)

What im using:

Spoiler (Click to View)


Copy and past that onto your canvas, then duplicate it. (you will need it again)


Now place one of the images you duplicated above the first text layer, then place the second one above the second text layer like so:

Spoiler (Click to View)

Now right click each of the images you placed above the text and select "Create clipping mask"

You should now have this:


Spoiler (Click to View)

Now what we want to do is add a nice clean shine, start off by right clicking the main text layers thumbnail and choosing "select pixels".

Next make a new layer above all and select your gradient tool with and set it to these settings:

Spoiler (Click to View)

(access these setting by clicking the gradient preview in the topnav bar)


Drag the gradient from just off the canvas to a little below the text, you should get a smooth, light gradient. the text should also be selected.

Now select the pen tool and start from the left of the text (about mid level) and may a "wave" like so:


Spoiler (Click to View)

And connect the points as shown in the above image.

Next with the pen tool still selected right click and choose "make selection" then hit Delete on your keyboard.

Next we will need to make the shine look more real, do this by lowering the opacity to about 60%.

For an added touch put a layer mask on the shine layer and use a black radial gradient in the lower middle of the shine like so:


Spoiler (Click to View)


(Press the small rectangle button with a circle in it at the lower end of the layers panel)


Now for the final step, the reflection.

Before we go any further we need to prepare a few things:

Hide your Grey layer at the very bottom then hide your shine layer, now make a new blank layer and go to image then apply image. (found in the topnav)


You should now have a copy of the whole text design itself, go to edit>transform then select flip vertical.

Now line up the top edge of the newly flipped text with the bottom of the original.


Now that it is in place reshow the shine as well as grey layer.

What you need to do next is add a layer mask to the flipped text layer, (explained how before) and select the gradient tool once again, except this time select "Linear Gradient" (first icon next to the gradient preview)


Drag the gradient from below the flipped text to a bit above it to make it "fade".

Now to complete this effect lower the opacity of the flipped text layer to about 35% (differs between color of clipping mask to color of BG)


Finished product


Spoiler (Click to View)

.PSD For this tut (It helps some users)
Wow, You are working a lot with Photoshop now a days it seems..
Your tutorials just are too good to be appreciated by a person with no knowledge of GFX.
(Aug 29, 2010 11:34 AM)Valour Wrote:  Wow, You are working a lot with Photoshop now a days it seems..
Your tutorials just are too good to be appreciated by a person with no knowledge of GFX.

Thank you, i spent an hour and a half typing, coloring, and screenshoting all this.
This is marvelous, i'm attempting to make my own right now, I will edit this post after I finish it. :)
EDIT: I can't get the clipping part :S.
NEVERMIND, GOT IT :D
Spoiler (Click to View)
(Aug 29, 2010 02:11 PM)Roms Wrote:  This is marvelous, i'm attempting to make my own right now, I will edit this post after I finish it. :)
EDIT: I can't get the clipping part :S.
NEVERMIND, GOT IT :D

Yep, I can guarantee that if you read it step by step you will get it.

Glad to see you figured it out.
yeah I got it this time lol, look at my other post to see it in the spoiler :).
(Aug 29, 2010 02:39 PM)Roms Wrote:  yeah I got it this time lol, look at my other post to see it in the spoiler :).

Nice but, your reflections layer mask is upside down.
(Aug 29, 2010 02:50 PM)SavageBoys Wrote:  Nice but, your reflections layer mask is upside down.
Oh damn, I was in a hurry for something, and I didn't read it that much.
(Aug 29, 2010 03:59 PM)Roms Wrote:  Oh damn, I was in a hurry for something, and I didn't read it that much.
Well we all make mistakes.
Very nice tutorials, am trying it out at present, hope to get it the first time...
@hostmyhope

Its all about patience and understanding take your time and you will succeed.
[quoet]Now right click each of the images you placed above the text and select "Create clipping mask"

You should now have this:

Spoiler (WARNING: Potential SPAM or INFECTED LINK)[/quoet]

Not abel to do this part.. :(
(Oct 1, 2010 02:33 AM)Superman™ Wrote:  [quoet]Now right click each of the images you placed above the text and select "Create clipping mask"

You should now have this:

Spoiler (WARNING: Potential SPAM or INFECTED LINK)[/quoet]

Not abel to do this part.. :(
Make sure the images are above the text, also make sure the text is plain black.
nice tutorial :) it's highly recommended for beginners!
than you for the tut bro...KIU <3


Possibly Related Threads...
Thread / Author Replies Views Last Post
by Peaky BlindersJul 26, 2014 05:37 AM 3 304 Jul 26, 2014 05:37 AM
Last Post: shadowwclone
by Frost ByteApr 8, 2012 06:19 PM 6 182 Apr 8, 2012 06:19 PM
Last Post: Frost Byte
by SavageBoysOct 15, 2010 02:28 PM 31 413 Oct 15, 2010 02:28 PM
Last Post: SavageBoys