Fonts Don’t Float

2010_positivechange

If you look at the layout above very closely, you will see that the fonts and paints follow the texture of the paper.  Have you ever looked at a layout with a great textured paper and on top of that is a font that looks like it’s floating?  It doesn’t take on the paper texture at all.  Suzy is going to teach us the greatest trick to fix that!!  I have used blending modes on layers before, but could never really get them to look the way I wanted, until Suzy shared this trick.

Suzy is a 28-year-old SAHM to a super rambunctious 2-year-old and wife my sweetheart for 4 years. We live in the middle-of-nowhere, which I absolutely love. My background is in biology but I now find myself on the opposite end of the spectrum designing digital scrapbooking supplies and I am LOVING the journey. :)

clip_image001

I am SO excited to be contributing tutorials to The Daily Digi. Back in February, I shared a text trick as part of my designer spotlight. Steph asked if I’d write up the tutorial with screen shots this month and I am happy to oblige.

When you write on paper in real life, the pen follows the surface of the paper you’re writing on — all the bumps and fun textures add life to the text. And we all know that pens don’t always flow smoothly — except in digi-land. ;) I’ve noticed that sometimes in digital layouts, the journaling looks a bit fake, almost like it’s not quite part of the page, because the texture of the paper beneath isn’t part of the writing like it would be in real life. So I learned this little trick to add some “reality” to my journaling and I’m going to show you how to do it too. You can use this on papers, journal blocks, tags — any paper/element that has some texture. (Note: The step-by-step instructions are for PS users. Blending Options aren’t available in PSE, but I share a tip at the bottom for how PSE users can try to mimic this effect.)
Let’s get started!

1. Place your text layer above the layer you want to “write” on. (In this example, I’m using a bold basic font and a super-crinkled kraft background from my Krafty Stash #2 to illustrate the technique.)
sqs_textblendtrick_ss1

2. Click on the fx icon (bottom of the layers palette) and choose Blending Options.
sqs_textblendtrick_ss2

We’ll be manipulating arrows in the “Blend If” section of the box that pops up. The black arrow focuses on the dark shades of the layer beneath and the white arrow focuses on the lighter shades.

sqs_textblendtrick_ss3
3. Slide the black arrow under “Underlying Layer” towards the right until the text starts to disappear.
sqs_textblendtrick_ss4
4. Hold down ALT and slide the left half of the black slider back to the left so some of the text reappears.
sqs_textblendtrick_ss5
5. Slide the right arrow under “Underlying Layer” towards the left until the text starts to disappear.
sqs_textblendtrick_ss6
6. Hold down ALT and slide the right half of the black slider back to the right so some of the text reappears.
sqs_textblendtrick_ss7
7. Adjust the arrows until you reach the desired effect. Click OK.
sqs_textblendtrick_ss8 I love using this when my text is on a folded tag or heavily textured paper, so that my text becomes more life-like — as if a pen was actually rubbing across a surface. Try it with paint strokes too!

Here’s an example of the technique in action. I used it on everything in this layout — the paint splatters, the journaling, the title, the stamped alpha, the sun burst.

2010_positivechange

For PSE users: Unfortunately, Blending Options are not an option in PSE. However, you can mimic this technique with a couple of tricks. You can try changing the color of your text and play with the blending modes. You can also use a grunge brush at varying opacities to erase parts of the text.

Thanks for letting me share this fun technique with you. I’d love to see what you do with it, so feel free to link us up to a layout in the comments OR upload to our Flickr Group with the tag: FontsDontFloat. :)

Suzy

About steph

Steph is the owner of The Daily Digi. Read more about Steph here and here.
This entry was posted in Fonts and tagged , , , , , , , . Bookmark the permalink.

27 Responses to Fonts Don’t Float

  1. 27
    Kristin says:

    Thank you for sharing this tip, totally new to me. Wish I could click on your photos to enlarge though, or have closeups to see the differences. really hard to see!

  2. 26
    Jen Graham says:

    That is REALLY helpful. Totally bookmarking this one.

  3. 25
    Sandy says:

    That is SOOOO cool! Thank you.

  4. 24
    Jennifer says:

    Would LOVE to see if this is possible in Storybook Creator Plus? Anyone know?

  5. 23
    Lor says:

    Awesome tutorial; I’m lookin’ forward to giving it a try! Thank you so much! :)

  6. 22
    J. says:

    Ooooooooohh!!!!!!
    I think I love you :)

  7. 21
    Lindsey says:

    Bookmarking!! Can’t wait to try this at home!!

  8. 20
    GlitterQueen says:

    I got the chance to try this already! I think it worked great.

    http://www.gottapixel.net/gallery/all-stacked-up-with-rachel/p218682-whatever.html

  9. 19
    Amy says:

    This is fantastic! Thank you for the tutorial!

  10. 18
    Kelly says:

    What a great tip, thanks for the detailed tutorial:)

  11. 17
    Julie says:

    Thanks for sharing. I played with this for a while (too fun!) but couldn’t tell what difference the Alt key made. If it’s not too complicated could you expound a bit on what I’m missing?

  12. 16
    Heather T. says:

    That’s a seriously fun trick! There’s a much more complicated deal with the distort/displace filter, but this works just as well for text!!

  13. 15
    Jackie says:

    Fab tutorial! Going to use it the next time I scrap!

  14. 14
    Sandy_in_MD says:

    Thanks for the great tutorial!

  15. 13
    Glynis says:

    I have always wanted to know how to do this! Thanks so much for sharing. I have a feeling I won’t be able to scrap again without it :)

  16. 12
    Gypsy says:

    Fantastic! Thanks Suzy.

  17. 11
    Suzy says:

    You’re welcome!

  18. 10
    Lesli says:

    This is awesome! I am off to have a play; thanks for this great tut!

  19. 9
    Jessica says:

    I’ve been using this ever since Suzy first shared it and I LOVE the effect!! Thanks so much for the great tip!

  20. 8
    Denise says:

    Just tried this and it works great! I tried both text and a paint splatter and it made a huge difference. Thanks for sharing it!

  21. 7
    Danyale says:

    This is fabulous, I kept trying and failing to do this….THANK YOU!!!!!

  22. 6
    Nancy says:

    Thanks! Yes, I use PSE too… and wondered how some people made it look so good…now I understand the photoshop trick maybe I’ll be better at playing with the blend modes in PSE. I suspect making 2 or 3 duplicate layers of the text, using different blend modes with each, and erasing different parts of different layers may work…off to go play! Thanks!

  23. 5
    HeatherKS says:

    Love this! I’ve struggled with this in the past, especially with title work so I’m excited to give this a try! Thanks for sharing!

  24. 4
    GlitterQueen says:

    Great tutorial, can’t wait to try it out!

  25. 3
    NancyK says:

    Great tutorial – thanks so much for sharing this information! I only have PSE so I’ll have to play around a bit!

  26. 2
    Sue says:

    Thanks for this great tip. I have tried doing this before but just with using the layer blending modes but the results were not what I wanted. Will have to give this a go.

  27. 1
    Liahra says:

    Wow… thanks for this really helpful tutorial, Suzy! :) I’m gonna try this out tonight.