Photoshop: add a white photo frame to your images

roryt roryt is offline Offline Jan 4th, 2007, 2:38 pm |
2
In this tutorial you will learn how to turn your images into something more like a real photograph by simply adding a white frame to them. What’s more, the tutorial is easy enough for those new to Photoshop to be able to create something impressive, and create it quickly.

First things first though, in Photoshop click file>new to create a new image. This should have a transparent background and be 500*500px.

Click image for larger version

Name:	wpf001.png
Views:	305
Size:	20.0 KB
ID:	2898
  • Select the rectangle tool (u) and drag out a rectangle on the canvas, it doesn’t matter at this point what color it is but do make sure the rectangle doesn’t fill the whole canvas.
Click image for larger version

Name:	wpf002.png
Views:	233
Size:	18.9 KB
ID:	2899
  • You need to convert this layer to a raster layer, and do this by right clicking on the layer and selecting ‘Rasterize Layer.’
  • Then right click on the layer and select ‘Blending Options’ after which you should select the following Shadow setting: distance= 10px, Spread= 0%, Size= 16px. Leave the rest as per the default settings.
Click image for larger version

Name:	wpf003.png
Views:	206
Size:	31.3 KB
ID:	2900
  • For the Color Overlay setting select #FFFFFF from the color picker and make sure it has 100% opacity, meanwhile the Stroke setting should be 1px wide on the outside, select #000000 from the color picker and then click OK.
  • You should now have what looks like the back of an old photo on your canvas, so quite obviously you need to place a photo into it.
  • Open your image and make sure it is the right size by clicking image>image size and setting this to 414px*226px before clicking OK.
Click image for larger version

Name:	wpf004.png
Views:	197
Size:	21.9 KB
ID:	2901
  • Now drag your image layer from the layer pallet to the canvas of the frame image. You will need to use the move tool (m) to move the image into place, and it is recommended that you leave a piece of frame at the bottom.
  • Merge the two layers together so that you can move them together later on, and to do this select the move tool (m) and move the mouse to just above one of the corners of the transform box. The cursor should change to a curved line with an arrow at each end which allows you to drag the image until it is at a good angle of about +7°.
Click image for larger version

Name:	wpf005.png
Views:	181
Size:	29.1 KB
ID:	2902
  • You now have the final frame and photo, but to finish things off how about adding a background? Do this by first adding a new layer by clicking layer>new>layer and then clicking OK when the dialog box pops up.
Click image for larger version

Name:	wpf006.png
Views:	190
Size:	15.8 KB
ID:	2903
  • Drag this layer under the other layer on your layers pallet, and select the paint bucket tool (g).
Name:  wpf007.png
Views: 955
Size:  4.7 KB
  • Change the foreground color to the color with which you wish to fill the background, a light color is recommended because this allows the shadow of the frame to show nicely.
Click image for larger version

Name:	wpf008.png
Views:	157
Size:	24.3 KB
ID:	2905
  • Click anywhere on your canvas and the color will fill automatically.
You should now have the final outcome on your screen. Obviously the photo will be different, but the effect should look something like this:

Click image for larger version

Name:	wpf009.png
Views:	236
Size:	162.3 KB
ID:	2906
Last edited by cscgal; May 13th, 2007 at 11:30 pm.
Quick reply to this message  
0
einfoway einfoway is offline Offline | Jan 24th, 2007
Cool have you written any more tutorials like this one. I would like to read them all. Today i learnt one more theing from your post. I hope i will learn a lot from you. If you can post other links it would be gr8. I want to learn basic integration of many images in one and still look like it was one image abd effects on buttons which give 3d effect somthying like its oval i hope you understand.
 
0
sblsoftware sblsoftware is offline Offline | Dec 31st, 2008
Really nice article. This is totally cool. Thanks.

Regards,
SBL Software
http://www.sblsoftware.com/web-secure.aspx
 
0
Secret- Secret- is offline Offline | Dec 31st, 2008
Nice Tutorial ,, Respect && I add you Reputation it was very helpfull.
 
 

Message:


Similar Threads
Thread Tools Search this Thread



About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC