Low Quality raster LOGO Reconstruction in Vecotr Format

Preperation:
I scanned this image with 600 ppi to ensure that there were a lot of pixels in the image to begin with. Scanning in Grey scale not only makes it a small file size but is logical due to the image being in grey scale.


Clean up in Photoshop:
Due to the fact that this image is in grey scale form the start you can manipulate the black and white levels to remove most of the unwanted data.


Live Trace in Illustrator:
Live tracing this image in illustrator further improved the overall quality of the image to make it one step closer to its total reconstruction.


Logo Reconstruction using Pen Tool:
 By learning to manipulate the pen tool in so many ways allowed me to trace the pix-elated batman and create a new overall shape for the logo. The pen tool was also used to create a much smoother oval shape around the logo. After filling the trace with black and deleting unwanted anchor points that were sticking out I was left with a batman symbol that resembles the actual thing. Then after filling in the oval with the classic batman yellow and using a thick black stroke for the border the result was quite good.


File Formats:
During the entire process I was saving these as "ai" files so that I could go back and manipulate them further if i made a mistake at any point.






Advice on Vector Creation:
Biggest piece of advice I can offer is to not get frustrated when doing projects like these because your always going to make mistakes but you will eventually produce the product that you envisioned it to be.

High Quality RGB Converted to Vector

Original GiF

    Original Image GiF:
    This is the original GiF that has a very small resolution that we needed to
    manipulate and make it bigger without damaging the quality of the image
    too badly.

Enlarged Vectorized GiF

Enlarged Vectorized Image:
This image has had the resolution increased to 1000 pixels, traced to high fidelity then vectorized in an attempt to re create the original image but in a larger size.

Raster RGB and INDEXED increased Resolution Quality Comparisonnde

Indexed Color (1000px)

RGB Color (1000px)

Indexed:
Leaving this image in index mode and then increasing the resolution to 1000 pixels wide does not better the quality of the image at all.












RGB:
Changing the image to RGB then increasing the image size to 1000 pixels makes then image look better than index however it still looks bad. Putting the image in Illustrator and tracing it in high fidelity makes the image look much better and as close as possible to the original GiF.

Vector File Size Comparison

High Fidelity

 High Fidelity:
This image has been traced with high fidelity therefore keeping a large amount of colors thus having a very large amount of anchor points throughout the image. Due to a lot of the color still in the image it is a much larger file. (4.9MB)

3 Color

    3 Color:
    In this image there are only three colors present due to it
    having a three color trace on it. The amount of anchor   
    points is drastically less because of lack of colors. This a
    much smaller file size due to the lack of colors. (457KB)

10 Point Stroke Line

   10 Point Stroke Line:
   This is a 10 point stroke line with only two anchor points. Due to the
   fact that there is only 2 colors this is a much smaller image size yet it is
   some how bigger than the 3 color trace image. (625KB)

Raster and Vector Converting

Apple

 Apple:
Due to the fact that the apple logo has many shades of blue I had to change the amount of colors that the vector image has to maximum. By doing this you can see very faint lines in the image which are the the color sections that i can manipulate in Illustrator.

Batman

Batman:
The batman image was a very easy image to create a vector image due to the image only having three colors. There are no noticeable changes when expanding this image.

Sony

Sony:
The sony image could not be recreated into a good looking image when converting to vector due to the fact that the original image was only 140 pixels.

Firefox

Firefox:
The firefox image is similar to the to apple logo in that there are a lot of colors to account for when converting. The faint lines are still present which represent the areas that the vector has selected.

PEN TOOL

Shapes in ADOBE ILLUSTRATOR