Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING    [SUBMIT]

Sponsored Links

Retro Style Text


You may not believe it, but old-style text designs are coming back into fashion in a big way!  With a basis depending entirely on rainbow gradients, they may seem difficult from the outset but they are, in fact, simplicity themselves to create and only require simple Photoshop tools.

Step 1:  Create a brand new document of a suitable size with a single background layer filled with a solid white colour (you can change this later - the white just makes the first few steps easier). Use the Horizontal Type Tool to create a word in pure black. In my case I've used the 'Soul Papa' font at size 110. Don't worry if you don't want to use this particular typeface - just select something with a solid bulky retro feel (script-style fonts rarely work well).

Step 2: Now to taste the rainbow!   With the text layer selected, select Layer > Layer Style > Gradient Overlay from the application menu and duplicate the settings opposite. The gradient itself should be included with Photoshop (you won't have to create it manually).

Step 3: Don't press the OK button yet - We now get to the most "retro" part of this tutorial! Navigate over to the Drop Shadow section of the Layer Style window and enter the settings indicated in the image on the bottom-left. This will give your text a curvy stroke effect.

Step 4: Now navigate over to the Inner Glow section and enter the settings on the bottom-right. This will make your text appear much smoother.  When finished, press OK to close the Layer Style Window.


 


Step 5: Now take a look at your text.  As you will undoubtedly notice, there are a few areas where the drop shadow hasn't quite covered the area perfectly, leaving holes between characters.  Fix this by creating a new layer on top of all the others (and especially the text layer), and then use the Brush Tool with a black-colour tip to paint out the problem. Some typefaces are more prone to this problem than others, so if the area affected is large, I'd seriously consider choosing another typeface.

Variations: And we're done! At this point you may want to add other retro objects such as stars, bulky underlines, and other junk to augment your text, but we'll leave this up to you.  Have fun, and remember that you don't need to go through this tutorial again for each and every object you add to your creation - you can just copy and paste layer styles across by right-clicking on the text layer, choosing Copy Layer Style and... well... you can guess what you need to do to paste them to new objects... ;)

- Tutorial written by Turvas

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Last 5 User Comments

User:  yiamas (#46935)
Date: Fri Dec 21, 2007. 09:55:15

Post #3 of 3

Quote from Man1c M0g;43245:
This is a thread to discuss the Retro Style Text tutorial. Please keep all posts on-topic, don't spam, and read the entire thread BEFORE you post - any issues you have could be answered deeper within the thread.


Thank you very much it was enjoyable to do and easy instructions I am still new in photo shop and I cannot believe my self I can do all that by my self this is was amazing, it is 10 outof 10.

Reply to this post


User:  CrusaderJustin1 (#46900)
Date: Thu Dec 20, 2007. 00:20:45

Post #2 of 3

thanks for the tips! it is veryyy helpful!

Reply to this post


User:  Pres (#43580)
Date: Wed Jul 25, 2007. 14:59:15

Post #1 of 3

it still amazes me how much u can do with photoshop, THIS i only could do in illustrator. thnx

Reply to this post


--- View Entire Thread ---
Amazing Font Pack!

Featured Tutorialsmore

Advanced Seamless ...
Advanced Seamless ...
- Adobe Photoshop -
Stray Energy
Stray Energy
- Adobe Photoshop -
Night Lights (Basi...
Night Lights (Basi...
- Macromedia Flash -
Soccer Practice Cone
Soccer Practice Cone
- Adobe Illustrator -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Advertisements





Special Options
Printer Friendly Version
Forum Threads

 Re: 3ds Max Tutorials for Beginners
Author: 3DSMaxresources
Posted: Feb 22nd, 4:29pm
Activity: 0 replies, 856 views
Delete Account
Author: Neo824
Posted: Oct 18th, 7:47am
Activity: 1 replies, 1922 views
Back...
Author: unleash
Posted: Jul 02nd, 12:37pm
Activity: 2 replies, 2034 views
Help Please :)
Author: Roosta
Posted: Mar 25th, 5:08am
Activity: 0 replies, 2481 views
thank you
Author: HypepapyHer
Posted: Mar 24th, 9:18pm
Activity: 1 replies, 1802 views
 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 12:16pm
Activity: 1 replies, 2557 views
 changes....
Author: supertackyman
Posted: Sep 12th, 3:56am
Activity: 2 replies, 3537 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 4:50pm
Activity: 0 replies, 2721 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 1:58pm
Activity: 0 replies, 4093 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 3:18pm
Activity: 1 replies, 3877 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 3:33pm
Activity: 0 replies, 17231 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 4:37am
Activity: 0 replies, 4972 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    441
Total Fonts:    4669