PS Tutorial – Showing the “Bump” for the Hidden Part of a Paperclip
When using a paperclip in real life, you can see the shape of the hidden part of the clip as a bump or raised area on the top of the paper. Getting this effect with a digital paperclip element on a digital layout is very easy. The following picture shows the end result of the tutorial.
NOTE: I am using Photoshop CS 3 for this tip. I don’t know if Elements or other graphics programs have the features I will be using. I am using Katie Mann’s Alice kit for this example.
STEP 1 – ARRANGE ELEMENTS
Place your papers and elements. In the example, I have layered two papers and a tag, and set a paper clip to look like it will clip the tag to the top paper layer. At this point the paperclip should be the top layer in your layers palette. I have added a basic drop shadow to my layers.
STEP 2 – SELECT HIDDEN PORTION
I am going to put the inner part of the paperclip (here shown in red) under the paper.
I will show two different ways to accomplish this selection. Option 1 is the most exact, and will work best if the color contrast in your paperclip element is not too great. Option 2 will work in any circumstance, but will work better than option 1 if your paperclip has high contrast highlights or colors.
Selection Option 1:
Click on the paperclip layer to make it active. Then hold Ctrl and click on the thumbnail of the green paper strip layer. At this point you will see marching ants around the green paper, showing that just the part of the clip that covers the green paper is selected. However, we only want to select the inner part of the clip. Press W to switch to the magic wand tool. Note that depending on what tool you used last, W may activate the Quick Selection tool; in that case, click on the tool in the Tools palette and hold for at least one second to bring up the tool picker sub menu, then choose the Magic Wand tool.
In the options bar set the tolerance to 99 and check the contiguous option (see red circles in above diagram for location of these options).
Now, holding Shift and Alt down, click on the inner metal part of the paperclip (you may need to zoom in to do this effectively). Holding Shift+Alt tells Photoshop to create a selection union, or in other words, to just select areas where the two selections overlap.
You should now see “marching ants” around the inner loop part of the paper clip, with a clean line at the edge of the paper (see below diagram to show what should be selected.)
If your selection is good, you can now skip to STEP 3. Otherwise, press Ctrl+D to deselect, and try Selection Option 2.
Selection Option 2:
We are going to make a loose selection using the polygonal lasso tool. The most important part is to get a clean edge where the clip crosses the paper. Press L to select the Polygonal Lasso tool. Depending on what tool you used last, L may activate a different lasso tool; in that case, click on the tool in the Tools palette and hold for at least one second to bring up the tool picker sub menu, then choose the Polygonal Lasso tool. (See above for diagram of this when we chose the Magic Wand tool.)
Zoom in (I used 200%) and click exactly on the paper edge inside the paperclip loop (see diagram for mouse cursor position.)
Move the mouse cursor across the paperclip wire and click, again exactly on the paper edge (see below diagram for this second click position.)
Now continue moving and clicking the mouse, creating a selection which completely contains the inner loop of the paperclip. See next diagram for how your completed selection should look.
STEP 3 – CREATE A NEW LAYER
Once your inner clip area is selected, press Ctrl+Shift+J to cut that area and paste it onto a new layer above the paperclip layer. Rename this layer “inner clip”.
STEP 4 – SET STYLE EFFECTS FOR NEW LAYER
Click on the inner clip layer to make it active. Right click on the fx symbol of this layer and choose Clear Layer Style. Then set the Fill to 0% (see below for location of the Fill option.) This will make the inner clip disappear. The below diagram shows the location of the Fill option, as well as the visual result when Fill is set to 0%.
- Style: Emboss
- Soften: 16
- Shadow Mode Opacity: 90
And there you have it! Note, you may need to adjust these settings differently based on your elements and papers, or play with the other options in this dialog to get the desired effect. For example, I noticed when using a darker piece of paper it helped to increase the shadow mode opacity value and decrease the highlight mode opacity value.
This same technique can be used when you have a hatpin element sticking thru a piece of paper. In some cases, the designer will give you a hatpin with the middle missing—all you would need to do is create a skinny rectangle of the appropriate size and fill it with any color (since it will be invisible).
I hope this tip proves helpful in making your layouts more realistic!
Since 2004, Digitals has been your digital scrapbook home and superstore. Sign up for our newsletter to receive a welcome gift.