How to Create a Vintage Fade Effect Photoshop Action

-
Final product image
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.

Follow along with us over on our Envato Tuts+ YouTube channel:

If you want to create this fade Photoshop effect in a few simple clicks, check my Faded Presets, with different overlay textures and a greater number of color photo effects.

Photoshop faded preset promo image

Or discover a huge range of vintage photo effects for Photoshop:

Tutorial Assets

The following assets were used during the production of this tutorial:

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

Step 2

Go to File > Place and put your image inside the document.

placing the image inside photoshop

Step 3

Resize your image to the borders of the document and hit Enter.

resizing the image to the borders

Step 4

After that, Right-Click on the layer and then Convert to Smart Object.

converting the image to a smart object

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

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

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

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

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

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

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

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

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

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

Step 8

Create another gradient map with the following settings:

  • Color: #1a535d; Location: 0%.
  • Color: #32d49d; Location: 100%.
creating a gradient map overlay

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

Step 10

After that, go to Layer > New Adjustment Layer > Curves and use the following settings:

creating curves layer

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

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

Step 13

Change the Opacity of the layer to 15%.

changing the opacity of the gradient fill

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

If you want to create similar effects using Photoshop actions, you can also check my Faded Presets. This fade effect Photoshop action has a great number of overlay textures and plenty of color Photoshop effects.

Photoshop faded preset promo image

If you'd like to know more about vintage effect Photoshop techniques, check these tutorials:



from Envato Tuts+ Tutorials https://ift.tt/2oqQ08O

Comments

Post a Comment

Popular posts from this blog

20 Free Professional Resume Cover Letter Format Templates for Jobs 2020

-
Image
Are you getting ready to apply to jobs and want to make a cover letter? Using a professional cover letter template will save you time and ensure that you've got a professional design. This cover letter template and hundreds more can be found on Envato Elements. Using a premium cover letter template can not only save you time, but you'll have a high-quality template for your letter. All you need to do is add the information you'd like to and customize the template and you're done. In this article, we'll explore some of the best premium and free cover letter templates available online. Find the Best Premium Resume Cover Letter Templates on Envato Elements (With Unlimited Use)  Envato Elements is an all-you-can-download resources for professionals and creatives, including good cover letter templates . With Elements, you pay a low monthly fee to get access to: resume and CV letter templates stock photos and royalty free music WordPress themes and more ...
Read more

How to Create Gantt Charts in PowerPoint With PPT Templates

-
Image
You might not think of Microsoft PowerPoint as a project management tool. But there's a reason it's used for project updates and by project teams. The ease-of-use and flexibility of PowerPoint work for any project management professional.  It's easy to create a Gantt Chart in PowerPoint (PPT) once you know how. When it comes to managing projects, you need tools to make them manageable. That includes process charts to help your team collaborate efficiently. Project management professionals often turn to  Gantt charts  to visualize the parts of the project. In this tutorial, you'll learn how to create a Gantt chart in PowerPoint . You'll learn how to use an impressive template to build a Gantt chart that ensures that every member of your project team knows how their part in the project fits into the bigger picture. Let's dive in! What's a Gantt Chart? Imagine you're building something that requires collaboration with others. That could be a website, ...
Read more

32+ Professional PowerPoint Templates: For Better Business PPT Presentations

-
Image
Do you have a business presentation PowerPoint to give this week? Is the deadline for your pitch approaching fast? Or, is the clock ticking down to the date of your speaking engagement? If so, your needs are immediate. It's critical that you create a professional presentation that's designed for business results. Professional PowerPoint workflow - from design to presentation. ( Influencer PPT Template ) Designing a PowerPoint presentation from scratch is difficult. It takes time to put together the right slide layouts that work cohesively together. Also, make infographics, icons, fonts, animations. Match all these elements to your message best. It’s a whole lot quicker to grab a  professional PowerPoint template  to work with from the get-go.   The best business presentation PPT templates like The X Note help you craft your content in less time than ever. Are you looking for professional PowerPoint templates ? A high-quality presentation design gives you ...
Read more