Brynn's Wheel

General discussions about Inkscape.
User avatar
Espermaschine
Posts: 892
Joined: Thu Jun 05, 2014 9:10 pm

Brynn's Wheel

Postby Espermaschine » Sat May 28, 2016 7:25 pm

brynn wrote:I was trying to figure out how to make each little diamond shape have a gradient in it, so it sort of looked like the colors were spinning around the wheel.

This was the first tutorial i ever wrote, and its kind of related:
http://gimpchat.com/viewtopic.php?f=23&t=5445

About how to give each diamond a gradient:
combine your paths, cover by a square and apply a Division. That will give you individual shapes.
Related:
viewtopic.php?f=6&t=22930
.
Attachments
Brynn's Wheel.png
Brynn's Wheel.png (142.46 KiB) Viewed 3520 times

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: Brynn's Wheel

Postby brynn » Sat May 28, 2016 9:02 pm

You can't do a Division because it's all 1 path (from Spirograph extension).

User avatar
Espermaschine
Posts: 892
Joined: Thu Jun 05, 2014 9:10 pm

Re: Brynn's Wheel

Postby Espermaschine » Sat May 28, 2016 9:03 pm

Um, i dont understand. Can you attach the spirograph path ?

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: Brynn's Wheel

Postby brynn » Sat May 28, 2016 9:13 pm

Here's the path by itself.

I used Paint Bucket to fill in each diamond. Didn't understand path operations back then.
Attachments
sw.svg
(53.64 KiB) Downloaded 157 times

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: Brynn's Wheel

Postby brynn » Sat May 28, 2016 9:18 pm

But even with individual shapes, the gradients would have to be done one at a time, because each gradient would be different (because each diamond color is different). At least to do it the way I wanted.

User avatar
Espermaschine
Posts: 892
Joined: Thu Jun 05, 2014 9:10 pm

Re: Brynn's Wheel

Postby Espermaschine » Sat May 28, 2016 9:19 pm

brynn wrote:Here's the path by itself.

Division works for me.
.
Attachments
rect5601.png
rect5601.png (117.09 KiB) Viewed 3497 times

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: Brynn's Wheel

Postby brynn » Sat May 28, 2016 9:22 pm

But how, with only 1 path?

User avatar
Espermaschine
Posts: 892
Joined: Thu Jun 05, 2014 9:10 pm

Re: Brynn's Wheel

Postby Espermaschine » Sat May 28, 2016 9:23 pm

brynn wrote:But even with individual shapes, the gradients would have to be done one at a time, because each gradient would be different (because each diamond color is different). At least to do it the way I wanted.

Thats true. What i did, is break it apart, isolated a pattern and rotated this pattern with tiled clones.

My plan was to apply the gradients once to this pattern and then color shift. But that didnt work.
Maybe there is a trick ?

brynn wrote:But how, with only 1 path?

I dont know, brynn. I just put a square behind the path and apply Division.

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: Brynn's Wheel

Postby brynn » Sat May 28, 2016 9:38 pm

Ooohh, I see. The path operations still confuse me quite a lot, obviously!

What do you mean about "isolate a pattern and rotate with tiled clones"? Does "pattern" mean an individual diamond?

User avatar
Espermaschine
Posts: 892
Joined: Thu Jun 05, 2014 9:10 pm

Re: Brynn's Wheel

Postby Espermaschine » Sat May 28, 2016 9:46 pm

I tiled a circle (10 times). Then played around with the position (with clone behaviour: move according to transform) until the effect was to my liking.
Then unlink the clones, 'Combine' and 'Division' with a square.

Deleted everything except for the "pattern". As you can see in my final result, the pattern is one gradient (so red-orange for example).
Grouped all the parts of the pattern and tiled.

As i said, the idea was to apply the gradient once to the pattern and then somehow color shift with an extension or some other method, but it didnt work and i was too lazy to investigate, so did it all manually. But im sure there is a way. Perhaps with the XML editor ?
Attachments
patternsegment.png
patternsegment.png (68.02 KiB) Viewed 3480 times

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: Brynn's Wheel

Postby brynn » Sat May 28, 2016 10:02 pm

Oooohhh, ok. I thought you were suggesting there was some way to use your process with the spirogram. But it wouldn't work, because the spirogram is more "organic", meaning that each row of "diamonds" is not identical. They are all very subtley different. You couldn't take 1, or one "row" and tile it around, because they wouldn't fit together.

User avatar
Espermaschine
Posts: 892
Joined: Thu Jun 05, 2014 9:10 pm

Re: Brynn's Wheel

Postby Espermaschine » Sat May 28, 2016 10:09 pm

Well maybe, but you can create the pattern that started this topic by rotating circles, instead of using the spirograph extension....
I mean that is what a spirograph essentially is: a number of rotating gear wheels

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Brynn's Wheel

Postby Lazur » Sat May 28, 2016 10:17 pm

With the trochoid shape as generated by the spirograph extension, just press Ctrl++ and then break it apart (don't forget using even-odd fill rule at the start) -if not using division.
Almost works fluently...

svg example

For colour shifting you can use filters if you like.
Colormatrix has a preset for hue rotate.

User avatar
Espermaschine
Posts: 892
Joined: Thu Jun 05, 2014 9:10 pm

Re: Brynn's Wheel

Postby Espermaschine » Sat May 28, 2016 10:28 pm

Lazur URH wrote:For colour shifting you can use filters if you like.
Colormatrix has a preset for hue rotate.

That works with gradients ?

My idea was more something along:
unlink the cloned pattern, and then somehow unlink the gradient from its parent and change it in the gradient editor ?
Is there no way to do that ?

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Brynn's Wheel

Postby Lazur » Sat May 28, 2016 10:52 pm

Filtering works on screen pixels/rendering; won't generate new gradient definitions, just the appearance.

You can clone with undefined fills but then you would need to adjust all the gradient handles one by one for each gradient.


If the gradient was achieved from flat fills blending in, cloning could work...
which is a bit of an overkill.

User avatar
Espermaschine
Posts: 892
Joined: Thu Jun 05, 2014 9:10 pm

Re: Brynn's Wheel

Postby Espermaschine » Sat May 28, 2016 11:05 pm

Lazur URH wrote:For colour shifting you can use filters if you like.
Colormatrix has a preset for hue rotate.

Got the hue rotate filter to work, but it seems i can get only certain colors. No yellow for example.
Why cant i rotate every color through the full spectrum ?
.
Attachments
Colorrotate.png
Colorrotate.png (75.56 KiB) Viewed 3447 times

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Brynn's Wheel

Postby Lazur » Sat May 28, 2016 11:34 pm

No yellows?

Maybe you need to start with lighter colours?

Just made this recently:

Image

User avatar
Espermaschine
Posts: 892
Joined: Thu Jun 05, 2014 9:10 pm

Re: Brynn's Wheel

Postby Espermaschine » Sat May 28, 2016 11:40 pm

^
Phwoar !

Yeah, with yellow (ffff00ff) i dont get red, and with red (ff0000ff) i dont get yellow.

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Brynn's Wheel

Postby Lazur » Sat May 28, 2016 11:48 pm

That's because yellow=100%red&100green, while red is just 100% red in rgb.

related post

A variant on the gradient with the same filter pack:
Image

User avatar
Espermaschine
Posts: 892
Joined: Thu Jun 05, 2014 9:10 pm

Re: Brynn's Wheel

Postby Espermaschine » Sat May 28, 2016 11:57 pm

Lazur URH wrote:related post

Recently i read something about transhumanism and god A.I.'s (thats an artifical intelligence that is a "hundred" times more intelligent that any human being).
This A.I. is so intelligent, no human can understand its goals anymore.

When i look at your stuff, i get a glimpse of that :lol:

I see there is some underlying principle and it has probably something to do with math, but i dont understand anything of it. :mrgreen:

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Brynn's Wheel

Postby Lazur » Sun May 29, 2016 12:20 am

Was meant that yellow is the result of red and green lights blending in on screen.
For a bright yellow/cyan/magenta -secondary colours of the rgb- the primer colours are at their full values, resulting them in a brighter appearance on screen than red/green/blue at the same lightness and saturation values on the hsl scale.


Then if that technical problem wasn't enough, you cannot have the most saturated colours at the same lightness values because of perception.
Most saturated yellow and most saturated blue are at different lightness levels.

Image

User avatar
Espermaschine
Posts: 892
Joined: Thu Jun 05, 2014 9:10 pm

Re: Brynn's Wheel

Postby Espermaschine » Sun May 29, 2016 12:48 am

Does that mean we cant use this filter to make the gradients shift through Brynn's requested rainbow spectrum ?

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Brynn's Wheel

Postby Lazur » Sun May 29, 2016 1:02 am

Espermaschine wrote:Does that mean we cant use this filter to make the gradients shift through Brynn's requested rainbow spectrum ?


brynn wrote:I was trying to figure out how to make each little diamond shape have a gradient in it, so it sort of looked like the colors were spinning around the wheel.


Matter of view. By filtering, technically "colors spinning around the wheel".

Rainbow spectrum is another thing.
Image
Image
Too much red?


Return to “General Discussions”