Currently viewing the tag: "font"

Illustrator Tip 02: Mod Text

By On · Add Comment · In Tutorials

Today I am going to show you how to transfer any bold block text and give it a funky modern twist!  For reference, I am using Illustrator CS4 and the wonderful Governor font from Lost Type.  I would consider this tutorial for beginner Illustrator users.

So, we are going to take this text:

 

…and transform it into this:

1.  First, you must convert your text to outlines.  To do this, select Command+Shift+O.

2.  Next, using the Direct Selection tool (A) and select any letter that have negative space.

3.  Finally, just use the backspace key and double click to remove the white negative space!

That’s it!  Isn’t this so easy?  I know it might seem plain and simple, but for anyone out there that ever wondered how to remove negative space, I hope this helps!  You don’t have to stop here!  Make it 3D, give it a shadow or texture; just play around!

Feel free to ask questions in the comments if you run into any trouble.

Photoshop Tutorial: Patterned Text

By On · 2 Comments · In Tutorials

This tutorial will show you how to take any pattern (or picture) and use it with any font you like!

For this tutorial you will need a pattern or texture and a font.  I am going to be using a felt texture from Pugly Pixel, and the Mensch font from Lost Type Co-Op.

As with all tutorials, this is using Photoshop CS4. (click to expand images)

STEP 1: First we need to create a pattern from the texture, pattern or picture, etc.  Open the file with that pattern and go to Edit>Define Pattern.  From there you will be able to name your pattern and click OK.

Now your pattern is saved in Photoshop and can be used in any future images.

STEP 2: Open up a new document and make it any size you like.  For this tutorial I opened up a document (with transparent background) at 500×500 pixels.

STEP 3: Add a text box (highlighted in yellow) and type whatever you like.  Take this opportunity to adjust font style and size as well.

STEP 4: Select Layer>Layer Style>Pattern Overlay. Find the newly saved pattern in the menu and select it. Click OK.  As with pretty much every step, feel free to play around with the options; in this case, opacity and pattern size to see what you like best.

STEP 5 (optional): I find that with most patterns, it helps to outline the text to give it that extra something.  So if you would like to add an outline, select Layer>Layer Style>Stroke.  I used a stroke of 3 pixels and decided on a lighter grey so it was not as intense as black (color #595656). Click OK.

STEP 6: Now go to File>Save for Web & Devices and select PNG-24 if you would like a transparent background.

Let’s check out the final result!

So the next time you find a pretty pattern or texture, make sure to create a Photoshop pattern from it!  You can even use a photograph as a pattern!  The ideas are endless!  Just always remember to give credit where credit is due.

Resources:

Felt Texture- Pugly Pixel

Font- Mensch from Lost Type Co-op