Glowing Text Tutorial

Resources:

Pen Tool Tutorial at eHow

Chocolate Box Font at DaFont

________________________________________________________

This will be the end result:

Glowing Text

_____________________________________________________________

Start with a new file 800 x 500px 72 resolution.  Fill the background with black.

Create a new layer and select the brush tool. Set to a hard brush, 3px.

Now select the pen tool and choose the following settings:

Pen Tool Settings

Set white as your foreground colour and create a wavy line as shown below (for tips on using the pen tool, visit: eHow

Line

Right click on the path and select Stroke Path. Select brush and check Simulate Pressure.

Right click on the path again and select Delete Path.

Go to Filter>Blur>Gaussian Blur and set at 3.

Now add the following Drop Shadow, Inner Shadow, Outer Glow and Bevel & Emboss settings:

Drop Shadow Settings

Inner Shadow Settings

Outer Glow Settings

Bevel & Emboss Settings

Create a new layer and make another line as before. Add the Gaussian Blur and copy and paste the layer style.

Continue making more lines on new layers and adding the styling until you are happy with what you have.

Now turn off the visibility of all but the first line layer. Add a new layer, right click on the layer in the layers palette and select Merge Visible.

Repeat this for all the line layers – this merges the layer styling and makes it a solid object for manipulating.

Now select the layer for any of the lines. Go to Image>Adjustments>Hue & Saturation.

For the green line, the settings I used were Hue: 111 Saturation: 100 Lightness: 0 (don’t forget to check Colorize).

Continue to colorize all your lines in the same way. My colours were obtained using the following settings:

Blue Line: Hue: 207 Saturation: 100 Lightness: 0

Purple Line: Hue: 298 Saturation: 100 Lightness: 0

Yellow Line: Hue: 60 Saturation: 100 Lightness: 0

Lines

Select the text tool and make white the foreground colour.

I used font Chocolate Box at 200px. Font available at DaFont

Type your first letter, then right click on the layer in the layers palette and click on Rasterize Type.

Double click on the layer to bring up the blending options and use the following settings for Drop Shadow, Inner Shadow, Outer Glow and Bevel & Emboss:

Drop Shadow Settings

Inner Shadow Settings

Outer Glow Settings

Bevel & Emboss Settings

Now create a new layer, turn of the visibility of all but the text layer and the new blank layer, right click on the blank layer in the layers palette and select Merge Visible. Restore visibility of all layers.

Select the Lasso tool, and draw around part of the letter. Edit>Cut, Edit>Paste (or Ctrl + X, Ctrl + V).

Now move the separate parts of the letter between the line layers to have some lines under and some over parts of the letter.

Repeat the above steps for all the letters required – some you may have to cut and paste more than once.

When you are happy with the placement of your text, turn off the visibility of the background layer, then select any visible layer, right click and select Merge Visible.

Double click on the layer in the layers palette to bring up the blending options, and apply a drop shadow using the following settings:

Drop Shadow Settings

Cut the image as required.

That is the end of this tutorial, and gives you the result shown below.

However, for different effects, you can create a new layer above both existing layers, fill with a colour of your choice (white or pale colour is probably better), then try applying different layers styles, ie: Overlay, for different, stunning effects.

The final picture has had a pink layer added, then the layer style has been changed to Overlay.

Glowing Text Effect

Finished Project

Glowing Text Effect

With Pink layer added, Layer Style set to Overlay

 

Advertisements

One Response to “Glowing Text Tutorial”

  1. nice post . !!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: