Powered by Squarespace
« Sew Funky Marketplace Soon Approaching | Main | Whisker Graphics September DIY »

Font Love, Vol. XXII + Type Artwork DIY

Today is a special Font Friday because not only am I showcasing a fabulous {and free!} font but also showing you how to make your own type artwork with Photoshop.  I am constantly finding and pinning inspirational quotes over on Pinterest but sometimes you just need to get that inspiration out of your computer and into your life.  Today I will be showing you how to make this...

Pretty neat huh?!  It's actually really easy (even for a Photoshop newbie) and you can customize it with whichever quote and background image you like.  So let's begin!

Step One: Start a new project in Photoshop and size it to 8.5x11.  Write out your quote, centering and spacing it the way you want.  I used a free font from DaFont called Hauracherell (originally spotted over on Hank & Hunt a few weeks ago).  Bold fonts tend to work well for this kind of project but you have the creative freedom to pick any cool font.  Also, find an image that you like.  It can be a picture of anything really.  I just love the colors in this flower.

Step Two: Move your picture into the document with the quote, placing the image layer below the text layer.  Position it however you like.

Step Three: First, make sure you are on the text layer.  Then select the magic wand tool on the left.  Finally, click the magic wand somewhere to the side of the text.  Everything but the text should get selected.

Step Four: When everything is still selected, move to your image layer and then hit delete.  This should erase all of the image except the part directly below the text.  

Step Five: Finally deselect everything (right click, 'deselect') and then delete your text layer.  What you're left with is the pretty letters.

Step Six: Print out your artwork and hang it on your walls or prop it up on shelves.  Now you can glance at your inspirational quote whenever you walk by.  This is an easy way to spruce up some blank walls and give them a bit more life.  Add other items to your wall to make a whole inspirational collage full of special knick-knacks.  

Fonts aren't only for viewing on the computer anymore.  Bring them to life and really enjoy them.  If you love this artwork I created here today or you don't have Photoshop to make your own, you can save this copy and print it out for yourself.

Visit my other font friends on their fabulous blogs for more great picks...

Alexandra ♥  The Aerialist Press 

Alison ♥ Alison Owen Design

Jen ♥ Blush Printables

Sofia ♥ Brancoprata

Steph ♥ Bubblerock

Vicki + Barb ♥ Curly Willow DIY

Catherine ♥ Design Editor

Chelsey ♥ Fourth & Folded

Laurel ♥ Go Against the Grain

Jenny ♥ Hank & Hunt

Allie ♥ Honey Bee Invites

Alison ♥ The Knotty Bride

Jenna + Elizabeth ♥ Little Bit Heart

Lauren ♥ Palm Papers

Kerry ♥ Super Swoon

Wendy ♥ WesWen Design

Happy Friday and have a great weekend!

PrintView Printer Friendly Version

EmailEmail Article to Friend

References (7)

References allow you to track sources for this article, as well as articles that were written in response to this article.
  • Response
    NFL is seriously one of the greatest sports in America. It has a major following.
  • Response
    Excellent page, Preserve the beneficial work. Appreciate it!
  • Response
    Lauren Elise Crafted - Blog - Font Love, Vol. XXII + Type Artwork DIY
  • Response
    Lauren Elise Crafted - Blog - Font Love, Vol. XXII + Type Artwork DIY
  • Response
    Lauren Elise Crafted - Blog - Font Love, Vol. XXII + Type Artwork DIY
  • Response
    Lauren Elise Crafted - Blog - Font Love, Vol. XXII + Type Artwork DIY
  • Response
    Lauren Elise Crafted - Blog - Font Love, Vol. XXII + Type Artwork DIY

Reader Comments (7)

Awesome! Such a cute project :)

September 23, 2011 | Unregistered CommenterKerry {Super Swoon}

I adore this. You're SO right- I need to starting making some projects for my own house with all these awesome fonts :) I just love the quote and how you have it displayed- so pretty!

September 23, 2011 | Unregistered CommenterJenna @ Heartcarry Press

cheap moncler jackets outlet with the high quality
Moncler Online
Moncler Jackets

October 12, 2011 | Unregistered Commentermoncler jackets

Thank you so much for showing us how to do this. I can't wait to try something!

April 29, 2012 | Unregistered CommenterPink

I have no idea if I'm just really stupid or if you're missing an entire step but I cannot make this work for the life of me. I have been sitting here trying for at least 2 hours. I promise you, that is not an exaggeration, I tend to stick with things until I figure them out no matter how long it takes but this is just ridiculous.

June 5, 2012 | Unregistered CommenterHannah

I agree with the other user who could not make this work. When I try and delete my image layer I keep getting a warning that it "Could not complete your request because the smart object is not directly editable", no matter what pictire I am using. #Photoshopfail. If anyone has ideas on what may be the issue I am all ears :)

January 16, 2013 | Unregistered CommenterAmber

Thank you so much!

September 20, 2014 | Unregistered CommenterOlivia

PostPost a New Comment

Enter your information below to add a new comment.

My response is on my own website »
Author Email (optional):
Author URL (optional):
Some HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>