Vector Jersey Template Layers

omniart · 01-31-2012, 02:24 AM

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:
Name: Screen Shot 2012-01-30 at 9.46.50 PM.png
Views: 1078
Size: 23.0 KB

Name: Screen Shot 2012-01-30 at 9.46.50 PM.png
Views: 1078
Size: 23.0 KB

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:
Name: piping_03.png
Views: 2230
Size: 6.5 KB

Name: piping_03.png
Views: 2230
Size: 6.5 KB

Name: piping_06.png
Views: 1421
Size: 6.7 KB

omniart · 01-31-2012, 02:54 AM

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).
Name: Screen Shot 2012-01-30 at 10.29.03 PM.png
Views: 943
Size: 25.6 KB

Name: Screen Shot 2012-01-30 at 10.29.03 PM.png
Views: 943
Size: 25.6 KB

Name: Screen Shot 2012-01-30 at 10.38.51 PM.png
Views: 938
Size: 26.1 KB

cephasjames · 01-31-2012, 07:30 AM

Great idea!

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

justafan · 01-31-2012, 12:43 PM

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 · 01-31-2012, 05:10 PM

Quote:

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 · 01-31-2012, 06:45 PM

These are great, keep them coming.

omniart · 02-01-2012, 08:07 AM

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 · 02-01-2012, 03:53 PM

Quote:

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 · 02-01-2012, 06:48 PM

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 · 02-01-2012, 07:16 PM

Vector-created pinstripes.

justafan · 02-01-2012, 07:44 PM

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.

01-31-2012, 02:24 AM	#1
omniart Major Leagues Join Date: Jan 2011 Location: Seattle, Washington Posts: 330	Vector Jersey Template Layers 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:

01-31-2012, 07:30 AM	#3
cephasjames Hall Of Famer Join Date: Jun 2004 Posts: 8,736	Great idea! I'll be interested in pin stripes if you do them. __________________ 5000+ Generic Logos Free for the Taking FREE: Uniforms and logos for 500+ teams spanning 1871-present Great Lakes League: 10 Conferences, 100 Teams Pre-OOTP 23 Custom Cap & Jersey Template v3.0 by Deft and NoPepper (with layers from other various artists) that I use: Caps, Jerseys

01-31-2012, 12:43 PM	#4
justafan Hall Of Famer Join Date: Feb 2002 Location: S. Carolina Posts: 5,297	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. __________________ Last edited by justafan; 01-31-2012 at 01:13 PM.

02-01-2012, 06:48 PM	#9
ohms_law Minors (Triple A) Join Date: Feb 2007 Posts: 232	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! __________________ You insist that there is something a machine cannot do. If you will tell me precisely what it is that a machine cannot do, then I can always make a machine which will do just that! -J. von Neumann

02-01-2012, 07:16 PM	#10
ry1220 All Star Reserve Join Date: Apr 2009 Posts: 818	Vector-created pinstripes. Attached Images

01-31-2012, 06:45 PM	#6
Thundercrack All Star Reserve Join Date: Jul 2008 Posts: 861	These are great, keep them coming.

02-01-2012, 07:44 PM	#11
justafan Hall Of Famer Join Date: Feb 2002 Location: S. Carolina Posts: 5,297	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. __________________