How to apply a vertical gradient in Photoshop tutorial

How to do you apply a vertical gradient in Photoshop CC 2018 2017 2015 CS6 CS5 CS4 etc.

Vertical gradient in Photoshop

how do you apply a vertical gradient in Photoshop
  1. Gradient tool

  2. Goto to the gradient panel / dropdown and select a gradient

  3. Set style to linear

  4. Click top of the image in Photoshop

  5. Drag down and hold shift key down

  6. Release mouse at bottom of image

Video tutorial on the subject by graphicxtras.com (youtube)

 

You can, of course, have a different origin point (perhaps 200 pixels from top) and release at any point before the bottom. The gradient can be a solid all color gradient with no transparency. It could be made of many opacity stops. You can start from the bottom up as well. The key thing is the shift key and up or down to apply a vertical gradient in Photoshop

 

Buy $9.95 32,000 Colorful presets for use in Photoshop and elements GRD gallery

 

overlayThere are 1000s of different preset. There are trillions of images. Clearly vertical gradients can be applied to any image in countless ways. The example below is but one

 

Go to the GRD tool and then Go to the preset dropdown. Select a preset set from right side menu (select Photographic toning). Set the style to vertical. Set the blending mode to screen. Apply from top to bottom + hold shift key. Release mouse

 

You can use the vertical gradient to create all kinds of color effects with any image such as the image on the right. The applied vertical gradient was black to blue to white and applied upwards using screen blending mode in Photoshop

 

selectionsYou can create all kinds of abstract designs using tools such as selections

 

Select the rectangular marquee tool and then create a long and thin selection from top to bottom. Go to the GRD tool. Select a preset and then Select linear style. Apply preset from top to bottom and hold shift key to constrain vertical gradient. Move tool. Hold down alt / option and duplicate and move selection. Repeat numerous times and fill

 

Return to home page

 

Commercial use - Royalty free - No time limit, no credit - All by graphicxtras.com - Secure sales via shareit.com (c) 1995-2018 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375 E-mail: support@ graphicxtras.com License and usage Privacy Facebook pinterest Twitter Youtube tutorials Instagram Linkedin