SPACE, THE FINAL FRONTIER

motion logo project

parallax effect

rotoscope project

ae project

course

link for CGI/live

first work with maya

cornel box

walk project

character project

animation flip book project

album cover and work

EVENT POSTER

Identity package

lego logo

LOGO RESEARCH PROJECT:

 I have chosen to do the well known Lego logo for my assignment. The Lego logo was first created in 1934 with a very simple black coloring, originally meant for the business which did not include today’s legos, instead the company sold wooden and plastic toys. A different logo was created for the actual packaging given to the toy boxes for children. It has been changed many times since its beginning, in each attempt trying to give off a stronger sense of familiarity and friendliness. Other than the original word much has changed including background (from white to red), font (scripture to bubble) and the change of shape from a rectangular shape to a square. What was interesting is the time between the first and present logo there were many that included other words than the actual “lego” word including; system, Billund Denmark, Klodser, and Mursten. The meaning of “lego” comes from Danish words ‘leg’ and ‘godt’ which translate to ‘play’ and ‘well’.  

The logo works well for all of the 5 logo design qualities. It is easily describable, a red box with white bubble like letters inside and black and yellow outlines over the letters. It is memorable and still works in black and white–however it doesn’t give of the same feeling that the right red gives. I have seen personally that the logo works well in varying sizes, the inch by inch logo on the Lego boxes or the several square foot sized signs for their stores.

lecture notes 11/25/14 logo design

LOGO BRANDING AND IDENTITY

developing and understanding of branding framework

–brand guidelines for typefaces/colors/weights/details on logo/borders of logo/etc for an artist creating a logo for a comp

What is Branding?

–brand="perceived" emotional corporate image as a whole it is the reputation both claimed and    perceived 

–an org. bran or branding is essentially their public image

–designer can create the framework for a brand, colors, fonts, artwork, style...but audience completes the brand through an emotional reaction with it

–branding ex.

  -apple is an IT company that projects a humanist image, positive corporate ethics, and support of good   causes

–when ppl use the products

What is Identity?

–corporate identity is comprised of the visual aspects that form the brand

–close attention ia paid to executing a consistent experience for the viewer

What is Identity Design?

–corporate identity includes strict usage of colors, font families, graphic elements and other guidelines usually detailed in a corporate identity guide

–the identity can include the logo, logo variations, business cards, labels, envelopes, letterhead stationary advertisements, tv commercials, packaging etc

What is a logo?

–logo=for identification

–simplest way company or organization can represent itself through the use of a mark or icon

Summary

–brand-the perceived emotional corporate image as a whole 

–identity-the visual aspects that form part of the overall brand

–logo-identifies a business in its simplest form via the use of a mark or icon

LOGO DESIGN

why vector Art?

–its flexible, powerful and easily edited, important when clients want to make changes

–vector art can be scaled up infinitely without losing quality!

Pencil to vector

–creating a logo design requires many phases

-many meetings and review sessions are required to arrive at a design that works

-converting a simple pencil sketch to vector art requires establishing graphic style, color, line shape and typography 

Fine Art: Graphic Style

–decide what your "graphic style" will be

  -will it be bold, simple, cute

  -sleek, technical and sedate?

  -cartoony funny cool

–high tech/3d

–there will be a wide range of styles to choose

–choose what fits your concept and market

Finale Art: Line Quality

-line quality refers to the smoothness and precise nature of your lines

-use the pen tool for perfect straight lines

Finale Art: Line Shape

-if line art in logo line shape important

-artistic look? try art brush (custom) from brush library in AI

-these line shapes are all created w/ he stroke palette

color matters

-color makes a huge difference use colors that are appropriate for your design

LOGO Design: General Rules and Styles for Designing Logo's 

1. describable

2. effective without color 

3. memorable

4. scalable

design styles

style 1: typeface focused, this style relies on a typeface to create the logo design, creativity is utilized in the proximity,contrast, color and customization of the letter forms

style 2: mixing typefaces. style uses 2 different typefaces to create the logo design. strive to create a balanced design, typefaces that are to similar will lack

style 3: typeface plus graphic element uses simple graphic elements in addition to the typeface to create an emphasized and balanced design. should remain abstract 

style 4: typeface plus shapes symbols an even balance between art and typography is achieved in this style

style 5: graphic focused design, graphic elements are the focus/dominant aspect of the design, the typeface plays as a supporting role

magazine cover

portfolio cover work

portfolio cover

god bless death note and he-man aND AMERICA!!!

ROP career skills notes: resume

ROP Career Skills: how to write a great resume
-can use for any job

Your ROP Portfolio
– contains 3< best work samples, written explanation of each piece
– letter of introduction
– resume
– list of references
– letter of recommendation
– use ROP portfolio handbook as a guide

Job Seekers Trifecta
– solid well written/designed
– equally well crafted list of references
– flawless handwritten job application

Your Resume Should Have:
– who and how you can be contacted
   -email, address
– your job objective (whatever job you are going for, change when needed)
– level of education
   -state year started and year going to finish
– work history/experience
   -any job/volunteer work
– special skills and abilities
–what is attractive to reader

Edit and Refine Your Resume
– take time to write it
– no typo's use spell checker
– no mistakes, look for double words, grammar errors
– no misleading information
– format your text for easy reading and searching
   -same type face, avoid helvetica as body (ok for header)

Resume Writing tips
– list of most recent job experiences first
– list most important skills first
– leave out obvious
   -don't put references upon request
– avoid negativity
   -don't trash past work experiences
   -in ca illegal for employer to ask previous employers about you as an employer,
– go with what you've got: summer jobs, volunteer experience, clubs, relevant hobbies
–proof read, at least 3 other eyes


Style can vary
–keep it professional, well organized and easy to read
– avoid too much color

Portfolio handbook 
– tips/guides for all aspects of your portfolio
–2 sample resumes and template

how to get started
–find program (word google or pages)
–think of what ideal job might this summer or in the future align your resume info and objectives to that job
-use the resume template in the ROP portfolio handbook and list your important details

package design project: Devil's pie

type poster

illustrative lettering

helvetica

• Where does Helvetica originate from? What country? 

Helvetica is originally from Munchenstein Switzerland 

• What does the original name mean? What is it's translation in English? 

its original name means switzerland, in english its meaning is "the swiss type face"

• What year was Helvetica created? 

it was created in 1957

• What is the design style that Helvetica brought to popularity worldwide?

swiss design

• List the names of 3 different design styles or design movements that are discussed in the film. 

modernism, grunge typography and post modernism

• Write about some of the insight about design you have taken away from the film. You can provide quotes if you like. 

I found the arguments made by one woman in the helvetica movie very interesting–that Helvetica represents the vietnam war which is why she cant stand the type

Helvetica is seen in everyday life; it is seen on street or business signs, fliers, posters, and labels. At our school  there are warning labels signs and posters all with Helvetica, in bold and italic as well.
 



Mike Parker (1929-2014): often named the father of helvetica, he was the cofounder. He created over a thousand type faces in his lifetime.

http://en.wikipedia.org/wiki/Mike_Parker_(typographer)

Matthew Carter (1937-present): designed early web fonts such as Georgia and Verdana. He used to design with the physical type and then to digital type design

http://en.wikipedia.org/wiki/Matthew_Carter 

Erik Spiekermann (1947-present): german typographer who created FontShop, a mail distributer of fonts. He has created Lo-Type and FF Meta.

http://en.wikipedia.org/wiki/Erik_Spiekermann

David Carson (1954-present): Graphic designer and surfer. He is best known for his experimental typography–a grunge era style.

http://en.wikipedia.org/wiki/David_Carson_(graphic_designer

1. typeface can create different moods because of the memories or associations the viewer makes when seeing these different fonts. When ever I see papyrus font I am reminded of 6th grade history when we learned about ancient Egypt 

2. he means that because different fonts usually have people's brains associate different tones from the fonts so a designers responsibility is to have whatever they create to have the desired affect on people 

3. I always end up using times new roman or ariel when I type because they are the usual default fonts and it has become such a habit it feels strange to change them, unless its for a powerpoint presentation.

4. legibility is the level of clarity fonts give of, how clear a letter is while communication is how the viewers see it, weather or not they sense the meaning/feeling of the font, not necessarily the actual definition of whatever word is written. Happy can be shown in many ways through font (ariel or apple chancery for example) 

5. design is an expression of the times because they are used to represent the feelings and positions of the people and designers of the time, curvy/fancy lines for the past or straight thin lines for a more modern feel. Politics also affect how designers create their letters, there is money in it so the design purpose can be to inspire trust or distrust for opponents

6. I did like some of the examples shown in the video because they were imperfect, not all the same letters looked the same but I did not enjoy all of the styles because some of them were very illegible.

7. It would feel wrong if a business I knew were to change its font, it could become unfamiliar and a hint of deception like what Netflix recently did

8.  Whenever I see font I can now think and appreciate the time and thought its creators put into their work

9. I see there is a larger aspect to graphic design than just pictures and illustrations or colors and animation.

TYPE FACE JOKER

MR. J

typographic notes

DESIGN
Typography         fonts are the clothing that our ideas wear

tracking   rags     kerning   serif   sans serif   points   type face (fonts)

legebility
-Baskerville, Frutiger, Futura, Garamond, Gill sans, Helvetica, Palatino, Times new roman
-most common font types

Serif vs sans serif 
serif=easier for smaller texts
sans=for titles/big

font variance; too many confuse the reader
-too many fonts spoil the design
-variety not a good design choice

definition: fonts that are too similar cause ambiguity–confusion

readability: use upper and lower case letters for optimum clarity
-ALL CAPITAL LETTERS ARE THE EQUIVELENT OF SHOOTING AND ARE DIFFICULT TO READ
-ok for magazine titles, books, advertisements

Alignment: left alignment reads easiest, consider eye flow as it moves down a page
-writing=middle align
-right align=weird

Emphasis: use these tools with discretion and without disturbing eye flow
1. italics
2. bold
3. size
4. color
5. typestyle change–follow previous rules

Integrity: avoid stretching or distorting type
-arbitrarily distorting fonts compromises their integrity

Weight: strive for sense of balance
-heavy or light
-heavy to light can bring unbalance

-the mac is not a typewriter
-kerning and tracking

kerning=individual space between letters,
-adds cleaner look  AV vs A V, otherwise spacing by itself

Tracking=space between letters, for long writing not titles

Large Text Blocks: Rags
-news papers use justification
-paragraph spacing
-want edge to be uniform

history
-made from blocks then came the linotype

sugar skulls

PART C

         The three primary colors are red, blue, and yellow for pigment generated colors (red blue green for light generated colors). Secondary colors are mixes of 2 primary colors, for example yellow and blue make green while red and yellow create orange. Tertiary colors in turn are made with the blending of secondary colors, like a yellow green. Subtractive color models is the mixing of pigments to create a color vs additive color models where light of the the three primary colors creates a white light, the cancelation of each other. Color can affect or perception in different ways, giving off emotions, energy, and suggestions of ideas. It is greatly used as a marketing strategy changing the way we view objects. Just as colors affect the way we see things they can affect each other as well. If a red and purple are together they seem more bland than a red and blue, the color differences adds an intensity.

monotonegreyscale

complimentary

PRIMARY COLOR PALETTE

COLOR WHEEL PROJECT

more Buscemi eyes

COLOR THEORY NOTES 9-30-2014

Adative color method
-computer uses 3 colors to show all colors (RGB) light generated colors

Primary
-pigment generated colors: red, yellow, blue
-light generated colors: green, red, blue
subtractive color mix all together = brown/black
additive color=white light

Secondary
-mix of primary colors
-orange purple green

tertiary
-mix of secondary colors

ROYGIV
-visible color spectrum, measured in nanometers
-lisht travels in waves colors have diff wave length and height

-can create colors to bright to print
adobe illustrator warns you of print result

Ed Roth's Orbitron, one light with three lights=one white light

dark color=recedes
light = closer

warm
-yellow, red, orange

cool
-green, blue, indigo

Color mixing
RGB-red green blue light generated model
RGY-pigment, red yellow blue
CMYK-cyan magenta yellow black, print process model

Color Models

Monochrome-tints shades tones single hue
Grey scale-black and white only
Web safe RGB-hexadecimal compatible

internet=standerd with web safe RGB

Modification
tints-add white to pure hue
shades-add black to a pure color
tone-add grey to a pure hue

Color Harmony
complementary (colors across color wheel)
split complementary-line across+2 to the side
analogous=neighbors (3)
triad-triangle across color wheel
tetradic-rectangle across
quadrilateral-square across

Color palets-diff can invoke mood, location, emotion
-russian poster art
-beach
-veggies
-fruit
-earth
-pop art
-earth

color properties
-cool
-warm
-bright
-dark
-saturated
-desaturated

Color intensity
-changes in relation to surrounding color red to white vs red to pink

Color associations
-types of color associations are universal to all people

cultural/psychological color associations

why color matters
-73% purch decisions now made in store
catching shoppers eye
-incresses brand recognition by up to 80%

color affects appetite
-blue rare occurence in nature
-no appetite response to blue food

color affects pink
-pink tranquilizing color=drains energy
-used in prisons, holding cells, opposing team locker rooms (now illegal)

Buscemi eyes challenge

just keep swimming

the envious dictator

image quality

The image with the best quality for these images was the png, it had the best image quality however it does not have the smallest file size ideal for the internet, it contains the one of the larger file sizes. Even though gifs have less image quality they were made for the internet, usually of a smaller file size. The middle/balanced one would be considered the jpg.