Photoshop: add a white photo frame to your images

Please support our Graphics and Multimedia advertiser: 50% Off 6 Months Web Hosting from 1&1. The World's #1 Host!
roryt roryt is offline Offline Jan 4th, 2007, 1:38 pm |
3
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.

Name:  wpf001.png
Views: 309
Size:  20.0 KB
  • 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.
Name:  wpf002.png
Views: 236
Size:  18.9 KB
  • 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.
Name:  wpf003.png
Views: 210
Size:  31.3 KB
  • 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.
Name:  wpf004.png
Views: 198
Size:  21.9 KB
  • 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°.
Name:  wpf005.png
Views: 182
Size:  29.1 KB
  • 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.
Name:  wpf006.png
Views: 190
Size:  15.8 KB
  • Drag this layer under the other layer on your layers pallet, and select the paint bucket tool (g).
Name:  wpf007.png
Views: 974
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.
Name:  wpf008.png
Views: 157
Size:  24.3 KB
  • 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 10: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.
 
0
aakash.lpin aakash.lpin is offline Offline | Feb 5th, 2010
nicely written tut..added to yer rep!
 
 

Message:


Similar Threads
Other Threads in the Graphics and Multimedia Forum
Thread Tools Search this Thread



Tag cloud for Graphics and Multimedia
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2010 DaniWeb® LLC