Let's explore the gradient panel in Photoshop and the properties of this tool.
Gradients panel in Photoshop

First, you need to open the toolbar using the G key on your keyboard.

In the top options menu of the panel, we see the following items

Let's take a closer look at them.

Fill types:

1. Linear GradientLinear gradient - fills with a gradient from one edge to another.
Linear gradient

2. Radial GradientRadial gradient - fills with a gradient in the form of a circle from one edge to another.
Radial gradient

3. Angle GradientAngle gradient - creates a rotating gradient at 360 degrees from the axis.
Angle gradient

4. Reflected GradientReflected gradient - one of the linear gradient options, differing only in that the original color is reflected back to the previous one, i.e., first from one color to another, and then back to the first.
Reflected gradient

5. Diamond GradientDiamond gradient - creates, as the name suggests, a diamond-shaped element from one color to another.
Diamond gradient

So, we've looked at the types of gradients; now let's move on to additional panel settings.

Just like in the layers panel, there are gradient blending modes here. They are similar to the blending modes listed above.

The additional tool options include the following items:

ReverseReverse - reverses the gradient direction, which is very convenient for quick actions in the program.

DitherDither - blurs the boundaries between gradient transitions, making them less noticeable.

TransparencyTransparency - makes the fill semi-transparent.

Let's move on to analyzing the gradient editor itself.
gradient panel settings

  • New GradientNew gradient
  • Rename GradientRename gradient
  • Delete GradientDelete gradient
  • Text OnlyText only
  • Small ThumbnailSmall thumbnails
  • Large ThumbnailLarge thumbnails
  • Small ListSmall list
  • Large ListLarge list
  • Preset ManagerManage presets
  • Reset GradientsReset gradients
  • Load GradientsLoad gradients
  • Save GradientsSave gradients
  • Replace GradientsReplace gradients
  • Color Harmonies 1Color harmonies 1
  • Color Harmonies 2Color harmonies 2
  • MetalsMetals
  • Noise SamplesNoise samples
  • PastelsPastels
  • SimpleSimple
  • Special EffectsSpecial effects
  • SpectrumsSpectrums

Let's create a semi-transparent gradient to understand the principle of operation.
transparent gradient

Click on the icon with the gradient symbol, and the default sets will appear.

Find the NewNew item and move the top right slider to the left, reducing the OpacityOpacity value to 0%.

You can also add several more transitions between gradient colors by simply clicking on the top part where the scale is located. To choose the color of the additional elements, click on the bottom part of the scale.
add transparent gradient

It should also be noted that when creating a gradient, there are 2 modes:

SolidSolid — a regular standard gradient, a smooth transition from one color to another.

NoiseNoise — creates a random noise gradient and is configured quite differently.

Was this helpful?

A
Admin

Blogger and educator on photography, design, and digital creativity.

All articles