Fill/Stroke Editor - Advanced Gradients

(Continued from Fill/Stroke Editor - Gradient Fill)

mceclip0.png

Clicking the Advanced... button will take you to a robust tool allowing you to edit or create gradients.

mceclip1.png

On the left, you'll recognize the Gradient Type and Color Mode. You can read more on those in the article listed at the top of this one. When you are creating your gradient, you can decide what Gradient Type you want to use and the Color Mode here.

mceclip2.png

Gradient Name

You can name your Gradient here. This will be useful if you want to use this Gradient again later.

mceclip4.png

Gradient Angle

You can give your gradient a predetermined angle here.

mceclip20.png

Add to Swatch Table

When you've finished making your gradient, you can check this box to add it to your Swatch table and thus your preset gradients for later use.

mceclip8.png

Transform with Object

Check this box if you want the gradient to shift and change with the shape. For example, rotating the object 90° will also rotate the gradient 90°. If the box is unchecked, however, the gradient will stay in its original form. This should usually be left on unless you have a specific issue that needs it.

mceclip7.png

Use Existing Gradient

This dropdown box will call in an existing gradient with all of its settings. It will also function as sort of a preview while you make it.

mceclip9.png

Adding, Editing, and Removing Gradient Nodes

At the bottom of the Advanced window is where you can edit the nodes and colors of your gradient.

mceclip10.png

Edit Node

Clicking on a node will cause the the arrow on the bottom to fill in black. This is the "selected" node.

mceclip11.png

While a node is selected, you can change the color of that node here: 

mceclip12.png

You can also click and drag a node to change the gradation. 

mceclip13.png

Alternatively, you can type in a value in the Position field while a node is selected. 0% is far left while 100% is far right.

mceclip15.png

Adding or Removing Nodes

If you click in the space between nodes, a new node will be created. By default, it will use the color at the location you selected. You can add as many nodes as you like.

mceclip17.png

Much the same way, you can change the color of these new nodes to create different gradients

mceclip18.png

If you've decided you no longer want a node, click the node and drag it up off of the gradient. (note: you have to do it quick)

mceclip19.png

Use HSV Transition

mceclip26.png

Check this box to use the Hue Saturation Value color mode to interpret the color transition from node to node. This will force the gradient to travel through the HSV color space to get to the color instead of fading from one color to another. This is more drastic for colors further apart from each along the HSV color space (which are Red, Green, and Blue)

Notice in the example below how the nodes are red and blue, but we still get green and yellow in the gradient.

mceclip27.png

With HSV transition turned off, it can simply meld into the other color:

mceclip28.png

Shade

If you are using a Spot Color Gradient, the Shade field becomes editable.

mceclip21.png

The Shade field will determine how light the starting point is for the spot color. 0% is white where 100% is full depth of the color.

mceclip22.png

If you use the Double Spot Color option, it will give you a Shade Field for both the top and bottom options. Both nodes will have their own Base and Top Shade settings, so you may need to edit them for each.

mceclip25.png

 

Was this article helpful?
3 out of 4 found this helpful