SUBJECT: Create a thin line frame around the interior of a photo for digital scrapbooking.
PROGRAM: PSE8 (can be adapted for other versions of PSE and/or Photoshop)
PREREQUISITES: Basic understanding of the layers palette and the selection, text tools and color picker.
This tutorial walks you through the steps of creating framing and text like this …
Start by opening in your photograph in PSE (or Photoshop).
Create a new layer on top of your photo by going to Layer>New>Layer or Shift+Ctrl+N. Name your layer ‘Shape’ and click ‘OK’.
If there are not rulers visible at the top and left of your working canvas, activate them by going to View>Rulers (Shift+Ctrl+R).
Click on the ruler along the left and drag inward onto your photo. You should find yourself moving a blue line across the canvas. This blue line is called a guide. Using the ruler as a gauge, set the guide inside your photo 1/4 of an inch (more or less depending on how far inside the photo you want your frame). Repeat this process to set a guide 1/4 of an inch inward on the opposing side. Then pull two guides down from the top ruler setting them 1/4 of an inch from the top and bottom of your photo.
Now go to View>Snap to and make sure ‘Guides’ is checked.
Click on the Shape Tool in the Tools Palette and select the Rounded Rectangle Tool (or the Rectangle Tool if you want sharp corners).
In the Options Toolbar near the top of the screen, set the radius as desired, usually somewhere between 20 and 90px. The larger the radius, the more rounded the corners. I am using 60px in this example.
Click on the canvas where the guides meet at the upper left and drag downward and right creating a rectangle in the empty layer on top of your photo.
Hold down the control key and click on the thumbnail of the shape in the Layers Palette to select the shape. There should now be ‘marching ants’ around the perimeter of your rectangle. See arrow below.
Click on the eye to the left of the shape in the Layers Palette to hide the rectangle. See arrow below.
Create a new layer; Layer>New>Layer or Shift+Ctrl+N. Name your layer ‘Stroke’ and click ‘OK’.
Go to View>Clear Guides to get rid of the blue lines.
Go to Edit>Stroke (Outline) Selection.
In the Stroke Dialogue box …
Width: Set as desired. The higher the number the wider the line.
Color: Set as desired. I used white in this example.
Location: Center
Blending: Normal
Opacity: 100%
Click OK.
Click on the Text Tool in the Tools Palette.
Click on your canvas and type your text. Change the font, size and text color as desired.
To integrate your text with the frame perimeter. Click on the Move Tool in the Tools palette and click and drag your text so it sits along your frame. Select the Rectangular Marquee Tool from the Tools Palette.
Click and drag over your text to create a rectangular selection around your text.
Click on the Stroke layer in the Layers Palette and hit delete.
You are done. To collapse your image into a single layer, go to Layer>Flatten Image.
Go to File>Save As and name and save your altered photo.
Adding a Frame to the Interior of a Photo Summary
- Create a layer above your photo. Layer>New>Layer or Shift+Ctrl+N
- Set up Guides around the perimeter of your photo by dragging them from the ruler.
- Draw a rectangle in the layer above your photo, filling the space between the guides.
- Hold down the control key and click on the thumbnail of the shape in the Layers Palette to select the rectangle.
- Hide the shape layer and clear the guides.
- Create a new layer. Layer>New>Layer or Shift+Ctrl+N
- In the new layer create a stroke around your selection; Edit>Stroke (Outline) Selection.
- Type your text and move it to the desired location.
- Erase any portion of the frame overlapping the text.
- Flatten and save.















Love your tutorials!I’ve learnt a lot with them!
Thank you for your kindness in sharing!Much appreciated! =)
Thanks…great tutorial!
Great tutorial – you write them very well. They are clear, the steps are easy to follow, and the photos are always beneficial. Thanks also for the summary you put at the end of your tutorials. But, why are you letting those two bright eyed, beautiful children grow up so fast?! i let mine do that and now they are 40 and 43! Better slow down the process! LOL
If you figure out how to slow down the process please let me know. I’m still trying to figure out what happened to my baby. I know I had one here just yesterday :)
Glad the tutorials are helpful. I really appreciate the encouragement.
Misty – You always have the BEST tutorials. I’m just starting out with digi-scrapping and I’ve learned so much from you. Thank you!!
Misty – you are a born teacher. I have been learning from you for several years and each tut gets better and better. Thanks for aiming to help us all become more skilled and better at what we do in digi-scrapbooking!
Thanks for the encouragement. It feels good to be writing tutorials again. I’m thrilled you find them useful.
Thanks so much! I thought I could figure that out myself, but noooooooo. By the way, the steps are identical to PhotoShop CS4, and am I grateful! Thank you! I also always love to see photos of your cute kids! Your layouts and tips are such an inspiration to me! Hugs, Susie
Wow what a great tutorial – your steps were very straightforward and clear. A great way to include journalling inside the picture. I took this a step further by filling the text and rectangle with one of my many layer styles. Thanks again!