Low Quality Raster LOGO Reconstruction in Vector Format

Preparation 

I scanned the image at 600 resolution so i can start with the best image possible.

Clean Up in Photoshop

The clean up in Photoshop was easy considering the quality i was starting with. I simply starts erasing grey's and floaters.

Live Trace in Illustrator

I live traced the image Illustrator found all the points on this terrible scanned image and started deleting points. the result was a somewhat clean image. which is good well better for the next part of the process.

Logo Reconstruction using Pen Tool in Illustrator 

This next part of the process had me stumped for a bit because I haven;t used Illustrator for awhile. i used the pen tool for tracing the result was smooth curves and straight lines. Once i got to the more difficult edges i started messing with anchor points. to get the pen to hug the curves more closely. Once I traced all of the image in different layers I started moving them around so i can reassemble from bottom to top filling the image with black and yellowish gold. 

File Formats

I started with a JPEG image

saved in Photoshop as a PSD

transferred to Illustrator and saved as GIF and save for web as JPEG

Advice On Vector Creation

My advice is to step back take a breath every now and then it can get aggravating at times especially with that pen tool. Also always save drafts with work history this helps when coming back to a project another day.

  

Vector File Size Comparison

Ai: Vector Selfie Compare File Sizes

SIMPLE:

I Image traced using three colors. when expanded points are surrounding all contrasting colors.

Points: Low

File Size: 2.2mb

COMPLEX:

I image traced using HIGH FIDELITY PHOTO.

When expanded points are covering almost the entire image. 

Points: Very High

File Size: 11.3mb

CURVED LINE:

I used the pen tool to create a line with two anchor points at a ten point stroke. 

Points: 2

File Size: 49.8mb

 

Vectorize Raster Logos

Raster RGB and INDEXED Increased Resolution Quality Comparison

Raster Indexed at 1000 pixels. 

Very rough around the edges and looks blown up from a smaller image. Lacking in color tone and colors look like they are running together.

Raster RGB at 1000 pixels.

 Smooth all around(compared to the indexed image) and
somewhat workable. You can also see more detail in the highlights and color tones. still looks a little blown up though.

GIF: Indexed Colors Quality and Edge Smoothing

Batman Logo Image trace in 3 color.

when zoomed in image looks very rough.

















Batman Logo Image Trace in 16 Color.
When zoomed in image is very smooth and workable.

Clone Tool

Clone Tool

Clone Tool. The obvious third eye of Nathan. Where are we looking? This one is easy just took my right eye (which is on the left side of the image) and stamped it right on my forehead.   

Liquify Filter

Liquify Filter

Liquify filter gave myself a digital gauge. That's one heck of a ear lobe.

Tried very quickly to blend with the actual back round. It's cheesy but at least I got a chance to see myself with a gauge.

Gif Colors and Quality

Gif Colors and Quality

GIF #1

GCQ: Color 6 File size: 7k

Discuss:

6 Color very plane. much of the backround seems to be missing. objects colors run together. 

GIF #2

GCQ: Color 200 File Size: 36k

Discuss:

200 Color brings out the back round for sure. If you look closely at the eyes you will see a definite change in appearance.

JPG Compression and File Size

JPG Compression and File Size.

Filter Cutout jpg #1

Q: 0 and file size: 7k

Quality Observation:

The quality is to be expected very low. NO smooth edges what so ever. 

Filter Cutout jpg #2

Q: 60 file size: 28k


Quality Observation:

The quality is significantly better. it isn't the best but still better. definitely smoother around the edges.

 Filter Cutout #3

Q: 100 file size: 89k


Quality Observation:

The clarity is outstanding. very easy to see the difference between the three files.