What is function of small slideballs (diamonds on the left side) in gradient tool of adobe illustrator?

enter image description here

I understand that the perpendicular slide bars (which are also removable from gradient slide bar tool) signify the gradual shifting of color concentration from one color to another. But I am unsure about the use of slideballs on the left side which resides just on the opposite portion.

  • sure, Have a look – Ritwik Bhattacharyya Nov 19 '18 at 14:06
  • Which ones are the "sideballs" the little diamonds on the left side of that line? – WELZ Nov 19 '18 at 14:08
  • yes , I am asking about that only – Ritwik Bhattacharyya Nov 19 '18 at 14:11

Those little diamonds are sliders to choose which color should be more dominant between the two colors. (Slide it to choose.) By default it is 50% (equal strength)

enter image description here

Notice how as I drag it towards a color, it becomes "weaker".

You can add other colors to a gradient, it'd probably be easier to use the Gradient Panel (Window → Gradient or Ctrl+F9)

enter image description here

Just drag and drop a color into the gradient to add it:

enter image description here

  • can we use more than two color using gradient tool? – Ritwik Bhattacharyya Nov 19 '18 at 14:12
  • @RitwikBhattacharyya yes, I've updated my answer – WELZ Nov 19 '18 at 21:33

Welz is dead-on about the gradient panel.

Referring strictly to the Gradient Annotator which appears on gradient-filled objects on the artboard when you hover over them with the Gradient Tool..... Each "bit" has a different function. Some are similar to the panel functions, some are additional or different...

enter image description here

  • Black Circle on the left - click-drag to reposition/move the gradient.
  • Black Diamond on the right - click-drag to change the length of the gradient or hover the cursor just outside the diamond and you can rotate the gradient (you'll see the cursor change to the "rotate" cursor, then click-drag). The center of rotation is the black circle on the left.
  • White Squares are "mix" points. You can use these to alter how two color stops react to one another, allowing one color to extend closer to another. By default, these squares are placed at the 50% point between two color stops.
  • Color Pointed Squares control the color and opacity of that stop point.

You can double-click a color stop to alter the color of that stop. Or merely click the bottom edge of the gradient "bar" to add a new color stop at the click location.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.