Author Topic: pattern borders challenge  (Read 9660 times)

February 27, 2016, 11:32:03 AM
Read 9660 times

brynn

  • Administrator

  • Offline
  • ******

  • 2,785
  • Gender
    Female

    Female
    • Inkscape Community
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
*1st-border.png
(2.42 kB . 928x58)
(viewed 375 times)


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

decor0.png
*decor0.png
(150.82 kB . 1487x161)
(viewed 382 times)


and

decor11.png
*decor11.png
(151.67 kB . 1487x161)
(viewed 388 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  :D
  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann                       

February 27, 2016, 01:34:31 PM
Reply #1

brynn

  • Administrator

  • Offline
  • ******

  • 2,785
  • Gender
    Female

    Female
    • Inkscape Community
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
*celtknot44.png
(6.27 kB . 98x77)
(viewed 381 times)


  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann                       

February 27, 2016, 02:36:07 PM
Reply #2

Lazur

  • IC Mentor

  • Offline
  • ******
  • Inkscape Filters Wizard

  • 987
  • Gender
    Male

    Male
Hi.

Hmm let's see.




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

February 27, 2016, 03:05:19 PM
Reply #3

brynn

  • Administrator

  • Offline
  • ******

  • 2,785
  • Gender
    Female

    Female
    • Inkscape Community
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.)
  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann                       

February 27, 2016, 03:32:51 PM
Reply #4

Lazur

  • IC Mentor

  • Offline
  • ******
  • Inkscape Filters Wizard

  • 987
  • Gender
    Male

    Male

February 27, 2016, 05:11:48 PM
Reply #5

brynn

  • Administrator

  • Offline
  • ******

  • 2,785
  • Gender
    Female

    Female
    • Inkscape Community
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!
  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann                       

February 27, 2016, 05:23:22 PM
Reply #6

Lazur

  • IC Mentor

  • Offline
  • ******
  • Inkscape Filters Wizard

  • 987
  • Gender
    Male

    Male
Yes, they have diffuse filter added.

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

February 27, 2016, 07:02:43 PM
Reply #7

brynn

  • Administrator

  • Offline
  • ******

  • 2,785
  • Gender
    Female

    Female
    • Inkscape Community
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
  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann                       

February 29, 2016, 11:57:26 AM
Reply #8

Espermachine

  • Jr. Member

  • Offline
  • ***

  • 35
I'll just leave that here.

rect8000.png
*rect8000.png
(146.8 kB . 660x660)
(viewed 439 times)

February 29, 2016, 04:18:19 PM
Reply #9

brynn

  • Administrator

  • Offline
  • ******

  • 2,785
  • Gender
    Female

    Female
    • Inkscape Community
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....
  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann                       

March 02, 2016, 02:15:15 PM
Reply #10

Espermachine

  • Jr. Member

  • Offline
  • ***

  • 35
 :)

rect4207.png
*rect4207.png
(3.37 kB . 470x357)
(viewed 378 times)

March 02, 2016, 03:06:50 PM
Reply #11

brynn

  • Administrator

  • Offline
  • ******

  • 2,785
  • Gender
    Female

    Female
    • Inkscape Community
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.
  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann                       

March 02, 2016, 04:05:56 PM
Reply #12

Lazur

  • IC Mentor

  • Offline
  • ******
  • Inkscape Filters Wizard

  • 987
  • Gender
    Male

    Male
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.
« Last Edit: March 02, 2016, 10:17:51 PM by Lazur »

March 02, 2016, 09:41:28 PM
Reply #13

brynn

  • Administrator

  • Offline
  • ******

  • 2,785
  • Gender
    Female

    Female
    • Inkscape Community
I downloaded the SVG, but can't identify anything that might be a "pattern generator".
  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann                       

March 02, 2016, 10:19:27 PM
Reply #14

Lazur

  • IC Mentor

  • Offline
  • ******
  • Inkscape Filters Wizard

  • 987
  • Gender
    Male

    Male
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.

March 02, 2016, 11:04:18 PM
Reply #15

brynn

  • Administrator

  • Offline
  • ******

  • 2,785
  • Gender
    Female

    Female
    • Inkscape Community
Oh, I see now   :tup:
  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann                       

March 03, 2016, 06:37:21 AM
Reply #16

Espermachine

  • Jr. Member

  • Offline
  • ***

  • 35
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 !

April 28, 2016, 04:43:33 PM
Reply #17

Lazur

  • IC Mentor

  • Offline
  • ******
  • Inkscape Filters Wizard

  • 987
  • Gender
    Male

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

Just made this one recently:



No rendering gaps, simple overlapping.

April 29, 2016, 02:26:48 PM
Reply #18

Lazur

  • IC Mentor

  • Offline
  • ******
  • Inkscape Filters Wizard

  • 987
  • Gender
    Male

    Male
Quote
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.

April 30, 2016, 02:24:05 PM
Reply #19

Lazur

  • IC Mentor

  • Offline
  • ******
  • Inkscape Filters Wizard

  • 987
  • Gender
    Male

    Male
Quote
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.

May 01, 2016, 11:39:30 AM
Reply #20

brynn

  • Administrator

  • Offline
  • ******

  • 2,785
  • Gender
    Female

    Female
    • Inkscape Community
I haven't had a chance to look at the SVGs yet.  But I will as soon as I can.
  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann                       

May 01, 2016, 12:35:51 PM
Reply #21

Lazur

  • IC Mentor

  • Offline
  • ******
  • Inkscape Filters Wizard

  • 987
  • Gender
    Male

    Male
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.

July 03, 2016, 03:03:42 PM
Reply #22

brynn

  • Administrator

  • Offline
  • ******

  • 2,785
  • Gender
    Female

    Female
    • Inkscape Community
A couple more simpler patterns.

cb280.png
*cb280.png
(35.5 kB . 761x509)
(viewed 313 times)


cb281.png
*cb281.png
(22.38 kB . 780x521)
(viewed 305 times)
  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann                       

January 10, 2017, 07:23:55 AM
Reply #23

k-drive

  • Jr. Member

  • Offline
  • ***

  • 30
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

January 10, 2017, 10:35:55 AM
Reply #24

brynn

  • Administrator

  • Offline
  • ******

  • 2,785
  • Gender
    Female

    Female
    • Inkscape Community
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!
  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann