the beauty and magic of animation and motion graphics

119
The Beauty & Magic of Animation + Motion Graphics

Upload: bryan-zug

Post on 22-Jan-2018

1.723 views

Category:

Education


0 download

TRANSCRIPT

Page 1: The Beauty and Magic of Animation and Motion Graphics

The Beauty & Magic of Animation + Motion Graphics

Page 2: The Beauty and Magic of Animation and Motion Graphics

The Beauty & Magic of Animation + Motion GraphicsBryan Zug

Page 3: The Beauty and Magic of Animation and Motion Graphics

The Beauty & Magic of Animation + Motion GraphicsBryan Zug

What Now? Exactly! – animation

Page 4: The Beauty and Magic of Animation and Motion Graphics

The Beauty & Magic of Animation + Motion GraphicsBryan Zug

What Now? Exactly! – animation

Bootstrapper Studios – event + promo + demo

Page 5: The Beauty and Magic of Animation and Motion Graphics

Slides at http://bit.ly/zug2013cmr

If you like what you see, please tweet!

Page 6: The Beauty and Magic of Animation and Motion Graphics

This is my card

Page 7: The Beauty and Magic of Animation and Motion Graphics
Page 8: The Beauty and Magic of Animation and Motion Graphics

This is my cardNot only would I marry it

Page 9: The Beauty and Magic of Animation and Motion Graphics

This is my cardNot only would I marry it

I would have its babies

Page 10: The Beauty and Magic of Animation and Motion Graphics
Page 11: The Beauty and Magic of Animation and Motion Graphics
Page 12: The Beauty and Magic of Animation and Motion Graphics

SCCR

Page 13: The Beauty and Magic of Animation and Motion Graphics

SCCRSetting

Page 14: The Beauty and Magic of Animation and Motion Graphics

SCCRSetting

Character

Page 15: The Beauty and Magic of Animation and Motion Graphics

SCCRSetting

Character

Conflict

Page 16: The Beauty and Magic of Animation and Motion Graphics

SCCR = StorySetting

Character

Conflict

Resolution

Page 17: The Beauty and Magic of Animation and Motion Graphics
Page 18: The Beauty and Magic of Animation and Motion Graphics

How much is that meteor in the window?

Page 19: The Beauty and Magic of Animation and Motion Graphics
Page 20: The Beauty and Magic of Animation and Motion Graphics

How long does it taketo herd a dinosaur?

Page 21: The Beauty and Magic of Animation and Motion Graphics
Page 22: The Beauty and Magic of Animation and Motion Graphics

Get Interesting for $ not $$$$$

Page 23: The Beauty and Magic of Animation and Motion Graphics

Get Interesting for $ not $$$$$Bound by thinking + baking

Page 24: The Beauty and Magic of Animation and Motion Graphics

Get Interesting for $ not $$$$$Bound by thinking + baking

6 weeks = 2 Story + 2 Visual Design + 2 Animation

Page 25: The Beauty and Magic of Animation and Motion Graphics

Get Interesting for $ not $$$$$Bound by thinking + baking

6 weeks = 2 Story + 2 Visual Design + 2 Animation

Some upfront cost with infinite returns

Page 26: The Beauty and Magic of Animation and Motion Graphics

I will prove this with a graph

Page 27: The Beauty and Magic of Animation and Motion Graphics
Page 28: The Beauty and Magic of Animation and Motion Graphics

Camera vs. Drawing

Page 29: The Beauty and Magic of Animation and Motion Graphics

Camera vs. DrawingCamera – What is

Page 30: The Beauty and Magic of Animation and Motion Graphics

Camera vs. DrawingCamera – What is

Camera – $set + $props + $characters

Page 31: The Beauty and Magic of Animation and Motion Graphics

Camera vs. DrawingCamera – What is

Camera – $set + $props + $characters

Drawing – What could be

Page 32: The Beauty and Magic of Animation and Motion Graphics

Camera vs. DrawingCamera – What is

Camera – $set + $props + $characters

Drawing – What could be

Drawing – 1 good visual thinker

Page 33: The Beauty and Magic of Animation and Motion Graphics

This is Andrew

Page 34: The Beauty and Magic of Animation and Motion Graphics
Page 35: The Beauty and Magic of Animation and Motion Graphics

This is AndrewWe found him straight out of the art institue

Page 36: The Beauty and Magic of Animation and Motion Graphics

This is AndrewWe found him straight out of the art institute

He is a great visual thinker

Page 37: The Beauty and Magic of Animation and Motion Graphics

This is AndrewWe found him straight out of the art institute

He is a great visual thinker

More on visual thinking in a moment

Page 38: The Beauty and Magic of Animation and Motion Graphics

Some of Andrew’s visual thinking

Page 39: The Beauty and Magic of Animation and Motion Graphics
Page 40: The Beauty and Magic of Animation and Motion Graphics
Page 41: The Beauty and Magic of Animation and Motion Graphics
Page 42: The Beauty and Magic of Animation and Motion Graphics

A good visual thinkersketches ideas fast

Page 43: The Beauty and Magic of Animation and Motion Graphics
Page 44: The Beauty and Magic of Animation and Motion Graphics
Page 45: The Beauty and Magic of Animation and Motion Graphics
Page 46: The Beauty and Magic of Animation and Motion Graphics
Page 47: The Beauty and Magic of Animation and Motion Graphics
Page 48: The Beauty and Magic of Animation and Motion Graphics
Page 49: The Beauty and Magic of Animation and Motion Graphics

How are animation & motion strategic?

Page 50: The Beauty and Magic of Animation and Motion Graphics

How are animation & motion strategic?Cheap(er)

Page 51: The Beauty and Magic of Animation and Motion Graphics

How are animation & motion strategic?Cheap(er)

Fast(er)

Page 52: The Beauty and Magic of Animation and Motion Graphics

How are animation & motion strategic?Cheap(er)

Fast(er)

and…

Page 53: The Beauty and Magic of Animation and Motion Graphics

Science!

Page 54: The Beauty and Magic of Animation and Motion Graphics

Brain Rules by John Medina

Page 55: The Beauty and Magic of Animation and Motion Graphics
Page 56: The Beauty and Magic of Animation and Motion Graphics
Page 57: The Beauty and Magic of Animation and Motion Graphics

Brain Rule #10: Vision trumps all other senses

Page 58: The Beauty and Magic of Animation and Motion Graphics

Brain Rule #10: Vision trumps all other sensesHear information = Remember 10%

Page 59: The Beauty and Magic of Animation and Motion Graphics

Brain Rule #10: Vision trumps all other sensesHear information = Remember 10%

Add a picture = Remember 65%

Page 60: The Beauty and Magic of Animation and Motion Graphics

Brain Rule #10: Vision trumps all other sensesHear information = Remember 10%

Add a picture = Remember 65%

(after 3 days)

Page 61: The Beauty and Magic of Animation and Motion Graphics

Medina’sRules of Thumbon Vision

Page 62: The Beauty and Magic of Animation and Motion Graphics

Medina’sRules of Thumbon Vision3x better recall for visual vs. oral

Page 63: The Beauty and Magic of Animation and Motion Graphics

Medina’sRules of Thumbon Vision3x better recall for visual vs. oral

6x better recall for visual + oral

Page 64: The Beauty and Magic of Animation and Motion Graphics

Medina’sRules of Thumbon Vision3x better recall for visual vs. oral

6x better recall for visual + oral

Recognition doubles for a picture vs text

Page 65: The Beauty and Magic of Animation and Motion Graphics

Scott McLoed

Page 66: The Beauty and Magic of Animation and Motion Graphics

Scott McLoedBook – Understanding Comics

Page 67: The Beauty and Magic of Animation and Motion Graphics
Page 68: The Beauty and Magic of Animation and Motion Graphics

Scott McLoedBook – Understanding Comics

TED Talk shows how we are wired for visual patterns

Page 69: The Beauty and Magic of Animation and Motion Graphics
Page 70: The Beauty and Magic of Animation and Motion Graphics
Page 71: The Beauty and Magic of Animation and Motion Graphics
Page 72: The Beauty and Magic of Animation and Motion Graphics
Page 73: The Beauty and Magic of Animation and Motion Graphics
Page 74: The Beauty and Magic of Animation and Motion Graphics
Page 75: The Beauty and Magic of Animation and Motion Graphics
Page 76: The Beauty and Magic of Animation and Motion Graphics
Page 77: The Beauty and Magic of Animation and Motion Graphics

John Marzluff’sCrow Experiments

Page 78: The Beauty and Magic of Animation and Motion Graphics
Page 79: The Beauty and Magic of Animation and Motion Graphics

Some Examples

Page 80: The Beauty and Magic of Animation and Motion Graphics

Woodland Park Zoo

Page 81: The Beauty and Magic of Animation and Motion Graphics
Page 82: The Beauty and Magic of Animation and Motion Graphics

Dumb Ways to Die

Page 83: The Beauty and Magic of Animation and Motion Graphics
Page 84: The Beauty and Magic of Animation and Motion Graphics

Squirrels are the deadliest animal

Page 85: The Beauty and Magic of Animation and Motion Graphics
Page 86: The Beauty and Magic of Animation and Motion Graphics

As we scan our horizon + periphery

Page 87: The Beauty and Magic of Animation and Motion Graphics

As we scan our horizon + periphery Our driving attention filter remains…

Page 88: The Beauty and Magic of Animation and Motion Graphics

As we scan our horizon + periphery Our driving attention filter remains…

Danger - Will it eat me?

Page 89: The Beauty and Magic of Animation and Motion Graphics

As we scan our horizon + periphery Our driving attention filter remains…

Danger - Will it eat me?

Benefit - Can I eat it?

Page 90: The Beauty and Magic of Animation and Motion Graphics

As we scan our horizon + periphery Our driving attention filter remains…

Danger - Will it eat me?

Benefit - Can I eat it?

Let’s review our bear examples

Page 91: The Beauty and Magic of Animation and Motion Graphics
Page 92: The Beauty and Magic of Animation and Motion Graphics
Page 93: The Beauty and Magic of Animation and Motion Graphics
Page 94: The Beauty and Magic of Animation and Motion Graphics
Page 95: The Beauty and Magic of Animation and Motion Graphics
Page 96: The Beauty and Magic of Animation and Motion Graphics
Page 97: The Beauty and Magic of Animation and Motion Graphics
Page 98: The Beauty and Magic of Animation and Motion Graphics
Page 99: The Beauty and Magic of Animation and Motion Graphics
Page 100: The Beauty and Magic of Animation and Motion Graphics
Page 101: The Beauty and Magic of Animation and Motion Graphics

Conjunction junction, what’s your ________?

Page 102: The Beauty and Magic of Animation and Motion Graphics

Conjunction junction, what’s your ________?I have a secret goal

Page 103: The Beauty and Magic of Animation and Motion Graphics

Conjunction junction, what’s your ________?I have a secret goal

Create Schoolhouse Rock Videos for adults

Page 104: The Beauty and Magic of Animation and Motion Graphics

Conjunction junction, what’s your ________?I have a secret goal

Create Schoolhouse Rock Videos for adults

For every subject important to the future of humanity

Page 105: The Beauty and Magic of Animation and Motion Graphics

Labels can be powerful things

Page 106: The Beauty and Magic of Animation and Motion Graphics
Page 107: The Beauty and Magic of Animation and Motion Graphics
Page 108: The Beauty and Magic of Animation and Motion Graphics

Imagine Cup intro

Page 109: The Beauty and Magic of Animation and Motion Graphics
Page 110: The Beauty and Magic of Animation and Motion Graphics

Resources

Page 111: The Beauty and Magic of Animation and Motion Graphics

Back of the Napkinby Dan Roam

Page 112: The Beauty and Magic of Animation and Motion Graphics
Page 113: The Beauty and Magic of Animation and Motion Graphics

Paper app for iPad

Page 114: The Beauty and Magic of Animation and Motion Graphics
Page 115: The Beauty and Magic of Animation and Motion Graphics
Page 116: The Beauty and Magic of Animation and Motion Graphics

“Can’t draw” became“I can think visually”

Page 117: The Beauty and Magic of Animation and Motion Graphics
Page 118: The Beauty and Magic of Animation and Motion Graphics

Slides at http://bit.ly/zug2013cmr

If you like what you see, please tweet!