TeamPhotoshop
 
Let's make that text GLOW...



How to Create Glowing Text:
1.
Hey, who doesn't like that spiffy glowing text effect? It's simple to do. So simple that Photoshop made it an "Effect" on the Layer Menu (Outer Glow...). But that effect gives you limited control and doesn't let you understand exactly what's going on. I'll change all that. Read on and soon you'll be impressing your friends with the most radioactive text on the block.

 2.
I first figured out this effect back in Photoshop 3.0, when I was working on a Compact Disc booklet for a local group of hip-hoppers. Check out the shrunken image of their cassette card to the left:

They were insisting on a plethora of colors on the CD layout to go along with their funky music. Some of the text was made of letters made of each of the primary and secondary colors and as a result became very hard to discern from it's background. While I didn't exactly make the letters glow, I developed the simple series of operations that creates the same effect. You can see how the feathered white area is placed behind the colored text and the tiny black text under it. This allowed me to keep the multi-colored background and make the type much more readable.

 3.
Here's how you can make your text (or anything) shine:
1. Create a new document. It's size and resolution is determined by what your purpose for the file is, of course, but for my example below, I chose: width=3in.; height= 2in.; 72ppi.

2. (Reset your foreground and background colors to black and white if needed, by clicking where my cursor is pointing in the image to the left:

Fill the image with Black by choosing
Edit: Fill... (contents=Foreground Color; Opacity= 100%)
or use the keyboard shortcut [Option-Delete] for Mac or [Alt-Delete] for Windows.

3. Pick a color for your text. There are many ways to do this of course; I like to click on the foreground color square and select a new one from the Color Picker window that pops up. I'm picking a Blue-Violet.

 4.
Select the text tool and click on your image. A new layer is created, and you can type and edit your text in the Type Tool dialogue box which pops up. As you type, your letters appear in the image window. I typed the word, "YES." You can reposition them by clicking and dragging to help you better choose what point size. I'm using a size of 120 points on a font named "Impact" Your text should fill about 70% of the image window and be centered to allow room for the glow effect we'll put behind it.
 5.
Time to make the glow. First, create a new layer below the type layer. One way to do this is by clicking on the background layer in the Layers Palette, then choosing
Layer: New: Layer...
name it "glow" if you want then click [OK]. If you're playing along at home your Layers Palette should look something like this so far:
 6.
With your new layer selected, make a selection of the text. The easiest way to do this is:
Macintosh: Command-click (hold down the Command key and click) on the layer with your text on the Layers Palette.
Windows: Control-click (hold down the Control key and click) on the layer with your text on the Layers Palette.
 7.
Expand the selection by choosing:
Select: Modify: Expand...
and enter a value. The value you enter should depend on how big your file is. For my little 72dpi file,I picked 3 pixels.
 8.
Now I'll feather the selection. Choose
Select: Feather...
 9.
This will create a softened, gradually diminishing edge on your selection. I chose “8” for my Feather value. This results in a very bizarre looking selection edge. Don't Panic!

To get rid of the frightening distraction of the selection marquee choose
View: Hide Edges
to hide the selection. (There's a keyboard shortcut that's worth memorizing. It's [Command-H] on Mac or [Control-H] for Windows.)
 10.
All we have to do now is fill that darn selection. First, pick a new Foreground Color. I picked a slightly-orange Yellow. Then I filled the selection by pressing [Option-Delete] (or [Alt-Delete] for Windows.)
 11.
O.K., but not quite enough. I decided to fill the selection a couple more times, each time, the word "YES" gains more and more urgency.
 12.
Take a look at my History Palette to see there's just twelve painless steps to having the coolest type in town:
 13.
That's it! You're a pro now! Once you've got the hang of expanding, feathering and filling selections, you can use this effect to make just about anything glow. I've used it to create light sabers in Star Wars images. I used a variation on it in my goofy distorted image below to make it look like there was something not quite right about this man's beverage:

Happy Image Editing!

If you have any questions or comments regarding this tutorial please post it in this thread
http://forum.teamphotoshop.com/showthread.php?t=24739
Print Article




Login / Register
... Or Register


From The Forums...
Grayscale Printing
This may or may not be a Photoshop issue - kind of...
Want to be a reseller in MIDDLE EAST for call shop solution
Hi, We are offering different types of VoIP ser...
Faintheart Movie
official website: [url]http://www.myspace.com/fai...
Putting an image behind glass !
hi, I am not very good with photoshop..... but t...
Animal Crossing Wild World - Nintendo DS
My bf just bought me this , but I have no idea wha...
... Go to Forum


Tutorial Image

Learn to make your own actions and save a ton of time.
Recording your own Actions with the Actions Palette...

Tutorial Image

Retouching a photo. Step 2: Using a curves adjustment.
Part 2 of our photo retouching series. This tutorial covers curves adjustment...



© Web Media Network Limited. All rights reserved. No part of this website may be reproduced without written permission. Photoshop is a registered trademark of Adobe Inc.. TeamPhotoshop.com is not associated in any way with Adobe, nor is an offical Photoshop website.