Tutorial Tuesday » Layered Font Design

January 29, 2013

I really wanted to try something new, so I've decided to start doing tutorials. They all have to do with Photoshop, so if you have Photoshop version CS2 - CS6, then you're good!

Today's tutorial is considered something that can easily be done. I've been around graphic design for a long time, and I've realized that this technique was big back in 2007 - 2009, and it's now starting to make a bit of a comeback. Glitter font can be used for numerous things. Such as blog headers, Facebook cover photos, tumblr, websites, etc.




Font used: Baroque

1. Since gradient font is popular right now, I will start with a simple gradient. There are two ways you can do this. ONE: You can double click your text layer, go to Gradient Overlay, and add a gradient. TWO: Create a text layer with whatever word/font you choose. Then, press 'T' on your keyboard, and highlight one letter at a time. To change the color of a letter, go to your Character Window, go to Color, and click on the colored box to change the color.

As you see here, I did mine the second way.


2. Now, click on your text layer to make sure that it's highlighted (like mine above), go to Layer > Duplicate Layer. You should now have two text layers. Click on the bottom text layer, then go to Filter > Other > Offset, and match my settings:


If it seems a bit off to you, you can tweak it.

3. Go to Filter > Noise > Add Noise and match my settings:


4. For a little drama, we're going to add a gradient and a stroke. Double click your top text layer and match my settings:


5. Add whatever brushes, backgrounds, textures, etc. to your photo to spruce it up to your liking!

Post a Comment

Follow @ __mooretolove

© m o o r e t o l o v e . Design by FCD. All photos by Moore To Love. All rights reserved.