Final Project

Q4 Project

For our 2nd Semester Final for e-9 me and my group had to come up with an idea, a product that doesn't already exist, then make a commercial, logo, 2d and 3d animation, and a website for that product. We worked on this project for around 5 weeks and presented our product on the 6th week. When we presented our product the computer we had to present on couldn't pull our animations or commercial up and we had to use a different commercial then we wanted. I learned to make a copy of a finished project so it doesn't disappear and to try to prepare for anything that could go wrong later. We were told that the audience interaction in our presentation was good. I changed and improved on my commercial and animation whenever I had free time in class. I think this was an interesting and fun final project for e-9.

When in class I helped come up with ideas to start our project, I helped make the commercial and edited my own version of the commercial. I helped come up with ideas to make our logo and with Ethan came up with the final color scheme. I made the 2d website animation and when I had free time improved it and the commercial. When I finished early I improved my own stuff and tried to help with the website or give ideas on what we could improve on. At the start I tried to come up with ideas for our project and later sketched ideas for our logo if I had extra time. 

I think I am best at graphic design and animation and I enjoy them the most. I used these strengths to help design our product logo, and make the 2d website animation. 

I could improve these areas by becoming more familiar with Adobe Photoshop and Adobe Illustrator. I could also get better at sketching and find other things to make better projects.

I liked coming up with a product that could be anything even if it wasn't possible to make yet. I would have our group put all the finished projects in the server so that the presentation could have went smother. I learned that if you can work well with a group and combine ideas you can make great things. I think next year I want to overall improve my skill working with these applications and become more confident with my work. I think that this was a good year, it went fast but it was fun.

CSS VS. No CSS

For this project I was given a basic sample website without CARP or CSS. I had to take that website and add CARP and CSS. As you can see it makes quite a big difference.

In the first screenshot you can see more colors than just black and white. This makes for more contrast throughout the page. It makes the body pop and helps differentiate the headings for each other and the main section. The heading and paragraphs are in different fonts as well.

The two headings are found in the middle to show importance. Everything else is left aligned so it is easier to read and looks nicer.

The two headings are the same color and the authors name at the bottom is the same color as the headings. This gives the page a little bit of repetition.

The headings and main section have space in between to show they aren't the same. The paragraphs in the main section are closer together though, to show that they are part of the same section. This gives the page good proximity.

As these two pages show CARP can make a very big difference. I learned that in CSS you can hit the plus next to properties and add a lot of things as long as you know what to type.

Personality tests

I took a Myers-Briggs style test on Humanmetrics to find out my personality type. I was the type INTP. This stands for Introvert, iNtuitive, Thinking, Perceiving. INTP's are generally quite and think a lot. They like to find their own way of doing things rather then doing what others do. They are often engaged in their own thoughts. Albert Einstein and Abraham Lincoln share this type.

I think that this type is pretty spot on for my personality. I find myself in my own head constantly and almost always look for the logical solution. I think it show some things I enjoy more as I would generally rather spend time alone or with a few friends rather than go to big parties or large gatherings.

I would tend to try to think of ways to accomplish things rather then being out in front. When I get this role in a group I will be more comfortable and probably more productive. When I don't get to fill this role I will be pushed out of my comfort zone and likely be more stressed or less productive.

I took a Lion, Otter, Beaver, Golden Retriever personality test next. My highest was otter and my second highest was beaver. I think that the description was somewhat accurate. I don't think I'm as social as it says the otter is but I think the goof around portion is accurate. I think the quality of the beaver to be a problem solver and curious to find ways to do things fits me but I'm not quite the perfectionist that the beaver is.

My Logo

For this project I was instructed to make my own original logo. I began by sketching out ideas I had. After I had several ideas and a few I liked I moved to the computer. I began putting my ideas in Illustrator.

These are the first few that I tried. I tried having my initials one in front of the other. I didn't think it looked great so I tried putting them side by side.

After those I tried more ideas I had. I tried typing out my name in different shapes. First I tried my first name then my last name.












I tried putting the ideas together. I tried putting the diamond in front and the rectangle in front. Then I had another idea. I tried a diamond but used shapes to cut out small sections.

Once I had come up with my two favorites I started adding color. I wasn't sure what colors I wanted to use so I tried a few different colors and mixes.












After I had tried different colors I began using mock-up images to see what my logo would look like. I ended up going with simple black and blue for my logos as that is what I preferred.












This is the logo I decided to go with. I liked the simple colors. I also thought it looked more professional and cleaner than my other logo.

The Wizard of Oz

Contrast

• I used color contrast in this poster to split the poser into sections.
• I used size contrast by making the important things bigger and the less important things smaller.
• I also used different fonts to help show importance.   

Alignment 

• I left aligned all of the top half, and right aligned the bottom half 

Repetition 

• I used the same 3 colors throughout.
• I used the same font for a lot of the important parts.

Proximity 

• I put things that went together closer and split sections by moving them farther away

Letter Anatomy

Typography

For this project I had to take my name, in a serif font, and label all the parts of the font. Serif fonts add many parts to each letter. I labeled all the parts added to my name by a serif font. I labeled the base line, x-height, and caps height along with the other parts. There are ten parts labeled not including the base line, x-height, and caps height.

Before and during this project I learned many things about typefaces. I learned that serif means the extra lines add on the end of letters. I also learned sans-serif means without serifs. I learned that typefaces can mean as much, or even more then the words themselves. Lastly, I learned that fonts fit in certain situation, one font is not good for every situation. 

Color Wheel

Project Description

For this project I was instructed to create my own color wheel inside of Adobe Illustrator. I had to create the shapes and words using tools inside of Illustrator.

What I learned/reviewed 

 I learned some of the basics of using Illustrator throughout this project. This was more of a review as some of the tools are the same or similar to those I had previously used in photoshop.

How did I do

I think I did pretty good on this project. This is a very simple project so there isn't much I could do to improve it. I think the only way to improve it would be to make it 3D.



This is a different color wheel I made using effects in Illustrator.