Using Overlays - a tutorial for CS2 and Elements

I get a lot of questions how to use these babies so Im going to show you ok? They are pips. You can use them on photos and layouts or to make your own stationery. You can colour them too. So here goes:

To place on a photo or layout

Step One: Using CS2 here (you can adapt with elements too) open your photo and open the overlay PNG file. Place them side by side on your monitor like this below. If you are making stationery, use a blank white canvas instead of a photo.

Step Two: find this tool here (circled in red). Its called the Move Tool.

Step Three: Once you have clicked on the move tool, you need to move it to to the overlay. Click on the overlay and drag it over the photo and let go. It should be inside the photo file!

Step Four: You will need to shift it to fit. The overlays are made to fit 12x12 layouts but you CAN make them fit 6x4 photos or any other landscape/portrait sizes. To do this you will need to make sure you are on the layer containing the overlay and then press CTRL+T (pc) or APPLE+T (mac). This allows you to resize the overlay on the photo correctly.

You are done.

But what if you want to colour the overlay?
Ok - we can do this. Follow step one as above but before you go to step two you need to do the following. Go to layers>layer style>colour overlay. I think the default is red but double click the red box and change the colour. Im using pink

Then follow step 2-4 as above to give you this:

Hope this is of some use to y'all