Vector Jersey Template Layers

[omniart]

I thought that I'd offer these up to everyone. Hope you find them useful!

I have recently been working on creating some jersey layers with Inkscape. (Hooray, vectors!) The layers are not terribly different from existing layers. They aim to smooth the joint in lines that cross from the jersey's front to back panel. Here is an example of a piping layer:

By using vectors, I am also able to precisely adjust the width of the line. The shot above has a 3-pixel wide red line on a 6-pixel wide white:

[omniart]

I just realized that zip files would be better than posting so many individual images. Thus "piping.zip" contains piping layers with widths from 1 to 6 pixels. Meanwhile, "v-neck.zip" contains 12 layers of different widths. The precision of these can be seen in the shot of the rainbow v-neck, while the red and yellow jersey shows a more practical application (using a white layer at width 21 and a red one at 39).

[cephasjames]

Great idea!

I'll be interested in pin stripes if you do them.

[justafan]

Thanks, I'm a vector man myself, I just hope these work in Xara Designer.

Edit: Oh these are just .png's, I thought they were vectors.

[omniart]

Originally Posted by justafan

Edit: Oh these are just .png's, I thought they were vectors.

I guess I should have said vector-generated layers. I'll post the original vector file tonight when I get home.

[Thundercrack]

These are great, keep them coming.

[omniart]

Okay, here is the vector file. I hope, Justafan, that it works with Xara Designer!

Here is an explanation of what you'll find inside.

The file contains three layers ("base jersey," "v-neck," and "piping") and each of these layers contains sublayers. "Base jersey" contains some important stuff. The sublayers "jersey" & "undershirt" combine to form an exact vector object reproduction of the original jersey template found in the "default_jersey_1_Standard.png" file. (It took me a long tedious evening of mapping that pixelated jersey edge to get this, so I'm kinda proud of it.) The "cutting" sublayer contains an object that is the inverse of the jersey: it fills the negative space, blocking out any lines that stray beyond the jersey borders.

The "v-neck" and "piping" layers each contain three sublayers: "cutting," "original," and "widths." "Widths" contains the final layers that I have already posted. "Original" contains the original stroke: that is, this has the original v-neck or piping line that you can now fiddle with to create your own vector layer.

Let's say you want to create a v-neck layer with a width of 16 pixels. To do this in Inkscape you would (a) go to the "v-neck" layer, duplicate the "original" sublayer, and rename it "16"; (b) select the v-neck object in "16," change the stroke width to 16, and then (from the Object menu) change stroke to path. This gives us our new v-neck line, but the line extends beyond the edge of the jersey: we need to cut it to size. So (c) go to the "cutting" sublayer, duplicate the inverse jersey object within, and move that duplicate to "16"; (d) select both the inverse jersey object and the v-neck object and (again from the Object menu) use the Difference function (which "cuts" away everything beyond the edges of the jersey).

Hope you find this useful! I know that I've found the many mods and templates and layers on this site to be incredibly helpful and inspiring.

[justafan]

Originally Posted by omniart

Okay, here is the vector file. I hope, Justafan, that it works with Xara Designer!

Here is an explanation of what you'll find inside.

The file contains three layers ("base jersey," "v-neck," and "piping") and each of these layers contains sublayers. "Base jersey" contains some important stuff. The sublayers "jersey" & "undershirt" combine to form an exact vector object reproduction of the original jersey template found in the "default_jersey_1_Standard.png" file. (It took me a long tedious evening of mapping that pixelated jersey edge to get this, so I'm kinda proud of it.) The "cutting" sublayer contains an object that is the inverse of the jersey: it fills the negative space, blocking out any lines that stray beyond the jersey borders.

The "v-neck" and "piping" layers each contain three sublayers: "cutting," "original," and "widths." "Widths" contains the final layers that I have already posted. "Original" contains the original stroke: that is, this has the original v-neck or piping line that you can now fiddle with to create your own vector layer.

Let's say you want to create a v-neck layer with a width of 16 pixels. To do this in Inkscape you would (a) go to the "v-neck" layer, duplicate the "original" sublayer, and rename it "16"; (b) select the v-neck object in "16," change the stroke width to 16, and then (from the Object menu) change stroke to path. This gives us our new v-neck line, but the line extends beyond the edge of the jersey: we need to cut it to size. So (c) go to the "cutting" sublayer, duplicate the inverse jersey object within, and move that duplicate to "16"; (d) select both the inverse jersey object and the v-neck object and (again from the Object menu) use the Difference function (which "cuts" away everything beyond the edges of the jersey).

Hope you find this useful! I know that I've found the many mods and templates and layers on this site to be incredibly helpful and inspiring.

Thanks for your hard work on this. I'll let you know if it imports OK. I never tried .svg imports, but have had some success with .eps files. We'll see.

[ohms_law]

Hey, these are excellent!
Gotta love Inkscape, eh? (I've never even heard of Xara, but I don't generally "do" graphics myself so that's hardly surprising).

Waiting to see what you guys can come up with by using this technique.
Thanks for putting the effort in!

[ry1220]

Vector-created pinstripes.

[justafan]

Well, I've had some success with this, but I had to use Inkscape to convert it to an enhanced metafile (.emf). Then I could open it with Xara, but it's not perfect. Very usable though, just the way Xara names objects is wierd.

Thanks for the detailed instructions for Inkscape. Nice program that's free. If I didn't like Xara so much, I would switch.