Win32BlackGhost General & Off Topic Discussion : Aptitude and 36 unknown users

 Word :   Username :  
 
Bottom
Author
 Thread :

Creating High Quality 3D Text

 
n°3504
uttaresh
The Penguin Master
Profil: Top Penguin
Avatar
profil
Posted on 11-08-2008 at 03:14:03 PM  
 

This tutorial teaches you to create three-dimensional text that looks like these:

 

http://img526.imageshack.us/img526/7811/girlfriendet2.png
http://img517.imageshack.us/img517/2327/blueuva1.png
http://img262.imageshack.us/img262/7885/voldemortoc4.jpg

 

Cool, huh? :he: Now let's get started!

 

Don't forget to click on the images to zoom in to their full sizes. ;)

 
  • Create a new Photoshop document.


  • Type out the desired text in your preferred color. The font size should be large, so that there is space for the effects on the text. Typically, set the font size to at least 72 pixels. If the font offers it, I suggest you select the Bold mode.

http://img511.imageshack.us/img511/271/typingnb0.png

 
  • Next, you need to rasterize the text. To do this, in the Layers window, right click the text layer and select Rasterize Type.

http://img223.imageshack.us/img223/2397/rasterizeft3.png

 
  • Now, onto the effects. Once again, right click the text layer in the Layers window and select Blending Options.


  • Make sure that the Drop Shadow, Inner Shadow, and Bevel and Emboss are checked.

http://img526.imageshack.us/img526/959/blendingxr1.png

 
  • In the Drop Shadow settings, set the following settings:

http://img526.imageshack.us/img526/9663/dropshadowoy7.png

 
  • In the Inner Shadow settings, set the angle to 120, the Distance to 1, the Choke to 6, and the opacity to between 70% for a light and 40% for a dark color. Next comes the Size option. Now, this is a little tricky. The perfect number depends on the thickness, the size, and the nature of your font. It should be between 2 and 10. Mess around till the shadow is everywhere except the middle of the text.

http://img444.imageshack.us/img444/8230/innershadowco8.png

 
  • Next, in the Bevel and Emboss settings, choose the following settings:

http://img60.imageshack.us/img60/7206/bevelxx1.png

 
  • Finally click the OK button.


  • Now we move on to the final shine. Keep in mind that the best shine technique depends on each text and its font individually. What worked for me may not work for you. The following steps show you how to create a simple shine for the text that fits most texts.


  • In the Layers window, click on the New Layer button ( :psnewlayer: ) to create a new layer. Rename it to "Shine".


  • Now, using the Ellipse Selection tool ( :psellipticalmarquee: ), select the top half of the text.

http://img118.imageshack.us/img118/6305/ellipseag7.png

 
  • With the Shine layer now selected, select the Gradient tool ( :psgradient: ) and select a White to Black gradient. Create a vertical gradient like this:

http://img519.imageshack.us/img519/4676/gradienttoolpd6.png

 
  • You should now get a resulting gradient somewhat like this:

http://img511.imageshack.us/img511/8060/gradienthr1.png

 
  • Now in the Layers window, right-click the Shine layer and click on Blending Options. Select Screen as the Blending Option and click OK.

http://img519.imageshack.us/img519/3171/screenua1.png

 
  • Now with the Shine layer still selected, Ctrl+Click on the text layer's thumbnail in the Layers window to load its selection.

http://img91.imageshack.us/img91/2088/loadselectionbq1.png

 
  • Press the Up arrow key 3 times and the Right arrow key 5 times to move the selection 3 pixels up and 5 pixels right.

http://img443.imageshack.us/img443/5205/nudgeselectionmr8.png

 
  • Hit Delete to clear this selection.


  • Now again Ctrl+Click the Text layer in the Layers window to Load its selection.  In the menu bar, go to Select>>Modify>>Contract. Select 1 pixel and click OK.

http://img262.imageshack.us/img262/583/contractcx7.png

 
  • Again, in the menu bar, go to Select>>Inverse. Press Delete to clear the selection. You should now have something like this:

http://img510.imageshack.us/img510/1378/preview1xs7.jpg

 
  • Now, depending on the color of your text, set the Opacity for the Shine Layer to between 90% for a light color and 65% for a dark color. You'll have to mess around to get the perfect shine.

http://img412.imageshack.us/img412/1557/opacitycx6.png

 
  • Finally, in the menu bar, go to Filter>>Blur>>Gaussian Blur and set the Radius to 0.3 px.

http://img147.imageshack.us/img147/1540/gaussianaw9.png

 
  • Erase out the tiny, isolated fragments of the shine to make it look better.


That's it! You're done! Your final image should be like this:

 

http://img147.imageshack.us/img147/4729/resulttp4.png

 

Great work! :great: Now go impress someone!


Message edited by uttaresh on 11-10-2008 at 02:54:56 PM

---------------
http://img132.imageshack.us/img132/7598/cheesesigbe1.png
answer
mood
GoogleAds
profil
Posted on 11-08-2008 at 03:14:03 PM  
 

answer
n°3505
truth
-------------------------
Profil: Big Penguin
Avatar
profil
Posted on 11-08-2008 at 04:25:44 PM  
 

Very good tutorial.
nice result too !


---------------
-------------------------------------------------------------
http://img504.imageshack.us/img504/108/sigglassms3.png
answer
n°3506
uttaresh
The Penguin Master
Profil: Top Penguin
Avatar
profil
Posted on 11-08-2008 at 04:34:13 PM  
 

Thanks! :)  
 
I'm waiting for someone's result; wanna see if the tutorial works for people.


---------------
http://img132.imageshack.us/img132/7598/cheesesigbe1.png
answer
n°3511
uttaresh
The Penguin Master
Profil: Top Penguin
Avatar
profil
Posted on 11-09-2008 at 01:37:11 PM  
 

Anyone? :(


---------------
http://img132.imageshack.us/img132/7598/cheesesigbe1.png
answer
n°3513
Tanshin
Profil: Big Penguin
Avatar
profil
Posted on 11-09-2008 at 05:20:00 PM  
 

I'll try it... just give me a little while so I can dual boot OS X and Windows

 

You definitely need to use a brighter color for this as I used a maroon that didn't work out very well. I lightened it up and it looks a bit better.
http://i15.photobucket.com/albums/a398/saladbar1/gloss.png


Message edited by Tanshin on 11-09-2008 at 05:46:51 PM
answer
n°3514
uttaresh
The Penguin Master
Profil: Top Penguin
Avatar
profil
Posted on 11-09-2008 at 07:44:37 PM  
 

If you go too dark, then the shadows and all don't appear correctly. If you go too light, then the highlights and shines won't appear correctly.

 

So yeah, you cannot hit the really dark or light colors.

 

Another piece of advice would be to use a font that is more curvy. The shine technique I used looks more natural that way. ;)

 

And also as your text is so "huge", I suggest you try to keep more of the shine. Say move it 6px up and 10px right instead of the original 3 and 5.


Message edited by uttaresh on 11-09-2008 at 07:48:02 PM

---------------
http://img132.imageshack.us/img132/7598/cheesesigbe1.png
answer
n°3516
Neil
Everyday is a Countdown
Profil: Penguin Pro
Avatar
profil
Posted on 11-10-2008 at 08:56:52 AM  
 

Very Nice tuto Uttaresh :loveit:
I hope I can post my result soon ;) (too busy these days :mdr: )


---------------
http://i404.photobucket.com/albums/pp122/iSe7en/111.png?t=1230286696
answer
n°3517
uttaresh
The Penguin Master
Profil: Top Penguin
Avatar
profil
Posted on 11-10-2008 at 10:31:59 AM  
 

Thanks!
 
And I really like your sig. :loveit:


---------------
http://img132.imageshack.us/img132/7598/cheesesigbe1.png
answer
n°3520
Neil
Everyday is a Countdown
Profil: Penguin Pro
Avatar
profil
Posted on 11-11-2008 at 01:32:22 PM  
 

uttaresh wrote :

Thanks!

 

And I really like your sig. :loveit:

 

Thanks to you too :loveit: it came out during some experimental PS work which I was hanging around  :intello:
But it's not the png version  :cry:


Message edited by Neil on 11-11-2008 at 01:33:19 PM

---------------
http://i404.photobucket.com/albums/pp122/iSe7en/111.png?t=1230286696
answer
n°3552
.drago.
Profil: Big Penguin
Avatar
profil
Posted on 11-15-2008 at 01:40:50 PM  
 

Good tut, but its not a 3d text its a glossy text, any way good tut dude


---------------
http://img510.imageshack.us/img510/2069/deviantartsf1.pnghttp://img360.imageshack.us/img360/8761/igloocd9.png
http://img360.imageshack.us/img360/4200/sitevu2.png
answer
n°3558
Neil
Everyday is a Countdown
Profil: Penguin Pro
Avatar
profil
Posted on 11-16-2008 at 12:21:47 PM  
 

.drago. wrote :

Good tut, but its not a 3d text its a glossy text, any way good tut dude


 
Sure it's glassy but It's kind of 3D since it's not 2D (plane)  :he:  


---------------
http://i404.photobucket.com/albums/pp122/iSe7en/111.png?t=1230286696
answer
n°3559
uttaresh
The Penguin Master
Profil: Top Penguin
Avatar
profil
Posted on 11-16-2008 at 12:46:58 PM  
 

Well, it has the impression of having height, width and a little depth ... so that makes it 3D - if only slightly. ;)


---------------
http://img132.imageshack.us/img132/7598/cheesesigbe1.png
answer
n°3562
Judicator
Profil: New Penguin
Avatar
profil
Posted on 11-18-2008 at 04:35:13 AM  
 

Well, not exactly 3D but nice chewy text! Love the effects. Thanks for this tutorial pal!  :^^:


---------------
http://farm4.static.flickr.com/3164/3040116816_61f9e447bb_o.png
answer
n°3590
temao
Profil: New Penguin
Avatar
profil
Posted on 11-26-2008 at 10:45:47 PM  
 

Quote :

Now, using the Ellipse Selection tool ( :psellipticalmarquee: ), select the top half of the text.


I can't find this button :D

answer
n°3591
uttaresh
The Penguin Master
Profil: Top Penguin
Avatar
profil
Posted on 11-27-2008 at 12:32:19 AM  
 

Well that's a very basic tool. :o

 

See the normal Selection tool? :psrectangularmarquee:  Right click it and select the Ellipse tool. ;)

 
Quote :

Well, not exactly 3D but nice chewy text! Love the effects. Thanks for this tutorial pal!  :^^:


Why, thank you. :)


Message edited by uttaresh on 11-27-2008 at 06:50:20 AM

---------------
http://img132.imageshack.us/img132/7598/cheesesigbe1.png
answer
n°3609
temao
Profil: New Penguin
Avatar
profil
Posted on 11-28-2008 at 08:45:32 PM  
 

Quote :

Now with the Shine layer still selected, Ctrl+Click on the text layer's thumbnail in the Layers window to load its selection.


Where to click? :( Sorry for asking.. I can't find this..thing

answer
n°3612
darklady
Just remember, art saves lives.
Profil: Big Penguin
Avatar
profil
Posted on 11-29-2008 at 10:16:02 AM  
 

The image beside the layer name.  if you do not see that, only a paintbrush, right click it and then choose small medium or large thumbnails.  This is what you need to ctrl + click.
 
http://www.crystalxp.net/forum/mesimages/222429/screen.jpg


---------------
http://i165.photobucket.com/albums/u53/rene_kunert/sig-2.png
answer
n°3616
codenamem2k
Profil: Big Penguin
Avatar
profil
Posted on 12-02-2008 at 08:55:29 AM  
 

Well man, I have got exams right now... I'll try it after my exams and post the result here :)
 
Gotta study now...
 
Well... I got time to try this...
 
Here is my result:
http://img122.imageshack.us/img122/4897/m2kgh9.png


Message edited by codenamem2k on 12-06-2008 at 11:00:08 AM
answer
n°3621
codenamem2k
Profil: Big Penguin
Avatar
profil
Posted on 12-10-2008 at 08:41:46 AM  
 

So... hows my result??? ;)

answer
n°3622
uttaresh
The Penguin Master
Profil: Top Penguin
Avatar
profil
Posted on 12-10-2008 at 08:51:19 AM  
 

Pretty cool. :great:  
 
But like I said you need to find the right colour and font to get the best result. ;)  
 
I still like yours. :p


---------------
http://img132.imageshack.us/img132/7598/cheesesigbe1.png
answer
n°3629
codenamem2k
Profil: Big Penguin
Avatar
profil
Posted on 12-11-2008 at 01:40:14 PM  
 

Thanks Uttaresh...
 
I suppose my selection was bit too dark ;)

answer

Go to:
Add a reply