Filled Font Trick

with 11 Comments

Nannette Dalton pic

In the recent {Inter}NSD “Mix It Up Challenge” at Digital Scrapper, we were challenged to use three fonts on a layout. As I worked on my layout I decided to make a little word art with my three fonts.

I had one word that I was using in my word art that I wanted to give a little more emphasis to. I also wanted it to have a fun, playful kind of feel to go along with my layout. I would usually use a alpha for something like this, but because of the challenge (and the fact that there were no alphas in the kit I was using) I decided to make my own using a font.

It is really great to have a few tricks up our sleeves when we are using a kit that may not have everything that we need. Here is one of my favorite font tricks!

Tutorial:

For Adobe Photoshop Version click here.

Step One: Download and Load the "Action Jackson" Font

  • Copy and paste the name of the font in your browser's search bar.
  • Download the font from the site of your choice.
  • Unzip and install the font on your computer.

Step Two: Type Your Text

  • Begin with a nearly finished scrapbook page.
  • In the Tool Bar, get the Horizontal Type tool.
  • In the Option Bar, open the Font Picker and choose Action Jackson.
  • Choose a size and color for your font.

  • Click on your layout and type out your text.

  • Click on the check mark in the Options Bar to commit the changes.

Note: My font size is 162pt and my color is brown to match my layout.

Step Three: Fill the Font

  • In the Tool Bar, get the Magic Wand tool.

 

  • In the Options Bar, click on the Add to Selection icon, set the Tolerance to 30, and place a checkmark next to Contiguous.

  • Click inside the letters to select the parts you want to fill.

  • In the Layers panel, click on the Create a New Layer icon.

  • Press Alt Backspace (Mac: Opt Delete) to Fill your selection with the Foreground Color Chip.

Note: Your foreground color will not matter unless you want to stop at this point. If so, then choose a color that will match your layout from the start.

  • Press Ctrl D (Mac: Cmd D) to Deselect.

So far so good?

Step Four: Use the Layer As a Clipping Mask

  • Open a background paper (File > Open) of your choice.
  • In the Tool Bar, get the Move tool.
  • Click on the paper, hold down the Shift key, and drag it onto your scrapbook page.
  • In the Menu Bar, choose Layer > Create Clipping Mask. Earlier versions of Photoshop Elements will say Layer > Group With Previous.
  • Move or resize the paper as needed using the Move tool.

There you go, an alpha that you can coordinate with any kit. Here is my layout below with my font/alpha. Lets see what you can do with it.  Post your version in the Digi Scrap Tutorial gallery at Digital Scrapper!

P.S. Here are some more ideas for fonts that would work well with this technique: Peach Sundress, Threed, Agent Orange, Pointy, Denne Freakshow, Pee Pants Script.

Credits: Digi Scrap Tutorial: Filled Font Trick by Nannette Dalton
Layout: "Joy" by Nannette Dalton
Kits: "Day by Day" by Digilicious Designs  available in the Costco CD goodies included with Photoshop Elements 10 at Costco.
Fonts: American Typewriter, Aphrodite Slim Text, Action Jackson
Software: Photoshop Elements 10.0

Download a PDF version of this "Filled Font Trick" tutorial.

Windows: Right click on the link and choose "Save Target As" or a similar command.
Mac: Click on the link to download the file.

Step One: Download and Load the "Action Jackson" Font

  • Copy and paste the name of the font in your browser's search bar.
  • Download the font from the site of your choice.
  • Unzip and install the font on your computer.

Step Two: Type Your Text

  • Begin with a nearly finished scrapbook page.
  • In the Tool Bar, get the Horizontal Type tool.
  • In the Option Bar, open the Font Picker and choose Action Jackson.
  • Choose a size and color for your font.

  • Click on your layout and type out your text.

  • Click on the check mark in the Options Bar to commit the changes.

Note: My font size is 162pt and my color is brown to match my layout.

Step Three: Fill the Font

  • In the Tool Bar, get the Magic Wand tool.

  • In the Options Bar, click on the Add to Selection icon, set the Tolerance to 30, and place a checkmark next to Contiguous.

  • Click inside the letters and select the parts you want to fill.

  • In the Layers panel, click on the Create a New Layer icon.

  • Press Alt Backspace (Mac: Opt Delete) to Fill your selection with the Foreground Color Chip.

Note: Your foreground color will not matter unless you want to stop at this point. If so, then choose a color that will match your layout from the start.

  • Press Ctrl D (Mac: Cmd D) to Deselect.

So far so good?

Step Four: Use the Layer As a Clipping Mask

  • Open a background paper (File > Open) of your choice.
  • In the Tool Bar, get the Move tool.
  • Click on the paper, hold down the Shift key, and drag it onto your scrapbook page.
  • In the Menu Bar, choose Layer > Create Clipping Mask.
  • Move or resize the paper as needed using the Move tool.

There you go, an alpha that you can coordinate with any kit. Here is my layout with my font/alpha. Lets see what you can do with it.  Post your version in the Digi Scrap Tutorial gallery at Digital Scrapper!

P.S. Here are some more ideas for fonts that would work well with this technique: Peach Sundress, Threed, Agent Orange, Pointy, Denne Freakshow, Pee Pants Script.

Credits: Digi Scrap Tutorial: Filled Font Trick by Nannette Dalton
Layout: "Joy" by Nannette Dalton
Kits: "Day by Day" by Digilicious Designs  available in the Costco CD goodies included with Photoshop Elements 10 at Costco.
Fonts: American Typewriter, Aphrodite Slim Text, Action Jackson
Software: Photoshop CS5

Download a PDF version of this "Filled Font Trick" tutorial.

Windows: Right click on the link and choose "Save Target As" or a similar command.
Mac: Click on the link to download the file.

11 Responses

  1. mfleistico
    | Reply

    Only got page 1 (PDF file) – pages 2 & 3 are blank.

  2. Sue
    | Reply

    Thank you for all of your great tutorials!

  3. mfleistico
    | Reply

    Sorry, got all 3 pages on 3rd try. Don’t know what problem was.

    Looking forward to using this on a future scrapbook page. Thank you

    • Nannette Dalton
      | Reply

      I am glad you got it worked out. Yea!

  4. Renee
    | Reply

    This is awesome – what a great idea! Love the font you chose for your layout and thanks for sharing the names of the other fonts too 🙂

    I really like the ‘Aphrodite slim text’ font and I was wondering which version you bought? When I went to their site they featured so many from $17 to some sort of package for $57 – which is the best one to get? And do you know if it ever goes on sale? Thanks 🙂

    • Nannette Dalton
      | Reply

      Renee,
      I am a fellow font lover! I purchased the desktop version ‘Aphrodite slim text’ font for $17 at My Fonts. It is one of my favorites I use it all the time.

  5. Sharron
    | Reply

    Thank you – this is all of fun, pretty and useful!

  6. Shirl
    | Reply

    I always enjoy using fonts that can be filled with textures th th, but I have never tried the three D font before. I love the colors of this kit that came with the Costco PSE 10 CD. I have many of that designers kit, including the one received as a premier. Your layout design lol beautiful cost of love the combination of blended and regular framed photos. Thanks for this wonderful tutorial. (I am still trying to hold out for Costco’s PSE 11 when it is released.) I would love to get my hands on that CD. 🙂

  7. Roberta Lynch
    | Reply

    OMG! I just got 10. Is 11 on the way already?

  8. April Smith
    | Reply

    I never knew you could do this! I have stayed away from fonts like this because I didn’t like the white space it left. I will use this! Thanks

  9. Maracia Corsiglia
    | Reply

    Can’t thank you enough for ALL your creative inspirations, tips, and “how to” – you certainly have raised my “status” as a creative scrapper in my family !
    THANKS

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.