Line thickness and settings for Trace bitmap

Post questions on how to use or achieve an effect in Inkscape.
harleyquinn
Posts: 5
Joined: Tue Jan 05, 2016 6:43 am

Line thickness and settings for Trace bitmap

Postby harleyquinn » Tue Jan 05, 2016 7:00 am

Hi all,

So I am very new to all of this, and undertaking a project for my school.

I used the trace bitmap feature to vectorise my png image and it came out great! What I wished I had done was set the background to be removed and then went about repeating my steps, however my results were completely different, the lines were really thick and nowhere near as nice as the original trace. I used the original PNG to trace, but because I had closed Inkscape all of the trace bitmap settings had reverted to factory.
I have tried to read about this but keep coming up with nothing, so if anyone could help me that would be fab as I have to have the project completed by Monday :shock:

I have attached 3 images; the png, the first trace that I did, and the results from when I tried to replicate the trace.
I also included the setting that i used on the latest trace.
Image

I hope I make sense :? and thank you in advance for any suggestions!

Moini
Posts: 3381
Joined: Mon Oct 05, 2015 10:44 am

Re: Line thickness and settings for Trace bitmap

Postby Moini » Tue Jan 05, 2016 7:04 am

Could you upload your svg file so we can examine the differences?
Last edited by Moini on Tue Jan 05, 2016 9:22 am, edited 1 time in total.
Something doesn't work? - Keeping an eye on the status bar can save you a lot of time!

Inkscape FAQ - Learning Resources - Website with tutorials (German and English)

harleyquinn
Posts: 5
Joined: Tue Jan 05, 2016 6:43 am

Re: Line thickness and settings for Trace bitmap

Postby harleyquinn » Tue Jan 05, 2016 9:16 am

Hi thanks for the quick reply, I was busy editing!
I'll try to post up the svg file tomorrow.

Any help on posting up the svg file would be helpful too :D

Thanks

Moini
Posts: 3381
Joined: Mon Oct 05, 2015 10:44 am

Re: Line thickness and settings for Trace bitmap

Postby Moini » Tue Jan 05, 2016 9:22 am

Switch to 'Full editor and Preview' below the reply field. There's an Attachment option at the bottom then.
Something doesn't work? - Keeping an eye on the status bar can save you a lot of time!

Inkscape FAQ - Learning Resources - Website with tutorials (German and English)

harleyquinn
Posts: 5
Joined: Tue Jan 05, 2016 6:43 am

Re: Line thickness and settings for Trace bitmap

Postby harleyquinn » Wed Jan 06, 2016 5:03 am

https://www.dropbox.com/s/mqfg1jlz4hjk1 ... s.svg?dl=0


I hope that links ok! I'm not great at finding a svg image hoster so used dropbox

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

Re: Line thickness and settings for Trace bitmap

Postby brynn » Wed Jan 06, 2016 6:05 am

The image in the middle, that you've indicated is your first trace, is not a trace result. It's a PNG image.

harleyquinn
Posts: 5
Joined: Tue Jan 05, 2016 6:43 am

Re: Line thickness and settings for Trace bitmap

Postby harleyquinn » Thu Jan 07, 2016 6:45 am

I may have exported that one out, but it's what I got from the first time I did the trace. Because it was exported as a PNG and I want to remove the background, it is where I am stumped, as now I cannot get it as good as the first time :(

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

Re: Line thickness and settings for Trace bitmap

Postby brynn » Thu Jan 07, 2016 5:34 pm

If you look at the status bar, it will tell you what kind of object is selected. When I select the image on the left and again when I select the image in the middle, it says "Image......". When I select the image on the right, it says "Group of....".

The image in the middle is a PNG image, and not a trace result. If you had used Edit menu > Make a Bitmap Copy, on the trace result, that would create a PNG, but the trace result would still be underneath. And I don't see anything underneath.

However, if I select the trace result on the right, and do Make a Bitmap Copy, the result is very similar to the middle image. So if there ever was a trace result for the middle image, it likely was very similar to the trace result on the right.

I can get slightly better results by using only 40 scans, instead of 256, also by checking Remove Background and unchecking Smooth. (Although I'm only guessing what you consider "better" by comparing to the PNG that you like.) Might get even better with even fewer scans, since there aren't very many colors in the image. With only 10 scans, the result is very similar to 40 scans, except the pink in the mouth is lost. Maybe try 20??

The problem with Remove Background is that it removes everything that's white. So the white part of the eyes gets removed too. You could fix that by just putting a small white rectangle behind the Group of 90 (and group them together). Although that's a kind of sloppy solution, and not knowing what your goal is for this drawing, I'm not sure if that would be appropriate. What will you be doing with the vector version, when you get it how you want?

Or you could use a raster graphics editor and change the color of the eyes first. Then after the trace, with background removed, change the eyes back to white.

I've never tried this, but I've heard that trace results can be improved by using a very large original. So if you have any larger version (or higher resolution), that might help.

Moini
Posts: 3381
Joined: Mon Oct 05, 2015 10:44 am

Re: Line thickness and settings for Trace bitmap

Postby Moini » Fri Jan 08, 2016 1:29 am

Btw., your image makes me think of these: http://lpc.opengameart.org/static/lpc-s ... ssets.html , @harleyquinn.
Something doesn't work? - Keeping an eye on the status bar can save you a lot of time!

Inkscape FAQ - Learning Resources - Website with tutorials (German and English)

harleyquinn
Posts: 5
Joined: Tue Jan 05, 2016 6:43 am

Re: Line thickness and settings for Trace bitmap

Postby harleyquinn » Fri Jan 08, 2016 5:53 am

@Brynn Hi, thanks that's really useful stuff, so yeah I did the first trace and then exported it as a PNG, without saving it as a svg file first, because imma idiot!

I think I've used a work around, as they are going to be superheros to symbolise my schools 9 learning goals, to make them easier for the children to remember. So I have taken the PNG files that I had exported out (without saving the svg file) and draw the costumes that the children designed over the top and they look pretty good, except there is not a transparent background for the 'base' body. I only have until Monday to get these all finished as we are rollign these out across the whole school then! Not too much pressure on top of my normal teacher duties eh! :/

But if we can put them on white backgrounds first i can always fiddle around with them later :)

So if I saved these out as a bitmap copy would they be a little tidier and neater, like the middle image?

@Moini yeah they are quite similar! I planned my design process around making really really really big sprites that i could 'dress up' later.

Thanks so much for your help!

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

Re: Line thickness and settings for Trace bitmap

Postby brynn » Fri Jan 08, 2016 11:51 am

So if I saved these out as a bitmap copy would they be a little tidier and neater, like the middle image?


Yes, it smooths them out a little.


Return to “Help with using Inkscape”