Endless gradient cone

[NotMyFault]

A tiny rectangle with perspective filter creates a cone with BW or rainbow gradient.

this trick gives what is not possible otherwise: a gradient extending linearly to one direction.

note that a conical gradient differs. The distance between the gradient stops would increase at the edges.

i‘m still on search for a pure vector way do create a gradient with the ability to extend linearly. 

[Ldina]

19 hours ago, NotMyFault said:

A tiny rectangle with perspective filter creates a cone with BW or rainbow gradient.

Cool. Thanks for sharing. I guess you rasterized a copy of the rectangle/gradient, and used the Live Perspective Filter in the Pixel Persona? Just wanted to add in case others were wondering how you did that in "Designer".

[NotMyFault]

I merged visible the result after perspective filter, in Designer on iPad.

just found a way to fully stay vector, without perspective filter. Stay tuned.

[Ldina]

1 minute ago, NotMyFault said:

just found a way to fully stay vector, without perspective filter. Stay tuned.

I look forward to seeing that. 👍

[NotMyFault]

Two gradients, upper in blend mode „color burn“ will provide same effect.

 

[Ldina]

Thanks. It works, but at least for me, took a LOT of fiddling around with angles, gradients, etc., to get it right. Can you upload the file...perhaps I did it wrong.

[NotMyFault]

Intend to do so but what you observe is my issue too: I’m still searching for a way to get the intended result reliably with shortest possible time. Unfortunately Affinity gets in my way every time no matter which method I try:

• conical gradients was fist try. Those are not suitable for my use case as the edge will not match to a linear gradient when combining multiple shapes
• looking for a way to get linear gradient, but inside a triangle, on leg on white color, one leg on black color, and distance increasing linearly 
  • first try I shared here was perspective filter. Rendering differs between vector and pixel view, and unable to have a starting point below 1 few pixels, bad performance 
  • second try using 2 gradients in 90degree offset, bond mode color burn. Unfortunately starting points and angles need to get adjusted, and this really is cumbersome, snapping no real help.
  • third try using vector brushes with 90 deg rotated gradient and apply pressure curve. This fails due to pressure curve always bezier/ not linear, and scaling of stroke breaks too often.

the final target is match one of this conical gradients with a radial gradient, to get a perfect match at edges, and a vector only version of this effect (DOF effect):

its impossible complex. Either seams occur, gradients don’t match, result shape does not scale etc.

it halfway works using full opacity. Originally I wanted this gradient on alpha, but this is impossible squared.

[Ldina]

Conical gradient seems to work pretty well, and is easy...at least for a triangle. I'm not sure if this is the effect you want, or perhaps you want something that works with other shapes?

[NotMyFault]

You can’t match them at edges

[NotMyFault]