Glowing Text Effect

This tutorial will show you how to create a nice glowing text effect, using Photoshop brushes and simple layer styles.

The Final Result:

Glowing

Notes:

* the software used in this tutorial is Adobe Photoshop CS5 Extended
* the size of the final result image is 1024 * 768
* you might want to check the Basix Page to see some useful topics on dealing with Photoshop basics, such as loading palettes and some shortcuts.

Step 1:

- Fill the Background with the color #240000. Create your text using white color. The font used is Elegant, and the size is 250px.

Right click on the text layer and click Create Work Path.

Dream TE step 1

- Create a new layer and rename it to “Stroke”, then make the text layer invisible by clicking on the eye icon next to it. Set the Foreground color to #e89819 and the Background color to #fddd03.

Bokeh TE step 1

Step 2:
- We are going to modify the settings of the brush used to create the stroke. So open the Brush panel (Window -> Brush), and choose a hard brush. Change the Size to 7px and the Spacing to 150%.

Dream TE step 2

- Under Shape Dynamics, change the Size Jitter to 100%.

Dream TE step 2

- And under Color Dynamics, change the Foreground/Background Jitter to 100% as well. The other values should be set to 0.

Dream TE step 2

- Now go back to the work path, grab the Direct Selection tool, right click on the path, and click Stroke Path. Choose Brush from the Tool drop down menu, and make sure that the Simulate Pressure box is un-checked.

Dream TE step 2

- Hit Enter to get rid of the path, this is how the stroke should look like.

Dream TE step 2

Step 3:
- Duplicate the “Stroke” layer, then change its (the original Stroke layer) Blend Mode to Pin Light.

Dream TE step 3

- Make sure that the original “Stroke” layer is still selected, and go to Filter -> Blur -> Gaussian Blur. Change the Radius value to 3.

Dream TE step 3

- You should get a result similar to this:

Dream TE step 3

Step 4:
Double click on the “Stroke copy” layer to apply the following styles:

- Outer Glow: Change the color to #9f9f28, the Size to 6, the Contour to Valley – High and the Range to 100.

Dream TE step 4

- Inner Glow: Change the Source to Center. This will make the glow emanate from the center instead of the inner edges, which gives a really cool effect. Also, change the Size to 4.

Dream TE step 4

- The styles applied should make your text glow.

Dream TE step 4

Step 5:
- It’s time to create the Background now. So let’s start with the brush used:

- In the Brush panel (the Brush Tool should be selected), choose a big soft brush. The Size should be something around 70px, and the Spacing about 150%.

Dream TE step 5

- Under Shape Dynamics, change the Size Jitter to 100%.

Dream TE step 5

- Under Scattering, change the Scatter to 350%, the Count to 3 and the Count Jitter to 35%.

Dream TE step 5

- For the Color Dynamics, change the Foreground/Background Jitter to 100%. Other values should be set to 0.

Dream TE step 5

- Finally, for Transfer, just change the Opacity Jitter to 100%.

Dream TE step 5

Step 6:

- Create a new layer under both Stroke layers, and rename it to “BG”. The Foreground and Background colors should be the same as in Step 1. Grab the Ellipse Tool, and click the Paths button in the options bar, this will enable you to draw a path instead of a filled shape.

Dream TE step 6

- Draw an ellipse around the text. Leave enough distance between the path and the text to avoid overlapping.

Dream TE step 6

- Right click on the path, click Stroke Path, choose Brush and make sure the Simulate Pressure box is un-checked.

Dream TE step 6

- Hit Enter to get rid of the path.

Dream TE step 6

- Double click on the “BG” layer to add a simple Inner Glow, just change the Source to Center.

Dream TE step 6

You can use the brush to add more sparkles if you think some areas are still empty. And this is the final result.

Dream

14 Comments

  1. Moai says:

    Nice tutorial…^^ Thanks…

  2. Stol says:

    Muito show o tutorial, de fácil compreensão e excelente utilização.
    Obrigado por compartilhar conosco.
    Paz pra ti.

  3. chillywilly says:

    This is a wonderful text effect and useful for many other applications.

  4. Pin says:

    Wow~ Thank you ^^

  5. priya says:

    good job

  6. carlos says:

    eesta estupenda :)

  7. Brooke says:

    Awesome tutorial! Very easy to follow and nicely made. Well done.

Trackbacks/Pings

Leave a Reply

(required)

(Will not be published) (required)