I was reading Lula, Issue #13, and I noticed some instant-film-like photo frames in use in their Lula Loves section. At first I thought it was totally Photoshopped and then it occurred to me that there might be a square film format with clipped corners that I’m unaware of. I’ve also seen this contact-sheet effect in Wallpaper Magazine, in an article called The Collector (3/2012). I really like this frame style because it’s different from the other instant film formats I’ve seen.
Anyway, I thought that duplicating this frame would be a good chance to make a tutorial that demonstrates some Photoshop techniques. In the following tutorial, we’re going to:
- Add textures using Photoshop’s built-in Texturizer filter.
- Apply a Gaussian Blur.
- Add a fixed rectangular shape to your document.
- Center elements precisely.
- Rasterize a layer (turn a shape into a regular bitmap image).
- Age your document by making it “grunge”.
- Add custom shapes.
- Give dimension to an element by adding an outer bevel.
- Create and use clipping masks.
The 2 exercise files (600px and 900px) that accompany this tutorial will only be available until midnight on April 30. Beginning May 1, they will only be available as part of the Photo Layouts Kit (Blog Bling Kit Part 2)! So, if you’re a member, please download ASAP. And if you’re not a member, you can make these frames in Photoshop. Although there are several steps, each step is pretty simple and I’ll lead you through them one at a time.
I want to thank Dulce Delight for giving me permission to feature her gorgeous Chocolate Mousse Inside Chocolate Cups photos — thank you, Raiza! You can get the recipe on her blog and see how she makes the yummy little cuties here. ♥!
Step 1: Create a new document
- You can create any size you like, but I’m going to use these dimensions: 600 x 485 pixels. To create a new document:
File >> New
- Create a new layer.
Layer >> New >> Layer
- Then, use the Paint Bucket tool from the Tool Box and fill that layer with a light gray color, something like this: #F4F4F4.
Step 2: Add texture
- Select the light gray layer, (that layer we created in Step 1).
- Give it a texture.
Filter >> Texture >> Texturizer >> Brick
- Next, apply a Gaussian Blur Effect to that same layer. Radius = 1.0 px.
Filter >> Blur >> Gaussian Blur.
Step 3: Add a dark rectangular shape
Step 4: Center
- Select these 2 layers: the gray layer and the dark rectangle.
- Select the Move Tool from the Tool Box.
- Align the horizontal and vertical centers. Please read my notes in the above illustration.
Step 5: Rasterize Layer
- Select layer with the dark rectangle shape.
- Right click on the layer and then select Rasterize Layer.
Step 6: Grunge
- Create or add a shape with clipped corners (please see my notes in illustration above).
- After you create the shape, right click the layer and rasterize it (same as in Step 5).
Step 8: Blur
- Select the shape layer you rasterized in the previous step (Step 7).
- Apply a Gaussian Blur effect with a 1 pixel radius.
Filter >> Blur >> Gaussian Blur
Step 9: Give the photo a little dimension
- Select the texturized gray frame.
- Add a layer style: Bevel and Emboss (the settings I used are noted in the in the illustration above).
If you prefer, you can add a drop shadow instead of a bevel.
Step 10: Create your photo mask
- Create a new layer above the layer that will be our photo mask (pink) and select it.
- From Layer Options, select Create Clipping Mask.
Step 11: Add your photo
- Insert your photo between the photo mask and the empty layer you created in the previous step.
- That’s it — you’re done!
chocolate mousse photos by dulce delight
grunge brushes from spoongraphics
vintage label inspired shapes
uma from myfonts
Futura Medium (OSX system fonts)