Share via:

How to create a vibrant gradient photo effect in Photoshop

In this video Photoshop tutorial, we will show you step-by-step instructions on how to create a vibrant gradient photo effect that can be applied to any photo in just a matter of seconds. We will dive into the details of each tool and feature used in the process, while explaining the rationale behind each step along the way.

Premium design assets for
your next project

Acess to a huge libary of design resources from Photoshop brushes to vector resources.

Join today

Tutorial details

  • Program: Photoshop
  • Time estimation: Under 3 minutes
  • Difficulty: Easy


Step 1: Select the Rectangle Tool

  1. Select the Rectangle tool from the toolbar.
  2. Draw a rectangle over your image.

Step 2: Apply Gradient Overlay

  1. With the rectangle selected, right click on the layer and select Blending Options.
  2. In the Blending Options panel, choose Gradient Overlay.
  3. Click on the gradient settings to refine it.
    • For the first color, select a light blue.
    • For the second color, choose a light purple.
  4. Select OK to apply the gradient settings.
  5. Select OK again to close the Blending Options panel.

Step 3: Adjust the Angle and Opacity

  1. In the Layers panel, right click on the rectangle layer and choose Convert to Smart Object.
  2. Right click on the rectangle layer and select Blending Options again.
  3. In the Blending Options panel, click on Angle and set it to 38 degrees.
  4. Select OK to apply the angle setting.
  5. From the Layers panel, change the Blend Mode to Screen.
  6. Adjust the opacity of the rectangle layer to your liking. Starting with around 60% is usually a good starting point. You can increase or reduce the opacity depending on the contrast of the image.

Step 4: Finalize the Effect

Congratulations! You have created a nice cool gradient photo effect in Photoshop in a matter of seconds.

Feel free to experiment with different colors and settings to achieve the desired look.

Thanks for following along with this tutorial! Stay tuned to Creative Nerds for further quick tips on how to use Photoshop.

Post tags


Unlock High-Quality Resources to
Unleash Your Creativity