Title Stroke - Interrupting a Simple Border with Text

with 14 Comments

JenWhiteTOTW_shadowOne simple idea.
Sometimes that's all I need to break out of the scrapbooking blahs.

When my daughter (now 20) was about 3 years old, she idolized Dark Wing Duck.
She'd don her homemade cape, stand tall with her little fist high in the air, and shout "Dark Wing Duck."
What was it that inspired her to save the universe and bring peace to the millions? It was the dish towel safely pinned to her shoulders.
A simple idea — a profound result.

Try using this tip on your scrapbook page. Perhaps it will inspire you to save the universe and bring peace to the millions. Or at the very least, you'll have another terrific layout to show off in the gallery!

For Adobe Photoshop Version click here.

Step 1: Prepare Your Scrapbook Page

  • Open (File > New > Blank File) a 12x12 inch document.
  • Open (File > Open) a background paper. I chose Paper Solid 7 from Digital Scrapper Design’s Cherish This Moment Kit.
  • Get the Move tool.
  • Hold down the Shift key and drag the paper onto the scrapbook page.
  • Press the letter D to reset the Color Chips to the default of black and white.

Step 2: Create Stroke Outline

  • Get the Rounded Rectangle tool. It is nested with the Rectangle tool.

  • In the Options Bar:
    • Enter 200 px for the Radius. The higher the number, the more rounded the corners of the rectangle.
    • Click on the Create New Shape Layer icon.
    • Style should be None.
  • Click on the scrapbook page and drag out a rectangle. Press the Space Bar to reposition while dragging.
  • Ctrl click (Mac: Cmd click) on the thumbnail of the rectangle layer to get a selection outline. (see img above)
  • In the Layers panel, click on the Create a New Layer icon.
  • In the Layers panel, drag the rectangle layer to the Trash.
  • Make sure your previously created new layer is active in the Layers panel. (see img above)
  • In the Menu Bar, choose Edit > Stroke (Outline) Selection.

  • Enter 10 px for the Width.
  • Click on the Color Chip and choose white. Click OK.
  • Choose Center for the Location.
  • Click OK to commit the changes.
  • Press Ctrl D (Mac: Cmd D) to deselect.

Step 3: Add a Word

  • Get the Type tool.

  • In the Options Bar:
    • Choose a script font. I chose Kunstler Script.
    • Raise the size to around 130 pts.
    • The color should be the same as the stroke outline. If it isn't, click on the Color Chip in the Options Bar and choose white.
  • Click on the scrapbook page and type a word. Press the Ctrl key (Mac: Cmd key) to reposition while typing.
  • Click on the check mark in the Options Bar to commit the changes.

Step 4: Erase Overlapping Stroke

  • In the Layers panel, click on the stroke layer to activate it.
  • Get the Rectangular Marquee tool.
  • On the scrapbook page, click and drag a selection outline around the word you typed.

  • Press the Delete key to erase away the unwanted part of the stroke.
  • Press Ctrl D (Mac: Cmd D) to deselect.

Step 5: Finish and Save

I’ve finished my scrapbook page that features this tip…check it out below. I hope you’ll do the same and share it with me and the rest of the gang in the Tip of the Week Gallery at Digital Scrapper. Have a great week!

Credits:
Tip of the Week: Title Stroke, by Jen White
Software: Adobe Photoshop Elements 9.0
Photo: by Jen White
Featured kit: “Cherish This Moment” by Digital Scrapper Designs.

Download a PDF version of this "Title Stroke" tutorial.

Windows: Right click on the link and choose "Save Target As" or a similar command.
Mac: Click on the link to download the file.

Step 1: Prepare Your Scrapbook Page

  • Open (File > New) a 12x12 inch document.
  • Open (File > Open) a background paper. I chose Paper Solid 7 from Digital Scrapper Design’s Cherish This Moment Kit.
  • Get the Move tool.
  • Hold down the Shift key and drag the paper onto the scrapbook page.

Step 2: Create Stroke Outline

  • Get the Rectangle tool.

  • In the Options Bar:
    • Click on the Shape Layers icon.
    • Click on the Rounded Rectangle tool icon.
    • Enter 200 px for the Radius. The higher the number, the more rounded the corners of the rectangle.
    • Click on the Create New Shape Layer icon.
  • Click on the scrapbook page and drag out a rectangle. Press the Space Bar to reposition while dragging.
  • In the Menu Bar, choose Layer > Rasterize > Shape.
  • Ctrl click (Mac: Cmd click) on the thumbnail of the rectangle layer to get a selection outline.
  • In the Layers panel, click on the Create a New Layer icon.
  • In the Layers panel, drag the rectangle layer to the Trash.
  • Make sure your previously created new layer is active in the Layers panel.
  • In the Menu Bar, choose Edit > Stroke.

  • Enter 10 px for the Width.
  • Click on the Color Chip and choose white. Click OK.
  • Choose Center for the Location.
  • Click OK to commit the changes.
  • Press Ctrl D (Mac: Cmd D) to deselect.

Step 3: Add a Word

  • Get the Type tool.

  • In the Options Bar:
    • Choose a script font. I chose Kunstler Script.
    • Raise the size to around 130 pts.
    • The color should be the same as the stroke outline. If it isn't, click on the Color Chip in the Options Bar and choose white.
  • Click on the scrapbook page and type a word. Press the Ctrl key (Mac: Cmd key) to reposition while typing.
  • Click on the check mark in the Options Bar to commit the changes.

Step 4: Erase Overlapping Stroke

  • In the Layers panel, click on the stroke layer to activate it.
  • Get the Rectangular Marquee tool.
  • On the scrapbook page, click and drag a selection outline around the word you typed.

  • Press the Delete key to erase away the unwanted part of the stroke.
  • Press Ctrl D (Mac: Cmd D) to deselect.

Step 5: Finish and Save

I’ve finished my scrapbook page that features this tip…check it out below. I hope you’ll do the same and share it with me and the rest of the gang in the Tip of the Week Gallery at Digital Scrapper. Have a great week!

Credits:
Tip of the Week: Title Stroke, by Jen White
Software: Adobe Photoshop CS5
Photo: by Jen White
Featured kit: “Cherish This Moment” by Digital Scrapper Designs.

Download a PDF version of this "Title Stroke" tutorial.

Windows: Right click on the link and choose "Save Target As" or a similar command.
Mac: Click on the link to download the file.

14 Responses

  1. Bonnie Ripp
    |

    I got lost on the layers. I had green paper and clicked on that and drew out my rectangle. A new layer opened with the rectangle on it. Which is what I control clicked on. Then it says to open a new layer and throw the rectangle one in trash. What am I using the new layer for? I can get the stroke on the green background I have for my paper, but it doesn’t erase when I out line my word. My word and stroke are on same layer.I can’t get the stroke to go on the new layer from above, so there is nothing on it but a transparent paper. What am I missing?

  2. Jen White
    |

    Hi Bonnie. I’m sorry you are having trouble.
    I think I understand what the problem is. Before adding the stroke outline, make sure the blank new layer is the active layer in the Layers panel. That will put the stroke outline on its own layer.
    The text layer also needs to be on its own layer.
    Give that a try and see if you come up with different results. 🙂

  3. Dee
    |

    I was following the direction s and i keeps telling me there is no thing to out line. got any ideas?

  4. lsattgast
    |

    Hi Dee—that usually means that you don’t an active selection outline. Did you Ctrl click (Mac: Cmd click) on the thumbnail of the rounded rectangle layer? You’ll want to see the “marching ants” before you try to make a stroke outline.

  5. christine erdman
    |

    I did this!!! I am so excited to be able to personalize my pics with names! Thanks

  6. Geri
    |

    Love this also. I use to do similar using my camera but this gives more flexibility and NO more plastic sheets. Thanks.

  7. Christine
    |

    This is fantastic, it will be f avourite with me for a long time.

  8. Teri Roegge
    |

    I am using elements 10 and my tool bar does not look like yours…I do not see the rectangle tool at all. Am I missing something?

    • Jen White
      |

      Hi Teri. Usually when this happens, the problem is that you have the Rectangular Marquee tool instead of the Rectangle tool. The Rectangle tool is down with all the shape tools.
      Hope that helps! 🙂 xoox

      • Teri Roegge
        |

        Hitting the U key several times gave me what I wanted…now mine looks like yours.

        (smiling)

        Teri

  9. Jessica Trotter
    |

    Did the first part, but how did you do the finishing swirls???? Any help would be appreciated. Thanks!

    • Jen White
      |

      Hi Jessica.
      i simply clipped some swirls to the rounded rectangle shape i made in the beginning. 🙂

  10. Vickie Wortman
    |

    I am hoping you make a video of this technique because I have tried at least ten times to do it and I can’t even get the marching ants to appear! I am at a loss!
    Vickie

  11. Barbara Spiegel
    |

    I am sure that working in different versions of Elements can cause some confusion. One thing was missing for me – when you go to Edit/Stroke (Outline) Selection – make sure that little “preserve transparency” box is not selected. I tried and tried but couldn’t recreate your lesson until I thought, let me try that – it worked perfectly then.

    I love the results and will definitely be using it on one of my next layouts.