gd5368 motion graphics (mograph) week2 · week2. questions? from last week or anything else? a line...

93
GD5368 Motion Graphics (MoGraph) Week2

Upload: others

Post on 03-Aug-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

GD5368

Motion Graphics(MoGraph)Week2

Page 2: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Questions?from last week or anything else?

Page 3: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

A Line is a Dot that went for a walk.

— Paul klee

Page 4: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Every drawing can be understood as a motion study since it is a path of motion recorded by graphic means. — LázLó mohoLy-nAgy

Page 5: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

TimeDesign

MOTION

Page 6: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

MotionGraphics

Page 7: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

GD5368 - Motion Graphics

Time +Motion +Graphic DesignmAIn PoInTS:

Page 8: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

1. Discuss time + motion principles

Page 9: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

2. Figure out how to apply T+M principles to all your different kinds of work.

Page 10: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

that is all …

Page 11: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Motion Produces Relationships—One thing moves, others don’t.One thing moves, others resist.One thing moves, others follow.etc.

Page 12: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

“MotionGraphics?”

so, what is

Page 13: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

“[You] Know It When You

See It”

it’s like pornography:

— Supreme Court Justice Potter Stewart

Page 14: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

alSo DeSCribeD by the PhraSe

Sequential art!

(SequenCeD in tiMe)

1 2 3

Page 15: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as
Page 16: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Why areTime + motionUseful?

Page 17: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

1. To represent something with actual duration—something that actually exists in time…

Page 18: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

2. Make a piece emotive in a way Static Imagery cannot.

Page 19: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

3. Make relation-ships in time, not just in space.

Page 20: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

4. Allow for Narra-tive or story …

Page 21: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

5. Pacing, Tempo, Emphasis, …

Page 22: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

6. Motion (or “Time”) adds something else

—normal Design does this for static imagery all the time …

Page 23: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

There are probably more …

Page 24: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Questions?

Page 25: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as
Page 26: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Ideas inmotion

Page 27: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

MotionGraphics

Page 28: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

MOTION

Page 29: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

DefInITIon:

Motion: a change in place or location

Page 30: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

SLIghTLy beTTer mogrAPh DefInITIon:

Motion: a change in place or location over time …* This is technically “velocity” in physics

Page 31: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Historical + theoretical Context

Page 32: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Newton(newtonian mechanics)

Page 33: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Sir Isaac newton

Page 34: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

newton really just more concretely phrased galileo’s thinking on the subjects …

Page 35: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Gravity!

Page 36: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Calculus!

Page 37: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

newtonDiscPerSISTAnce of vISIon

Page 38: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as
Page 39: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

newton’s3 Laws of motion

Page 40: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

These rules hold true for any normal motions …as long as they are on regular everyday physical stuff, and that stuff is not too big, not too small, nor going very fast... (like nearly the speed of light)

Page 41: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as
Page 42: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as
Page 43: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

LAW 1:

An object in motion (or rest) stays at motion (or rest) until acted upon by an outside force.

Page 44: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Objects in motion have momentum

Objects at rest have inertia

Page 45: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as
Page 46: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

LAW 2:

An applied force on an object equals the rate of change of its momentum over time or F=m*a

Page 47: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Heavier objects require more force to move the same speed as lighter objects

Page 48: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as
Page 49: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as
Page 50: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

LAW 3:

For every action there is an equal and opposite reaction.

Page 51: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as
Page 52: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as
Page 53: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as
Page 54: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as
Page 55: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

The problem with newton’s Laws:

THEY ONLY DEAL WITH CHANGES IN LOCATION + THE rELATIONSHIpS bETWEEN ObjECTS …

Page 56: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Aristotle

Page 57: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Aristotle used

mOTIONto describe any kind of

CHANGE

Page 58: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

he describes 4 main kinds of

CHANGE

Page 59: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

1. Local Motion2. Alteration3. Growth4. Coming to be &

Passing Away

Page 60: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

also, he had multiple variants of each type of

change based on his idea of

CAuSATION

Page 61: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

ARTIFICIAL

INTENTIONAL ACCIDENTAL “NATURE”

NATURAL(caused by man)

“Works of Art” ArtificialHappening

(FIRE)VS.

ArtificialProduct

(HOUSE)

VS.

(caused by nature)

Page 62: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

LOCAL mOTIONa change in place

Page 63: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

the moving thing is the unchanging subject of the change

that is local motion

Page 64: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

ARTIFICIAL

INTENTIONAL ACCIDENTAL “NATURE”

NATURAL(caused by man)

“Works of Art” ArtificialHappening

(FIRE)VS.

ArtificialProduct

(HOUSE)

VS.

(caused by nature)

hitting vs. dropping

Page 65: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

ALTErATIONa change in quality

Page 66: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

natural

Page 67: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

artificial

Page 68: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

GrOWTHa change in quantity

Page 69: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

natural

Page 70: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

artificial

Page 71: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

COmING TO bE &pASSING AWAY

a change in substance

Page 72: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as
Page 73: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

THIS LAST CHANGE IS DIffErENT IN THAT IT HAppENS INSTANTLY, WHErE THE OTHErS HAppEN OvEr A pErIOD Of TImE

Page 74: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

SO!what does this have to

do with DESIGN?

Page 75: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Basic forms of Motion …

Page 76: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Newton gives us change in position

Page 77: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Aristotle confirmschange in position

With his thoughts on local motion

Page 78: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Aristotle then adds change in quality

change in quanitityand

change in substance

Page 79: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

change in color

Page 80: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

change in scale

Page 81: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

change in shape

Page 82: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

and, we can actually do a few more than that

…like:

Page 83: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

change in rotation

Page 84: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

change in depth

Page 85: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

change in transparency

Page 86: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

1. Change Position 2. Change Color 3. Change Scale 4. Change Shape 5. Change Rotation 6. Change Depth 7. Change Transparency

Basic forms of Motion …

Page 87: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Sounds a lot like general basic design principles …

Page 88: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as
Page 89: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Design-a-mation!

Page 90: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

Make something

uSING ALL 7modes-of-change

Page 91: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

please have something to export

bY THE END Of CLASS

Page 92: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as
Page 93: GD5368 Motion Graphics (MoGraph) Week2 · Week2. Questions? from last week or anything else? A Line is a Dot that went for a walk. — Paul klee. Every drawing can be understood as

GOODBYE!