fake-almost-like-conical-gradient, using spirograms

[brynn]

Hi Friends,
I was just playing with some spirograms (for the poster contest), and came up with something resembling a conical gradient.  My first result is attached (PNG).  There was a lot of differencing and breaking apart and combining.  The SVG is also attached, so you can see how I did it.  It might not be entirely clear, from examining the file, but probably it can be figured out.

I'm still experimenting, and I think I can come closer, with a slightly different approach.  But maybe others will come up with better too.  Of course, even the best result will be nothing close to technical.  But for fudging or faking, why not?

And yet another approach might be finding a different spirogram.  Let's see if I can find a file with some others....  I put a couple of others in the same SVG file that's attached.  I think probably the best spirogram, is one that I haven't made yet.  So maybe I'll try and make a slightly different spirogram that would work better.

(Yes, I do love very bright, very saturated colors!  Probably could be a better artist if I got over it, but maybe I'll get there someday  )

[Lazur]

Nice!

It can trick the eye for a bit grungy but linear blending between the colours.

If the filter editor would work better, it would be very easy to generate such from a repeating radial gradient.

Another way would be to use live path effects.
(A combination of interpolating sub-paths, the pattern along path, and a spiro-path effect.)




I made conic spectrum svg-s a while back and uploaded to openclipart, if you like:

1

2

[brynn]

Yes, I remembered those, but I couldn't remember where you posted.  Thanks for posting links.

[brynn]

Here is it with a single fill color, and slight blur.  Sort of looks....not sure the right word....crenulated....ridged....  edit -- conical corrugation??

Kind of like looking at the tip of a pastry or cake decorating tool, because it's plugged up and you want to see if there's something in there.  Sorry, my brain doesn't always work very well  -- can't find the right words  :sadb:  (Although on a non-white background....maybe not so much....)

Edit
Ok, here it is with a gray bg, because I'm too lazy to duplicate and rotate several more times.  In between the white pieces are transparent holes, so the gray bg is what they call "quick and dirty" solution, lol!

[Lazur]

Here is the idea with the lpe-s.
Could be fine tuned more for the details, like how each pattern would blend better together,
how the "constant" colour wouldn't have any gaps inbetween -rendering issues-, and how the whole circle is closed.
Quick and dirty.

[brynn]

Oohhh!!  You did not use the spirograms at all.  You drew the whole from scratch!!  Awesome!

Yes, much better without the gaps that mine has.  I think if I didn't use Difference, I could make it without gaps....and/or maybe a slightly different spirogram.  Almost have to use some path operation though, to break spirogram into pieces.  But we'll see what I can do....

[brynn]

Attempt with pap, object to path, Interpolate extn. attached.  (no spirograms)

[brynn]

Hhmm, maybe because original segment is too long -- 1 quarter of circumference.  Maybe should shorten at least to 1/8 of circumference.

Or do it Lazur's way 

Edit

Or use spirogram 

[Lazur]

Made some experimenting on colour blending.

I'm still not sure why flat filled objects next to eachother would be a good representation of a gradient, because it could take too much effort to add the right coloured fill to each part?
Maybe if a few colours would be enough of a (conic) gradient.

The blending idea:
https://openclipart.org/people/Lazur%20URH/s9.svg

how it works in action:
https://openclipart.org/people/Lazur%20URH/s10.svg

The second image may not render right through browsers, it looks exactly as gradients in inkscape.

Tricky right? It can also be used to create a bent gradient look.

[brynn]

I'm still not sure why flat filled objects next to eachother would be a good representation of a gradient, because it could take too much effort to add the right coloured fill to each part?
Maybe if a few colours would be enough of a (conic) gradient.

First, remember the title of this topic "fake-almost-like-conical-gradient, using spirograms"

I was just playing around, and noticed the result of my play, looked a little like a conical gradient.  I had not set out to make anything like a true conical gradient.

It almost works because of the size, shape and positioning of the objects which are flat color next to each other.  Particularly the size of the parts of the objects next to each other creates the illusion of blending, more than the shape and positiong.  But I think all 3 combine to create the illusion.

Inside the red rectangle in the attached image, shows the close-up how the illusion of blending is created.  Our human eyes just can't separate the flat colors, when it's smaller, like in the op.  But in the enlarged attachment here, you can see it's not really blended.

Also, similarly, the "holes" in the original object, because of Inkscape's white background, contribute to the blended effect; and also create the illusion of lighting and reflected light, making it look sort of shiny.  The 2nd attachment shows with a black background, which almost totally kills the blending and shiny illusions.

What did you do, between your first SVG and the 2nd?  Did you just blur the 1st one, to create the 2nd?

Edit
Actually, I'll just grab your SVG files.  I always forget that you use SVGs so often.

[brynn]

I suppose if I blurred and the clipped my original object, it might look more like a true gradient.  But really I'm just fascinated with geometrical, and especially symmetrical shapes and objects, and creating illusions with them.

[Lazur]

Scaled each row to 1 px height and repeated, sort of.
Same can be done for a conical gradient blending.
As the spectrum was polar mapped.
Each 1 px row would be 1 px wide circular rings.

I don't think that the black background damages the transition more than the white.
Did you try to add eight sectors to the bottom, with the colours in between?

[brynn]

Ok, I can't figure out exactly what you did.  But again, I was not attempting to actually create a conical, or any gradient.  It just sort of looks like it, that's all.

[brynn]

Did you try to add eight sectors to the bottom, with the colours in between?

No, I'm not even sure what you mean.

[Lazur]

You can download the svg and/or zoom in, to see what exactly was done.


By adding sectors, I meant something as in the attachment.

[brynn]

Oh, I see.  No, I didn't think of that.  But with a clip and blur, it works very well! Attached