Skip to main content
Participant
Jul 9, 2026 6:12 PM UTC
Answered

Apply gradient to stroke—no gradient in arrowhead

I have a line with an arrowhead. I would like it to have a smooth gradient along the stroke and through the end of the arrowhead. When I apply the gradient to the stroke, the gradient does not persist through the arrowhead (see attached photos). 

I could make this work by expanding the appearance of the shape etc., but I’d rather have a more elegant/editable solution. Any suggestions?

Bottom: Arrow with discontinuous gradient compared to a line with the same gradient applied (detail in image 2). Top: Gradient settings
Detail from image 1

 

    Monika Gause
    Monika GauseCorrect answer
    Community Expert
    Jul 9, 2026 10:24 PM UTC

    Two options: You can use an artbrush and a knockout group (it would even be possible to have the arrow tip not bent): https://youtu.be/3YEJSseXUwQ
    and you can use an opacity mask https://youtu.be/YFWQAcK-pIA

    6 replies

    reedyAuthor
    Participant
    Jul 9, 2026 7:32 PM UTC

    Yes ​@Monika Gause the trouble does come from bent lines, I need gradient along stroke—see below. I guess I could use two separate lines and do my best to match the color at the joint…

    It did work to expand the arrow into a 2D shape and then use a freeform gradient as the fill, but it was messy and will be difficult to edit later…

    Thanks for the advice!!

     

     

    Translate
    Monika Gause
    Community Expert
    Monika GauseCommunity ExpertCorrect answer
    Community Expert
    Jul 9, 2026 10:24 PM UTC

    Two options: You can use an artbrush and a knockout group (it would even be possible to have the arrow tip not bent): https://youtu.be/3YEJSseXUwQ
    and you can use an opacity mask https://youtu.be/YFWQAcK-pIA

    Translate
    reedyAuthor
    Participant
    Jul 9, 2026 10:46 PM UTC

    Thank you! The opacity mask is perfect!

    Translate
    Ton Frederiks
    Community Expert
    Community Expert
    Jul 9, 2026 7:23 PM UTC

    ​@reedy  If you select the first option Apply gradient within stroke instead of along, it is smooth. 

    Translate
    Monika Gause
    Community Expert
    Community Expert
    Jul 9, 2026 7:23 PM UTC

    It will only work with the “normal” gradient inside the stroke. I assume this is not only about straight lines, right? Expanding the stroke will not work either, because there is no longer a stroke

    Translate