Vectorized Sony Logo

Raster RGB and INDEXED Increased Resolution Quality Comparison: 

 

 

Indexed: 

The resolutions for this version has a lot more artifacts than the RGB version because this version's color mode was indexed. That made it unable to use more than 256 colors, making the image unclear. 

RGB:

The resolution for the RGB is better because it was allowed to use and fill in for more colors. This allowed the computer to use more of what it needed to make the image look less rigid and smoother

 

Older and Newer Vectors:       

To get a vector image form a .gif I had to move the image into Adobe Illustrator (after I made it the size I wanted). There I traced the image with the "High Fidelity" option. The image on the left is the old image, the one I had to make bigger and clarify and the one on the right is the new image. The differences are quite clear. The older image is smaller, is not as smooth and it looks messy while the new image is clearer, smoother and slightly bigger. 

My Type Assignment

My type 1: 

For this type assignment we had to replace a letter with a graphic that had a similar shape to the letter it was replacing. I chose to replace the letter O with an anatomical heart. It may have not been a perfect circle, but it is curvy enough to take the place of the O in the word "love".

My type 2: 

This type assignment had to have a bitmap image overlapping a letter. I typed the letter in InDesign and had to convert my image in photoshop before placing it on InDesign and overlapping it above the letter which had been filled in with black.

My type 3: 

This type assignment was similar to the first assignment but the symbol had to relate to the word. I chose the word "Biohazard" and replaced the O with with the biohazard symbol.

My type 4: 

This type assignment required that I replace a verb or noun with an image. This was sort of like a pun or play on words.

My type 5: 

Instead of combining text and images for this type assignment, the whole assignment was only about images. I had to combine two images to communicate a phrase, cliche or an idea.

My type 6: 

This other type assignment, had to be incorporated an image relating to the text while interacting with it. This wasn't too hard to do since the text was in black and the image I found was also in black. 

My type 7: 

For this type assignment I could only use text. I had to illustrate a word or a concept. I chose the word "growing" and illustrated the O growing/getting bigger.

Type Figures using Adobe InDesign

Type figure 01: 

We were free to use letters and numbers for this figure. I tried to create a clean and organized face but I still wanted to give it some defined characteristics. I used a large C for the outline of the face, four Os for the eyes, and the rest of it (the eyelashes, mouth and makeup) were made up of Js. It was hard to edit the space between the letters because I would lose where and how they were layered. It came to the point where I had to redo the whole thing like a puzzle.

Type figure 02: 

This figure had to be a sentence where the letter forms had to be related to the concept. To do this I tried to make the word "falling" look like it was falling and the word "apart" as if it had been torn apart.

Type figure 03: 

This figure was a bit tougher to make, I had to create a shape using letters the related to the text and have the text wrap around it. For this figure I wrapped a character's log around the Cancer zodiac sign, which is related to the character. Instead of drawing the zodiac sign, I made it with text. I then layered the sign in front of the wall of text, took away it border and wrapped the text below around it.

Type figure 04: 

This was more of a silly figure than a serious one since it was short and easy. We had to create a sentence with an emoticon.

Type figure 05: 

Instead of making this figure in InDesign we had to make it in photoshop and then place it on InDesign. Photoshop made it easier to play with the text after we turned the text into raster. This figure had to be manipulated to help communicate the idea of the word.

Selecting Text in Adobe InDesign

Function and Results: 

Click and Drag: Freehand selecting texts

1 Click: Places courser where you click

2 Clicks: Selects word

2 Clicks and drag: Selects a words

3 Clicks: Selects sentence

3 Clicks and drag: Selects sentences

4 Clicks:Selects paragraph

4 Clicks and drag: Selects paragraphs

5 Clicks: Selects entire text

5 Clicks and drag: Nothing

2 Clicks

5 Clicks

personal LOGO

Design Stages: 

Audience: 

My audience for this logo is my professor and my classmates. 

Idea: 

The idea for this piece was to create a black and white image with either my name or my initials to create a personal logo. The logo had to be inspired by Gestalt's idea of an image being worth more than the sum of it's parts. So I had to create something that had to do with an interest of mine and have the image be a sort of optical illusion. My image had to have positive and negative space, and lines that didn't mean but that were filled in by my audience's eyes.

Terse: 

 Even though I came up with a lot of ideas, only a few of them really captured the Gestalt style we were supposed to get. I feel that the final image I chose is simple yet fun, and captures the idea of having my audience finish the image in their heads.

Bottom Line: 

This assignment was a very good way to bring all of what we have learned in Photoshop and Illustrator into one piece. My logo was easy to clean on Photoshop and edit in Illustrator which resulted in a piece that I am very proud in. 

Layout Stages: 

Thumbnails: 

Created 20 different thumbnail sketches

Rough: 

Chose two concepts and redrew them on a 6" by 6" square.

Comprehensive: 

Final design, cleaned up and changed levels in Photoshop, Traced as a black and white logo and smoothed the anchors in Illustrator.

 

 

 

 

 

 

 

Vector File Size Comparison

 Simple Selfie (1.9MB) :

This selfie was traced using three colors. When I expanded it and the points were visible, they were clearly lined up along the different colors. The image was still very clear and so were the image's points.

 

 

 

Complex Selfie (12.1 MB):

This selfie was traced using high fidelity photo option. When it was expanded and the points were visible almost the entire image was covered in points. The image wasn't even clear or visible with the unhidden points.

 

Line (1.6 MB):

The line only had two points because it is a line with only two anchors. It has a point at the end and another at the start.

 

 

PEN TOOL

 Closed Geometric Rectangle: 

To create this closed geometric rectangle I had to use straight lines and connect them. I did this by using the pen tool and simply dragging my line across to get the length I wanted. I did the same for all four lines. 

 Closed Curved organic Shape: 

To create these curved lines I had to first create a straight line and then clicking it to drag it until I gave it a diameter, creating a curve. I did the same along my lines until I finally connected them.

 Curved Arrow at the End and Curved Arrow at the Start: 

After you create a line, either straight or curved, you can add an arrow to either it's end or it's start (or both). To add an arrow, you have to open the STROKE window. Once you are in there, open up

Your OPTIONS.  There you should see the options of "arrowhead".

The options to your left are the arrowheads for the start of your line. And the options on your left are the arrowheads for your ends.         

Different Stroke:

With the STROKE window still opened, you can change the weight of your line, meaning that you can make it thicker. The higher the weight, the thicker the lines appears. You can also make your lines into dashed lines. This is done by simply selecting the "Dashed line" key box.