New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Learn it fast with expert-taught software and skills training at lynda.com. See what you can learn

By Colleen Wheeler | Tuesday, February 21, 2012

Deke's Techniques: Creating a perfectly spaced frame effect in Photoshop

In this week’s free movie, Deke shows you how to create a perfectly spaced frame around a graphic inside your Photoshop file. Now, at first glance, this may seem rather simple, especially for those of you who have mastered adding drop shadows. But the real key to this effect is a rather ingenious use of Photoshop’s ability to contract a selection uniformly in order to create the boundaries of the frame. To do this, start with a selection based on the size of the graphic you want to frame, use the Select > Modify > Contract command to shrink your selection to the exact size you want the width of your frame to be, then invert your selection, and voila you have a perfectly sized frame around the graphic. No measuring or calculations necessary.

Once you’ve created the frame layer this way, it’s then a relatively simple matter of applying the right layer effects to sell the overall idea. In Deke’s demonstration, he applies nuanced measures of the aforementioned Drop Shadow, plus the Color Overlay, Bevel and Emboss, and Outer Glow effects. The result is an organic frame that’s integrated into your image, using a technique that has plenty of room for personal customization. In fact, I played with the technique myself this week, and using a text layer as my graphic I was able to create a birthday card for a certain application who’s about to turn 25. (See next week’s technique for more information there.)

Birthday card with frame created in Photoshop

For members of lynda.com, there’s an exclusive movie this week (Adding a frame to a photograph) in which Deke shows you how to frame a photograph, making sure the boundaries of the frame are exactly those of the original image.

Stay tuned next week for another free technique which features Deke’s own birthday homage to Adobe Illustrator.

Interested in more? • The entire Deke’s Techniques collection on lynda.com • Courses by Deke McClelland on lynda.com • All Photoshop courses on lynda.com

Suggested courses to watch next: • Photoshop CS5 One-on-One: Mastery• Photoshop for Designers: Layer Effects• Photoshop Masking & Compositing: Advanced BlendingPhotoshop CS5: Creative EffectsPhotoshop CS5 for Photographers

Learn it from the experts.

With online video courses at lynda.com, you can reach your goals faster. Learn software, improve your skills, and get an inside look at how the professionals work.

See what you can learn


Share this article:

Tags: , ,

Get the latest news

  •   New course releases
  •   Pro tips and tricks
  •   News and updates
  
New releases submit clicked

You can change your email preferences at any time. We will never sell your email. More info

All articles

Featured articles

A lynda.com membership includes:

Unlimited access to thousands of courses in our library
Certificates of completion
New courses added every week (almost every day!)
Course history to track your progress
Downloadable practice files
Playlists and bookmarks to organize your learning
Become a member

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.