Photoshop Tutorial

Aug 10

Create a vintage looking image with Photoshop


If you are not familiar with layer masks this Photoshop training session will increase your image editing skills within Photoshop. The tutorial will show you how to turn your digital image into a vintage looking image. All done in a non-destructive way. This was done in Photoshop CS2, although it may work in older versions.

Vintage Image Start

Step 1:

If your image is on a background layer, select 'Layer > New > Layer From Background' from the menu.

Step 2:

Create a new layer by selecting 'Layer > New > Layer' from the menu. Set black as your background color by pressing 'd' on the keyboard, then pressing 'x' on the keyboard. Select 'Layer > New > Background From Layer' from the menu.

Step 3:

Select the layer your image is on in the layers palette, and click the 'Add layer mask' button at the bottom of the layers palette. Set your background color to 50% Gray by (Ctrl/Command) clicking it in your swatches palette.

50% Gray

50% Gray

Next select 'Filter > Render > Clouds' from the menu, then select 'Filter > Noise > Add Noise' from the menu with the Amount set to 10%, and the Distribution set to Uniform.

Add noise

Step 4:

Select 'Layer > New Fill Layer > Solid Color' from the menu, then in the first dialog that appears set the Mode to Color, and click OK.

Color Fill

In the Color Picker dialog that comes up enter 60 into the Hue field, 10 into the Saturation field, and 90 into the Brightness field, or simply enter e5e5cf into the Web Color field, and click OK.

Pick Color

Step 5:

Select 'Layer > New Adjustment Layer > Levels' from the menu. The settings used here will vary depending on the image. I used 1.20 for the mid-tone input level, and 190 for the white input level, and then set the black output level to 75. The goal is to reduce contrast, and give the image a somewhat faded appearance.

50% Gray

Step 6:

Press 'd' on your keyboard to reset the colors to black, and white, and select 'Filter > Render > Clouds' from the menu. Next select 'Filter > Render > Fibers' from the menu, and set the Variance to 20, and the Strength to 50. You can click the Randomize button to get different patterns.

Fiber Levels

Select 'Image > Adjustments > Threshold' from the menu, and set the Threshold level to 10, and click OK.

Threshold

Select 'Image > Adjustments > Levels' from the menu, and set the black output level to 175. The 175 value is based on this image, so you may need to adjust it if the little scratches seem too dark, or not dark enough.

Fiber Levels

Step 7:

Create a new layer by selecting 'Layer > New > Layer' from the menu. Fill the layer with the foreground color by pressing (Alt/Option) delete on the keyboard. Double click the layer to bring up the Layer Style dialog, and set the Fill Opacity to 0.

Click the Gradient Overlay style, and set the Blend Mode to Overlay, the Opacity to 50, and the Gradient to Foreground to Transparent. You may also want to try Color Burn, or Soft Light for the Blend Mode, and raising or lowering the opacity if this doesn't look very good for your image.

Gradient Type

Check the Reverse check box, change the Style to Radial, set the Scale to 150%, and click OK.

Gradient Overlay

That's all there is to it, the nice thing about this technique is you can adjust pretty much every aspect of it by either filtering the masks, adjusting the levels adjustment layer, or double clicking the color fill layer, and changing the color. You can also turn the color fill layer off so you have an old color image.

Vintage Image Final

If you are the lazy type, and don't want to do it yourself, you can just download the action. This action will only work on a background layer, and the levels adjustment layer may need manual adjustments depending on the image to which it is applied.






Clique It

Posted by , in Photoshop Tutorials



14 Comments for “Create a vintage looking image with Photoshop”


  1. Pingback

    MondoBlog » Blog » Photoshop Tutorials - Num 14
    Pingback on January 27th, 2007 at 3:40 am
  2. Pingback

    michaelmuller.net | Diseño y Desarrollo Web » Crea imágenes “vintage” con Photoshop
    Pingback on April 20th, 2007 at 7:32 pm
  3. Pingback

    Photo Booth, Version 0.1 » insertnamehere.de
    Pingback on August 25th, 2007 at 9:12 am
  4. Pingback

    AndrewGribben.com » Blog Archive » links for 2008-04-21
    Pingback on April 21st, 2008 at 8:41 am
  5. Pingback

    Final Project for Digital Photography « CrispSeptember
    Pingback on May 6th, 2008 at 6:54 am
  6. Pingback

    Bookmarks for Diciembre 30th from 16:29 to 17:15 | FACIL TUTORIALES
    Pingback on December 30th, 2008 at 8:19 am
  7. Pingback

    Bookmarks for Enero 8th from 16:08 to 17:01 | FACIL TUTORIALES
    Pingback on January 8th, 2009 at 8:41 am
  8. Pingback

    60+ Vintage, Retro, and Pop Art Styled Photoshop Tutorials : Graphic Design Blog & Graphics News Blog
    Pingback on January 11th, 2009 at 6:54 pm
  9. Pingback

    Retro, Vintage, Pop Art, comic, tutoriales Photoshop « Blog de Diseño Web
    Pingback on January 14th, 2009 at 6:48 am
  10. Pingback

    Retro Vintage Design Tutorials | Tutorials | Faze One Studio
    Pingback on January 28th, 2009 at 7:15 am
  11. Pingback

    BILLU BILLA » Blog Archive » Adobe Photoshop Retro Vintage Design Tutorials
    Pingback on February 25th, 2009 at 5:07 am
  12. Pingback

    Retro Vintage Design Tutorials | Faze One Studio
    Pingback on March 6th, 2009 at 2:31 pm
  13. Pingback

    Sha Niu’s Story » Old School
    Pingback on May 24th, 2009 at 4:47 am
  14. Pingback

    photomaniacal.com » Vintage Photographs
    Pingback on May 25th, 2009 at 7:10 pm

Leave a Comment

You must login or register to post a comment.