Affordable Website Design - www.affordable-website-design.me.uk or www.awdesign.me.ukClick Here to email Affordable Website Design

Ghosted Text Effects
Free Articles and Tutorials for Web Designers
www.affordable-website-design.me.uk or www.awdesign.me.uk

GraphicsFactory GraphicsFactory

Tutorial: Ghosted Text Effect
Software: Adobe Photoshop 6.0
Difficulty: Beginner

This Adobe web tutorial will show you how to create cool ghosted style text effects to jazz up your text.

Step 1: Fire up Adobe Photoshop and go to File + New to create a new file image. Set the width and the height to the settings that you want. Remember to make the file image big enough to place your text onto it.

(Step 1 diagram)

New file image

Step 2: Now you will need to select the type tool by clicking the T tool icon >> Type Tool Icon and then click onto the blank file image and start typing your text. I chose to type 'Spooky Ghosts' with the verdana font and used the color grey - #eeeeee. Note: It doesn't really matter what you use for your text or what font you use for that matter. I also used black #000000 for the background color of the file image.

(Step 2 diagram)

Start typing text

Step 3: Now go to Layer + Dublicate Layer as shown in the 'Step 3 diagram' below.

(Step 3 diagram)

Duplicate Layer

Step 4: Now go to your layers palette and select the duplicate layer as shown in the 'Step 4 diagram' below.

(Step 4 diagram)

Select duplicate layer

Step 5: Now go to your tools palette and select the move tool >> Move Tool icon and then press the left arrow button on your keyboard 6 times. Your text will now look similar to that shown in the 'Step 5 diagram' below.

(Step 5 diagram)

Ghosted text with the duplicate layer moved

Step 6: Now go to Filter + Blur + Gaussian Blur. A box will appear asking you to rasterize the layer - click OK and then on the Gaussian Blur box that appears after clicking Ok, set the radius to 2 and again click OK as shown in the 'Step 5 diagram' below.

(Step 5 diagram)

Gaussian Blur box

Step 7: Now go back to your original text layer and select it. Next click on the Add a Layer Style icon >> Add a Layer Style and then select Outer Glow from the drop-down menu. An Outer Glow box will now appear - make your settings the same as the ones shown in the 'Step 7 diagram' below and then click on OK.

(Step 7 diagram)

Outer Glow layer style

Color used is grey #CACAC8

Step 8: Finally click on the Add a Layer Style icon >> Add a Layer Style and then select Stroke from the drop-down menu. A Stroke box will now appear - make your settings the same as the ones shown in the 'Step 8 diagram' below and then click on OK.

(Step 8 diagram)

Stroke layer style

Color used is grey #ffffff

Now to finish it off go to Layer + Flatten Image and then save it to your hard-drive.

The finished Ghosted Text Effect should now look similar to the below image.

The finished tutorial result

I hope this tutorial was of help.

Article copyright @ webdevstore.com

<< Tutorials           Top of Page           Articles >>


© July 2003 Affordable Website Design - All rights Reserved
Add to Favourites       link To AWD       Disclaimer       Privacy       Tell A Friend