Low Quality Raster LOGO Reconstruction in Vector Format.

Preperation
to prepare for this assignment we where handed a handout with the instructions to write our name in the bottom right hand corner of the image, then scan the image. We scanned using the greyscale color mode at 600 pixels per inch. We scanned at these parameters because it would yield the 'Best' scan for this image. You can always remove pixels but adding pixels doesn't help.

Clean Up in Photoshop
In photo shop I used the Levels option to adjust the light and dark levels to remove most of the static in the image due to the original image being very poor quality.

Live trace in Illustrator
Live trace can be a very useful tool but when your image is bad you get a bad live traced image. I could have spent a few hours fixing this image with the remove anchor tool and direct select tool, which means the live trace tool was not the tool for this instance.

Logo Reconstruction Using the PEN Tool in Illustrator
So for speed and efficiency I used the Pen tool to redraw the Logo. I used the skills learned in a previous assignment about the Pen tool, which I have made a full tutorial for here {Link} with a new trick I learned today.

In the end I came out with this image as my final product in a fraction of the time it would have take to get the same result with he Live Trace tool.

File Formats
Both images use very small color pallets so I went with the Gif format to make as small a file as possible for delivery. During working on the images I used the working file formats as normal (PSD, AI, Tiff) so that I didn't cause more damage to my images then what was already there.

Advice on Vector Creation
If the image is very complex good quality images use Live trace for poor quality images it might just be easier to recreate it all together. Use your best judgement.

High Quality RGB Converted to Vector

Unmodified Trace

 

Oh boy are these different. So for this assignment I took the Sony Ericson Logo once more and converted to a vector image twice. One of the images I took the Logo and converted it straight to a high fidelity traced image with out modifications then stretched it to fit the page. The other I converted it from indexed color to RGB, increased the width number to 1000 pixels which upped the resolution then traced as a high Fidelity image. and the RGB upped resolution image came out much smoother and much more like the original logo then the unmodified trace.

RGB upped resolution trace

Raster RGB and Indexed increased Resolution Quality Comparison.

So in this I took the Sony Ericson logo and boosted the resolution up to 1000 pixels on the Width line. But one of hem i made a slight tweak, I changed it from Indexed color to RGB before I upped the resolution. And the difference is there, the RGB logo came out smoother and higher quality because the computer had more colors in its palette to play with.

Indexed Color

RGB

Vector File Size Comparison

Anchor points are the mathematical points in which a computer uses to play connect the dots and draw an image. The more anchor points the more complex the image and the greater the file size. I took one of my selfies and made one a High Fidelity image, a 3 color image and an Abstract Reconstruction image.

The High Fidelity image came out to have the most Anchor points and because of this it had the largest file size coming in at 11mb. The next largest image was the three color seeing as it had considerably less Anchor points the the High Fidelity and more then the Abstract image, it weighed in at 2.1mb. And the Abstract image came in with the smallest file size of 1.6mb and only two anchor points.

Raster to Vector to Raster

 There are many options under the Trace Image option to make your Raster Images into Vector Images in Illustrator but I chose the Over Kill method for all of them. I could have traced them in lower levels of color such as 2, 8, 16, 32 color images or indexed color but I chose the High Fidelity color image trace for all three just to make sure.

The Sony Icon at the bottom required an extra step before I traced it. When ever I traced it using Illustrator it came out splotchy and bad looking. So I had to open it in Photoshop and raise the Image resolution to 300 pixels per inch. I then opened it in Illustrator and traced it and it came out much better.

 I then had to make delivery images for my blog. I use the Save For Web option and chose to save the Bat man logo as a gif with 123 colors left in the image to make it as small as possible. But because the other images have much more colors then the batman logo I saved them as Jpgs.

And that's how I went from raster image to vector image to raster image again.

Pen Tool

Shapes