Skip to main content
Participant
October 15, 2019
Question

Creating opacity gradient along curved shape - opaque centre

  • October 15, 2019
  • 2 replies
  • 510 views

Hi commmunity!

 

I have googled around and seem to find a few ideas of how to achieve (ish) what I want, but I'm trying to find the most comprehensive, best-practice way.

 

I have a shape similar to this below. It is going to represent a tube (part of a factory tube, to help you envision).

 

I want to create a very subtle gradient that give the impression of the tube being rounded, so that the outer part is slightly darker and the inner is opaque. The reason I want the centre breadth of the tube to be opaque is because I am going to have text running through the centre at points, so I want the gradient to reveal that. 

 

What is the best way to do this?

 

Evidently, a gradient across the object doesn't work.

 

The closest I can find is using a stroke, turning a stroke into outlines, then using the gradient across the stroke and setting the centre to opaque, and the two edges to solid colour:

I'm not then able to manipulate this into the tube curvy shape, however. I've read about gradient masks but this seems complicated...but maybe that is something I could use?

 

I hope this makes sense, thank you for your time.

 

Best,

Holly

    This topic has been closed for replies.

    2 replies

    Mike_Gondek10189183
    Community Expert
    Community Expert
    October 15, 2019

    Also set gradient direction along stroke.

    Eugenio.NYC
    Participating Frequently
    October 15, 2019

    Hi, one option: you can use opacity mask

    Make a gradient an put over the path and then make a opacity mask

    Maybe will work for you

    E

     

     

    Participant
    October 15, 2019

    Hi thanks for this!

    I'm afraid I'm still a little confused at step two and how you applied the gradient to the path (before making the opacity mask) ?

     

    What were the steps you did to get the gradient to run along the path like this?