pattern borders challenge

[brynn]

Hi Friends,
One of my favorite things to do with Inkscape is make pattern borders.  So I thought we'd try a challenge.  There really are no restrictions.  It just needs to be a border, or one side of a border.  And there needs to be a repeating pattern.

Here's the first one of these that I made, and it was one of the first things I made with Inkscape.  Actually I can't manage to find the SVG version, so I only have this pixelated (un-anti-aliased) version.


1st-border.png
(2.42 kB . 928x58)
(viewed 589 times)

Years later I used the design to make this chain link pattern.


decor0.png
(150.82 kB . 1487x161)
(viewed 627 times)

and


decor11.png
(151.67 kB . 1487x161)
(viewed 595 times)

(Recently I've been working on a little larger version, making the chain links rounded, and including a 3d appearance.  And my challenge is to have a single repeating pattern.  It can never truly work.  But I might be able to do it so that all except the last unit is 1 piece.  But that last unit will always have to be 2 or more pieces.  We'll see how it goes.) (Can't remember where that topic is, but when I find, I'll lilnk.)

Anyway, I'll be interested to see some more pattern borders.  Have fun 

[brynn]

Here's the one I used for this website  (well, 1 of them anyway)  And the original was my avatar for a few years


celtknot44.png
(6.27 kB . 98x77)
(viewed 573 times)

[Lazur]

Hi.

Hmm let's see.




What was the name of the original svg, looking it up.

[brynn]

I couldn't even find my original SVG, and I don't remember what I called it.  (I got real sick while I was working on my rounded, 3d version.  Now I'll have to go back and finish.)

[Lazur]

Here it is:

[brynn]

Oh, I somehow never saw that one.  Aaww, you must have used a filter....  Some of those look very filter-ish.

The gold ones are nice!

[Lazur]

Yes, they have diffuse filter added.

Check the original svg -it's uploaded to openclipart.

[brynn]

OMG, I'll never be able to complete all the ideas I've had....in just a couple of hours!  I'll be working on 1 pattern, and then I'll see how it could become a little different, and maybe a little better.  But before I even finish the first one, and go on to the new one, I see another new pattern!

Just the possibilities using simple squares (2 subpaths, like a tiny picture frame) is practically endless   

Maybe I'll stick to making just one side and maybe 1 corner of a border.... 

[Espermachine]

I'll just leave that here.


rect8000.png
(146.8 kB . 660x660)
(viewed 662 times)

[brynn]

Oohh, round borders -- never even thought of that.  That's a whole different thing!

Ok, here are my newest ones.  2 designs with a few different color options. These, and generally most of the borders I've made are very labor intensive.  Usually I set them up to snap to a grid, and I make them to look interwoven, like chain links.  But without the chain link effect, it would probably not take nearly as long.....just pap, at least until you get to a corner.  But with a round border, that eliminates the need for a corner.

I suspect these are going to look huge....

[Espermachine]

 


rect4207.png
(3.37 kB . 470x357)
(viewed 587 times)

[brynn]

I never thought about it before, but I guess almost any pattern border could be used as a picture frame, or frame for a mirror.  I can see cutting a nice endless knot/Celtic pattern frame, out of wood, using CNC or similar.

[Lazur]

Thought of a repeating chain pattern could be sketched up with the help of clones, made a "pattern generator" and got carried away with it.

[brynn]

I downloaded the SVG, but can't identify anything that might be a "pattern generator".

[Lazur]

By editing the parent object you can generate numerous patterns -as a clone of the tile is converted to a pattern itself.
Similar to the previous snowflake generator.

[brynn]

Oh, I see now   

[Espermachine]

By editing the parent object you can generate numerous patterns -as a clone of the tile is converted to a pattern itself.
Similar to the previous snowflake generator.

Pretty cool ! The snowflakegenerator is a lot of fun !

[Lazur]

Here's the one I used for this website
 [ Invalid Attachment ]

Just made this one recently:



No rendering gaps, simple overlapping.

[Lazur]

Endless knot, work in progress to add a 3D diffuse filter.

Diffuse filter takes alpha values, therefore has artifacts if applied simply on the original file.
Instead, each of the 46 bits could be of larger groups clipped to size.
Now what that group would need to be of? A clone of a gradiented parent object. Yet the filter doesn't render right if there is transformation involved with the object.
So the clipped group would need to be of a filtered group of a clone of a group, preferably.
That way you can add some pattern to the parent as well later, and add shade objects to the bits where it's necessary...

Example of an intersection at the bottom left.

Yellow paths are just guiding objects for cemter aligning the clones.


Can anyone finish this up, as described?

https://openclipart.org/detail/247816/endless-knot-2




I know, dropshadows would need some tweaking too so preferably they would also need to be clones...


Then could come the same thing with the outlines.
For the width to be adjustable easily later, stroked paths with no fills could be used, which could only work with masking.

[Lazur]

Now used cloning and filtering, still not finished.

Where are the dropshadows? Where are the outlines?

What if those outlines are added to the "base pattern", so then it could be repeated all the 46 times instead of editing them one by one?
That would take modified clipping objects than the current ones.

https://openclipart.org/detail/247861/endless-knot-3




So it's the third variant already.
Anyone wondering how I come up with these seemingly awkward methods for a streamlined solution, that is how.

[brynn]

I haven't had a chance to look at the SVGs yet.  But I will as soon as I can.

[Lazur]

Played further on with it.

Now it seems the diffuse filtering is a bit of an overkill, doesn't necessary to have for the same look.
Too much things to track, and probably noone would change the light's direction -or animate it.
Like in this example, it can be used...

Well if those bendings were in an arc, case would be different.



Edit: Linking the example file now. Previously it was attached, but the svg renders just as if it was embedded -too bad this time the important parts are off the page borders.

[brynn]

A couple more simpler patterns.


cb280.png
(35.5 kB . 761x509)
(viewed 536 times)


cb281.png
(22.38 kB . 780x521)
(viewed 536 times)

[k-drive]

Here is one of my experiments for this challenge.

I am using a grid. If I am correct, the basic idea is that the left and right sides/edges of the main object need to line up.
I chose to do something that is asymmetrical. My main concern was getting the sides/edges to work.


Ken

[brynn]

Oh, I like that very much!

I'm such an all-lined-up-organized-keep-things-in-order type of person, an assymetrical pattern would never be my first idea.  But absolutely it can be useful and look nice.

Argh, I have to leave to see the dentist shortly, or I would fire up Inkscape and try it.  But I'll be back tonight and try it right now.

Also, Espermaschine was making some pattern borders which were very different from what I was thinking.  It really is a broader subject than seems obvious at first.  At least to me.

Hopefully I can post some more tonight...

Edit
And now, re-reading this topic, I remember that I was trying to find a way to make a 3d sort of pattern, with the shadow as part of the unit.  I'll have to get back to that too!