Creating a Custom Text Box in Photoshop

Adding a lot of journaling to a page can be difficult at times. If you have a long story to share, sometimes it can look “boxy” and not integrate well with the images on your page. But we scrap to share our lives, our stories…. so today let’s take a look at one way to make long journaling pieces a tad more interesting looking.

Let’s go from uninteresting…..

…….to this much more attractive and integrated custom text box.

 

For this tutorial, I am using CC2015. The technique will work with any Photoshop version that has a Pen tool, although in previous versions there may be a slight variation in technique.

To create a Custom Text Box:

1. Have the element you would like to create a custom text box for on your canvas.

2. Click on the element layer to make it the active layer.

3. Select the Pen Tool. (Shortcut “P”).

4. Select “Path” in the top Menu Options Bar.

sd-custom-text-3

5.  Click on your document near the top of your element, here, the Christmas tree, to set your first Anchor Point (Anchor points will reflect as small squares on your document.) Release your mouse.

6. Click a second time on your document a little away from your first anchor point.  Before releasing your mouse, drag it slightly down and to the right or left in order to create a slight curve around your element.  Things can get wonky fast, so take it slow and use short movements.

7. Continue until you have a path along the entire side of your element where you want your text box contour. This doesn’t have to be perfect. Just a general shape will be fine!

 

8. Hold down Shift, and click on the right edge of your document to establish the right edge of your text box. (Holding down Shift as you click will constrain the movement of the path, making it straight.)

9.Using the same method, click near the top right, then click on your first anchor point to close the path. When your path is closed, you will notice that all of the anchor points are all now solidly colored black.

 

10. Press and hold the Control key, while clicking on the very first anchor point you placed on your document.  This will allow you to manipulate the anchor points.

11. While still holding down Control, click on the top-right anchor point and move it either up or down, as needed, to create a straight line.  You can just “eyeball” it, or pull down a guideline to help you keep the adjustment straight.

12. Once you have straightened your top line, release the Control key and mouse.

13. Go to your Paragraph Panel.  (If you do not keep this Panel docked,  go to the top Menu Bar > Window > Paragraph, and it will open for you.)  Click on Right Justify.

sd-custom-text-7a

14. Click on the Text Tool, and move your mouse into the text area you have just created.  The cursor will change to an “I” looking shape with a tiny line through it, and a circle surrounding it. Click anywhere within your text box and start typing, filling up the shape.

15. Add embellishments as you like, and you’re done!

Credits: The graphics in this tutorial are from Holiday Hoopla, and the (recolored) background paper from Deck the Halls, both by Karen Schulz Designs.
 
You may also watch this in video format on my Karen Schulz Designs YouTube Channel here: Creating a Custom Text Box in Photoshop

Print Friendly, PDF & Email

Leave your thought here