Jump to content
MrDoodlezz

Gradient following path // »Apply gradient along stroke«

Recommended Posts

Hey there!

 

Not sure if this may come in handy or much of use, but it would be a cool feature I haven’t seen in any other App so far (if there are any pleas tell me):

 

I was creating these sort of vines for an illustration in Designer and I tried several ways to create this »overlapping« effect, simulating depth.

The vines were created with a regular outline/stroke with some pressure simulation. I then started to destructively split the path into several segments and apply gradients on some parts and place other segments on top (see images, I think you see what I’m talking about).

 

Problem here is it needs further adjustments, cause every time the stroke width is slightly changing – that’s when I came up with the idea of a gradient that follows the form and curves of a stroke from start to end.

 

Not sure if something like this is even possible, but let me now what you think. :)

 

Also if anyone has a more convenient way for something this without necessarily cutting or expanding the stroke – I’m listening. ;)

 

Have a nice weekend

Dennis

 

post-5367-0-42830500-1478384486_thumb.png

post-5367-0-41545300-1478384502_thumb.png


MrDoodlezz Behance Profile

Share this post


Link to post
Share on other sites

Hey MikeW,

 

hmmm, can you give me an example? I know about Illustrators functions, but the specific option I was thinking about isn't there.

post-5367-0-02796500-1478545821_thumb.png

 

What I was thinking about looks more like this … I tried to »mock up« my idea, maybe this will clarify what I mean.

I broke the gradient down for easier explanation. Basically the position/percentage of one color on the gradient is adapted onto the length of the path, if that makes sense.

It’s not super accurate, but it would look similar to this.

post-5367-0-73621300-1478547990_thumb.png

 

Greetings

Dennis


MrDoodlezz Behance Profile

Share this post


Link to post
Share on other sites

Oooh wait, that’s exactly it! :o

 

Hm, yeah, I’d like to see that in Affinity Designer :D

What’s that nice function called in english? Apply vertical gradient to stroke or something?

 

Awesome, thanks Mike for pointing it out, apparently I was misled by the tool hint while testing. :)

 

Greetings

Dennis


MrDoodlezz Behance Profile

Share this post


Link to post
Share on other sites

+1 for Contour Gradients


2017 15" MacBook Pro 14,3 w/ Intel 4 Core i7 @ 2.8 GHz, 16 GB RAM, AMD 455 @ 2 GB, 512 GB SSD, macOS High Sierra

2018 11" iPad Pro 256 GB, latest iPadOS public beta

Share this post


Link to post
Share on other sites

+1

 

Right now I'm bouncing between AD and AI too much, will AD ever becoming a true replacement, it will need to 'clone' the majority of AI's most used features. There is no use to having both programs, especially with AI 2017 already out there.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.