Preview
Tutorial Resources
- NYC by vonSchnauzer
Step 1: Open the Photo
The photo being used in this tutorial is NYC by vonSchnauzer — download it and then open it up in Photoshop. Feel free to use your own photo.
Step 2: Curves Image Adjustment
First thing we’re going to do is go to Image > Adjustment > Curves.
We’re going to lighten up the photo by clicking on the rightmost eyedropper icon, which we’ll use to set the white point of the image. Click on the brightest white we can find in the photo, which is on the t-shirt of the subject.
Step 3: Add a Gradient Map
Now go to Layer > New Adjustment Layer > Gradient Map.
Click the gradient editor and choose the Blue, Yellow, Blue gradient preset. Check the Reverse option.
Step 4: Reduce the Opacity of the Gradient Map Layer
In the Layers Panel, drop the Opacity of the Gradient Map layer down to 30%.
Step 5: Add a Curves Adjustment Layer
Go to Layer > New Adjustment Layer > Curves. Make sure this layer is under the Gradient Map layer that we created in Step 3. We’re going to give our image a little more brightness and contrast by adjusting the curves.
Step 6: Add an Inner Shadow Layer Style
By default, in Photoshop, the photo you use will be opened as the Background layer and this layer will be uneditable (denoted by a padlock icon). In the Layers Panel, double-click on the Background layer and click OK to unlock it.
Next, go to Layer > Layer Style > Inner Shadow and apply the settings shown below.
Step 7: Add a Gradient Overlay Layer Style
This is the final step. Go to Layer > Layer Style > Gradient Overlay.
Change the Style to Radial and use the Black, White gradient preset as shown below.
Optional: Changing the Gradient Map
You can tweak the outcome by double-clicking on the Gradient Map and making adjustments to it. Below, you can see different versions of the final outcome.
Tutorial Summary
In this quick and simple Photoshop tutorial, I showed you a way to apply a vintage-inspired photo effect to a regular photo. We performed a Curves image adjustment, added a couple of adjustment layers and we also used layer styles. Below is the final result.
If you followed along, feel free to link to your own results in the comments below!
Download Source Files
- photoshop_vintage_effect (ZIP, 1.33 MB)
Table of Contents
- Preview
- Tutorial Resources
- Step 1: Open the Photo
- Step 2: Curves Image Adjustment
- Step 3: Add a Gradient Map
- Step 4: Reduce the Opacity of the Gradient Map Layer
- Step 5: Add a Curves Adjustment Layer
- Step 6: Add an Inner Shadow Layer Style
- Step 7: Add a Gradient Overlay Layer Style
- Optional: Changing the Gradient Map
- Tutorial Summary
- Download Source Files
Related Resources
- Create a Shiny Stereo Receiver in Photoshop from Scratch
- 6 Free Vintage Photo Effects Photoshop Actions
- Creating a Time Lapse Video in Photoshop
- Create a 3D Coffee Cup with Illustrator and Photoshop
- How to Create Simple Gold Text in Photoshop
- How to Design a Clean Business Website with Photoshop
- Create a Slider UI Design with Photoshop
- How to Make a Knob/Dial UI with Photoshop
- How to Create Retro Square Push Buttons in Photoshop
Resources by Industry
- Web Design for Excavation Companies: Top 5 Tips (With Examples!)
- 5 Web Design Tips for Fence Installers
- 5 Simple and Successful Web Design Tips for Auto Parts Retailers
- Tips for Medical Website Designs
- Medical Website Design from an Award Winning Agency
- Top 10 Effective Web Design Tips for Auto Service Centers
- Web Design for Renewable Energy: Tips for a Site That Shines
- Insurance Website Design Services
- 5 Web Design Tips for Fertility Clinics
How is your website’s SEO?
Use our free tool to get your score calculated in under 60 seconds.
Continue Reading
Get posts by email
Join 200,000 marketing managers and subscribe to Revenue Weekly!
"*" indicates required fields
WebFX Careers
Join our mission to provide industry-leading digital marketing services to businesses around the globe - all while building your personal knowledge and growing as an individual.