Skip to main content
jamilz28
jamilz28
Participating Frequently
December 14, 2016
Pregunta

How to colour along a path inside an object with a gradient...?

  • December 14, 2016
  • 2 respuestas
  • 1099 visualizaciones

Hey everyone, first post. Sorry for the mouthful of a question.

I'm very new to Illustrator so I will try my best to explain what I want to do using this image:

I have this solid, square-swirl sort of object here and what I want to do is add colour to it. Not just a solid colour though. I want it to be a gradient that follows the path of the swirl starting with black at 1 and ending in red at 2. Is it possible?

Thanks in advance!

Este tema ha sido cerrado para respuestas.

2 respuestas

geoffball
geoffball
Inspiring
December 14, 2016

If your shape is a path outline, you could apply your black->red gradient to the stroke (no fill) and select the second stroke option in the gradient panel.

To get the variable widths, you could play with the width tool or choose Object -> Path -> Outline Stroke and adjust the widths of your new shape (I chose the latter and got the shape to look like yours in under two minutes).

jamilz28
jamilz28Autor
Participating Frequently
December 14, 2016

Sorry, I'm not sure what you mean by "if your shape is a path outline"? I'm really new so all these terms you experienced guys use are lost on me. My object is just a bunch of rectangles grouped together into a swirl. Then I went to Pathfinder and united them into a solid shape.

S
SJRiegel
Legend
December 14, 2016

You can use a path with a gradient applied to add the color to your shape.

First make the path, and make sure it's wider than the widest part of your shape.

Add the gradient to the path (make the black color out of your red value plus black to avoid having the gradient fade out in the middle)

Use Make Mask in the transparency pallet to color your object.

    

Mylenium
Mylenium
Legend
December 14, 2016

Draw a spine path, apply a path gradient or respective art brush, use the shape as a clipping mask. A more convoluted alternative would of course be gradient meshes.

Mylenium

    jamilz28
    jamilz28Autor
    Participating Frequently
    December 14, 2016

    That sounds fairly straight forward. I should be able to figure that out!

    Términos y condicionesAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices