by Jenifer Juris
Add visual interest to your digital projects using a geometric overlay.
Step One: Open a Photo
- Open a photo (File > Open) that you wish to use.
- In the Menu Bar, choose File > Duplicate. (Photoshop: Choose Image > Duplicate.)
- In the dialog box, click OK.
- Close the original photo.
Step Two: Create a Selection
- Get the Rectangular Marquee tool.
- In the Tool Options, click on the New Selection icon. Set the Feather to 0 px and the Aspect to Normal. (Photoshop: Set the Style to Normal.)
- On the document, while holding down the Shift key, click and drag from the top left corner to the very bottom of the photo. This should give you a square selection.
Note: If you’re using a square photo, the selection will cover the whole photo.
Step Three: Transform the Selection
- In the Menu Bar, choose Select > Transform Selection.
- In the Tool Options, set the Angle to 45˚. (Photoshop: Set the Rotation to 45˚.)
- On the document, while holding down the Shift key, click and drag from inside the bounding box to whichever edge you wish to add an overlay to. (I’m moving mine to the right.) Move the bounding box until the diagonal lines of the bounding box meet up with the right top and bottom corners of the photo. If needed, use the Arrow keys to nudge it into place.
- Click the check mark to commit the change.
Step Four: Add a Stroke
- In the Layers panel, click on the Create a New Layer icon.
- In the Menu Bar, choose Edit > Stroke (Outline) Selection. (Photoshop: Choose Edit > Stroke.)
- In the dialog box, set the Stroke to 7 px, the Location to Inside, and the Blending Mode to Normal. Uncheck Preserve Transparency.
- Click on the Color Chip, choose a color from the dialog box, and click OK. I’m using Hex #: fabfc3.
- Click OK to apply the stroke.
- Press Ctrl D (Mac: Cmd D) to deselect.
Note: The size of your photo will determine how big your stroke will look. So, keep in mind you may need to use a different size stroke depending on the size of your photo.
Step Five: Duplicate the Stroke
- Press Ctrl J (Mac: Cmd J) a number of times. I duplicated mine 17 times.
- In the Layers panel, click on the top most stroke layer to activate it.
- Get the Move tool.
- In the Tool Options, uncheck Auto-Select Layer.
- On the document, while holding down the Shift key, click and drag the stroke shape to the edge of your photo. (See the screenshot below.)
- In the Layers Panel, while holding down the Shift key, click on the bottom most stroke layer. All of the stroke layers should now be active.
- In the Tool Options, click on the Distribute Horizontal Centers icon.
Step Six: Finishing Touches
At this point, consider doing the following:
- Click on the Visibility icon of some of the stroke layers to hide them. This will add emphasis.
- Consider adding a gradient behind your stroke layers to make your overlay more visible.
- Add some text to finish off your project.
Here is what my photo looks like now that I’m done:
Photo: Stock Photo
Font: Lulo Clean
This simple and easy overlay can also be used in a scrapbook page as part of the background:
I hope you enjoyed this technique.
After posting your results online,
return here and include the link in the comments.
I can’t wait to see what you do with this!
Photo: Jodi Finley
Kit: This is my Fave by Tickled Pink Studio
Font: Girl Friday
Author: Jenifer Juris | Contact Us
All comments are moderated.
Please allow time for your comment to appear.