Skip to main content

Home

Daniel C. Fergus

Artist & Educator

VCA-202 Raster Imaging

Exercise: Making Creative Frames

Introduction

Assignment

Add a series of creative Photoshop frames to one or more selected images.

Black Border

Frame example
  1. Open an image.
  2. Set the background color to black.
  3. Choose Image > Canvas Size.
  4. Check the "Relative" box.
  5. Expand the canvas about 1% to accommodate the border (try 30px for a 3000px-wide image for example).
  6. That should do it. However, if your image is on a transparent layer, you will need to add a new layer below the image. Fill it black.
  7. Flatten the image, save it with a new name, and set it aside.

Scrap Book Style Photo

Frame example
  1. Open an image in Photoshop
  2. Set the background color to white.
  3. Choose Image > Canvas Size.
  4. Check the "Relative" box.
  5. Expand the canvas—about 200px each direction for a 3000px-wide image (roughly 6 or 7%).
  6. To see the border against a white background (like on this page) double-click on the background layer to convert it to a 'regular' layer ('Layer 0').
  7. Expand the canvas again another 200px or so.
  8. In the layer effects palette add a drop shadow.
  9. Enlarge the size of the shadow enough to see it on all four sides of the white frame.
  10. Flatten the image, save it with a new name, and set it aside.

Torn Edge

Frame example
  1. Open an image in Photoshop.
  2. Select the paint brush.
  3. Find the Oil Pastel Large brush (or similar rough edge brush). It will be easier to find if you change the brush picker window option to "Large List."
  4. Change the master diameter to about 1/10 the width of the photo (so if it's 3000px, set the brush to 300px).
  5. Create a new empty layer on top of the image.
  6. Choose white for the foreground color.
  7. Paint in the empty layer, along the edge of the image to create a torn-edge effect.
  8. Flatten the image, save it with a new name, and set it aside.

Rough Edge Frame

Frame example
  1. Open an image in Photoshop.
  2. Select All.
  3. Choose Select > Modify > Border. Enter about 60 pixels.
  4. Feather the selection about 10 pixels.
  5. Create a new empty layer.
  6. Reset the foreground & background colors to black and white. Choose Filter > Render > Clouds.
  7. Create another new layer. With the selection still active, fill the selection on the new layer with black.
  8. Change the blending mode of the new layer to multiply. Deselect.
  9. Merge the two frame layers and change the blending mode of that merged layer to multiply.
  10. With the frame layer selected, opens the levels window. Move the right input slider to the left until you hit the edge of the histogram (and perhaps a little farther); this will increase the contrast in the frame, defining the edge.
  11. Flatten the image, save it with a new name, and set it aside.

Double Matte

Frame example
  1. Open an image in Photoshop.
  2. Convert the background layer to a 'regular' layer (double-click on the background layer).
  3. Choose Image > Canvas Size.
  4. Check the "Relative" box.
  5. Expand the canvas—about 150px each direction for a 3000px-wide image (roughly 5%).
  6. Add a new layer below the image. Fill it with white
  7. In the Effects pop-up window, add an inner shadow to the bottom layer. Set the distance to 15px, size to 30px and angle to 120º.
  8. Expand the canvas again by about 600px (20%) horizontally and 700px (23%) vertically.
  9. Add a new layer at the bottom. Fill it with a gray or cream color (whatever matte color looks best with your image).
  10. Move the image and the inner matte layer up a bit (hint: link the image layer and inner matte layer, then move them as a group).
  11. Select the bottom layer and add a Pattern Overlay from the effects palette.
  12. Chose the Woven pattern swatch, at a scale of about 250%. Change the blending mode to luminosity, and the opacity to about 50%.
  13. Flatten the image, save it with a new name, and set it aside.

Art Poster

Frame example
  1. Open an image in Photoshop. Make sure your image is on a 'regular' layer (double-click on the background layer).
  2. Select All (cmd-A).
  3. Choose Select > Transform Selection.
  4. In the W & H fields at the top of the screen enter 94% for the shorter side and 96% for the longer side (so a horizontal image will have 96% in the W(idth) field). Press Return twice to set the transformation.
  5. Choose Select > Inverse to invert the selection area.
  6. Add a levels adjustment layer, and darken the outside edge slightly by moving the gamma (middle) input slider to the right.
  7. Add a stroke effect from the layer effects palette to the adjustment layer. Make the stroke 5px and white, on the outside, with an opacity about 70%.
  8. Expand the canvas size in both directions by about 250px.
  9. Expand the canvas size again, but this time press the top-center box in the anchor grid, and add about 300px to the height only. This will enlarge the bottom portion of the frame.
  10. Add a new layer and put it at the bottom (below the image). Fill it with gray or beige or some other color that compliments your image.
  11. Duplicate the image layer (layer 0) by dragging the thumbnail to the new layer button.
  12. Move the duplicate layer to the top of the layer list.
  13. Give the top (duplicate) layer a stroke from the effects palette. Choose 5px, black, outside.
  14. Change the Fill amount of the top layer to 0. The stroke should remain.
  15. Add your name to the bottom of the frame.
  16. Flatten the image, save it with a new name.
  17. Convert all of your images to JPEG files

Specifications:

  • Size: any (within reason)
  • Due Date: Week
  • Deliverables: a set of JPEG files

Grading rubric

5 pts Expertly done.
4 pts Very well done; no obvious defects.
3 pts Average student quality; some minor glitches.
2 pts Sloppy; needs a lot more adjusting.
0–1 pts Poor showing; redo.
decorative thumbnail

All text, images, and multimedia pieces (unless otherwise specified) copyright 2005–2011 Daniel C. Fergus. All rights reserved. No reproduction without permission.