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

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

GraphicsFactory GraphicsFactory

Tutorial: Alien Text Effect
Software: Adobe Photoshop 6.0
Difficulty: Intermediate

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

Step 1: Fire up Adobe Photoshop and go to File + New and set the width to 300 and the height 150. (See diagram below)



Step 2: Choose the color black #000000 as your background color and the color #9CFF00 as your foreground color. (See diagram below)



Step 3: Now we will need to fill the canvas space with the black background color. Go to Edit + Fill + Background and click OK. Your canvas will now be black.

Step 4: Now you will need to select the type tool by clicking the T icon >> and choose the Type Mask Layer on type options bar at the top of Photoshop. The Type Mask Layer Icon looks like this >>

Step 5: Now click on the black canvas area and start typing your text. I typed in ALIENS FROM OUTER SPACE. Use a font that is thick and bold, I used Verdana size 30 + bold. Once you have typed your text click the tick in at the top in the right hand side.

Your text should look like the below diagram.



Step 6: Now you will need to fill the text with the green foreground color. Go to your layers and click the background layer. Now go to Edit + Fill + Foreground and click OK.

Now your text should look like the below diagram.



Step 7: Now go to Select + Feather 2 pixels

Step 8: Now go to Filter + Blur + Radial Blur Choose the settings 100, Zoom & Best

Step 9: Now repeat step 8 by pressing CTRL + F on your keyboard

Step 10: Now go to Select + Inverse and repeat step 8 again by pressing CTRL + F on your keyboard

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

The finished Alien Text Effect should look like the below diagram.



I hope this Adobe Photoshop web 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