Quick Frame Effects

 

Here’s a couple of super quick frame effects to add a little burst of creativity to otherwise mundane photos.

Fast Frame #1

Step 1: Pop open a photo in Photoshop and double-click the background layer to make it editable.

Step 1

Step 2: Press C to select the Crop tool. We’re going to give ourselves a little wiggle room by drawing a crop box around the image, then pulling out the handles on all four sides to increase Canvas size. Press Return to accept the crop and enjoy your newfound space

Step 2

Step 3: Click the tiny cursive “f” at the bottom of the Layers Palette and choose Stroke..

Step 3

For the resolution of this particular photo, a stroke size of 13 pixels worked out well. For sharp corners, choose Inside from the Position pop-up menu (for round corners choose Outside). Pick a color from the color well (circled in red below).

Step 4

Step 5: Before closing the Layer Style dialog box, select Drop Shadow from the left-hand menu. Mouse over to the photo and move the drop shadow around, then use the Size slider to soften it a bit. Click OK when finished.

Step 5

Step 6: Summon Free Transform by pressing Command + T (PC: Ctrl +T). Rotate your creation counter-clockwise by positioning the cursor just below the bottom right-hand handle, then dragging upward slightly. Press return to accept the rotation.

Step 6

Step 7: Command click (PC: Right click) the new layer icon at the bottom of the Layers Palette to add a layer beneath the one you’re working on.

Step 7

Step 8: Click the foreground color chip in the main Toolbox and pick a color. With the new layer selected, press Option + Delete (PC: Alt + Delete) to fill the new layer with color.

Tada! Here’s the finished product:

Step 8

Fast Frame #2

A variation on the first frame, we’ll start with giving ourselves more canvas space.

Step 1: Press C to select the Crop tool, and draw a crop box around the image. Pull the handles as shown below: about 1/4 inch on the left, top, and right, then about 1/2 inch on the bottom. Press Return to take receipt of your new space.

Step 9

Step 2: Command click (PC: Right click) the new layer icon at the bottom of the Layers Palette to add a new layer beneath the one you’re on, like we did above in Step 7.

Step 3: Press D to set your color chips to the default of black and white, and press X until white is on top. Press Option + Delete (PC: Alt + Delete) to fill the new layer with white. Here’s where we are so far:

Step 10

Step 4: Press C to select the Crop tool again, and draw a box around the image. This time add space on all four sizes equally. Press Return to accept the crop.

Step 11

Step 5: Press T to select the Type tool and add a caption at the bottom of the polaroid-ish border.

Step 12

Step 6: When you have everything *just* right, choose Merge Visible from the Layers Palette pop-up menu.

Step 13

Step 7: Now you’re free to rotate and add a drop shadow like we did above in Fast Frame #1. This time, I increased the size of the drop shadow quite a bit so it would show up on the right side of the photo to define the edge. I also lowered the opacity of the shadow just a bit.

Step 14

Here’s what we end up with:

Step 15

That’s all for this week! Until next week, happy fast framing ;)

by Lesa Snider
The Graphic Reporter
http://www.graphicreporter.com
Chief Evangelist, iStockphoto.com

June 20th, 2006 by Lesa Snider | Photography, Tutorials | 2 Comments

2 Comments

  1. rembrandt javelosa said on — March 27, 2008 @ 8:04 pm

    very nice… a whole new idea learned…

  2. Mer-Jessa said on — April 24, 2008 @ 3:52 pm

    I used this idea for my Digital Photography Homework….
    Thankz;)

RSS feed for comments on this post. TrackBack URI

Leave a comment

Photoshop Tutorials

  • Wild West Grunge

    Corey shows you how to recreate this rugged, weathered look using a couple of filters, blending modes, and layer masks.

  • Wall of Text

    Use a clipping group to place an image inside of a background of text, with another layer of text placed in front to create depth.

  • Natural Brushes

    In this tutorial Corey shows you how to take an existing image and turn it into it’s own custom brush.

  • Custom Coins

    In this tutorial Corey creates a realistic-looking coin effect using the channels palette and the lighting effects filter.

  • Creative Contrast in Photoshop CS3
    In this tutorial, we’ll take a look at some interesting techniques for improving contrast using the Shadow/Highlight command, empty adjustment layers, blend modes, and the Blend If sliders in the Layer Style dialog.
  • Enhanced Workflow in Lightroom 1.1
    In this article, we'll focus on techniques that will strengthen your workflow skills and simultaneously reveal some of the new features in Lightroom 1.1.
  • Handlin’ Photoshop and Illustrator Content in Flash
    we’ll take a look at how things work across Photoshop, Illustrator, and Flash-specifically, some features and techniques for getting rasterized Photoshop content and vector Illustrator content into your Flash movies.
  • Understanding Channels in Photoshop CS3
    Photographer Chris Alvanas wants to go over Channels, because understanding what they are and what they do is key to understanding what their potential is.
 

Removing Those Typographically Incorrect Spaces

If you’re trying to set type that looks typographically correct in Photoshop, there’s an old habit you’ll have to break, and that’s the curse of putting two spaces at the end of every sentence. This is a holdover from people who at one time used traditional typewriters, where adding two spaces was necessary, but in typesetting that’s a huge no-no. About 70% of the text I copy-and-paste from text files that people give me has two spaces, but I use this Photoshop tip to fix the problem in just seconds. First, go under the Edit menu and choose Find and Replace Text. In the Find field, press the Spacebar twice (entering two spaces), then in Change To, press the Spacebar just once. Click Change All, and every time Photoshop finds two spaces at the end of a sentence, it will replace it with just one, making you typographically correct.

Read More Tips

Tip of the Day
 
DVD Special
Online Training
Kelby Training