You are viewing an old version of this site. Please head over to to check out the new version.
Speakin' OutHere I share my thoughts, tutorials, freebies
inspiration to the design community.

Old and Worn-Out Photo Effect

Photoshop Tutorial

In this tutorial, you will learn how to add an old and worn-out effect to a photo in Photoshop with just a few easy steps! This is a pretty simple tutorial but the outcome is great and this tutorial is useful most especially for Photoshop newbies. I’m sure this will come in handy in your future designs, too!

Photoshop Tutorial

Materials Needed:
GrandeOmbre’s Old Frame Texture
Slimmbarb’s Special Moment Stock Photo

1. Create a new document in Photoshop with dimensions 489×327 but if you intend this to be a large artwork, you may want to consider changing the size of the document.

Photoshop Tutorial

2. Open GrandeOmbre’s Old Frame texture in Photoshop and go to Image > Rotate Canvas > 90 degrees CW. Drag this texture onto our new document and resize it the same size as our document using Edit > Transform > Scale

Photoshop Tutorial

3. Open Slimmbarb’s Special Moments photo and resize it just like how we did it in Step (2). This is to make this photo about the same size as the document we created. Drag the photo onto the document and make sure it is above our texture layer. Hide this photo layer. Make sure the photo layer is still the active layer and with the use of the Polygon Lasso Tool (L), make a selection around the gray area of the frame

Photoshop Tutorial

Photoshop Tutorial

4. Show the photo layer again and click on the Mask icon. Upon hitting on the Mask icon, notice a little black square with a white circle appear next to our photo layer. This means that our photo is being masked. The black area is the concealed area while the area with the white area is the unconcealed area

Photoshop Tutorial

Photoshop Tutorial

Photoshop Tutorial

5. Let us add a grainy look to our photo by hitting Filter > Noise > Add Noise with these settings

Photoshop Tutorial

6. Change the Blending Mode of the photo layer to Overlay to achieve the kind of look below

Photoshop Tutorial

Photoshop Tutorial

7. Let us now add some saturation to the colors of both our photo and our frame texture by hitting Layer > New Adjustment Layer > Hue and Saturation > OK with these settings

Photoshop Tutorial

8. As you have probably observed, old photos are a bit yellowish so let us add that kind of effect by hitting Layer > New Adjustment Layer > Color Balance > OK with these settings

Photoshop Tutorial

9. Let us add this final touch to our design to give it a more old or retro effect. Create a new layer above all the layers. Using the Gradient Tool (G), create a linear gradient from # 3a5750 to #b97630

Photoshop Tutorial

10. Change the Blending Mode of the gradient layer to Soft Light and its Opacity to 73%

Photoshop Tutorial

We have now given our photo an old, worn-out look! Why don’t you try it with your own photos?

Join online courses to prepare for ccsp and mcse papers and improve your success chances using cisa dumps and other resources.



Nice tutorial. While I more commonly want to take an old photograph and make it look NEW, I can definitely see opportunities for doing it the opposite way as well. ;-)



Nice, simple tutorial


thank you for this tip xD


OMG…totally great tut!


nice effect but looks too old for a 1980 pic :) But overall, a good tut :)


simple but COOL

aravind ajith

You are a grunge master..
proving it again and again! =)

Jan Cavan

@eveyone: Great to hear you like this tut, thank you!

@aravind ajith: Grunge master? Hah! Thank you!

Daryl Cacafranca

@aravind: YEah! she’s the Grunge Princess! LOL

@Jan: Grabe di na ma reach imo site jan! hehehe practice sa ko..=)

Jan Cavan

Hehe, hi jes :)

Sneh Roy

Hey Jan! Just found your awesome website .. I love your style! You’ve got some amazing stuff up your breakdancing sleeve :)

Jan Cavan

@Sneh Roy: Thank you, I really appreciate it :)

Gopal Raju

Thats amazing buddy!

G Howard

Well done. It was fun to try this tutorial–thanks for creating it!

hairi it….


“2. Open GrandeOmbre’s Old Frame texture in Photoshop and..”

I can’t find this texture in my Photoshop. I used Photoshop CS4. Where i can open it? can you explain me, coz i really like this design.


*I like this design and I bookmarked this link. Thank you for good job!”


wow. thanks for this tutorial. I really enjoyed making one of these stuff…I have also read your other tutorials, and I can’t wait to try them out myself…nice work!!! :D

Jan Cavan

@hobyt: Remember where you saved the texture file. Once you’ve saved it, go to Photoshop and Open > File and look for the location the texture was saved.

Thanks everyone!


thanks for this tutorial! i tried it using my photo and i like it =)


Its really great idea with simple steps…


i try it by myself