tutorial.jcwcn.com home / 2D Graphics / Photoshop / Text Effects > text Go back Print

Overlapping Text Effect

  2009-06-23 06:32:52  

In this tutorial, we will be looking at creating a cool text effect using PhotoShop CS4 where the letters overlap each other and cancel each other out, creating a cut-out effect.

To start with, we create a new document and add text to the canvas using a font and color of your choice. TIP: use a relatively bold-looking font for best results:

The next thing we want to do is goto the Layer menu, and choose Type > Convert to Shape. At this point, we will no longer be able to edit our text, so make sure it is as you want it.

Try Server Intellect for Windows Server Hosting. Quality and Quantity!

You should now notice that our text has an untidy, slight border around it. This is the vector mask. To edit this, choose the Pen Selection tool:

Now make a selection around the whole word using this tool:

Now we have the whole word selected, we want to choose the following option in the toolbar for the Pen Selection tool: Exclude Overlapping Areas:

If you're looking for a really good web host, try Server Intellect - we found the setup procedure and control panel, very easy to adapt to and their IT team is awesome!

Now click on a blank area to deselect the whole word, and with the Pen Selection tool still active, simply drag and position each letter where you want it. Notice that the overlapping areas are cancelled out:

And if you wish to rotate or transform each letter, you can choose the Edit > Transform Path > Rotate (etc.) to modify further:

Finally, you can add a Layer Style to your new creation to make it look even better:



/2D-Graphics/Photoshop/Text-Effects/2009-06-23/14430.html