Inkscape Community
Skills, Challenges & Artwork => Drawing Challenges and Contests => Topic started by: brynn on February 27, 2016, 11:32:03 AM
-
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.
[ You are not allowed to view attachments ]
Years later I used the design to make this chain link pattern.
[ You are not allowed to view attachments ]
and
[ You are not allowed to view attachments ]
(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 :D
-
Here's the one I used for this website (well, 1 of them anyway) And the original was my avatar for a few years
[ You are not allowed to view attachments ]
-
Hi.
Hmm let's see.
(http://www.inkscapeforum.com/download/file.php?id=5527) (http://www.inkscapeforum.com/viewtopic.php?f=5&t=21000&p=78638#p78088)
What was the name of the original svg, looking it up.
-
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.)
-
Here it is:
(https://openclipart.org/image/2400px/svg_to_png/242473/interlocking-squares-3g.png) (https://openclipart.org/detail/242473/interlocking-squares)
-
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!
-
Yes, they have diffuse filter added.
Check the original svg -it's uploaded to openclipart.
-
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 :b1:
Maybe I'll stick to making just one side and maybe 1 corner of a border.... :-P
-
I'll just leave that here.
[ You are not allowed to view attachments ]
-
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....
-
:)
[ You are not allowed to view attachments ]
-
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.
-
Thought of a repeating chain pattern could be sketched up with the help of clones, made a "pattern generator (https://openclipart.org/detail/242869/pattern-generator)" and got carried away with it.
-
I downloaded the SVG, but can't identify anything that might be a "pattern generator".
-
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.
-
Oh, I see now :tup:
-
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 !
-
Here's the one I used for this website
[ You are not allowed to view attachments ]
Just made this one recently:
(https://openclipart.org/image/2400px/svg_to_png/247761/endless-knot.png) (https://openclipart.org/detail/247761/endless-knot)
No rendering gaps, simple overlapping.
-
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 (https://openclipart.org/detail/247816/endless-knot-2)
(https://openclipart.org/image/2400px/svg_to_png/247816/endless-knot-2.png) (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.
-
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 (https://openclipart.org/detail/247861/endless-knot-3)
(https://openclipart.org/image/2400px/svg_to_png/247861/endless-knot-3.png) (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.
-
I haven't had a chance to look at the SVGs yet. But I will as soon as I can.
-
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 (https://www.dropbox.com/s/pj9fy90g81xpnug/endless%20knot%205.svg?dl=0), 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.
-
A couple more simpler patterns.
[ You are not allowed to view attachments ]
[ You are not allowed to view attachments ]
-
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
-
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!
-
This was originally posted here by k-drive. Some forum glitch has required me to repost it. Apologies!
Best of luck at the dentist!
It is really cool to see what people come up with for a simple project like the borders or the snowflake.
This border thing reminds me of some projects I worked on with SketchUp, that 3D program I mentioned.
I don't know why I started them or worked on them. I really did a lot of them for awhile. With 3D you had to line up six sides (Think: cube instead of square/rectangle for your basic starting grid.)
At first I just did 2D:
https://www.flickr.com/photos/ken-a/5933574863/in/album-72157624545553074/
https://www.flickr.com/photos/ken-a/6231269887/in/album-72157624545553074/
But, then things got crazy:
https://www.flickr.com/photos/ken-a/5961845340/in/album-72157624545553074/
https://www.flickr.com/photos/ken-a/5978646769/in/album-72157624545553074/
And, I went into more stuff like this:
https://www.flickr.com/photos/ken-a/5981712315/in/album-72157624545553074/
https://www.flickr.com/photos/ken-a/5982061803/in/album-72157624545553074/
These are all one set of objects designed to fit together. I would start with two walls at a 90 degree angle, and then add a floor.
Then, I would duplicate the design out to many, many rows and column. As you can imagine, I crashed the computer many times using up the memory!
See attached. For a 3D repeating project, I would start with a grid like this. You can see the layers menu on the left side of the screenshot. I turned off two of them so you can see the inside of the grid box. You can see that the layers that are turned off have the circles with no dots in the middle.
The layers in SketchUp are similar to layers in Illustrator/Inkscape in that you can group objects on them. But, since you are working with 3D, the layers aren't really layered. You don't really have things on top of others since you can move/orbit all the way around your object(s) in the main window. The layers are just for organizing your objects. For instance, I used them to turn on or off the walls of the grid that I didn't want to show. Does that make sense? The creators of SketchUp should have used a different name for that menu. But, it works the same way as Illustrator/Photoshop layers where you should use them for organizing things in a project. And, as you probably know, once a project gets complicated, you need to use layers.
Ken
-
Another repeat border design.
-
Nice - I like the colors. I'm actually working on a new drawing with a lot of hexagonal parts.
Is that 2 borders next to each other, or the whole border has 2 rows? Have you worked out what happens on the corners yet?
The only thing I see the might need a fix, is the bottom horizontal orange border is wider than all the others. It's hard to say without the SVG file, but it looks like maybe the blue and gray rectangles need to move down, rather than narrow the orange border. But I'm not sure if that's how it's made.
-
Thanks for pointing out the bottom orange line. I missed that.
Sometimes I am a bit too anxious to get something up online. (I sometimes do the same thing on Flickr.)
I constructed it by creating the one row first. I then duplicated the row and flipped it horizontally it for the second row. You can see that in the attached file of the original square.
After looking at the final design for a day or two, I thought it might look better if the cubes were a bit off-center. That is, rotated a little bit on their vertical axes. But, I haven't worked out how to do that. I didn't work any kind of corners yet, either. I have been looking for vector tutorials online. There seem to be a lot of them for donuts. I thought I might try one for some reason. It seems like a good exercise. There are a lot of possibilities for design work.
-
No rendering gaps, simple overlapping.
Reworked the layout concept, for practical purposes it's now consisting of fewer but different shaped objects:
(https://openclipart.org/image/2400px/svg_to_png/284992/endless.png) (https://openclipart.org/detail/284992/endless-knot-4)
Now, an outline is added in between of the fill layers so all it remains is using these current gradient filled paths as clipping paths on groups -then dropshadows and various filtering can be included. Will try to animate it as the final step -catching up with that (https://forum.inkscapecommunity.com/index.php?topic=498.msg3576#msg3576).
-
Added the clipping, and split it to 22 layers and 6 selection groups for better handling.
Getting ready for adding in filters&animation.
(https://orig13.deviantart.net/087a/f/2017/228/8/b/endless_knot_by_lazururh-dbk911y.png) (https://lazururh.deviantart.com/art/endless-knot-699141526?ga_submit_new=10%3A1502893431)