Blog.SpoonGraphics

How To Create a Washed Out Vintage Matte Photo Effect

Read the article

Washed out matte effects seem to be really popular in the Photography scene at the moment. These effects look particular cool when combined with warm vintage tones to add a classic nostalgic feeling to your images. Follow this step by step tutorial to process and transform your shots in Photoshop to create a warm washed out vintage matte effect using non-destructive editing.

Vintage matte photo effect

The photo effect we’ll be creating gives your images a warm colour cast with washed out contrast, taking inspiration from early analogue films. The effect is produced by building up Photoshop’s adjustment layers and blending modes to stack multiple levels of manipulation.

Open up your base image in Photoshop. I’m using a photograph of my motorcycle for this tutorial. By default it has realistic colours and contrast, but a vintage matte effect would complement the classic styling of the bike nicely. Begin by adding a Levels adjustment layer by selecting the option from the adjustment layer icon at the bottom of the Layers panel.

Drag the black handle for the Output Levels slider inwards to reduce the contrast and wash out the shadows of the image. Tweak the highlights and shadows in the normal Levels histogram to bring back some darkness to the blacks and brighten the whites.

Next, add another adjustment layer. This time select the Black and White option. Leave the default options but reduce the opacity of the layer to around 40% in order to allow some of the original colour to show through, adding to the washed out look.

Apply some warm tones to the image by adding a Color Balance adjustment layer. Start with the Shadows selection and increase the Reds to around +20 while adding more Yellow at around -30. Make sure the Preserve Luminosity option is checked to achieve the best result.

Switch over to the Midtones and Highlights selections and increase the Yellow to +30 on these channels to really warm up the image with golden tones.

Change the blending mode of the Color Balance layer to Lighten to allow the yellows to interact with the original tones, warming up the entire image.

We can add more golden tones by adding a gradient overlay using mid to light brown colours. Here I’ve selected #5b3c2c and #efdbcd. Adjust the angle to 45° to flow the gradient diagonally across the canvas.

Change the blending mode of the Gradient layer to Vivid Light to allow the brown tones to add vibrant highlights to the image.

Reduce the opacity of the Vivid Light gradient to tone down the effect and leave a subtle colour cast.

No vintage effect would be complete without some grit & grain to give the image an old, aged look. Download and open one of my free dust & scratches textures. Change the blending mode to Screen to render the black background transparent, then reduce the opacity to 30% to leave subtle distress marks.

The final vintage matte effect gives the image a much more traditional look with washed out, warm golden yellow and brown tones. Each step of this effect is created using adjustment layers, so the individual manipulations can be fine tuned to provide the best result for your image.

Download the source file

Join the mailing list and receive my design resources bundle FREE!

Join the mailing list to have every new post hand delivered to your email inbox. Every subscriber gets a FREE bundle of 40+ icons, vectors, brushes & textures!

15 Comments

  1. Prateek Gupta says:

    Hi Chris Spooner,
    Great Tuts, Thanks For Share!

    (5)
  2. Adam Binder says:

    I always look forward to these tutorials. Thanks Chris!

    (1)
  3. Michelle says:

    I can’t wait to try this myself! Thanks for sharing it!

    (1)
  4. Peabea says:

    Thanks for a great tutorial. :)

    (1)
  5. Den says:

    Coolest tutorial I have ever seen. I have recreated this without facing a single issue

    (1)
  6. VladDracul says:

    Merci beaucoup. C’est super !…

    (0)
  7. MaNu MoHaN says:

    thank you so much sir……

    (0)
  8. Filiberto says:

    Thank you, great value in this ‘small’ tutorial…..

    (0)
  9. Simon Birky Hartmann says:

    I wrote another take on this effect, over on the GoMediaZine: http://gomedia.us/zine/tutorials/easy-to-accomplish-vsco-cam-effect-in-photoshop/

    (0)
  10. Hilde T says:

    I love this effect! Thank you :D

    (0)
  11. Aero IT says:

    Thanks for going into so much detail on your tutorials, it really helps

    (0)
  12. David Silver says:

    Your tutorials are always so detailed, I have just the picture I want to try this on. Thanks for sharing.

    (0)
  13. Akhtar says:

    Very handy technique… Helped me a lot recently. Good idea to post it ;)

    (0)
  14. mohjay says:

    you very creative buddy. big up!

    (0)
  15. Normally this tutorial very creative effective, I like so much.

    (0)

Comments are now closed