Apr 12

Create a Futuristic Glowing Text Effect

Mon, 04/12/2010 - 22:42 — julie

psdfanmembersbut Create a Futuristic Glowing Text Effect

Final Image

As always, this is the final image that we’ll be creating:

glowtext15 Create a Futuristic Glowing Text Effect

Inspiration

It’s always good to be inspired by the work of others. One of the main influences for this text effect was the packaging for 5Gum seen below:

5gum Create a Futuristic Glowing Text Effect

Step 1

Create a new document (600X300px).

Create a new layer called ‘background’ and fill your canvas with a gradient ranging from dark gray to black.

glowtext1 Create a Futuristic Glowing Text Effect

Step 2

Create a new document (20X20px) and create the pattern shown below using your marquee tool and paintbucket tool. Try to recreate the colors and patterns as closely as you can.

The image below shows the pattern at full magnification.

Finally, go to edit>define pattern and save your pattern as ‘bars’.

glowtext2 Create a Futuristic Glowing Text Effect

Step 3

Now create a new adjustment layer (pattern). Select your ‘bars’ pattern, and then change the opacity of your adjustment layer to 30% and it’s blend mode to ‘overlay’.

glowtext3 Create a Futuristic Glowing Text Effect

Step 4

Now create a new layer called ‘radial gradient’. Fill your canvas with a radial gradient (white-transparent) ranging from the center of your canvas to the edge.

Then reduce this layer’s opacity to 8%.

glowtext4a Create a Futuristic Glowing Text Effect

glowtext4b Create a Futuristic Glowing Text Effect

Step 5

Create some centered text (Airstream, 172pt, black). Then apply the layer styles shown below: inner glow, bevel emboss and gradient overlay:

glowtext5a Create a Futuristic Glowing Text Effect

glowtext5b Create a Futuristic Glowing Text Effect

Step 6

Now duplicate your text layer, moving the duplicate below the original. Go to layer>rasterize>type and rename the layer to ‘green type’. Set your foreground color to 61da0c and then option click on your ‘green type’ layer’s thumbnail to select only the data on this layer. Then go to edit>fill>foreground color and press OK.

Then deselect and use your keyboard cursor to shift your green text 10px to the right.

glowtext6 Create a Futuristic Glowing Text Effect

Step 7

Duplicate your green type layer twice (so you have a total of 3 green type layers). Then select your bottom most one and apply a 20px gaussian blur (the image below has the 2 green type layers above this one hidden):

glowtext7 Create a Futuristic Glowing Text Effect

Step 8

Reduce the opacity of your 20px gaussian blurred layer to 50%. Then use a large, soft eraser brush (100% opacity) to brush away the parts of the glow that are on the left sides of your text. You want to give the impression that the glow is coming only from the right of the letters:

glowtext8 Create a Futuristic Glowing Text Effect

Step 9

Repeat the last 2 steps on your next ‘green type’ layer, this time giving it a gaussian blur of 10px. Remember to erase away relevant parts of your glow:

glowtext9 Create a Futuristic Glowing Text Effect

Step 10

Now for your final top ‘green type’ layer apply a 2px gaussian blur. There is no need to erase any of this layer…

glowtext10 Create a Futuristic Glowing Text Effect

Step 11

Set your foreground color to white and your background color to black. Then select the solid-transparent gradient option, and select a radial gradient. Then create a new layer called ‘glow circles’ and apply small radial gradients to the right of your letters.

glowtext11 Create a Futuristic Glowing Text Effect

Step 12

Now change the ‘glow circles’ layer to ‘overlay’ and duplicate it, intensifying the glow effect.

glowtext12 Create a Futuristic Glowing Text Effect

Step 13

Duplicate one of your ‘glow circles’ layers again, and using a very large brush + your smudge tool (50% strength) wipe from left to right across your canvas. This should provide a very subtle effect of the glow being blown across the your letters. However, it’s a little too faint so I duplicate this layer twice more to make it more intense.

glowtext13 Create a Futuristic Glowing Text Effect

Step 14

I want to create a more green colored backdrop, so I return to my ‘green text’ layers, and select the bottom one. I duplicate it, and move the duplicate below the original, making it the bottom most ‘green text’ layer. Then I apply a 40px gaussian blur. This should give an overall large glow effect.

glowtext14 Create a Futuristic Glowing Text Effect

Step 15

To finish, play around with erasing areas of the glow that you aren’t quite happy with.

glowtext15 Create a Futuristic Glowing Text Effect

And We’re Done!

I really hope that you enjoyed this tutorial and would love to hear your feedback!

glowtext15 Create a Futuristic Glowing Text Effect

psdfanmembersbut Create a Futuristic Glowing Text Effect

 Create a Futuristic Glowing Text Effect

Copyright 2009. E-mail Me
Auto Spare Parts