My Files
Home/Blog/Photoshop

How to add gradient in Adobe Photoshop

Tim YoungsUpdated Mar 22, 20241 min read

Gradients are cool effects, and can add a nice touch of depth or style to your illustration or logo — but how do you do it?

In this short tutorial we'll cover the basics of adding a gradient inside Adobe Photoshop.

Here's how to do it:

  1. Open your Photoshop project file and select the object you want to apply a gradient to
  2. From the top menu panel by selecting Layer > Layer Style > Gradient Overlay
  3. In the Layer Style settings window, select the colors you want using the "Gradient" color picker. Lastly, fine-tune the look of the gradient by adjusting the Opacity, Style, Angle, and Scale of the effect. If you enable the Preview option, you will see the style changes in real time.
  4. Click OK

Quick Tip: If you want to apply the same gradient effect to multiple layers, choose "Make Default" button from the Layer Style window before you click OK. Then when you go to add a gradient to another layer, just click the "Reset to Default" button, and all of your previous settings will appear

Keep reading

How to combine two shapes in Adobe PhotoshopHow to Add Drop Shadow in Adobe PhotoshopHow to flip an object in Adobe Photoshop

Imagetools

  • Resize Image
  • Split Images
  • Compress Image
  • Convert Image
  • Crop Image
  • EXIF Data Viewer
  • Image Size Finder
  • Aspect Ratio Calculator

About

  • Pricing
  • About imagy
  • Blog
  • YouTube Channel
  • imagy Chrome Extension
  • imagy Edge Extension
  • Mac Screenshot App

Legal & Privacy

  • Privacy Policy
  • Terms and Conditions
  • Contact / Imprint
  • How to Cancel Your Subscription
imagy.app logo

Copyright © 2026 imagy.app