Vectorize Raster Logos

Raster RGB and Indexed color comparison

RGB

This is the better quality image. You go to RGB color mode and THEN change the size of the image. Tis is important to follow because this change allows it to smooth the edges to a degree. It makes it easier to get a better image.

Indexed color

This is crap. It was in index color when I started adjust increasing the image size didn't help. It comes out all pixelated and just doesn't look right. It may be hard to tell it really is a bad image.

Vector Image J-peg

This is the vectorized image I made. I used the RGB image as the base anti went through "high fidelity" image tracing. It is saved using J-peg file format.

Vector Image Giff

This is the gift saved image I made. There're a lot of different gift file formats an each has a slight change to the overall image. Some are small but others are noticeable so you need to check out other to see which would be best.

Vector File Size Comparison

Simple Image

This is the simple vectorized selfie I made. The started in photoshop were I messed with the "hue/saturation". After which it was moved to adobe illustrator and had "3-color" image tracing done to it. For the file size, it's 3.1mb and contains 4114 different points.

Complex Image

This is the complex vectorized selfie I made.The started in photoshop were I messed with the "hue/saturation". After which it was moved to adobe illustrator and had it go through "high fidelity" image tracing. The file size is 17.1mb and it has 54552 point in the image.

Curved line

This a vectorized line I made in adobe illustrator. It was made with two different anchor points. More were added on later to make the line more secure. There are 15 different points and the file size is 1.6mb.

Vector Logo

 Batman

This is the batman symbol, if you didn't know. This image went through image tracing which got rid of the pixels it was made of. The quality was proved for this image because the jagged edge is now gone. 

Apple 

This represent the apple brand. From image tracing some of the quality was lose. The overall image still hold a nice quality. It may not seem apparent but the original was more shiny and bright.

Firefox 

This is for firefox. It went through image tracing and it doesn't look much different from before. Still a nice image. This is because the source image was high quality so not much was lost.

Sony

This is a crappy symbol for sony. This was made from a very low quality picture that I improved but that has its limits. If the original is bad it is very hard to get a good quality image.

Pen Tool

Geometric/ Straight lines

This is an example of the pen tool. If you click the screen a point will be made and as you drag the mouse a line will follow. When you click next it will leave point that the previous point leads to creating a line.If you continue to do this and connect the points you will get a geometric shape. You use the pen tool.

Organic/ Curved lines

This is an curved line picture. To make the curve in the line you hold down the bottom after you have clicked down an as you move a curve you can control will be formed. You can end your curve by letting up on the clicker. It is possible to connect the curved lines. You use the pen tool.

Special Lines

This is made the same as a regular line. The difference is once you have your line you start to use the stroke palette. This allows you to customize your line. For this line I change thinned of my line into an arrow head.

Special Curves

This is the same as a curved line but you use the stroke palette. You are able to customize your line how you want.

Stroke Palette

This is an example of some of the things you can do with stroke palette. You can make dashes in your lines,choose if you want something on the front or the back. You uneven make your lines thiner or thicker.

Pen Tools

Pen Tool

This includes the regular pen tool which can draw straight or curved lines. 

Add Anchor Point Tool

This is the pen tool with a plus next to it. it lets add a point on the line you already have to make it more secure.

Delete Anchor Point Tool

Gets rid of an anchor you have already on your line. Can change the shape of you objects.

Anchor Point Tool

Lets you move the anchor points you have and change the shape of the line or curve of your shape.

Shapes in Adobe Illustrator

Shapes

This is an image with some of the shapes possible in adobe illustrator. 

Rectangle 

The first one I'll point out is the green rectangle I made. To make it you click on the rectangle tool and click-and-drag the size and shape you want to get your rectangle. 

Square

Next is the yellow square you can get from holding the shift button while you click-and-drag to get perfect square.

Rounded Rectangle

For the red, rounded rectangle you just need to go to the rounded rectangle tool and click-and-drag for your shape. 

Elliptical

For my pink elliptical you go to the elliptical tool and click-and-drag. 

Circle

The light blue circle you get from holding the shift button when using the elliptical tool. 

Pentagon

The black pentagon you get from using the polygon tools click-and-drag. 

Triangle

The black triangle you get from clicking the screen once to bring up the options an then proceed to change the number of sides. When you use the polygon tool next it will have the number of sides you set it to.

Star

My blue star you'd get from the star tools click-and-drag. 

6-point star

My 6-point white star was made from clicking the screen to have the options coming up. You change the number of points the star will have to get a new star.

Flare 

The flare tool is the odd looking shape at the bottom of my image. To get this you go to the flare tool and choose the center yo want and then direction the flare is going into complete it