potable game station of the future presented by brandon

Poster for graphic design

Kazu CMP

Magazine proj.

Album Cover Back

Album Cover

Poster design

ID package

Helvetica Proj.

Portfolio cover

Final Design

Design Sketches

Logo Design (fixed)

Notes on Logo Branding

Notes on Corporate Identity and Logo Branding by Liam Conley

Brand

-The perceived emotional corporate image as a whole, it is the reputation both claimed and perceived

Branding

-A organizations brand or branding is essentially their public image

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

Branding example

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

-When people use the products they connect to the brand emotionally

What is Identity?

-Corporate Identity is comprised of the visual aspects that form the brand

-Close attention is paid to executing a consistent experience for the viewer

What is Identity Design?

-The corporate identity includes strict usage of colors, font families, graphic elements and other guideline, usually detailed in a corporate identity guide

-The identity can include the logo, logo variations, business cards, labels, envelopes, and letterhead stationary

What is a logo?

-A logo is used for identification

-A logo is the simplest was=y a 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 from via the use of a mark or icon

Logo Design

Why Vector Art?

-We create logo’s as vector art because it is flexible, powerful and easily edited, this is important when clients want to make changes

-Vector art can be scaled

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 and shape

Final Art: Graphic Style

-Decide what your “graphic style” will be

-Will it be bold, simple and cute?

Or sleek, technical and sedate?

Or cartoony, fun and cool?

Or high tech and 3ds?

-There is a wide range of styles to choose

-Choose what fits your concept and market

Line quality

-Line Quality refers to the smoothness and precise nature of your lines

-We use the pen tool to create perfect smooth lines

Line shape

-if you have line art in your logo your line shape is important

-Do you want an artistic look to your line? Try a Custom “Art Brush” from the Brush library

Color Matters

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

Logo Design Rules

-Describable

-Effective without colour

-Memorable

-Scalable

Design Styles

-Style 1: typeface focused. This style relies on a typeface to create the logo design, creativity is utilized in the proximity

-Style 2;mixing typefaces. This style uses 2 different fonts must be similar

-Style 3: typeface + graphic elements

-Style 4: typeface + shape/symbols

-Style 5:Graphic focused design. Typeface plays a supporting role

Final Fantasy design project

This was the original design for the Final Fantasy series designed by Yoshita Amano in 1987.

This was the American Design using its own custom font.

Yoshita Amano decided to go with a more artistic angle in 1988 trying to make the text look like a dragon

Yoshita Amano a similar design for the third game

In 1991 Amano decides to change the font design to english and has artwork of his put with the text

The American version sticks with their design and names the game two because they did not release the other games.

Amano decides to continue with the style that he used previously and will continue to do so for the rest of the games. His artwork is in the background of the text instead of next to the text. The Dragons tail also surounds the "A".

Amano uses the same text with the protagonist in an amor used in the game.

The American company use the previous style.

When Final Fantasy seven comes out the developing team changed and the American team decide to use the Japanese design as well. This design has a meteor in the background.

In this design it shows the male protagonist holding the female protagonist.

In this design a crystal is seen in the foreground of final and in the background of fantasy

In this design it shows the summoner of the game casting magic in the background

This design shows an army above the title, representing the m.m.o. aspect of the gameplay

This design shows a class called a judge, the games antagonist, in the background.

This design is the only design with an outline of the font other than white, being turquoise. The background design features a character called the cocoon.

2D image of the package design

Phoenix wright Typography

Typography Name

Typography poster

Typography notes

Design

Typography

“Fonts are the clothing that our ideas wear.”

Legibility

-choose classical time tested typefaces

Sans-serif (reads better for large) v. serif (reads better for small)

can be complementary

Font variance

-too many confuse the reader

Definition

-if fonts are too similar then it causes ambiguity

Readability

-Use upper and lower case letters for optimum clarity

capital letters are the equivalent of shouting and are difficult to read

Alignment

-left alignment reads easiest, consider eye flow as it moves down a page

Emphasis

-use these tools with discretion and without disturbing eyeflow

1. italics
2. bold
3. size
4. color
5. typestyle change

Integrity

-avoid stretching or distorting type

arbitrarily distorting fonts compromises their integrity

Weight

-strive for a sense of balance

is the font heavy or light

Kerning

-space between the letters individually

Tracking

-spacing from one letter to the next

Large text blocks: rags

-ragged edges in text blocks

Godot line art

Because why not

3 Color Sugar Skull

Made with my tears

Design elements and principles notes

Graphic Design Principles and Elements

What is Design?

-Design elements are basic units of a visual image

-The principles are the relationship of the elements used and organised as a whole

-All imagery, art, design, and photography alike, are comprised of this and can be broken down and analysed

Design Elements

• space

-exists in two or three dimensions

-can refer to a positive space or a negative one

-can create the illusion of depth

• line

-can taper

-creates style

• color

-color palettes

-evokes mood

-evokes place

-evokes time

• shape

-simple to complex

-organic

-geometric

-manmade

• texture

-can be implied

-can be actual, used in fine art

• value

-refers to shading

-helps create depth and shape

Design Principles

• unity

-Creates a sense of order

-creates a consistency in size and shape

-other elements disrupt unity

• variety

-be able to adapt

-can still be w/ unity

• repetition

-uses something over but can change an element

-used to create unity

-creates consistency

• harmony

-everything has a place

-color is important for this

• proximity

-white space is used to create room

-hierarchy of info needed

-makes info easy to access

• proportion

-can flipflop a design

- can trick eye

-used in optical illusions

• functionality

-determines style

Swatch Proj.

.ye

Color Wheel

Graphic Design notes on Color Theory

Primary, Secondary, Tertiary

ROYGBIV is the visible color spectrum

-light travels in waves and different will appear as dif colors when has dif properties

Primary

-Pigment generated: yellow, red, blue-(Subtracted)

-Light generated: red, green, blue-(Additive)

Lighter colors are perceived as coming towards us, while darker colors look like they are receding

Color mixing, RGB, RGY, CMYK-(print process)

Monochrome-tints, shades and tones of a single hue

Grayscale: black and white only

Web Safe format RGB:hexagon compatible

Tints-add white    }

Shade-add black } to pure hue

Tones-add grey   }

Color harmony

Color wheel

opposite sides are harmonious

split complementary: opposites and two to left/right

Analagous-next two each others

Triad-triangle

Tetratic-uses rectangle

Quadrilateral- uses square

color palettes-invoke mood, location, emotion

Color Properties

cool warm bright dark saturated(lots of hue) desaturated(add white)

Color Intensity- changes based on surrounding color

Color associations- universal to all people

Some are cultural because certain things are from being raised in a certain area

Color increases recognition of a brand by 80%

Colors affects appetite

Color affects the mind

Graphic File Formats Notes, Liam Conley, per 2

• All com. doc., or files are packaged in dif. formats
• the format is determined often by the files origin such as a software program like photoshop. or a digital cam.
• Graphic file such as a photo, video or artwork can be reduced in file size by using compressors

Lossy v lossles

• the 2 categorys
• w/ lossy data is “lost” or reduced for smaller file sizes but cause poor image qualt. can result in compresion artifacts
• lossles retains image data

Graph. formats

• Tif, Jpeg and Gif are the 3 most com. formats for activities such as printing, scanning and displaying over the internet
• Png is a common web format is a common web format, is high quality and can contain an alpha channel
• each format has its own dis/advantages

Tif

• tagged image format
• common format for desktop pub., print, photo, and graphic des.
• is lossless file. retains image data
• can result in larger file sizes not fit for display over internet, not browser compatible

JPG

• stands for joint photographers expert group
• created for digital photography and works best for it
• is lossly
• can reuce 10:1 w/out showing compression artifacts
• the level of compression is adjustible

GIF

• graphics interchange format
• is best for flat colors such as cartoons
• reduces image size by “indexing” color from 3 channels to 1
• is  adjustible by changing color bit levels from 1 to 8
• contains no DPI data for printing

Which format should I use for ____?

Best qual. Tif Png

Smallest file size JPG

Max compatibility TIF JPG

worst choice for photos GIF

worst choice for line art JPG

Know your pixels

• Tif and JPG are best for images w/ pixels that blend in color called contiguous pixels
• Gifs are best for flat images or non contiguous pixels

alias v anti-aliase: jagged v softened