Digital Graphic Design .

44
Digital Graphic Design www.build-it-yourself.com

description

The Art of Civilizations Cave Drawings: We know about civilizations that lived 12,000 years ago by the paintings they drew on caves in France.

Transcript of Digital Graphic Design .

Page 1: Digital Graphic Design .

Digital Graphic Design

www.build-it-yourself.com

Page 2: Digital Graphic Design .

Civilizations are often measured by the art they leave for future civilizations. If we want to be recognized as a hot shot civilization, some of our art work needs help!

Our mission is to design digital artifacts that will make future civilizations say,“Wow!”

The Problem

The Mission

www.build-it-yourself.com

Page 3: Digital Graphic Design .

The Art of CivilizationsCave Drawings: We know about civilizations that lived 12,000 years ago by the paintings they drew on caves in France.

www.build-it-yourself.com

Page 4: Digital Graphic Design .

Buddha: The Awakened One is a being who has become fully enlightened, has permanently overcome anger, greed, and ignorance, and has achieved complete liberation from suffering, better known as Nirvana.

The Buddha at the North Temple Pagoda in Suzhou does not have a big stomach because of his appetite, but because he's swallowing all the evil of the world (or so they say).

The Art of Civilizations

www.build-it-yourself.com

Page 5: Digital Graphic Design .

The Sphinx:The body of a lion with the head of a king or god, the sphinx symbolizes strength and wisdom.

A great sphinx sits outside the Egyptian pyramids and says, “Don’t mess with me!”

The Art of Civilizations

www.build-it-yourself.com

Page 6: Digital Graphic Design .

What’s the ugliest thing you can think of that is part of our civilization?

The Art of Civilizations

www.build-it-yourself.com

Page 7: Digital Graphic Design .

A great idea may never be appreciated if it is presented the ugly way.

“The aim of art is to represent not the outward appearance of things, but their inward significance.” Aristotle

Discovery

www.build-it-yourself.com

Page 8: Digital Graphic Design .

1. Design Principles Lab Book2. Screen saver3. Animated gif4. Illustrated story trailer for a game5. Cuckoo time machine

www.build-it-yourself.com

Page 9: Digital Graphic Design .

Find 3 examples of way cool designs and way ugly designs (made by people, not

nature):1) Cars2) Fashion3) Buildings4) Games

Graphic Design Exercise

www.build-it-yourself.com

Page 10: Digital Graphic Design .

GraffitiYou can use the straight line or curved line drawing tool to create graffiti letters.

www.build-it-yourself.com

Page 11: Digital Graphic Design .

GraffitiYou can use the straight line or curved line drawing tool to create graffiti letters.

www.build-it-yourself.com

Page 12: Digital Graphic Design .

GraffitiYou can use the straight line or curved line drawing tool to create graffiti letters.

www.build-it-yourself.com

Page 13: Digital Graphic Design .

Draw graffiti outlines of your first name.1. Straight line letters2. Bubble letters3. Serif block letters

Graphic Design Exercise

www.build-it-yourself.com

Page 14: Digital Graphic Design .

Color Wheel HuesPrimary colors

www.build-it-yourself.com

Page 15: Digital Graphic Design .

Color Wheel HuesComplementary colors

www.build-it-yourself.com

Page 16: Digital Graphic Design .

Color Wheel Hues

www.build-it-yourself.com

Page 17: Digital Graphic Design .

Color Wheel Hues

Related colors are adjacent on the color wheel. They are relaxing or pleasing next to each other.

CoolColors

HotColors

www.build-it-yourself.com

Page 18: Digital Graphic Design .

Color Wheel Hues

Related colors are adjacent on the color wheel. They are relaxing or pleasing next to each other.

Contrasting colors, those separated by two or three colors on the wheel, create a bold, vivid effect.

www.build-it-yourself.com

Page 19: Digital Graphic Design .

Color Wheel Hues

Complementary colors are opposite each other on the color wheel. They vibrate and dazzle and confuse the eye. Don’t put them next to each other unless you want this effect.v

www.build-it-yourself.com

Page 20: Digital Graphic Design .

Color Wheel Hues

Related colors:

Contrasting colors:

Complementary colors:

www.build-it-yourself.com

Page 21: Digital Graphic Design .

Color Wheel SaturationLow saturation results in light, pastel colors.

High saturation results in dark, ominous colors.

www.build-it-yourself.com

Page 22: Digital Graphic Design .

Color Wheel TricksA color can appear to be different when it is combined with another color.

Which small purple rectangle is lighter?

It is often more interesting to create a color from loosely mixing two colors than to fill in a space with a solid color.

www.build-it-yourself.com

Page 23: Digital Graphic Design .

Color Wheel Tricks

www.build-it-yourself.com

A color can appear to be different when it is combined with another color.

Which small purple rectangle is lighter?

It is often more interesting to create a color from loosely mixing two colors than to fill in a space with a solid color.

Page 24: Digital Graphic Design .

Graphic Design Exercise

1. Add a color wheel to your lab book from Google.

2. Color a rocket ship using shades of two complimentary colors.

3. Color a rocket ship using colors in just one quarter of the color wheel.

www.build-it-yourself.com

Page 25: Digital Graphic Design .

Graffiti

www.build-it-yourself.com

Page 26: Digital Graphic Design .

Graffiti

www.build-it-yourself.com

Page 27: Digital Graphic Design .

Graffiti

www.build-it-yourself.com

Page 28: Digital Graphic Design .

Graffiti

www.build-it-yourself.com

Page 29: Digital Graphic Design .

CompositonTry to compose or layout your designs so the viewer’s eyes flow easily from one section to another.

Usually it is good to line up objects so you can draw pleasing lines between the objects.

Think about balance, foreground / background, rhythm, and focus.

www.build-it-yourself.com

Page 30: Digital Graphic Design .

CompositonTry to compose or layout your designs so the viewer’s eyes flow easily from one section to another.

Usually it is good to line up objects so you can draw pleasing lines between the objects.

Think about balance, foreground / background, rhythm, and focus.

www.build-it-yourself.com

Page 31: Digital Graphic Design .

CompositonTry to compose or layout your designs so the viewer’s eyes flow easily from one section to another.

Usually it is good to line up objects so you can draw pleasing lines between the objects.

Think about balance, foreground / background, rhythm, and focus.

www.build-it-yourself.com

Page 32: Digital Graphic Design .

ou can't win if you don't bet.

Page 33: Digital Graphic Design .

ham!

am!

ow!

oly atfish!

Batman and RobinBy Erica

Page 34: Digital Graphic Design .

o invent, you need a good imagination and a pile of junk.

Thomas Edison

Page 35: Digital Graphic Design .

hildren nowadays are tyrants.They contradict their parents,gobble their food, andtyrannize their teachers

Socrates

By Jen

Page 36: Digital Graphic Design .

ntil I was thirteen, I thought my name was ‘Shut Up’

Joe Namath By Daniel

Page 37: Digital Graphic Design .

Find 10 quotes or jokes on Google or use the ones in this presentation.

Add graffiti to each quote on a black background.

Graphic Design Exercise

www.build-it-yourself.com

Page 38: Digital Graphic Design .

Google famous quotes or funny jokes And then turn them into Graffiti

Or you may use the following quotes:

"Those who claim a thing is impossible should not interrupt those that are doing it."Old Chinese proverb

"The Ark was built by amateurs, the titanic by experts...Don't wait for the experts." Murray Cohen

Page 39: Digital Graphic Design .

"I am opposed to millionaires...but it would be dangerous to offer me the position."Mark Twain

"I have never let my schooling interfere with my education."Mark Twain

"Until I was thirteen, I thought my name was 'shut up'."Joe Namath

Healthy diet: If it tastes good ... spit it out!!

If you want to go fast, go alone.If you want to go far, go together.African Proverb

"Genius is one percent inspiration and ninety-nine percent perspiration."Thomas Edison

"To invent, you need a good imagination and a pile of junk." Thomas Edison

Page 40: Digital Graphic Design .

"Wham! Pow! Bam! Holy Catfish!"Batman and Robin

Robin: "That's an impossible shot, Batman." Batman: "That's a negative attitude, Robin."

Batman: "Experience teaches slowly, Robin. And at a cost of many mistakes."

You can't win if you don't bet.

Put all your eggs in one basket and watch that basket.

"Once made equal to man, woman becomes his superior."Socrates

"Children nowadays are tyrants. They contradict their parents, gobble their food and tyrannize their teachers."Socrates

Page 41: Digital Graphic Design .

Cartooning

www.build-it-yourself.com

Page 42: Digital Graphic Design .

Animation

www.build-it-yourself.com

Page 43: Digital Graphic Design .

The importance of good looking designsFile managementPower Point (vector drawings)Paint, Gimp, Photoshop (pixel drawings)Graffiti (typography)Color (associations and psychology)Layout (clear, concise, compelling designs)

What we should know:

www.build-it-yourself.com

Page 44: Digital Graphic Design .

•Find 5 quotes or jokes for a screen saver•Write a storyline to be illustrated•Outline content for a Web site•Make a Graffiti sign for your door•Find good and bad examples of design

in:- Fashion- Cars- Buildings- Games- Sports

Projects

www.build-it-yourself.com