GeekFindr: VectorMagic
There comes a time in everyone’s life where one has to shrink an image that doesn’t look very good when you’re done. Case in point, this links post I did awhile ago where I posted a line drawing of an archer. The original was sizeable so I needed to shrink it. Pushing that bad boy into Photoshop and doing an image resize gave me this less than satisfactory result:

Yeah, but undaunted I worked my awesome photoshop skillz and busted out this better, but still lame version which made it onto the post:

That was the end result of a “find edges” filter - which basically turned every line into two lines, shrunk down so much it’s harder to tell, but it’s kinda lame. As these things happen, shortly after that fated day, I found this awesome site - VectorMagic.
Here’s an online app that you can upload your images to and it will do some kinda voodoo over them and turn them into vector graphics they can be nicely enlarged and shrunk without losing any detail. This is pretty amazing - obviously it will work better for some pictures than others - basically it’s good for illustrations and not photos of the jungle.
So, to try it out I loaded up that li’l archer and vectorized it, downloaded the EPS version and opened that file up in Photoshop. Now here’s the output from that shrinkage:

Nice! The lines are real black lines now in this - a subtle but definite improvement over my last effort. And one that would work much more effectively had the end image been bigger - my solution that I used would not have worked on a final size that was bigger than the one I chose - it would be too easy to see the outlines.
I’m sure if one were actually good at Photoshop or Illustrator the same thing could have been done, but for us mere mortals, VectorMagic really helps out in a pinch. It’s a good tool to have in the ol’ GeekFindr toolbox.
UPDATE: Well, some big brains chimed in with some other things you can do directly in Photoshop. I’m limiting this to very simple actions - because, well because I’m a very simple person. So here’s the result of first changing the image from an indexed to RGB mode.

As you can see this is much better than the first thing I tried, simply shrinking this bad boy. But, I find it’s results are not quite as good as the VectorMagic version. There’s a couple places where you can see it, I think the most obvious (not that it is that obvious) is in the wrist area of the arm pulling the arrow back, in the VectorMagic one it’s a pretty solid line, but in this one it gets a little sparse. This version does have the advantage of being a lot easier to do than the several additional steps to use VM with only a tiny nearly unnoticeable loss of quality.








November 4th, 2007 at 10:00 pm
Vector Magic looks very cool, I’ll have to check it out.
But I think your problem with this picture could probably have been solved by converting the image to RGB (rather than index color, which it probably started out as). This lets Photoshop do anti-aliasing, which it can’t do if its stuck with only black and white pixels.
November 5th, 2007 at 1:28 am
This is true… There are tons of modes and mode options that work best for certain things. They are opened up when you change the mode to RGB, cause Photoshop loves RGB, and renaming your “background” layer. Image Ready also exports directly to swf. (You can clean up the edges easily too when it’s black and white…. makes the conversion crisper. Little design elbow grease :)
November 5th, 2007 at 7:31 am
Thanks, guys! My photochopping skillz are totally sane so I need the simplest ideas possible. I made a test run of just switching to RGB and resizing - results were good but sliiiightly not as good as the VectorMagic ones - I posted the results above. Still, it was a lot faster than uploading to VM, doing the settings and conversion and then downloading and reopening in PS.
November 14th, 2007 at 5:10 pm
[...] thumbs up and shows some examples of images that have been vectorized. As does JTB World Blog and Geekfindr. Check it out and have a look at their samples and comparisons with the other [...]
December 2nd, 2007 at 10:39 am
[...] for your image resizing needs you might be interested in VectorMagic which first translates your images into a vector graphic which is then size independent. Some stuff [...]