Build 10 games and learn game development along the way in this fast paced game development course

Get the source code of 12 commercial games, loaded 50+ million times, and learn the secrets of game design

Learn how to make a successful Flash game from a real world example. Fully commented source code

Create realistic Flash physics games from scratch with advanced features, from Angry Birds to Crush the Castle

Create a vintage photo effect in Photoshop

Today I was playing with Photoshop looking for some interesting photo effect and I found a quick and easy way to convert a modern photo in a vintage one.

I have already created an action to simulate this effect in Vintage colors effect action for Photoshop, but I am sure you’ll like this effec too.

Follow me through this very easy tutorial and you’ll find by yourself how easy is to achieve this effect.

1) Open your photo

Photoshop Vintage effect

2) Set your foreground and background colors respectively to #ff0000 and #00ff00

Photoshop Vintage effect

3) Duplicate the photo layer

Photoshop Vintage effect

4) With the newly created layer use a Gradient Map

Photoshop Vintage effect

5) On the same layer, use Blending Options

Photoshop Vintage effect

6) Select Blend Mode to Color and Opacity to 50%

Photoshop Vintage effect

7) Flatten the image

Photoshop Vintage effect

8) Apply an Add Noise filter to the only layer you should have

Photoshop Vintage effect

9) Set the filter with 2% Gaussian Monochromatic values

Photoshop Vintage effect

10) Enjoy the result

Photoshop Vintage effect

You may need to play with the last two steps values in order to fit the effect to your needs.

And for the laziest of you, I made an action that does the task automatically! Download the action.

Rate this post: 1 Star2 Stars3 Stars4 Stars5 Stars (111 votes, average: 4.50 out of 5)
Loading ... Loading ...
Learn how to make a successful commercial Flash game from a real world example: get the fully commented source code of Globez, a Flash game played millions of times which generated a four figure income. Limited copies available.

Get it now
Be my fan on Facebook and follow me on Twitter! Exclusive content for my Facebook fans and Twitter followers

This post has 104 comments

  1. s0d4player

    on October 18, 2007 at 12:15 am

    A simple but a nice looking effect.

  2. jon

    on October 18, 2007 at 8:25 am

    The tutorial is great.Could you please indicate which gradient should be use for grayscale mapping.

  3. AAR

    on October 26, 2007 at 4:09 am

    Exelente!

  4. ettey

    on October 31, 2007 at 7:52 am

    great tutorial! thanks for the action! :D

  5. segunda s. palakpak

    on November 16, 2007 at 9:42 am

    great! thanx for the tutorial!

    nwayz, i played around with it using the following colors:

    foreground color: FF00EA (pink)
    background color: CAE200 (lime green)

    it produced nice results still.. ;)
    thanx for the ps action..hehe

  6. Sandra

    on November 18, 2007 at 3:34 am

    I love it!! thats wut i was looking for!!

  7. yu

    on December 8, 2007 at 9:25 am

    help… i downloaded the action but i don’t know where to find it?? where can i find it?? help….

  8. paulette

    on December 11, 2007 at 8:27 pm

    i dont really think that looks like its a vintage photo it looks just like a green contrast we were born for this!!!!!

  9. paulette

    on December 11, 2007 at 8:29 pm

    this person is absoulutley right i hated that part mi picture loooks kind of bad i want mi picture to look more vintagey i gotta get thruu this.

  10. segunda s. palakpak

    on March 7, 2008 at 3:00 am

    i really like this tutorial..real nice..what’s even more interesting is the different kinds of results you get when you play around with all sorts of colors and blending modes..

    but i guess, the picture you have (the car) is really well suited for this effect..maybe that’s why other people were complaining why they didn’t have the same results that you showed here.. ;)

  11. 100 wonderful photo effects Photoshop tutorials

    on April 2, 2008 at 3:21 am

    [...] Vintage photo effect [...]

  12. টেকটিইউনস » 100 টি দারুন ফটোশপ ফটো ইফেক্ট টিউটোরিয়াল » টিউটোরিয়াল, ফটো ইফেক্ট, ফটোশপ

    on April 4, 2008 at 6:04 pm

    [...] Vintage photo effect [...]

  13. RD

    on August 6, 2008 at 6:57 pm

    Do you have a larger size version of the photo used here?

  14. eric

    on August 19, 2008 at 3:17 am

    cool~~~i like it,thanks!

  15. Lost Landscapes Blog » Blog Archive » 100 wonderful photo effects Photoshop tutorials

    on August 19, 2008 at 11:18 pm

    [...] Vintage photo effect [...]

  16. eltallergrafico.com » Blog Archive » Tutoriales para arreglar tus fotos en Photoshop !! jiji

    on October 3, 2008 at 7:52 am

    [...] Create a vintage photo effect in Photoshop [...]

  17. Efeitos de Photoshop (Tutoriais) « Bruno Prata’s Weblog

    on October 9, 2008 at 6:38 pm

    [...] Vintage photo effect [...]

  18. 100 maravilhosos Photoshop tutoriais com efeitos em fotos | Portal Mie Magazine

    on November 15, 2008 at 12:48 pm

    [...] Vintage photo effect [...]

  19. sarath

    on November 24, 2008 at 3:47 am

    vary good

  20. » Blog Archive » 100 tutoriales de efectos en Photoshop

    on December 6, 2008 at 2:22 am

    [...] Vintage photo effect [...]

  21. 100 efeitos de Photoshop.UAUUUUU! | Blogando Bit

    on December 7, 2008 at 3:17 am

    [...] Vintage photo effect [...]

  22. Pradis

    on December 14, 2008 at 2:46 am

    simple & nice, great to come across this tutorial.

  23. Dan

    on December 23, 2008 at 1:58 am

    “And for the laziest of you, I made an action that does the task automatically! Download the action.”

    Thanks for thinking of me! =p

  24. Amazing Photoshop Tutorials | Delliblog

    on February 1, 2009 at 3:49 am

    [...] Vintage photo effect [...]

  25. 40+ Useful Photoshop Effects | Listfied

    on April 8, 2009 at 7:37 pm

    [...] 7. Create a vintage photo effect in Photoshop [...]

  26. david

    on May 6, 2009 at 3:49 pm

    how do I run the action??

    thx!

  27. Photo Effects Photoshop Tutorials | Photoshop Instructor

    on May 7, 2009 at 2:54 pm

    [...] Vintage photo effect [...]

  28. Photo Effects Photoshop Tutorials | Super WordPress Themes

    on May 7, 2009 at 2:57 pm

    [...] Vintage photo effect [...]

  29. Samantha

    on May 7, 2009 at 7:46 pm

    I really don’t want to be mean but my photo looks crappy nd I did it exactly like this :/

  30. Kara

    on May 14, 2009 at 11:42 am

    Thanks so much, this was awesome!

  31. pligg.com

    on May 17, 2009 at 6:54 pm

    Create a vintage photo effect Photoshop Tutorial…

    I have already created an action to simulate this effect in Vintage colors effect action for Photoshop, but I am sure you’ll like this effect too….

  32. Photo Effects Photoshop Tutorials | tutorialsandreviews.co.uk

    on June 2, 2009 at 12:36 pm

    [...] Vintage photo effect [...]

  33. rob h

    on June 3, 2009 at 3:56 pm

    Great effect. I used it and it works well. I also add in some yellow and desaturate a little

  34. shaman4d

    on June 12, 2009 at 1:18 pm

    Great! Really cool!

  35. SALWA

    on August 13, 2009 at 1:16 pm

    this was excellent thank you heaps <3

  36. Free posting ads service

    on August 25, 2009 at 3:37 pm

    simple & nice, great to come across this tutorial.

  37. 30 Fantastic Ways To Enhance Your Photos | Web Media Magazine

    on August 29, 2009 at 1:13 pm

    [...] Create A Vintage Photo Effect In Photoshop [...]

  38. Downloads Community » Blog Archive » 100 Photo Effects Made with Photoshop

    on September 15, 2009 at 1:52 am

    [...] Vintage photo effect [...]

  39. 50 Beautiful Vintage Effect Photoshop Tutorials - Photoshop Website - Tutorials,Brushes & more..

    on September 19, 2009 at 7:07 pm

    [...] 12.Create a vintage photo effect in Photoshop [...]

  40. Rodrigo Teixeira

    on September 27, 2009 at 5:47 pm

    Great and simple tutorial! The colors that you chose are perfect.

    Nice job!

  41. Criar um efeito vintage no Photoshop. «

    on October 15, 2009 at 2:33 pm

    [...] http://www.emanueleferonato.com/2007/10/15/create-a-vintage-photo-effect-in-photoshop/ CategoriasPhotoshop Comentários (0) Trackbacks (0) Deixe um comentário [...]

  42. Daniel

    on October 23, 2009 at 4:41 am

    This is great. You have no idea how glad I am to have found this site, and I really appreciate your effort in putting this together.

  43. Daniel

    on October 23, 2009 at 5:34 am

    Just to add to the one person who said it looks bad. On certain pictures a Blend Mode Opacity of 50% will be too much, but if you experiment around on these pictures, it’s usually just a case of setting this level at 25%-35% instead.

  44. Amanda

    on December 13, 2009 at 7:51 am

    Thanks! This looks cool, but I don’t know if it worked as well on my picture of an older house near my brother’s school…cool effect anyway! And that’s a cool pic of the car too = D

    I didn’t use the lime green as my background color though, I used #f9d64c and I thought the gold/yellow worked really well as well. I had a higher noise % too. I guess it depends on the picture?

  45. Güzel Foto?raf Dersleri | Blog GizliKale Güncel Linkler

    on December 18, 2009 at 10:52 am

    [...] Vintage Photo Effect (Modas? geçmi? foto?raf [...]

  46. Photo Effects Photoshop Tutorials « eirlina

    on December 30, 2009 at 9:44 am

    [...] Vintage photo effect [...]

  47. Süper Foto?raf Effectleri | Ki?isel Bir ?leti | Güncel Web Günlü?ü

    on January 6, 2010 at 1:30 pm

    [...] Vintage Photo Effect (Modas? geçmi? foto?raf [...]

  48. Photoshop’da Foto Efektleri ?çin 10 Ders | Sorbize

    on January 6, 2010 at 2:38 pm

    [...] 3- Modas? Geçmi? Foto?raf Efekti Vermek [...]

  49. Dimi Geo

    on February 2, 2010 at 5:32 pm

    great! thanx for the tutorial!

  50. effecten foto s - Belgiumdigital forum - Digitale fotografie

    on February 5, 2010 at 2:40 pm

    [...] een SLR, want het kost niks en je hebt direct resultaat. Inderdaad, waarom niet in Photoshop. KLIK __________________ Een vicieuze cirkel waar je kan aan sterven, is niet kunnen eten van de [...]

  51. Ashokkumar

    on March 7, 2010 at 5:58 pm

    great!!!!!!!!!!!!!..

  52. M2. Intent Sheet « TechLab.105

    on March 8, 2010 at 5:35 am

    [...] http://www.emanueleferonato.com/2007/10/15/create-a-vintage-photo-effect-in-photoshop/ [...]

  53. Vintage and Aging Photo Effect Tutorials – The Ultimate Round-Up | Photoshop Tutorials

    on April 21, 2010 at 4:05 pm

    [...] Create A Vintage Photo Effect in Photoshop [...]

  54. Vintage and Aging Photo Effect Tutorials – The Ultimate Round-Up « PsTrick

    on April 22, 2010 at 7:45 pm

    [...] Create A Vintage Photo Effect in Photoshop [...]

  55. Vintage and Aging Photo Effect Tutorials – The Ultimate Round-Up Resources W3C Tag

    on April 26, 2010 at 8:24 am

    [...] Create A Vintage Photo Effect in Photoshop [...]

  56. badal

    on April 27, 2010 at 1:36 pm

    excellent combination in colour

  57. Sushie

    on May 14, 2010 at 12:19 am

    I love this effect! Thanks!

  58. Learn From The Net » Blog Archive » Vintage and Aging Photo Effect Tutorials – The Ultimate Round-Up

    on May 23, 2010 at 9:06 am

    [...] Create A Vintage Photo Effect in Photoshop [...]

  59. Vintage and Aging Photo Effect Tutorials |

    on June 1, 2010 at 11:40 pm

    [...] Create a vintage photo effect [...]

  60. SeattleGuy

    on June 4, 2010 at 7:33 pm

    That looks like one of Rick Sammon’s photos from Cuba.

  61. Vintage and Aging Photo Effect Tutorials | natku.com

    on June 7, 2010 at 9:01 pm

    [...] Create A Vintage Photo Effect in Photoshop [...]

  62. Technology, Mobile Phones, Free TV Channels, Tips and Tricks, Free Stuff, SEO, News and Reviews,Wordpress themes, Tips and Tricks, Techuth.com

    on August 7, 2010 at 5:46 pm

    [...] Create a vintage photo effect [...]

  63. Criando um efeito vintage em fotos no Photoshop « Design Grátis – Tudo para Designer Gráfico

    on August 27, 2010 at 2:39 am

    [...] ABRIR TUTORIAL If you enjoyed this article please consider sharing it! [...]

  64. Lisa Franco

    on September 3, 2010 at 10:11 pm

    I don’t know how to change background and foreground

  65. 16 Beautiful Vintage and Aging Photo Tutorial | WDgraphics.net

    on September 7, 2010 at 1:58 pm

    [...] Another Beautiful Vintage Photo Effect In Photoshop [...]

  66. Ivan

    on September 12, 2010 at 5:22 pm

    Simple and effective!

  67. Modina

    on September 12, 2010 at 5:41 pm

    Thank you! Very interesting effect!!! Thanks for the action too!!!!

  68. Free Morning « Kristen Andrews

    on September 26, 2010 at 8:53 pm

    [...] http://www.emanueleferonato.com/2007/10/15/create-a-vintage-photo-effect-in-photoshop/ [...]

  69. Vintage and Aging Photo Effect Tutorials – The Ultimate Round-Up Read more: Vintage and Aging Photo Effect Tutorials – The Ultimate Round-Up | Potrazite seminarske i diplomske radove na www.ponude.biz ili na www.agencija027.com

    on November 5, 2010 at 5:36 pm

    [...] Create A Vintage Photo Effect in Photoshop [...]

  70. emarianna

    on November 10, 2010 at 8:03 pm

    simples,adorei o efeito!

  71. Photoshop_Cara Mudah bikin Photo Vintage & Retro. « Souvenir

    on January 5, 2011 at 9:43 am

    [...] Create A Vintage Photo Effect in Photoshop [...]

  72. TechLab.105 » Blog Archive » M1 Intent

    on January 17, 2011 at 4:52 am

    [...] do really well. From this tutorial, I believe I can learn how I can change the color effectively. Tutorial2 for [...]

  73. 100 maravillosos tutoriales para realizar efectos impresionantes con Photoshop | VisualGraf Comunicación

    on January 20, 2011 at 12:47 pm

    [...] Vintage photo effect [...]

  74. Web Designing Tutorial – Learn HTML, CSS, Java Script, Flash Website Designing Tips » Blog Archive » 100 wonderful photo effects Photoshop tutorials

    on February 18, 2011 at 12:46 pm

    [...] Vintage photo effect [...]

  75. Challenge #1 Vintage Photo Effect | Be Your Own Adventure

    on February 22, 2011 at 9:30 pm

    [...] love the 60s/70s look of retro & vintage photos, so I was excited to see a super easy tutorial for achieving this effect. I followed the instructions pretty much exactly though I added a bit [...]

  76. usabilitydesk » 100 wonderful photo effects Photoshop tutorials

    on February 24, 2011 at 11:47 am

    [...] Vintage photo effect [...]

  77. Vintage and Aging Photo Effect Tutorials – The Ultimate Round-Up | ent-spa

    on May 24, 2011 at 9:18 pm

    [...] Create A Vintage Photo Effect in Photoshop [...]

  78. Creating Your Own Vintage, Retro, & Aged Photography Effects | Focus (Bedford Camera Blog)

    on June 15, 2011 at 6:07 pm

    [...] Create a vintage photo effect in Photoshop, Emanuele Feronato  at emanueleferonato.com [...]

  79. Incríveis Efeitos de Photoshop « Rodolfo Clix

    on June 30, 2011 at 5:14 pm

    [...] Vintage photo effect [...]

  80. facebook : facedesign.us

    on July 7, 2011 at 3:45 pm

    [...] Create A Vintage Photo Effect in Photoshop [...]

  81. Nelson

    on July 9, 2011 at 11:15 pm

    If I had a picture that looked like the end result I’d want to make it look like the starting one!

  82. ????Photoshop??????????-???? - ????

    on August 8, 2011 at 9:04 am

    [...] Create A Vintage Photo Effect In Photoshop [...]

  83. TechLab.105 » Blog Archive » M2. Intent Sheet

    on September 1, 2011 at 6:44 am

    [...] http://www.emanueleferonato.com/2007/10/15/create-a-vintage-photo-effect-in-photoshop/ [...]

  84. Vintage and Aging Photo Effect Tutorials – The Ultimate Round-Up | Templates, Scripts, CMS, Graphics, Fonts, Flash, E-Books, 3D, Tutorials, Wallpapers.

    on September 21, 2011 at 9:01 pm

    [...] Create A Vintage Photo Effect in Photoshop [...]

  85. Manina

    on October 14, 2011 at 4:36 am

    Thank you, thank you, THANK YOU!!!!!

  86. E como é que faz? « O que rola no ateliê

    on October 17, 2011 at 12:30 am

    [...] segui as etapas deste site, está em inglês, mas é super fácil de [...]

  87. mert

    on November 5, 2011 at 12:45 pm

    Very very beautifull

  88. 50+ Superb Color Correction & Photo Effects Tutorials

    on November 6, 2011 at 8:36 am

    [...]  Create a vintage effect in Photoshop     [...]

  89. Jibz Actions

    on January 12, 2012 at 6:36 am

    An amazing display of useful information.
    Thank You

  90. Vintage and Aging Photo Effect Tutorials – The Ultimate Round-Up | HowDoDesign

    on January 26, 2012 at 9:16 pm

    [...] Create A Vintage Photo Effect in Photoshop [...]

  91. Photoshop actions

    on February 2, 2012 at 8:33 am

    I learn something new everytime I vist your awesome site! Thanks!

  92. Photo Tutorials « KCarmody

    on March 23, 2012 at 9:15 pm

    [...] other tutorials that I think would be fun to play with. The first is giving a photo a green tinted vintage look. The second tutorial shows how to give photos a gritty effect and define the lines and wrinkles in [...]

  93. Patrick

    on April 7, 2012 at 7:27 pm

    Horrivel, vc fica parecendo Hulk na foto, verrrrrrrrrrrrrrde :@

  94. Veja os melhores efeitos vintage ou retrô para fotos | BlogPop, Feito por Anônimos

    on April 16, 2012 at 10:06 am

    [...] Mais um efeito vintage para suas fotos! Tutorial 5 [...]

  95. Cool Vintage Effect « Know-How Niblets

    on April 20, 2012 at 4:08 am

    [...] Cool Vintage Effect [...]

  96. 20?Photoshop???????? : PS???-??????

    on May 12, 2012 at 10:27 am

    [...] ?????? [...]

  97. Photo Effects Photoshop Tutorials

    on June 14, 2012 at 2:44 pm

    [...] Vintage photo effect [...]

  98. 22 Best Vintage, Retro Photo Effect Tutorials For Web Designers | Smashing Spy

    on July 17, 2012 at 11:58 am

    [...] 16. Create A Vintage Photo Effect in Photoshop [...]

  99. Julia Agnes

    on September 10, 2012 at 9:54 am

    Awesome and easy to follow tutorial!
    Thank you for this useful and inspiring post! vintage is so popular nowadays!

  100. Cumparaturi

    on January 4, 2013 at 9:14 pm

    thanks for this tutorial.. :)

  101. 25 Beautiful Vintage Photo Effect Tutorials

    on June 1, 2013 at 1:05 pm

    [...] 24. Vintage photo effect in Photoshop [...]

  102. webdesign

    on January 25, 2014 at 8:02 am

    Hi. it’s veeeeery good, thanks for sharing

  103. ??? ?????

    on March 5, 2014 at 4:37 pm

    tanck you

  104. idea soft

    on April 20, 2014 at 9:11 pm

    Wow, great tutorial

Thank you for the download!!

I hope you will find it useful and make something interesting out of it

To keep up to date with the blog, why don't you like my Facebook page and follow me on Twitter?

Want to learn more? Don't miss this:

Learn how to make a successful commercial Flash game from a real world example: get the fully commented source code of Globez, a Flash game played millions of times which generated a four figure income. Limited copies available.

Get it now

×