CARVIEW

MOTORHOMES

Select Language

HTTP/2 302 server: nginx date: Fri, 08 Aug 2025 12:09:29 GMT content-type: text/plain; charset=utf-8 content-length: 0 x-archive-redirect-reason: found capture at 20080410215039 location: https://web.archive.org/web/20080410215039/https://www.daniweb.com/tutorials/tutorial66373.html server-timing: captures_list;dur=0.897847, exclusion.robots;dur=0.034396, exclusion.robots.policy;dur=0.015788, esindex;dur=0.016719, cdx.remote;dur=131.439259, LoadShardBlock;dur=689.642629, PetaboxLoader3.datanode;dur=556.630936, PetaboxLoader3.resolve;dur=70.949037 x-app-server: wwwb-app213 x-ts: 302 x-tr: 864 server-timing: TR;dur=0,Tw;dur=0,Tc;dur=0 set-cookie: wb-p-SERVER=wwwb-app213; path=/ x-location: All x-rl: 0 x-na: 0 x-page-cache: MISS server-timing: MISS x-nid: DigitalOcean referrer-policy: no-referrer-when-downgrade permissions-policy: interest-cohort=() HTTP/2 200 server: nginx date: Fri, 08 Aug 2025 12:09:29 GMT content-type: text/html; charset=utf-8 x-archive-orig-date: Thu, 10 Apr 2008 21:50:38 GMT x-archive-orig-server: Apache/2.2 x-archive-orig-x-powered-by: PHP/5.1.6 x-archive-orig-set-cookie: bblastactivity=0; expires=Fri, 10-Apr-2009 21:50:38 GMT; path=/; domain=.daniweb.com x-archive-orig-cache-control: private x-archive-orig-pragma: private x-archive-orig-vary: Accept-Encoding,User-Agent x-archive-orig-connection: close x-archive-guessed-content-type: text/html x-archive-guessed-charset: utf-8 memento-datetime: Thu, 10 Apr 2008 21:50:39 GMT link: ; rel="original", ; rel="timemap"; type="application/link-format", ; rel="timegate", ; rel="first memento"; datetime="Sun, 07 Jan 2007 23:46:55 GMT", ; rel="prev memento"; datetime="Sun, 23 Dec 2007 05:01:18 GMT", ; rel="memento"; datetime="Thu, 10 Apr 2008 21:50:39 GMT", ; rel="next memento"; datetime="Thu, 15 May 2008 13:08:30 GMT", ; rel="last memento"; datetime="Sun, 23 Aug 2009 12:40:47 GMT" content-security-policy: default-src 'self' 'unsafe-eval' 'unsafe-inline' data: blob: archive.org web.archive.org web-static.archive.org wayback-api.archive.org athena.archive.org analytics.archive.org pragma.archivelab.org wwwb-events.archive.org x-archive-src: 51_3_20080410172937_crawl107-c/51_3_20080410214552_crawl104.arc.gz server-timing: captures_list;dur=0.599245, exclusion.robots;dur=0.025757, exclusion.robots.policy;dur=0.012768, esindex;dur=0.013869, cdx.remote;dur=39.552623, LoadShardBlock;dur=166.197067, PetaboxLoader3.datanode;dur=124.717643, PetaboxLoader3.resolve;dur=297.060864, load_resource;dur=295.916097 x-app-server: wwwb-app213 x-ts: 200 x-tr: 582 server-timing: TR;dur=0,Tw;dur=0,Tc;dur=0 x-location: All x-rl: 0 x-na: 0 x-page-cache: MISS server-timing: MISS x-nid: DigitalOcean referrer-policy: no-referrer-when-downgrade permissions-policy: interest-cohort=() content-encoding: gzip Photoshop: add a white photo frame to your images

Photoshop: add a white photo frame to your images

•

What is DaniWeb IT Discussion Community?

You're currently browsing the Web Design Tutorials section within the Web Development category of DaniWeb, a massive community of 309,405 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,053 IT professionals currently interacting right now! If you are in the IT industry or are just a technology enthusiast, you might find just what you're looking for in DaniWeb. Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

•

FAQ | Community Rules | Welcome Guide

Please support our Web Design Tutorials advertiser: Modernize Legacy Data with Sybase

•

Jan 4th, 2007

Views: 12,064 |

roryt

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.

wpf001.png

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.

wpf002.png

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.

wpf003.png

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.

wpf004.png

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°.

wpf005.png

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.

wpf006.png

Drag this layer under the other layer on your layers pallet, and select the paint bucket tool (g).

Name: wpf007.png
Views: 450
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: 139
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:

Name: wpf009.png
Views: 171
Size: 162.3 KB