1.800.604.2870

Decorative Paper Clips (Photoshop Elements)

by Sara Horton on July 20, 2009

in Recent Tips (Elements)

sara-horton-xsmA few days ago, I received a paper and stationery catalog in the mail. A confirmed paper-aholic, I “ooohed” and “aahhed” appropriately over the beautiful patterned papers, but it was the decorative paper clips that really caught my eye—the little embellished circles peeking up over the clipped papers. I thought about how fun it would be to use these clips as digital scrapbook embellishments and set about recreating them right away.

With the array of Custom Shapes and Brushes already available in Photoshop Elements, creating your own custom paper clips is just a few clicks away!

Step 1: Create the circle

Begin by creating a new document at 300 pixels per inch by selecting File > New > Blank File. For the sample, I created a 3×3- inch document in RGB Color Mode with a transparent background.

2009-07-20-tip01el

Press the letter D on the keyboard. This is the shortcut for selecting the default Foreground and Background colors: black and white.

Get the Custom Shape Tool. The Custom Shape Tool shares a space on the Toolbar with the Rectangle Tool. Click and hold the Rectangle tool to reveal the hidden tools beneath it. Scroll down to select the Custom Shape Tool.

2009-07-20-tip02el

With the Custom Shape Tool selected, make the following choices in the Options Bar:

Click the Create a New Shape Layer icon (the first icon in the row to the right of the Shape drop-down menu.) Select the solid Circle shape from the Shape Picker drop-down menu. To see larger thumbnails and more shape options, click the right-facing double-arrow at the top, right corner of the drop-down Shape Picker. Choose Large Thumbnails and All Elements Shapes.

Once you’ve clicked on the Circle shape, close the Shape Picker menu. Holding the Shift key, click and drag out the circle on your document. Holding the Shift key keeps the circle perfectly round.

2009-07-20-tip03el

Step 2: Create the clip

Ctrl Click (Mac: Cmd Click) the thumbnail of the circle shape layer in the Layers palette. This places a selection around your circle.

Next, create a new transparent layer above the circle shape layer by clicking the Create a New Layer icon at the top of the Layers Palette.

You’ll want the clip to be larger than the circle, so choose Select > Modify > Expand. In the Expand Selection dialog box, type Expand by 30 pixels then click OK to confirm the expansion.

2009-07-20-tip04el1

Making sure that the new, transparent layer is highlighted in the Layers Palette, choose Edit > Stroke (Outline) Selection. In the Stroke dialog box, choose your desired settings. For the sample, I used Width: 30px, Color: black, and Location: Outside. I left the Blend Mode: Normal and Opacity: 100%. Click OK to create an outline around your circle shape.

2009-07-20-tip05el

Press Ctrl D (Mac: Cmd D) to deselect – remove the selection from around the clip.

Step 3: Fasten the clip to the circle

In this step, you’ll create a circle to connect the clip and the circle shape. Instead of using the Custom Shape tool, use the Ellipse tool that shares a position on the toolbar with the Custom Shape tool. (Incidentally, you could choose to use the Ellipse tool to create the shape in Step 1 as well. Now you’ll have two options for creating a circle shape!) Get the Ellipse tool and choose Create a new Shape Layer in the Options Bar. Shift as you drag out a small circle that connects the clip to the circle shape.

2009-07-20-tip06el

To digitally glue the three layers together, choose Layer > Merge Visible.

Step 4: Recolor the decorative clip

At this point, you may wish to recolor the clip by selecting the clip layer in the Layers palette. Press Ctrl U (Mac: Cmd U) on the keyboard to activate the Hue/Saturation Dialog box. Click the Colorize box before moving the Hue and Lightness and Saturation sliders to select a new color. When you are satisfied with your color, click OK. (Note: Move the Lightness slider to the right before moving the Hue and Saturations sliders.)

2009-07-20-tip07el

To make the clip look a little more realistic, apply a Bevel layer style. Locate the Effects Palette. Choose Layer Styles (the second icon from the left) and then select Bevels from the drop-down menu.

Double-click Simple Inner from the Bevel Picker to give the clip dimension.

2009-07-20-tip08el

Step 5: Decorate the clip

This is the fun and creative step: customizing the clip to match your page theme.

If you’d like to place a monogram on your clip, get the Horizontal Type tool. In the Options Bar, select your font, font style, size and color. Left click on the clip and type your letters. Click the green checkmark in the Options bar to confirm the text.

2009-07-20-tip09el

Perhaps you’d like to place an image on your clip instead of the text. There are two simple ways to do this: use the Brush tool or create a Custom Shape to decorate the clip.

To use the Brush tool, first create a new transparent layer. Change the Foreground color to select the brush color. Get the Brush Tool. Choose a brush from the drop-down Brush Picker menu in the Options Bar. You can also change the size, blend mode and opacity there. Click once on the clip to apply the brush. Make a new transparent layer for each brush stroke so that they can be easily removed if you decide later that you want to change the decor.

2009-07-20-tip10el

Instead of using a brush image, you can get the Custom Shape tool. In the Options Bar, select a shape from the Shape Picker drop-down menu. Also click Create a new shape layer and select your color. Hold the Shift key as you drag out the shape over your clip. Use the Move tool to reposition the shape if necessary.

2009-07-20-tip11el

Try using the Eraser tool to cut a shaped hole in the center of the clip, or apply a chrome style to make it appear metallic.

2009-07-20-tip13el

You can even decorate the clip with digital stickers, bits of patterned paper, photos, or ephemera. Shaped clips are fun, too. Just choose a different Custom Shape in Step 1 or Create an alphabet clip using text instead of a Custom Shape.

2009-07-20-tip12el1

When you’re finished adding designs to your paper clip, choose Merge Visible from the Layers palette flyout menu. Use the Move tool to move it onto your scrapbook page and place it over the edge of a paper or photo. Use the Eraser tool with a hard, round brush to erase away any section of the clip part that would be underneath another layer in your finished page. This makes the clip appear as though it is actually clipped to a paper instead of sitting on top of the page.

2009-07-20-tip14el

Have some fun playing with digital clips this week and be sure to share your own creations in the gallery.

2009-07-20-tip15el

Credits: page by Sara Horton
Font: Georgia
Book of Memories Layered Template No. 5 by Katie Pertiet at Designer Digitals

Download a PDF version of this “Decorative Paper Clips” tutorial.

Leap Frog To The Next Level!

frogRather than learning a bit here and a bit there, why not leap frog to the next level? Our CD, Learn Digital Scrapbooking, takes you step-by-step from rank beginner to confident digital scrapbooker in a fraction of the time!

Find out more and get a free sample video lesson.

Save it, Share it and Enjoy:
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Digg
  • Technorati
  • Reddit
  • LinkedIn
  • FriendFeed

{ 20 comments… read them below or add one }

1 Julie July 20, 2009 at 6:52 pm

I always love your tips! Thanks so post!!

Reply

2 BettyC July 20, 2009 at 7:45 pm

This looks like a really fun idea! Can’t wait to try it! And I want to add that I really appreciate your PDF versions so very much–did a lot of copying & pasting before. Thank you!

Reply

3 baroochi July 20, 2009 at 7:58 pm

Thank you, these tutorials really help.

Reply

4 Sandybee July 20, 2009 at 8:04 pm

Thanks for the tutorial! It gave me some good tips about making a circle within a circle.

Reply

5 Mandee July 20, 2009 at 10:34 pm

This will be really fun to use. I also like the tip about making a circle within a circle. Thanks so very much.

Reply

6 Michele July 20, 2009 at 10:35 pm

Thank you! I look forward to trying this.

Reply

7 Jodee July 21, 2009 at 12:14 am

Sara, thank you so much for sharing your wonderful talent with all of us, and I also love the PDF’s so I can print out and put in my book.

Reply

8 NativeTexanGirl July 21, 2009 at 11:37 am

Thanks for the tip and I want to say also that I really appreciate how easy it is to save the pdf of the tip. Thanks for changing to that format! :)

Reply

9 Jean July 21, 2009 at 2:14 pm

I really like this tutorial. It looks so easy & can be used over & over.

Thanks, Sara

Reply

10 Liddie July 21, 2009 at 2:23 pm

Thanks for the tip. I tried it and looks great! Thanks again!

Reply

11 Tropical Helen July 21, 2009 at 6:07 pm

Thanks Sara. Being able to recreate traditional scrapbooking embellishments is great.

Reply

12 Terri - Hawaii July 21, 2009 at 9:46 pm

Another great tut. Thanks for sharing this with us. It’ll come in handy one day for me : ) Hugs!!

Reply

13 alex July 21, 2009 at 10:41 pm

HI,
I am stuck on step 2.
I just cannot seem to be able to create the outline around the circle. I am following all the directions… I have tried several times w/o any results.
Any ideas?
Alex

Reply

14 alex July 21, 2009 at 11:08 pm

Hi, again.
I was not able to bevel the circle. When I apply the bevel, it bevels the entire layer. I attempted to celect the circle only unsuccessfully. Am I supposed to create a new layer in order to be able to layer it?
Thanks again,
Alex

Reply

15 Sara Horton July 22, 2009 at 9:55 pm

Hi Alex!
To create the outline follow these steps:

Select the circle layer.
Ctrl/Cmd click the THUMBNAIL of the circle layer in the layers palette (the little picture of the circle.) This puts marching ants around the circle.
Make a new layer above the circle layer and make sure it is the highlighted layer.
Choose Select > Modify > Expand from the Menu bar across the top of the window.
Expand by 30 pixels.
Then select Edit > Stroke.

Bevels: you’ll want to merge the visible layers before you apply the bevel style. The entire clip will have a raised appearance, not just the circle.
Once you’ve created the clip, you’ll use the Eraser tool to erase away any of the parts of the clip that would be under a piece of paper.

Let me know if this works for you.

Reply

16 Sara Horton July 22, 2009 at 9:57 pm

Hi Alex!
To create the outline follow these steps:

Select the circle layer.
Ctrl/Cmd click the THUMBNAIL of the circle layer in the layers palette (the little picture of the circle.) This puts marching ants around the circle.
Make a new layer above the circle layer and make sure it is the highlighted layer.
Choose Select > Modify > Expand from the Menu bar across the top of the window.
Expand by 30 pixels.
Then select Edit > Stroke.

Bevels: you’ll want to merge the visible layers before you apply the bevel style. The entire clip will have a raised appearance, not just the circle.
Once you’ve created the clip, you’ll use the Eraser tool to erase away any of the parts of the clip that would be under a piece of paper.

Let me know if this works for you,
Sara

Reply

17 Nancy Lundberg July 28, 2009 at 7:21 am

Thanks so much for these tutorials. They are so helpful. And I love the PDF format, so I can save them….just like sticky notes. I forget so easy nowadays. I print these out and keep them. Nancy

Reply

18 Erika Lemmer August 18, 2009 at 2:40 am

Thank you for so many tips and tutorials – now I also know how to do these things!! I also print out and keep them.

Reply

19 Kate September 10, 2009 at 1:35 pm

May I ask what catalog you saw these paper clips in? I’m looking for a cute way to put my wedding announcements together, and this is exactly what i’m looking for!

Reply

20 Sara Horton September 11, 2009 at 10:38 am

Hi Kate,
I think I saw them in Paper Source, but I don’t see them on the website.
Good luck with your wedding announcements! Sounds like a very fun project :)

Reply

Leave a Comment

Previous post »

Next post »