Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I have been using a letterpress effect on the buttons and titles of my website to great effect, but now I'm trying to incorporate a glow effect for mouse overs and such.

I have been trying to implement this myself in gimp but have been failing miserably (I'm a full-time programmer with an eye for design but not much actual skill :S)

What I want to achieve is an effect like a fluro LED light was turned on inside the pressed letters, I have been using this Tutorial to create the letterpress images.

These images are similar to what I want to achieve (but inverted as in the letters are holes in the wall and the lights are glowing out of them!)

LED Glow 1 LED Glow 2

This is what I have achieved so far but not quite good enough for my liking! (It should probably have the glow inverted with the brightest area being on the inside edge of the words and the darkest area in the middle and its not quite bright enough!)

Button Glow

This is the button without the mouse hover glow

enter image description here

Any help with step-by-steps, tutorials or videos to achieve this effect (either for gimp or photoshop) would be great!

share|improve this question
4  
What've you made so far? –  muntoo Mar 20 '11 at 0:03
    
You've cut-out the letters then given it a shadow. You want the opposite...instead of a shadow, a glow. In photoshop, instead of using black for the drop shadow, use white (or whatever bright color you want) instead. –  DA01 Mar 24 '11 at 1:10

1 Answer 1

http://i.stack.imgur.com/ZhJsn.png

I used Photoshop but have done my best to relate the steps back to the Gimp tutorial you provided.

1. Start by making a new layer filled with white. Then, in Gimp, use "Text to Selection" on the base text layer to removed the letter forms from the new white layer. In Photoshop, Ctrl + Click the layer.

2. Next, blur this new white layer. In Photoshop I used a Gaussian blur with a radius of 10 pixels.

3. Again use "Text to Selection" on the original text layer but this time mask or delete everything that lies outside of the letter forms. In Photoshop, you can easily do this by inverting the selection (Select > Inverse or Ctrl + Shift + I).

4. Finally, set this layer's blending mode to Overlay.

5. The affect can be further intensified by any of the following methods. 1: Duplicate the new layer and adjust to the desired opacity. 2: Lighten the hue of the original text layer. 3: Hide the "gradient to transparency" layer from the original tutorial (pictured).

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.