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

Simple 3D Text [Part 1]

Alot of people have a hard time making 3D text, so today im going to show you just how simple it is.

First Make an empty document about this size:

Spoiler (Click to View)

Then go to edit>fill and choose color and change the color to
Code
33
next to where it shows # then an empty box.


Spoiler (Click to View)

Now Type the text that you want to make 3D (preferably around 120-150px) make sure to use an easy to read font:

Spoiler (Click to View)

Ok now to give the text some style, im going to use a simple gradient:

Spoiler (Click to View)

Now i added a white 2px stroke to improve its visibility and make it stand out more and enabled the 33 bg we created previously:

Spoiler (Click to View)

(later on this also helps the colors from blending and making it hard to see the 3D effect)

Now that we got the text all together, right click the text layer and select duplicate then move it beneath the original:

Spoiler (Click to View)

Select the copied text layer the make sure you have the "move tool" selected, now hit the left arrow key about 7 times to nudge it over:

Spoiler (Click to View)

Looks pretty 3D to me ay?

Now if you were to take this a bit farther and implement a clipping mask effect and a shine, then throw in a reflection:

Spoiler (Click to View)


There are many possibility's with this effect, so try some things out for yourself and see what you can come up with :)


Part 2: https://hackforums.net/showthread.php?tid=645118
(Includes the shine, clipping mask, and reflection techniques.)
Thank you for the tutorial, lowering the opacity on the layer that's at the back would help it be more 3d amirite?
(May 6, 2010 01:07 PM)iVintage Wrote:  Thank you for the tutorial, lowering the opacity on the layer that's at the back would help it be more 3d amirite?
Somewhat but too much and it looks weird, its more based upon personal preference.
I like the type of text nice tutorial Thanks for sharing , simple but nice
(May 6, 2010 01:38 PM)Theundertaker Wrote:  I like the type of text nice tutorial Thanks for sharing , simple but nice
Simple was my intention, everyone knows i can do better for the more advanced users ;)
Made this in about 3 mins with your tutorial. Thanks alot man :)


-Large Image-
Spoiler (Click to View)

Ugly everything lol and reduced image size... But wtf text looks 3D :D
Awesome tut mate. A very sleek looking design. Is it possible to get the 3d look to come from a diagonal in a easy way, or would you have to brush it like that?
very good tut ;) i do think everyone knows how to do a 3d text effect ^^
Thank you! Nice tut xD
Very nice simple tutorial.
very nice tut :)
good job
Good TuT, going to give it a try thank you.
really nice and clean tut im copying this tut ans saving this one.🤝
you should add how to do the clipping mask and shine part
[img]http://i812.photobucket.com/albums/zz47/arowe216/www2.png[/img]
Thank you for the tutorial :)


Possibly Related Threads...
Thread / Author Replies Views Last Post
by Peaky BlindersJul 26, 2014 05:37 AM 3 303 Jul 26, 2014 05:37 AM
Last Post: shadowwclone
by Frost ByteApr 8, 2012 06:19 PM 6 180 Apr 8, 2012 06:19 PM
Last Post: Frost Byte
by SavageBoysOct 23, 2010 11:20 AM 14 227 Oct 23, 2010 11:20 AM
Last Post: Dusk.