space - carnegie mellon universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... ·...

73
Space

Upload: others

Post on 17-Oct-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

Space

Page 2: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

2

Page 3: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

3

Page 4: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

SpaceThe most complex visual component

Space is a beautiful illusion

Page 5: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

4 Basic Types of SPACE

• DEEP SPACE

• FLAT SPACE

• LIMITED SPACE

• AMBIGUOUS SPACE

Page 6: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 7: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

Depth within the frame is an illusion

Page 8: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 9: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 10: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

Achieving Depth1. Occlusion - subject in foreground covers subject

in background

2. Parallax - moving camera

3. Perspective - use those lines

4. Focus - Soft background and sharp foreground

5. Light and shadow - greater contrast more depth cue; softer contrast less depth cues.

Page 11: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

11

Page 12: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

Emphasis on two dimensionality in a 2-D medium.

Page 13: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 14: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 15: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

Moonrise Kingdom (2012), Wes Anderson

Page 16: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 17: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 18: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 19: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

19

Page 20: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

20Oldboy, 2005Chan-wook Park

Page 21: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 22: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

Surface Divisions

Page 23: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 24: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

Surface Divisions

Page 25: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 26: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 27: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 28: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 29: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 30: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

Limited Space = Surface Divisions

Page 31: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

Flat & Deep Space & Surface Divisions“House of Flying Daggers” Yimou Zhang (2004)

Page 32: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

Creates a state of confusion in the viewer

Page 33: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

AMBIGUOUS SPACE

• How to create ambiguous space:– Lack of movement– Unfamiliar shapes – Confusing tonal and textural patterns (camouflage)– Mirrors and reflections– Objects of unknown size– Disorienting camera angles

Page 34: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 35: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

Ambiguous Space“Fight Club”, David Fincher, (1999)

Page 36: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

Contrasting Space

FLAT SPACE

Page 37: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

Contrast and Affinity of Space

FLAT SPACE

DEEP SPACE

_______________________________

Page 38: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 39: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 40: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

One-Point Perspective

Page 41: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 42: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

Stanley Kubrick and One-Point Perspective

Page 43: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

Limitless (2011) Neil Burger

Page 44: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 45: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

Two-Point Perspective

Page 46: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

Three-Point Perspective

Page 47: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 48: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 49: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

Tips to Control Deep Space

✓Vanishing points increase depth

✓More vanishing points create more depth

Page 50: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 51: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 52: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

Using color to control Space

• Warm colors appear to advance

• Cool colors appear to recede

Page 53: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

Color Separation can create SpaceWarm colors appear closer. Cool colors further away.

Page 54: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 55: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 56: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 57: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 58: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 59: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 60: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 61: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

Visual Space AssignmentDue Sept 10 @ 11:59

• Photograph three examples each of the following visual story componentson space.

• Deep Space (At least two shots with aperson)

• Flat Space (At least two shots with aperson)

• Limited Space (Must use a person in allthe shots)

• Ambiguous Space (Do NOT use a person)

Page 62: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 63: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 64: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 65: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 66: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 67: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 68: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 69: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

http://www.drewweing.com/puppages/13pup.html

http://graphicnovel-hybrid4.peugeot.com/start.html

Page 70: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

big questions to think about…

➢How do the properties of a medium, (video games/film/video/graphic novels), shape it’s form and meaning?

➢What common properties do they share and what are their significant differences?

Page 71: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)
Page 72: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)

TIME

Page 73: Space - Carnegie Mellon Universityvisualstory.etc.cmu.edu/wp-content/uploads/2019/09/... · –Disorienting camera angles. Ambiguous Space “Fight Club”, David Fincher, (1999)