« Happy NSD! Home again. | Main | It's the "Whatnot" that gets you every time. »

Photoshop Friday! 2007 #17 - Grungy type

Hello from beautiful Nashville!

(At least, I’m SURE it’s beautiful. I’m writing this on Wednesday night before actually ever being IN Nashville, but I bet it’s lovely.)

This week’s PSF focuses on type. We don’t spend enough time looking at type, I think, so I’m here to right that wrong. :)

We’ll be using the Horizontal Type Mask tool to create a grungy font. Something like the grungy font I created for the title on this layout, which I made with a mix of digi goodies and my April kit (still available) from Those Were the Days:

JSprague_TWTD0506_SweetSm.jpg

Here’s what you’ll need:

  • A wide font. I used Impact.
  • A grunge brush. Do some Googlin’, or pick up this awesome Digital Distressing Kit over at ScrapArtist. There is a ton of grungy goodness in it. My brush for this tutorial came from this kit. You’ll need to have whatever brush you’re using downloaded and unzipped before starting this. :)

Let’s get started!

1. Open up a new blank file in Photoshop (Go to File > New > Blank File). Set your page dimensions. If you’re planning to print this out, like I did, set them to letter size, 300 dpi, RGB color, white background.

2. We will be using type as a selection, rather than as type, so we’ll need to have a new layer to paint on. Create a new layer by going to Layer > New > Layer, or by clicking the New Layer button in the Layers palette.

3. Select your Horizontal Type Mask tool from the toolbar by clicking and holding on the Horizontal Type tool.

722646-801199-thumbnail.jpg
Click for Larger

4. In the Options bar at the top of your screen, select Impact (or another wide font), and something large for a size, like 72, or if you’re feeling saucy, type 100 in the box.

5. Click down on your layout. Your screen turns pink to indicate that you are working in a mask, and that whatever you type will actually become a selection.

6. Type your title.

722646-801204-thumbnail.jpg
Click for Larger

7. When you are finished typing, select the Rectangular Marquee tool from the toolbar. This hides the mask and shows your title as a selection.

8. Select your Brush tool from the toolbar.

9. Drop down the brush selector in the Options Bar at the top of your screen, and click on the tiny blue arrow button.

10. Choose Load Brushes from the flyout menu.

722646-801207-thumbnail.jpg
Click for Larger

11. Navigate to the place on your file system where you unzipped your grunge brush. Select it, and click Load. I chose the file called NRJ_sanding.abr.

12. Double-click on the brush you would like to select from the brush selector in the Options bar. I chose a large square “sandy” brush, which I’ll use to paint inside my selection.

722646-801209-thumbnail.jpg
Click for Larger

13. With your selection still active, click the foreground color swatch at the bottom of your toolbar and use the Color Picker to choose an ink color for your grungy type. (I chose the same dark red color as the photo frame I used). Click OK.

14. Now just sweep or click your grungy brush across your selection a few times, to make it as dark or as light as you want.

722646-801213-thumbnail.jpg
Click for Larger

15. When you are happy with your grungy type, hit Ctrl-d to deselect your selection, and you can use your title to complete your layout.

Completing the Layout

Here’s the portion I created digitally before printing:

722646-801219-thumbnail.jpg
Click for Larger

I created a letter-sized page and added in this great stuff:

I added my grunge type along the edge, and printed this whole bit out onto photo paper.

Then I completed the layout with goodies from the April kit from Those Were the Days – gorgeous stuff! It even includes the little Fontwerks stamp I used on the punched circle embellishments.

Here it is again at full size:

722646-801227-thumbnail.jpg
Click for Larger

I had great fun making grungy type here. I think swirls, or patterns, or all kinds of brushes would be really cool to experiment with. Link me up when you get your layout done! I would love to see!

Have a great weekend, and Happy Photoshop Friday!

-J


Posted on Wednesday, May 2, 2007 at 10:54PM by Registered CommenterJessica | Comments11 Comments

PrintView Printer Friendly Version

EmailEmail Article to Friend

Reader Comments (11)

Love t! And as always a great tutorial, makes easier to learn how to grunge the type, thanks Jessica and have a great trip!
May 4, 2007 | Unregistered CommenterCler
Seriously beautiful layout. The story, the photo, the whole package is amazing!
May 4, 2007 | Unregistered CommenterK
Jessica, this was so very cool. I already made a page. LOVE it...not sure how to show you or if you even want to see. But thanks so very much. I've learned amazing amounts of ps from you. You are my pse hero!

Thanks again!

Toni
May 4, 2007 | Unregistered CommenterToni
Thanks so much! I chose a brush and it made my text look like it was stamped with foam letters. I see lots of applications for this with kid's layouts.
May 4, 2007 | Unregistered CommenterStaceyB
Welcome to Tennessee! I hope you have found out by now that Nashville is, indeed, beautiful! I live about 2 hours west of Nashville, and am not at CKU because I have never paper scrapped, only digital. Would love to have seen you though!
May 4, 2007 | Unregistered CommenterAngi Smith
Amen to what the others said! I love EVERYTHING about this great LO! The picture is worth a 1000 words! Have a fun time in TN.
May 4, 2007 | Unregistered CommenterMN Carol
Hooray!
Love it...and that picture is amazing.
Have fun in TN and see you SOON!
May 5, 2007 | Unregistered CommenterKirsten
Jessica, I was really touched by this layout, and this is a technique I have not yet tried. You make everything SO simple. You are totally cool! I also wanted to say THANK YOU for the free kit you posted on the CK website as part of NSD! It is really beautiful, though downloading from the site has been interesting.... I think everyone who scrapbooks is on the CK site today!
May 5, 2007 | Unregistered CommenterBarb
Beautiful! And I just discovered the free kit you put together for NSD! WOW! I'm so excited to use it. THANK YOU SO MUCH!

Your site has definitely been one of my favorite discoveries of the year!

DK
May 5, 2007 | Unregistered CommenterDeirdre
Jessica,
Just wondering if you have any tips on how to match the paper you are using to the digital colors before you print them out. Maybe that is a future photoshop Friday?
Thanks for the great tut!
Becky (Wooby)
May 6, 2007 | Unregistered CommenterBeckky
Thanks so much for this great tutorial. I always wondered what those type tools were for in PSE. They are awesome. I've already made a layout using your tips.
May 6, 2007 | Unregistered CommenterPenny

PostPost a New Comment

Enter your information below to add a new comment.
Author Email (optional):
Author URL (optional):
Post:
 
All HTML will be escaped. Hyperlinks will be created for URLs automatically.