I need help preparing this file for print.

Post questions on how to use or achieve an effect in Inkscape.
mightbedylan
Posts: 5
Joined: Sat May 23, 2015 2:38 am

I need help preparing this file for print.

Postby mightbedylan » Sat May 23, 2015 2:49 am

This is going to be confusing to explain but I'll attach the files so you can see for yourself.

So right now I have this:

Image

Which i'm having print on a dark gray shirt. However the only way I could find to make it look like that was to create 3 different outlines as seen here:

Image

As you can see, the dark gray "Inner outline", which should not be there as it will just be the color of the shirt, is really just another outline with the color of the background. I know this won't print correctly, so how can I create the same effect but with a transparent inner outline? Also note that the a is messed up, tips for fixing that are appreciated as well! I've attached the .svg below..

Thanks guys! :)
Attachments
LibrariesShirt.svg
This is the file I'm working with.
(66 KiB) Downloaded 195 times

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: I need help preparing this file for print.

Postby brynn » Sat May 23, 2015 3:41 am

Ok, a few comments before I suggest what to do.

First, I'm not really a trained artist, so my comments about the appearance of the design are just as an observer. The first thing that really sticks out to me is the "a" in Libraries. Generally in text, the inner part of the "a" (in that font) is about the same space or area as in a "b" for example, or "d", "g", etc. In your design, most of the open areas of the letters are nearly closed, but that "a" looks huge (I think because the inner space is so much larger than the other similar letters). Is there a particular reason for that, or symbolism or something?

In some places that looks like some kind of font, but in other places, it looks like you tweaked it ("manually"). I would guess that's what happened to the "a" (the tweaking). But it might be better to either use the font as it is, or finding one that does what you want -- just for a more professional look. Well, to be honest, I think it might be better to start all over, and do some things just a little bit differently. (Somewhere I know there's a good tutorial for making text like this, but I just can't remember enough about it, to search for it.)(Rather than an all out tutorial, it might have been posted in this forum somewhere -- if I could just remember more about it....) But anyway, it would not be very much more work, to really spiff it up.

Can you share how you went about creating this? Is it a font? Or have you traced an existing logo? I just need to know that, so I can explain where to start, or which object to start with. Maybe I'll write up a little tutorial.....give me a few minutes, and I'll post some steps.

And for the record, like many projects in Inkscape, there are a few different ways to accomplish what you want. I guess if 5 of our members wrote a tutorial for this, they would all be different! Yet achieving the same result.

One more question. You said you want the dark gray strip to be transparent, because the fabric will be dark gray. Think about other t-shirts you might have seen that are made like that. What I've seen (as someone who basically lives in t-shirts, day and night :lol: ) if that gray strip is transparent so that the fabric shows through, it makes the text look more....wrinkley....especially the more you wash it, the wrinklier it will be. If you used the gray color instead, I think the text will remain more flat and smooth. Although if the screenprinting costs more, for the more colors you use, then I guess that would be a good way to save some expense. Anyway, I guess it won't take me much longer to write steps for that too.

Ok, give me half an hour or so, and I'll post a little tutorial.

mightbedylan
Posts: 5
Joined: Sat May 23, 2015 2:38 am

Re: I need help preparing this file for print.

Postby mightbedylan » Sat May 23, 2015 4:26 am

brynn wrote:Can you share how you went about creating this? Is it a font? Or have you traced an existing logo? I just need to know that, so I can explain where to start, or which object to start with. Maybe I'll write up a little tutorial.....give me a few minutes, and I'll post some steps.


It is a heavily modified font. The font is called Krinkes Decor. Most of it is original, but both Rs are hand drawn because the default Rs were strange. The A actually isn't too heavily modified. The middle was just bigger than the rest of the letters. It stuck out to me as well and I've been trying to do a lot of tweaking to it, but I guess it's not coming together. The swoosh is also part of the font. I also manually connected all the letters so it flowed together properly.

My process was after I was satisfied with the basic outline, I duplicated it twice and added varying trace thickness to each one and layered it accordingly.

I don't mind redoing it at all! This was just the easiest way I could think to get the effect. If you have a better idea please let me know. Thank you!

Edit: Also I was thinking cheap with the outline. It took a lot of convincing to get the client to even be ok with 2 colors. So if you have any more opinions on that :)

hulf2012
Posts: 716
Joined: Sat Nov 24, 2012 12:37 pm

Re: I need help preparing this file for print.

Postby hulf2012 » Sat May 23, 2015 4:58 am

Hello
Brynn is right about that there are many ways to do anything on Inkscape

What I understand, is that the grey outline only "represents" the color of the t-shirt, or the background of your design which is gray.

The short answer will be:
- Convert the outline in a shape.
- Do a boolen substraction of your gray outline to your white outline.

If all is ok, you should obtain a white shape and a green shape, with a gap between them... In theory.

mmm... well ... tihs is related with: offset path, boolean operations, node editing...

Consult the Inkscape Guide

Greetings
Last edited by hulf2012 on Sat May 23, 2015 5:07 am, edited 1 time in total.
If you have problems:
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: I need help preparing this file for print.

Postby brynn » Sat May 23, 2015 5:03 am

Sorry, had a crash and got distracted. I can still make a little tutorial -- just a while longer though. or maybe someone else will get around to it before me.... :D

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: I need help preparing this file for print.

Postby Lazur » Sat May 23, 2015 6:36 am

Also keep an eye to miters.

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: I need help preparing this file for print.

Postby brynn » Sun May 24, 2015 3:49 pm

Sorry for the delay.

I see what you mean about the "r" in that font. It is weird. It would take a lot of extra work, as you've learned, to try and change something in a font. I did some quick searching, and found a few similar fonts, but not any free ones. There probably are some similar free ones, I just don't have time to look for them. Anyway whatever my technique is, I won't be able to fix those, and you'll still have to do it. But it would be FAR better if you can find a font that suits your needs in every way. For even the best expert, introducing manual edits like that on a font, it's very hard to keep it looking sharp and clean.

You know, when I was looking at fonts, there were some nice ones, very similar, except for the swish, they didn't have that. But if the font is similar enough, you could type out everything except the "s" on the end, and than substitute the "s" from the Krinke font, to get the swish. (I'm assuming the font automatically puts the swish on the last letter. If that's not how it works, it still might be possible to use the swish from that font, and letters from another font.)

Anyway, I'll just use a font that I already have, to show how I would do this. It's a boring font, but I don't have a lot of script type fonts. If I don't have another crash, I should have the steps ready shortly.

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: I need help preparing this file for print.

Postby brynn » Sun May 24, 2015 8:11 pm

Ok, here it is. Sorry for the delay. (There's a bug with the Text tool that causes Inkscape to crash. It's not dependably reproducable, which makes it really hard for developers to fix. But it IS annoying. Fortunately I guess for users, it is not reproducable, because that means it doesn't happen every time. Eventually, I got my text made :roll: )

Image

You're welcome to download the SVG file from the link, if you want to examine it. So the way it is made, there is no overlapping of the objects, which it's my understanding, that's what screenprinters need. The file should need no further editing. Well, I mean your file, when you finish, if you do it like this. I would strongly suggest finding a font that meets all your needs, just because tweaking a font often results in a non-professional appearance (imo).

For the 2 or 3 color debate, I don't have any other arguments than what I said before. In my opinion, the text will look better with the 3rd color. But in the end, I guess it's up to your client.

There is one other issue that I forgot to mention before. For the white text "Northeastern State" it seems too square-ish to me, or boxy. Since the other text is so round and flowing, that sharp, square text doesn't seem to match. I would try some text with less sharp corners. Maybe something like attached. It's called Cartwheel that I got free at MyFonts.com (although probably a couple years ago - maybe not still there). And finally that white text is not quite parallel with the large text. It needs to be angled up a little more on the right.

Ok then, let me know if you have any questions. Or if anyone finds any errors, let me know and I'll fix :D
Attachments
cartwheel.png
cartwheel.png (7.61 KiB) Viewed 2751 times

User avatar
ragstian
Posts: 1181
Joined: Thu Oct 11, 2012 2:44 am
Location: Stavanger-Norway

Re: I need help preparing this file for print.

Postby ragstian » Sun May 24, 2015 8:16 pm

Hi.

Very nice guide - definitely "brynn" quality!
Keep up the good work.
Good Luck!
( ͡° ͜ʖ ͡°)
RGDS
Ragnar

mightbedylan
Posts: 5
Joined: Sat May 23, 2015 2:38 am

Re: I need help preparing this file for print.

Postby mightbedylan » Wed May 27, 2015 12:35 am

brynn wrote:Ok, here it is. Sorry for the delay. (There's a bug with the Text tool that causes Inkscape to crash. It's not dependably reproducable, which makes it really hard for developers to fix. But it IS annoying. Fortunately I guess for users, it is not reproducable, because that means it doesn't happen every time. Eventually, I got my text made :roll: )


Hey thanks for this! It helps a lot. Just an FYI to above, the swish in that font pack is an additional key. There is a swish assigned to each number, so I can add one in pretty easily, or draw it myself.

Again, thanks for this!

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: I need help preparing this file for print.

Postby brynn » Wed May 27, 2015 3:17 am

You're welcome :D


Return to “Help with using Inkscape”