LINE… SHAPE… MOVEMENT…

65
Todays agenda… LINE… SHAPE… MOVEMENT… 1

Transcript of LINE… SHAPE… MOVEMENT…

Page 1: LINE… SHAPE… MOVEMENT…

Todaysagenda…

LINE… SHAPE… MOVEMENT…

1

Page 2: LINE… SHAPE… MOVEMENT…

VisualStory

Page 3: LINE… SHAPE… MOVEMENT…
Page 4: LINE… SHAPE… MOVEMENT…
Page 5: LINE… SHAPE… MOVEMENT…
Page 6: LINE… SHAPE… MOVEMENT…

Ambiguous

Page 7: LINE… SHAPE… MOVEMENT…

LimitedSpaceisaspecificcombinationofbothdeepandflatspacecues.ThekeytoLimitedSpaceisusingsurfacedivisionstoseparatethekeyobjectsweneedtolookat.

Thisisoneofthehardestvisualspatialcomponentstofollow.

Page 8: LINE… SHAPE… MOVEMENT…
Page 9: LINE… SHAPE… MOVEMENT…

Tops

Charles&RayEames(1969) MusicbyElmerBernstein

• Storystructure?Beginning?...Middle?...End?

• Point-of-view?(whatthefilmmakerwantsyoutofeelaboutthesubject.)

• Basicvisualcomponents?– Tone?Contrastandaffinity?– Space?Whatkind?– ContrastandAffinityofspace?

Pointofview-WhatthecreativedirectorwantsyoutofeelTone…ContrastandaffinityoftoneSpace…whatkind?Shape&line….Contrastandaffinityofbothspaceandshapeandline

Page 10: LINE… SHAPE… MOVEMENT…

Charles and “Ray" Eames (1912–1988) were American designers who worked in and made major contributions to modern architecture and furniture. They also worked in the fields of industrial and graphic design, fine art and film.

Page 11: LINE… SHAPE… MOVEMENT…

Tops

• Storystructure?

• Point-of-view?

• Visualcomponents?

What’sthestorystructure:Beginning:PeoplewindupvarioustoytopsMiddle:Anendlessarrayoftopsspin.End:Thetopsfalloverandstop.Useseverykindofline,shape,color,tone,movement,rhythmandspace.Withoutthevisualvariety,thetopswouldappearlessuniversalandnotasmuchfun.

Page 12: LINE… SHAPE… MOVEMENT…

To understand how line works in the image process we need to understand the basic idea of a linear motif.

Page 13: LINE… SHAPE… MOVEMENT…
Page 14: LINE… SHAPE… MOVEMENT…

Forexample,inthisshotfromPunchDrunkLove(PaulThomasAnderson)youwillnoticeaverystronghorizontalmotif.InthisshotfromSexyBeast(JonathanGlazer2000)youwillnoticeaverticalmotifs.AndifyouwatchanyTarantinofilmyou’llnoticeverystrongdiagonalmotif.

Page 15: LINE… SHAPE… MOVEMENT…

AcasestudyinLinearMotif.Theideaisnotjusttoaddstyleforthethesakeofit….Findwaystousethesevisualcomponentsassubtexttothegreaternarrativeofthestory.INPunchDrunkLoveAdamSandlerplaysaveryemotionallyunstablecharacter.Hefeelstrappedinthisveryrigid,stable,closed-inworld.Knowingthenarrativehewantedtoserve,PTAndersonadoptedaverysmartvisualplanentrappingthecharacterwithinsmallframedspacesbetweenhorizontallinesandverticallines.Thewholemovieyoufeelthisdudeistrappedwithintheseslinesandwe’rejustwaitingforthisdudetoexplode….Andguesswhat…hedoesexplode.Whenhedoesthespacechangesaroundhim….Intomorediagonallines.Let’slookhowheestablishedalinearmotifandhejustkeepsatitandisconsistent.Moviebeginswithverticalstripsandit’sjustastrongparadeofverticalsandhorizontals.He’salwaysbeingboxedinandtrapped.

Page 16: LINE… SHAPE… MOVEMENT…

It goes to the idea that can certain lines be more aggressive then other lines.

Page 17: LINE… SHAPE… MOVEMENT…

Horizontallinesaremorerelaxing…it’sthehorizonorit’stheocean…itimpliesamorepeacefulsense.

Page 18: LINE… SHAPE… MOVEMENT…

Horizontallinesaremorerelaxing…it’sthehorizonorit’stheocean…itimpliesamorepeacefulsense.

Page 19: LINE… SHAPE… MOVEMENT…

Verticallinestendtobealittlemoreintense.

Page 20: LINE… SHAPE… MOVEMENT…

Verticallinestendtobealittlemoreintense.

Page 21: LINE… SHAPE… MOVEMENT…

Diagonallinesarethemostintense.

Page 22: LINE… SHAPE… MOVEMENT…

Diagonallinesarethemostintense.

Page 23: LINE… SHAPE… MOVEMENT…

Thisisfromthemovie‘FunnyPeople”andLeslieMannishavingaveryemotionalscenewithAdamSandlerandyoucutbackandforthbetweenmediumshots.It’sakindofromanticcomedysoit’snotoverthetopvisualintensitynorwouldIexpectittobe,…buttherenotdoinganythingatallwithlinetohelptellthestory….Infactit’skindaaboringinteraction.

Page 24: LINE… SHAPE… MOVEMENT…

Wherearethelinesinthisshot…theyaretheverticallinesofthepeople.Ifyoucutthsestogetheryouhaveanotveryintensebackandforth.Alsothelinesstayinthesameplace….Whichmakescreatesthisideaofaffinityasopposedtocontrast.

Page 25: LINE… SHAPE… MOVEMENT…

Let’slookathowcontrastinglinescanbeusetocreatetension……EnemiesOfTheStatedirectedbythelateTonyScottwhowaswellknownforusinglineinhismoviestohelptellthestory….Tocreategreatvisualintensitybycontrollingthegraphiccompositionofhisshots.Thisisabasicargumentbetweenahusbandandwife…onthepageitdoesn’tstandoutsomuchbutthebeautyisinhowitwasvisualizedonthescreenthroughtheuseofstronggraphiclines….Sortofa‘call-and-response”kindathing.

Page 26: LINE… SHAPE… MOVEMENT…

Drawinglinesfromtheclipsweseehowtheshotsworkjuxtaposedtoeachother.Youstarttoseewhathewasdoingwhyhewasframingthingsthatway….togiveusthiseffect.Muchmorecontrastyandmuchmoredynamiccross-cuttingbackandforth.Usingcontrastoflineyougetsomethingmuchmoredynamicmuchmoreintensetotellthestoryvisually.

Page 27: LINE… SHAPE… MOVEMENT…
Page 28: LINE… SHAPE… MOVEMENT…

Diagonalmotifs

Page 29: LINE… SHAPE… MOVEMENT…

Surfacedivisionsisbasicallycreatingaframewithinaframe…right!.Dividingtheframecanbeusedtoemphasizesimilaritiesanddifferencesbetweencharactersorobjects.Youcanuseittodirecttheeyearoundtheframe.Oryoucanuseittocommentonthestory….Trafficdrugoutdaughterusingdoorassurfacedivisionseparatedfromherfatherspeakingvolumesabouttheirrelationshiprightnow.ClassicshotfromManhattanWoodyAllenisclearlycomparinghimselftothisNeanderthallinthisshot.Inthisshotit’stheguywho’screatingthesurfacebetweenthesetwoarchrivals…cleveruseofsurfacedivision.Andthisoneisaincrediblystrongsurfacedivision…..ChildrenofMen…creatingthisstrongstatementontheCliveOwencharacterTheovisuallyshowinghissenseofhopelessnessaboutaworldwithnochildren…contrastingwiththisverychildlikeimage…it’saverysadsceneandthesurfacedivisionhereaddsastrongsemioticcontexttothescene.AmericanBeautyagainisamoviethatdoessuchmuchwithsurfacedivisionsandspace…KevinSpaceyanothercharacterwhofeelsentrappedinthissuburbanlifeofhis.Withinthesesurfacedivisions…andasortofimprisonmentmotif

Page 30: LINE… SHAPE… MOVEMENT…

PurposeofSurfaceDivisions

• Emphasizesimilarities/differencesbetweenpeople/objects.

• Directeyestospecificareascreativedirectorwantstoemphasize.

• Alterapicture’sfixedaspectratio.Visualvarietyinascreensproportionsismoreinteresting.

• Representation/metaphorofacharacterand/orstoryworld.

Page 31: LINE… SHAPE… MOVEMENT…

Along the same idea of line we have the concept of shapes…. Shapes tend to have a similar relationship with lines when it comes to intensity.

Speaks to the raw power of simple graphic shapes….

Page 32: LINE… SHAPE… MOVEMENT…

32

Page 33: LINE… SHAPE… MOVEMENT…

33

Page 34: LINE… SHAPE… MOVEMENT…

How best to show an invasion of a planet…… then to show a triangle invading a circle. It is a very strong graphic shape. This shot has great contrast and intensity.Next here’s another planet and space ship shot that has far less graphic intensity. It tells of a different visual story.

Page 35: LINE… SHAPE… MOVEMENT…

This shot here is from 2001 Space OdysseyAnd you tell me which shot implies the greater intensity… the greater contrast…? This scene is has much greater affiinity of shape…. It’s not so intense.

Page 36: LINE… SHAPE… MOVEMENT…

Triangle piercing circles… circles matching with circles…One intense…. One not so intense at all.Speaking of 2001 Space Odyssey, Kubrick needed to come up with a quintessential image that would represent a mysterious spark that would symbolize the evolution of humanity…. What simple but incredibly powerful graphic shape could he choose?????

Page 37: LINE… SHAPE… MOVEMENT…

The simple and powerful shape of a black rectangle….And this of course became one of the most iconic film images in history…

Page 38: LINE… SHAPE… MOVEMENT…

Here’s four dots on the screen and what shape do you make out of this….? You can’t help it… We want to close the space…… here are some stills from Orson Welles movies who understood this idea of closing the space. The trianglular closing of space was a style very particular to Orson Wells through all of his movies./

Page 39: LINE… SHAPE… MOVEMENT…
Page 40: LINE… SHAPE… MOVEMENT…

So this is how the movie starts out…. A circle in a square…. After you see this circle in square the rest of the movie all you see is squares and rectanglesThe whole movie builds up to this graphic shape,, a circle

Page 41: LINE… SHAPE… MOVEMENT…

IncontrasttotheHudsuckerproxywhichisafeel-goodwhimsicaltypefilmSexyBeastisahard-coreflick.Thecharactersareroughandmean…notwhimsicalatall.Rectanglesdominateinthisfilm……AllofasuddenthishugeroundforceofnaturebouldercomescrashingdownthemountainsidemissedRaybyahairandcrashesintohispool.Thisforeshadowsanotherroundforceofnaturethatwillcometothreatenthemaincharacter.TheotherroundforceofnatureisBenKingsleywithhisroundbaldhead.AssoonasBenbecomesaforceinthepictureitbecomesaseriesofgraphiccontrastsbetweenroundsshapesandrectangles.Themovieusesastrongconsistentdesignofroundshapesandrectanglesincontrastwitheachother.Dir:JonathanGlazer

Page 42: LINE… SHAPE… MOVEMENT…
Page 43: LINE… SHAPE… MOVEMENT…
Page 44: LINE… SHAPE… MOVEMENT…

Object movement Camera movementPoint of attention…….. This is what I find the most fascinating. What neural brain researchers study….. What anybody creating time-based images should study and understand.

Page 45: LINE… SHAPE… MOVEMENT…

Movement across screen leaves a trail that we perceive after the image has past.Affinity of movement Contrast of movement

Page 46: LINE… SHAPE… MOVEMENT…

Object

46

Affinity of movement

Page 47: LINE… SHAPE… MOVEMENT…

Object

47Affinity of Movement

Affinity of movement

Page 48: LINE… SHAPE… MOVEMENT…

48

Page 49: LINE… SHAPE… MOVEMENT…

49

Contrast of Movement

Page 50: LINE… SHAPE… MOVEMENT…
Page 51: LINE… SHAPE… MOVEMENT…
Page 52: LINE… SHAPE… MOVEMENT…
Page 53: LINE… SHAPE… MOVEMENT…
Page 54: LINE… SHAPE… MOVEMENT…
Page 55: LINE… SHAPE… MOVEMENT…
Page 56: LINE… SHAPE… MOVEMENT…
Page 57: LINE… SHAPE… MOVEMENT…

Static Least intenseSteadicam/Slider/Dolly --- more intense and visually interestingHandheld ‘SHAKEY’ cam – Very high intensity

Page 58: LINE… SHAPE… MOVEMENT…

How can you control where you want the audience the viewer to be looking.. Where do you want the point of attention to be in your world/game/etc…Movement…. Brightness…. And Focus….

Page 59: LINE… SHAPE… MOVEMENT…

The Insider Dir: Michael Mann

Page 60: LINE… SHAPE… MOVEMENT…

CONTRASTOFATTENTION

Page 61: LINE… SHAPE… MOVEMENT…

AFFINITYOFATTENTION

Page 62: LINE… SHAPE… MOVEMENT…
Page 63: LINE… SHAPE… MOVEMENT…

SatoshiKon

Page 64: LINE… SHAPE… MOVEMENT…
Page 65: LINE… SHAPE… MOVEMENT…

IndividualAssignment

• 10 (or more) slide PowerPoint

• Many video game critiques analyze game play and storytelling when reviewing games. Not many address the visual components and how they may or may not increase ones engagement, other then referring to them as great graphics.

• Pick a video game or film or animation and discuss the visual components. Show and analyze if they work or don’t work as to whether they help tell the story or enhance the game play.

• Make distinctions between using visual imagery to tell the story versus simply pretty, high-quality graphics.

• Use the concepts of CONTRAST&AFFINITY, SPACE, LINE, SHAPE, MOVEMENT from in-class lectures to inform your observations.

• The deliverable is a PPT of 10 pic/screenshots and brief text to tell us what components they represent.

• We will randomly pick # of them to show in class.65