• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Creating opacity gradient along curved shape - opaque centre

New Here ,
Oct 15, 2019 Oct 15, 2019

Copy link to clipboard

Copied

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).

 

Screen Shot 2019-10-15 at 12.48.48.jpg

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?

Screen Shot 2019-10-15 at 12.49.25.jpg

 

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:

Screen Shot 2019-10-15 at 12.49.47.jpg

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

Views

326

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe
Advocate ,
Oct 15, 2019 Oct 15, 2019

Copy link to clipboard

Copied

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

 

clipboard_image_1.png

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Oct 15, 2019 Oct 15, 2019

Copy link to clipboard

Copied

LATEST

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) ?

 

Screen Shot 2019-10-15 at 16.39.50.jpg

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

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 15, 2019 Oct 15, 2019

Copy link to clipboard

Copied

Also set gradient direction along stroke.

Screen Shot 2019-10-15 at 9.16.24 AM.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines