Shoppe Tips and Tricks (creative text wrapping)

Hi all! It’s Kylie here with a little tutorial on a creative way to wrap your journaling text.

For those who currently use Photoshop CS you may already be familiar with work paths. Today, I will be highlighting one way to use this very valuable tool.  For Photoshop Elements, Paint Shop Pro or other scrapbooking program users, the function for creating a text path is ‘more than likely’ not available. However, don’t be discouraged, all is not lost! :o) There are a variety of text paths/shapes available for purchase for some of these programs (definitely PSE, for the others they may be a bit harder to find). You simply drag and drop the pre-made text path templates onto your layout and then update the text as you wish. Some of these handy products can be also be used by Photoshop CS users as a quick and easy alternative to creating your own paths and shapes. You can find some HERE, or – do a google search for more :o)

 Okay…let’s begin the tutorial. We are starting off with a layout I created after reading Lu’s fabulous Color Study post on Monday. I’d layered some elements around my photograph in the centre of the page and wanted to add some journaling in a creative way. Wanting the text to hug the centre circle nice and tightly was my main intention.

1st Step:  At the very beginning we need to add a new layer. (Menu options: Layer –> New –> Layer…  & click OK, or Shift+Ctrl+N) I called this layer “New Layer” just for the purpose of this tutorial. Now we are ready to create our work path. The work path will hold the eventual text. For my layout I wanted to create a rectangular box. So, for this, we choose the Rectangle Tool from the Tools palette (#1.). Please note that this is a shape tool and not a marquee tool which happens to be located higher up on the tools palette. (For your particular layout you may wish to create a circle, another shape or even something free-form and will therefore select as required.) After selecting the Rectangle Tool, the options toolbar will update itself with the appropriate selections. Click on “Paths” (#2.) and then “Add to path area (+)” (#3.). You will notice the cursor is now a ‘plus’ symbol with a subscript ‘plus’ symbol. Position your cursor, click the mouse and draw the shaped path required.

2nd Step: If we were to add the text at this stage the text would flow over, or under – depending on the layer order, the centre elements. I want the text to wrap around the right side of the elements. To do this I am going to change the shape of the rectangle by using the Ellipse tool. Right click on the currently selected Rectangle Tool and choose Ellipse Tool (#1.). Now to the options toolbar: leave the “Path” option as it is (#2.) – we already selected that in step 1 and there is no need to change this option. Now move up the toolbar and select the “Subtract from path area (-)” (#3). You will notice the cursor is now a ‘plus’ symbol with a subscript ‘minus’ symbol. Position your cursor, click the mouse and draw the shaped path required. This will “cut-out” part of the previously created rectangular shape.  However, this change does not show up on screen. If you wish, you can click on “Paths” in the Layers palette to view the newly created work path shape.

3rd Step: Let’s add some text. Click on the Type Tool from the Tools palette (#1.). After selecting the Type Tool, the options toolbar will update itself with the appropriate text selections. Choose the font, size, color etc that you would like to use (#2.).  Now move your cursor over the rectangular work path and you will notice that it will change from a dotted-square I-bar to a bracketed I-bar. Now click in the shape and add your text and accept it (click green check mark on options toolbar).

The “New Layer” will now show as a text layer. To hide the work path outline simply click on another layer in the Layers palette. And ta-dah! – text wrapped the way you want it!! :o)

This just one of the many ways you can play with text and work paths. So have fun and experiment, experiment, experiment!! See you all again soon! :o)

13 Comments

13 Responses to “Shoppe Tips and Tricks (creative text wrapping)”

  1. 12

    Ardelle Boucaud
    May 14, 2013 @ 11:57:07

    Not so sure about this information. I was always taught differently, but hey! It’s nice people have different opinions and methods isn’t it?

    Reply

  2. 11

    Analia
    Jan 29, 2012 @ 20:54:24

    Is there any way to do this on PSE9? I really want to try it out…this is a great tutorial…Thank you!

    Reply

    • 11.1

      Kylie
      Jan 30, 2012 @ 06:07:37

      Hi Analia! I actually don’t use PSE so am probably not the best to answer this…but when I did this post I know that Elements users could not do this and needed to purchase pre-made text paths or shapes. There is a link in the first paragraph to some that can be purchased (another digital store)…but please feel free to look around for others too. I”ll also ask my PSE9 friends if it is possible now to actually do it yourself in the more recent versions of Elements. Thanks for asking!! Have fun scrapping!!!! :o)

      Reply

  3. 10

    Jeanann
    Aug 27, 2010 @ 19:42:41

    I also was using the polygonal lasso tool and this seems so much easier. Thank you!

    Reply

  4. 9

    Kathy
    Aug 25, 2010 @ 18:46:14

    Fab tutorial! Love it, very well written, and the LO is just amazing! Great job!

    Reply

  5. 8

    Janet
    Aug 25, 2010 @ 15:11:59

    Yep, this is one feature I really wish was in PSE. I do love it when a template comes with text on a path that PSE users can just replace (hint, hint) : ). Great tutorial, Kylie!

    Reply

  6. 7

    Shabby Princess
    Aug 25, 2010 @ 14:14:46

    kylie – THANK YOU soooo much for this awesome tutorial/post! i gave you like NO time to work on this – and you totally rocked it, and made it look like you had worked all week on it :o) THANKS BEYOND WORDS for filling in and sharing this great info!

    Reply

  7. 6

    LK
    Aug 25, 2010 @ 13:07:40

    Love the page! the layout is A-MA-ZING! I think I may have to “steal” the layout’s feeling and put it into one of mine ;). can’t wait to try the suggestion.

    Reply

  8. 5

    acmckelvey
    Aug 25, 2010 @ 12:38:41

    I didn’t realize there was a subtract from path thingy either. Very cool! Thanks for the informative post! Love your page. Awwww, just love it.

    Reply

  9. 4

    Anna
    Aug 25, 2010 @ 12:01:45

    I love seeing pages that have text wrapping – this post was great!

    Reply

  10. 3

    Mariquita
    Aug 25, 2010 @ 11:47:36

    Kylie, what a cool post!!! ;). I’ve been MIA for a while and now that I’m back I’m enjoying your stunning articles ;). Beautiful layout and awesome instructions!!!! everything looks so easy!!! ;). I missed you!!! ;). Hugs & kisses with love ;)

    Reply

  11. 2

    Beckie
    Aug 25, 2010 @ 10:35:38

    Kylie this is awesome!! I’ve been making text paths myself but never knew about the “subtract from path area” thing before! I always just used the polygonal lasso tool to create all of my custom shapes (and it’s hard to get square shapes right that way!). Thanks so much for the awesome tips!!! :) Oh, and can I say (AGAIN) that i just looooove that page?! already in my faves :)

    Reply

  12. 1

    lu
    Aug 25, 2010 @ 08:56:26

    Kylie, really great illustration of text paths… It’s been a subject that has always intrigued me, so just loved your tut. I use pse, so I haven’t created my own, but love to see the “ready~made” options, so thanks for including those, as well. Great job, and again… gorgeous l/o!

    Reply

Leave a Reply