Tuesday, October 6, 2015

Ai: Rasterize Vector Logo

16 colors Batman Logo
High Fidelity Sony Logo
16 Colors Mozilla Firefox
Sketched Art Apple Logo

The goal of this assignment was to learn how to edit these logos so that the quality of the logo would improve, as well as figuring out the appropriate delivery format. For the Apple logo the first image pre set i tried was line art which did look like an apple but not the Apple logo. I then used the technical drawing preset which completely changed the image to a weird looking silhouette of an apple. 
For the Batman logo I originally used the gray scale preset which made it look like a throwback logo from the 60's however, this logo did not work for this assignment because the logo did not have the appropriate color requirements. The correct preset for this logo was 16 colors as it sharpened the few colors that outlined the logo.
For the Mozilla Firefox logo I also used the 16 color preset as this image had many more shades. By using the 16 color preset those different shades come a lot sharper and the image actually increases in quality.
For the Sony Ericsson logo i used the high fidelity because when I uploaded to Ai and then re scaled the quality of the image was poor so it just made sense to use high fidelity because it increased the sharpness of all the different colored shades.



Tuesday, September 29, 2015

Ai: Vector Self Portrait

16 colors
Low Fidelity 
High Fidelity 
Original with increased contrast
Vector images are mathematical calculations from one point to another that form geometrical shapes. When a raster image is scaled up, it usually loses quality. A raster image can be enlarged by either adding more pixels or enlarging the size of the pixel. Either way you are spreading the original data over a larger area at the risk of losing clarity.

Raster Image: a dot matrix data structure representing a generally rectangular grid of pixels.

Vector Image:graphics is the use of geometrical primitives such as points, lines, curves, and shapes or polygons all of which are based on mathematical expressions.

Thursday, September 24, 2015

Clone Tool


Created by using the healing brush tool, patch tool and red eye tool.

The Healing Brush tool lets you correct imperfections, causing them to disappear into the surrounding image.

The Patch tool synthesizes nearby content for seamless blending with the surrounding content.


It reduces the amount of saturation of a selected area.

Liquify Filter

Created by using the forward warp tool, pucker tool and, bloat tool




By using the forward warp tool aka smudge tool I was able to give myself a Joker like smile.


The reconstruct tool was useful if you need to re arange an area to how it originally looked


  The pucker tool is used to compress a certain area of the image. I used this tool to re design my shirt.

 The bloat tool creates the reverse effect of the pucker tool it expands a certain area of the image.

GIF Colors and Quality

GIF 200 Colors

GIF 6 Colors
GIF is not ideal for modern photography, nor image storage. At small sizes with very limited color tables, GIF images can be smaller than JPG files. But at most ordinary sizes, JPG compression will create a smaller image. 

Tuesday, September 22, 2015

JPEG Compression and File Size


For this assignment we experimented with filters in order to figure out how it affects the image size. By reducing the image quality under the SAVE FOR WEB option the size of the file also goes down. Changing the quality of the image changes the texture of the pixels to a more cloudy pixel. By changing adjusting the amount of colors the image becomes sharper or blurrier.




Quality:100


Quality: 60
Quality: 0

Wednesday, September 16, 2015