Three-color braid in a circle?

Post questions on how to use or achieve an effect in Inkscape.
popezaphod
Posts: 10
Joined: Thu Oct 17, 2013 11:56 pm

Three-color braid in a circle?

Postby popezaphod » Tue May 17, 2016 6:14 am

OK, I am about to throw my computer out the window here. I have created a section of a three-colored braid. I draw a big circle, I convert stroke to path, I press CTRL+SHIFT+7 and add a Pattern Along Path. I copy my object to the clipboard. I reselect the path and click the "Link path to clipboard" button... and I get NOTHING like what I am looking for.

What am I doing wrong? This should be an easy effect; making the braid section should have been the hard part!

(see attached)
Attachments
braided wheel 2016.svg
(14.2 KiB) Downloaded 178 times

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

Re: Three-color braid in a circle?

Postby Lazur » Tue May 17, 2016 7:06 am

Hmm we had a braided spiral topic somewhere...

Oh yes you started it.
Well since then I cannot look up the original source file, had overwritten the one in the dropbox by accident.
Anyway, gained some more skills and better start from scratch.

So.


General notes:
Pattern along path lpe doesn't work with groups.
It uses plain simple paths, gradient fills won't get bent, nor groups or masked/clipped groups.
The pattern by default is horizontal.

popezaphod
Posts: 10
Joined: Thu Oct 17, 2013 11:56 pm

Re: Three-color braid in a circle?

Postby popezaphod » Tue May 17, 2016 7:35 am

Hmm. That's a shame. It seems like something that people would want to do.

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

Re: Three-color braid in a circle?

Postby Lazur » Tue May 17, 2016 8:14 am

The bend lpe works with groups and similar in nature to the pattern along path lpe but it doesn't repeat the base object.

Other than that limitation the braid pattern's repeating need care for matching colours.

Maybe this can be handy for a good start.

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

Re: Three-color braid in a circle?

Postby Espermaschine » Tue May 17, 2016 9:10 am

Maybe this thread is related ?

viewtopic.php?f=5&t=20232&p=76589

Using scatter with clones and live editing the pattern ?
Applying the colors when finished ?
Last edited by Espermaschine on Wed May 18, 2016 2:43 am, edited 1 time in total.

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

Re: Three-color braid in a circle?

Postby Espermaschine » Wed May 18, 2016 2:39 am

Espermaschine wrote:Maybe this thread is related ?

viewtopic.php?f=5&t=20232&p=76589

Using scatter with clones and live editing the pattern ?
Applying the colors when finished ?

Scatter does not work. Tried it with a two segment pattern. The division is wrong so it does not work with the three colors.
A four segment pattern does not work with Scatter because of lack of distortion.

Pap LPE does the trick, but involves a bit of work:
after you applied the LPE, convert to paths, 'Break apart' and then recolor manually.
.
Attachments
Braid_Tut_Espermaschine.png
Braid_Tut_Espermaschine.png (55.47 KiB) Viewed 4045 times

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

Re: Three-color braid in a circle?

Postby Espermaschine » Wed May 18, 2016 3:02 am

Tried the Pap Extension with a group but that leaves a gap...not exactly sure why... probably because of pattern length.
.
Attachments
Braid_Extensionproblem2.jpg
Braid_Extensionproblem2.jpg (91.1 KiB) Viewed 4042 times

popezaphod
Posts: 10
Joined: Thu Oct 17, 2013 11:56 pm

Re: Three-color braid in a circle?

Postby popezaphod » Wed May 18, 2016 3:23 am

I cannot duplicate your results. Can you be more simplistic?

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

Re: Three-color braid in a circle?

Postby Espermaschine » Wed May 18, 2016 3:27 am

popezaphod wrote:I cannot duplicate your results. Can you be more simplistic?

What do you mean simplistic ?
Which part does seem to be the problem ?

popezaphod
Posts: 10
Joined: Thu Oct 17, 2013 11:56 pm

Re: Three-color braid in a circle?

Postby popezaphod » Wed May 18, 2016 3:37 am

I think I am creating the initial pattern piece wrong - the one I flip and duplicate to make four copies of. I am also not sure what you mean by 'combine' - do you mean Group the objects?

See attached for my humble mistakes.
Attachments
braid wheel v0.1.svg
(26.2 KiB) Downloaded 180 times

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

Re: Three-color braid in a circle?

Postby Espermaschine » Wed May 18, 2016 3:41 am

popezaphod wrote:I am also not sure what you mean by 'combine' - do you mean Group the objects?

The Pap LP does not work with groups, so you need to find a way to make the segments into one path (and later break apart again).

Boolean Operation: Combine
Menu: Path -> Combine (CTRL + K)

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

Re: Three-color braid in a circle?

Postby Espermaschine » Wed May 18, 2016 3:46 am

Life editing of the pattern.
Attachments
Life_edit.png
Life_edit.png (70.39 KiB) Viewed 4025 times

popezaphod
Posts: 10
Joined: Thu Oct 17, 2013 11:56 pm

Re: Three-color braid in a circle?

Postby popezaphod » Wed May 18, 2016 3:48 am

Ah! That's much better!

I still have gaps between the elements, but can play around with that. Thank you SO much for your advice!

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

Re: Three-color braid in a circle?

Postby Espermaschine » Wed May 18, 2016 3:52 am

popezaphod wrote:Ah! That's much better!

I still have gaps between the elements, but can play around with that. Thank you SO much for your advice!

Yeah, you need to play with the 'Spacing'.

The problem with this effect is that Inkscape has three ways for a pattern along path functionality, that all work differently.

Scatter doesnt distort the pattern. The LPE does not work with groups. The Pap extension has no live editing because it has no cloning option.
Thats why its so tricky.

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

Re: Three-color braid in a circle?

Postby Espermaschine » Wed May 18, 2016 7:25 am

I wanted to see how well Illustrator does this (with a grouped pattern), so i created a scatter brush, but it has to be seamless as a requirement.
The result was not very great.

That inspired me to try the following in Inkscape:
applied a seamless pattern with the Pap extension, then break everything apart and tile clone individual segments to allow for the rendering gap tweak. (Lazur, what have you done, lol)
.
Attachments
4PurpleMom3.png
4PurpleMom3.png (73.52 KiB) Viewed 3946 times

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

Re: Three-color braid in a circle?

Postby brynn » Wed May 18, 2016 8:05 am

You could also try Repeated, Stretched option, to deal with the space. It might introduce too much distortion. But worth a try.

Nice work Esper!

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

Re: Three-color braid in a circle?

Postby Espermaschine » Wed May 18, 2016 8:22 am

I did.

popezaphod
Posts: 10
Joined: Thu Oct 17, 2013 11:56 pm

Re: Three-color braid in a circle?

Postby popezaphod » Wed May 18, 2016 8:27 am

I got it to work with a six-piece pattern. :D
Reducing the spacing and tangential spacing brought it all together.
Attachments
test.png
test.png (58.98 KiB) Viewed 3930 times

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

Re: Three-color braid in a circle?

Postby Espermaschine » Wed May 18, 2016 8:32 am

Great that it worked out for you !

Are you planning to do something with it, or is it just for fun/knowledge ?

popezaphod
Posts: 10
Joined: Thu Oct 17, 2013 11:56 pm

Re: Three-color braid in a circle?

Postby popezaphod » Wed May 18, 2016 8:36 am

It was a combination of "How do I do this?" and "Here's a braided circle graphic if you need it" for a group I'm a member of.

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

Re: Three-color braid in a circle?

Postby Lazur » Wed May 18, 2016 7:52 pm

Nice job everyone!

Just a note that the pattern in 4PurpleMom.png is shifted and the colours don't match as in Life_edit.png.

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

Re: Three-color braid in a circle?

Postby Espermaschine » Thu May 19, 2016 1:48 am

Lazur URH wrote:Just a note that the pattern in 4PurpleMom.png is shifted and the colours don't match as in Life_edit.png.

I know ;)
Dont tell anyone.


Theres a mistake in Life_edit as well.

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

Re: Three-color braid in a circle?

Postby Espermaschine » Fri May 20, 2016 5:31 am

.
Attachments
MonkeyKing.png
MonkeyKing.png (106.57 KiB) Viewed 3805 times

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

Re: Three-color braid in a circle?

Postby brynn » Fri May 20, 2016 10:10 am

Omg, that is fantastic!!

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

Re: Three-color braid in a circle?

Postby Espermaschine » Fri May 20, 2016 11:05 am

Thanks.

I tried something different.
Made the same 4-segment pattern as above, grouped and tiled into a circle, with that pattern roughly touching (there is no distortion/bending with tiled clones, so it doesnt "fit" at first).
Next i live edited everything into the shape you see now.


Return to “Help with using Inkscape”