Advertisement


How to apply a gradient to an Outer glow (example attached)


Question

Link

I want to achieve this sort of an effect on my own. As you can see, there's sort of a non uniform glow (in terms of color) to the text. Simply using the gradient option in the Outer Glow blending option makes the gradient appear from outside the letters to further beyond them. I'm looking for it to appear horizontally as the text continues. I'm using Photoshop CS5. Any tips?

2012/09/21
1
5
9/21/2012 9:12:00 PM

To keep some level of editability, you could do one of the following.


First one requires black background and white text:

  1. Use about 50% grey color as the outer glow for the text ( #7f7f7f ). enter image description here enter image description here
  2. Make a new layer and use Soft round brush ( Round brush with 0 hardness ) to draw lines of different colors going across the text ( It doesn't really matter if you put the color stripes in two or more layers, you just need to do list item #3 to all color layers individually ). enter image description here
  3. Change blending mode of the color layer(s) to Overlay enter image description here

When you do it like this, you can i.e. rewrite the text and the colored outer glow will follow ( You might need to use Free transform or just move tool to reposition the colors though. )

This method does not do well if you don't wish to have black background color:

enter image description here



Second one requires only white text. Black background is optional:

  1. Use about 50% grey color as the outer glow for the text ( #7f7f7f ). enter image description here enter image description here
  2. Make the text layer into a smart object ( by right clicking the text and selecting it from the list ). enter image description here
  3. Make a new layer and use Soft round brush ( Round brush with 0 hardness ) to draw lines of different colors going across the text. ( It doesn't really matter if you put the color stripes in two or more layers, you just need to do list item #5 to all color layers individually ). enter image description here
  4. Alt/Option-Click between the color layer and the smart object to create a clipping mask ( Because I have two color layers, I need to repeat this once again between the two color layers ) ( Another way would be to Right click the color layers and choose Create clipping mask ). enter image description here ( This is when you'll really see why the text is changed into a smart object ( as you can see, the glow is colored as well.). )
  5. Change blending mode of the color layer(s) to Overlay. enter image description here

When you do it like this, you can also rewrite the text by for example right clicking the smart object and selecting Edit contentor just double clicking its thumbnail.

This way you need to do a bit more, but the power of this method lies in the fact that you can also change the background color as the following image will show.

enter image description here

2012/09/22
6
9/22/2012 9:03:00 PM