Welcome  Personal Site   Contact/About    Home Page   Photoshop Tutorials   Sitemap   PDF Tutorials

   Adobe Photoshop Tutorials

by Wendi E M Scarth.

 

Frame Effects

 

 Position Rectangular Photographs Inside Round Frames
  Suitable for Adobe Photoshop CS CS2 & CS3
Skill Level - Intermediate

This tutorial demonstrates how to place photographs inside irregular shaped picture
frames. To work along you will find the start images
HereUnzip the file and open the contents onto Photoshop’s workspace ready to utilise.

Undo and Navigation Steps
Two ways of undoing steps are from the top menu, Edit then Step Backwards. Alternatively, click a previous snapshot in the History Palette.

Navigate (zoom in and pan) your image using the Navigator Palette,

or the Zoom Tool.

Activate The Hand Tool by tapping the Spacebar, keeping the Spacebar pressed, pan your image in the usual way.

1/
Grab the top-right menu of the double frame, and drag it diagonally upwards, to display its grey workspace. Then open two photographs. 
 
2/
If your photographs are large, they need to be reduced in size - to do this, from the top menu, choose Image then choose Image Size and reduce them to a manageable size. I used the following attributes - however, settings depend on your photographs original size.

 



My settings reduced my image to the following - making it easier to place inside one of the frames.

3/
Now, from the left-side toolbar, activate the Move Tool.

And drag your reduced photo onto the double frame image, as shown below. To do this (once you have activated the Move Tool), hover your cursor over the photograph and you will see the following black triangle and cross icon.



Now, left-click and drag your photograph onto the double frame image, as shown below.



Your workspace will resemble the following - and you can delete the original photograph. Note: Your photograph will be placed onto the double frame image, as a New Layer.

 

4/
To reduce the size of the photograph, so it fits inside one of the oval apertures, from the top menu, choose, Edit then choose Free Transform. A vector transformation box will surround your image.
 

Now, left-click and drag the photograph (diagonally and downwards) towards its opposite corner - consequently reducing its size.


Note
To reduce your image proportionally, first press and keep pressed, your keyboard’s Shift key, then resize as usual.

Continue reducing its size until it is slightly larger than the oval. Naturally, because it is square, the fit will not be exact - however, ensure it is slightly larger than the oval, as shown below - and drag it into position.
 


When you are satisfied with its size and position; from the Options bar, click the following Commit transform tick. Or press Return.


5/
Now, from the Layers palette, grab the double frame layer and drag it above the photograph layer.

The image is now positioned behind the oval, as illustrated below.

6/
To remove parts of the photograph that extrude the frame, left-click to highlight the photograph layer. 

Then from the toolbar, activate the Eraser Tool.


And set the following attributes.



Now, carefully remove parts of the photograph that transcend the oval, as highlighted below. If you make an error, from the top menu, choose Edit then choose Step Backwards.



When you have completed this, your first photograph is complete and you are ready for the next step.


Tip
Ensure you remove all traces of the photograph, including areas behind the small
apertures.

7/
Activate your second photograph. Now
, follow the same steps as you did with the first photo, and place the second photo behind the second oval - and again, remove the areas that transcend the oval frame, with the Eraser Tool.

When this is complete, your image will resemble the following.

both complet oval oval

8/
To apply a drop shadow to the double frame - first ensure it’s layer is active in the Layers palette, then from the top menu, choose Layer then choose Layer Style. Click Drop Shadow from the pop-up menu, and in the subsequent Layer Style dialogue box, play with the settings and choose a shadow you like, then click OK. I applied Photoshop’s default drop shadow settings.

Tip
To smooth the jagged edges inside the two ovals.



Ensure you are working on the frame layer, then from the toolbar, activate the Blur Tool and set a Strength of %20, and a Brush Size of 15.

And gently blur the jagged edges around the inside ovals.unblurr blur


9/
From the top menu, choose Layer then choose Merge Visible (this retains the transparency), your double frame is complete and ready to save. To apply a Solid Colour, Gradient or Pattern to the transparent background, link
Here. Additionally, my optimising and saving images lesson can be found Here.

Wendi E M Scarth - Top of Page - Home.