How to Create a Vintage Fade Effect Photoshop Action
![](https://thephotographicangle.com/wp-content/uploads/2023/10/image-6.png)
What You’ll Be Creating
In this tutorial, you will learn how to create a vintage Photoshop effect using such Photoshop effects as smart filters, adjustment layers, and overlay textures.
1. How to Prepare the Document
Step 1
Press Control-N to create a new document and use the following settings: 3000 x 2000 px; 300 dpi.
![creating a new document](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1381/posts/33544/image/creating%20a%20new%20document.jpg)
Step 2
Go to File > Place and put your image inside the document.
![placing the image inside photoshop](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1381/posts/33544/image/placing%20the%20image.jpg)
Step 3
Resize your image to the borders of the document and hit Enter.
![resizing the image to the borders](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1381/posts/33544/image/Resizing%20the%20image.jpg)
Step 4
After that, Right-Click on the layer and then Convert to Smart Object.
![converting the image to a smart object](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1381/posts/33544/image/converting%20the%20image%20to%20a%20smart%20object.jpg)
2. How to Create a Vintage Photo Effect
Step 1
Select the smart object and then go to Filter > Noise > Add Noise and use the following settings:
- Amount: 2%
- Distribution: Uniform
- Monochromatic: On
![adding a noise effect](https://cms-assets.tutsplus.com/cdn-cgi/image/width=740/uploads/users/1381/posts/33544/image/Creating%20a%20noise%20effect.jpg)
Step 2
After that, go to Filter > Filter Gallery > Texture > Grain. Use the following settings:
- Intensity: 15
- Contrast: 59
- Grain Type: Regular
![creating a grain filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=740/uploads/users/1381/posts/33544/image/creating%20a%20grain%20filter.jpg)
Step 3
Place the overlay texture above the smart object and change the Blending Mode of this new layer to Screen.
![changing the blending mode of the layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=740/uploads/users/1381/posts/33544/image/changing%20the%20blending%20mode%20of%20the%20layer.jpg)
3. How to Create a Fade Photo Effect
Step 1
Now let’s start to create our fade effect. Go to Layer > New Fill Layer > Gradient.
![creating a gradient fill layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1381/posts/33544/image/creating%20a%20gradient%20fill.jpg)
Step 2
Double Click on the Gradient Fill layer and use the following settings:
- Style: Linear
- Angle: 135°
- Color:
#f7ff00
; Location: 0%. - Color:
#912a00
; Location: 100%.
![setting up colors for the first gradient fill layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1381/posts/33544/image/setting%20up%20colors%20for%20the%20first%20gradient%20fill%20layer.jpg)
Step 3
Change the Blending Mode of the gradient fill to Soft Light and the Opacity to 35%.
![changing the blending mode and opacity of gradient fill](https://cms-assets.tutsplus.com/cdn-cgi/image/width=740/uploads/users/1381/posts/33544/image/changing%20the%20blending%20mode%20and%20opacity%20of%20gradient%20fill.jpg)
Step 4
Create another gradient fill layer with the following settings:
- Style: Linear
- Angle: -3,58°
- Color:
#252b45
; Location: 0%; Opacity: 0%. - Color:
#f7ae8e
; Location: 100%.; Opacity: 100%.
![creating colors for second gradient fill](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1381/posts/33544/image/creating%20the%20second%20gradient%20fill.jpg)
Step 5
Change the Blending Mode of the gradient fill to Hard Light and the Opacity to 35%.
![changing the blending mode and opacity of second gradient fill](https://cms-assets.tutsplus.com/cdn-cgi/image/width=740/uploads/users/1381/posts/33544/image/changing%20the%20blending%20mode%20and%20opacity%20of%20second%20gradient%20fill.jpg)
Step 6
Go to Layer > New Adjustment Layer > Gradient Map and then Double Click on the gradient map icon and create a gradient with the following settings:
- Color:
#313059
; Location: 0%. - Color:
#4c4b75
; Location: 29%. - Color:
#ba6167
; Location: 55%. - Color:
#ff7038
; Location: 93%.
![creating gradient map overlay](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1381/posts/33544/image/creating%20gradient%20map%20overlay.jpg)
Step 7
Change the Blending Mode of the gradient map to Soft Light and the Opacity to 60%.
![changing the blending mode of the layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=740/uploads/users/1381/posts/33544/image/changing%20the%20blending%20mode%20of%20gradient%20map.jpg)
Step 8
Create another gradient map with the following settings:
- Color:
#1a535d
; Location: 0%. - Color:
#32d49d
; Location: 100%.
![creating a gradient map overlay](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1381/posts/33544/image/creating%20a%20gradient%20map%20overlay.jpg)
Step 9
Change the Blending Mode of the gradient map to Overlay and the Opacity to 25%.
![changing the blending mode and opacity of the gradient map](https://cms-assets.tutsplus.com/cdn-cgi/image/width=740/uploads/users/1381/posts/33544/image/changing%20the%20blending%20mode%20and%20opacity%20of%20the%20gradient%20map.jpg)
Step 10
After that, go to Layer > New Adjustment Layer > Curves and use the following settings:
![creating curves layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1381/posts/33544/image/creating%20curves%20layer.jpg)
Step 11
Go to Layer > New Adjustment Layer > Brightness/Contrast and create a new layer with the following settings:
- Brightness: 5
- Contrast: 35
![creating adjutments layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=740/uploads/users/1381/posts/33544/image/creating%20adjustment%20layer.jpg)
Step 12
Now we need to create the last gradient fill with the following settings:
- Style: Linear
- Angle: 45°
- Color:
#313067
; Location: 0%;. - Color:
#b03d11
; Location: 100%;
![creating the last gradient fill layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1381/posts/33544/image/creating%20the%20last%20gradient%20fill.jpg)
Step 13
Change the Opacity of the layer to 15%.
![changing the opacity of the gradient fill](https://cms-assets.tutsplus.com/cdn-cgi/image/width=740/uploads/users/1381/posts/33544/image/changing%20the%20opacity%20of%20gradient%20fill.jpg)
Awesome Work, You’re Now Done!
In this way, we can create an atmospheric-looking image using overlay textures, adjustment layers, and gradients. Feel free to contact me for any help with the techniques we covered.
![Final result](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1381/posts/33544/image/Final%20Result%20New-min.jpg)
![](https://thephotographicangle.com/wp-content/uploads/2023/10/image-7.png)
![](https://thephotographicangle.com/wp-content/uploads/2023/10/image-5.png)