Free Flowing Text Boxes

with 8 Comments

 

 

Geek out on type inside a shape by creating a free flowing custom text box.

 

Step One: Create a New Document

  • Create a new document (File > New > Blank File) at 300 ppi with a white background.
  • Press the letter D to reset the Color Chips to black over white.

Step Two: Add a Shape

  • Get the Rectangle tool. It’s nested with the Custom Shapes tool.
  • In the Tool Options, click on the Color Chip and choose a color other than white. Set the Style to None and the Geometry Options to Unconstrained. Uncheck From Center. Uncheck Snap. Click on the New Shape Layer icon.
    (Photoshop: Set the Tool Mode to Shape. Click on the Fill Color and choose a color other than white. Set the Stroke Type to None and the Path Operations to New Layer. Open the Path Operations and choose Unconstrained.)
  • On the document, click and drag out a rectangle.

Step Three: Subtract a Shape

  • Hold down the Alt key (Mac: Opt key). You should see a minus sign appear beside the cursor.
  • Click and drag on the document, then let go of the Alt/Opt key and continue dragging.
  • To reposition the subtracting shape, press and hold the Space bar while dragging.
  • Let go of the mouse when there is only a tiny sliver of shape left to the right or the left of the subtracting shape.

Step Four: Create a Text Box

  • Get the Horizontal Type tool.
  • In the Tool Options, open the Font Picker and choose a font. Click on the Color Chip and choose black. Set the Size to 12 pt and the Leading to Auto. Set the Alignment to Left.
  • On the document, hover your cursor inside one of the shapes until you see the Type Inside a Shape icon.
  • Click inside the shape to place the cursor.
  • Type any word. I typed the word TEXT.
  • Click the checkmark to commit.

You should not be able to see the word you typed.

  • In the Layers panel, click on the Visibility icon of the Shape layer to hide it.

Now you should see the word you typed.

Step Five: Add Some Journaling

  • In the Layers panel, double click on the thumbnail of the type layer to activate the Horizontal Type tool and highlight the current text on the document.
  • Type (or paste) in some journaling.
  • Click the checkmark to commit.

 

 

What just happened and why did it work?

Because there was not enough room for any of the letters to fit in the tiny sliver of text box between the two larger ones, the texted flowed freely from the top text box to the bottom text box.

Troubleshooting Free Flowing Text Boxes

  • There must be a tiny sliver of text box connecting each of the bigger text boxes.
  • If the sliver is too much, it will fill with fragments of your journaling.
  • If the sliver is not enough (non-existent), it will break the magic of type flow from one box to the next.

Note: This tutorial will not work with boxes flowing left to right, only top to bottom.

 

Why would I want to do this?

  • Opening up space in the middle of a text box can make room for a title or group of elements.
  • After opening up the space, adding to or subtracting from your paragraphs of journaling will be super simple.
Credits:
Kit: Chasing Dragonflies by Brandy Murry
Font: Architects Daughter

 

 

Here is how I used this tutorial on my scrapbook page.
Credits:
Page: Upon Being Buttercup by Jen White
Photos: Jen White
Kit: XOX by Brandy Murry
Fonts: DJB ANNALISE, Avenir Next Condensed, Euphorigenic

Download PDF


 

Whether you’re just getting started in digital scrapbooking or are self taught and want to fill in the gaps in your education, the QwikLearn Photoshop and Photoshop Elements Class will help you get up to speed FAST and become the confident, competent digital scrapbooker you deserve to be.

 

This self-paced class will take you where you want to go and is available for Photoshop Elements 11 to 2018, and Photoshop CS6 through Creative Cloud.

 

Learn more about the Qwiklearn Photoshop and Photoshop Elements Class!

 

 

_____________________________________________

jenwhite-48x48Author: Jen White | Contact Us
All comments are moderated.
Please allow time for your comment to appear.

8 Responses

  1. Vesta (Fanbird)
    | Reply

    You are so smart and what a useable trick when creating designs for family flyers, cards and so much more. Thank you

  2. ScrapSis
    | Reply

    love. love, love this!!

  3. Dorrie Harden
    | Reply

    Great tutorial Jen. I’m tucking this one away for future use. You are soooooo clever!!!!

  4. Terri
    | Reply

    What a great idea Jen. Thanks for sharing your expertise! Your costume is just so fun. Love it!

  5. Jenifer Juris
    | Reply

    I agree – this is awesome and I wish I had thought of this myself! Great idea!! 🙂

  6. Lisa
    | Reply

    I love this tip – usually I just do 2 text boxes and try align them but your tip makes it SO much easier. Thanks!
    and BTW -your costumes are fun!

  7. Donna
    | Reply

    I love your costumes, Jen, and your story. I’m going to try this trick of dividing my journaling too.

  8. Linda Sattgast
    | Reply

    You’re so clever, Jen! I’ve never thought to do that before, but I’ll definitely use this technique the next time I want to divide my journaling!

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.