Tutorial: Using PNG Overlays without Photoshop

UPDATE: A reader alerted me to an issue with fotoflexer.com when you load layers. Unless this gets fixed, this tutorial won't work properly. I have posted a new tutorial for using PNG overlays with free software here. 

***
I have a few friends who don't have Photoshop or Photoshop Elements (or another photo editing program that allows transparent overlays), so I found a FREE, online way for you all to use my overlays.

You'll be using an amazing free photo editing website (no account required) called FotoFlexer. This is really easy to do!

1) Go to FotoFlexer.com, and click on Upload Photo. Pick the photo that you want to add the overlay to. (Not the overlay, that will be next).

2) Click on the layers tab.

3) Click on Add Images.

4) You'll choose your overlay file. The one I chose was my LOVE this freebie. This is what it will look like at first.

5) You'll want to hold the shift key to maintain proportion, select the overlay layer, and drag in the sides or corners to make it the size you like. Let go of the shift key and drag the overlay across the photo to where you'd like it placed.

6) Now click on the decorate tab, and Fill.

7) Change the color to white (or whatever color you prefer).

8) Click on each area of the overlay to fill them. Be patient, sometimes there's a few second delay after you click.

 9) Here's what it'll look like when filled. This is full opacity.

10) Go back to the layers tab, and click on opacity.

11) Make sure the overlay layer is selected, and then change your slider to the desired opacity.

 12) Click on save.

13) Save it as a jpg file, and you're done!

Final result, one more time: