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 preset

  3. Set style to linear

  4. Click top of the image in Photoshop

  5. Drag down and hold shift key down for the vertical gradient

  6. Release mouse at bottom of image

Video tutorial on the subject by (youtube)


Different origins for tool : originYou can, of course, have a different origin point (perhaps 200 pixels from top) and release at any point before the bottom.


The preset can be a solid color preset 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 it vertically


Buy Price : $3.49 US or equivalent. 32,000 Colorful presets for use in Photoshop and elements GRD gallery


Different presets : overlayThere are 1000s of different preset. There are trillions of images. Clearly presets can be applied to any image in countless ways. The example on the right 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


Abstract design : 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 the preset. Go to the Move tool. Hold down alt / option and duplicate and move selection. Repeat numerous times and fill

Using layer styles : stylesYou can create a rectangle layer and then go to the layer menu and layer styles and add a gradient overlay which can then set the angle to 90 degrees and set the style to linear. Click OK.

Duplicate the layer and then modify the origin position of the style by re-displaying the panel by double clicking the panel via the layers panel.

Selections: selectionYou can create all kinds of selections such as thin long vertical selection. You can then fill the selection. You can repeat the selection multiple times and fill with those perhaps with different start points and lengths. You can also add bevels etc to the selections.

You create all kinds of broken preset designs by using this approach.

Keywords : How to apply a vertical gradient in Photoshop tutorial



Commercial use - Royalty free (c) 1995-2018 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375 E-mail: support@