Sunday, August 28, 2016

Fall 2017 - CLASSES - anima_210_01 syllabus

CLASS SCHEDULE:   Wednesday, September-6-2017 until  Wednesday, December-13-2017






Week 1     
Wed. September 6th 


      1. Be clear and consistent - do not confuse the viewers. (mannequins example; deep vs. flat shots, when is ambiguous space ok to use ?) 
      2. Enhance the story with cam angles, cuts and visual elements that complement each story point's mood/message. (Yes, once that you know how, you can do fancy stuff to wow viewers.
      • Takeaway points: Make them care. Awareness threshold. Know the rules but pick only the ones that work for you. Storyboarding basics(!)


      Week 2   
      Mon. Sep 11th
        • Eye line -or- eye trace (Amélie)
        • [An ocean of tips by Ron Doucet.]
        • Showing one thing at a time - beats - and pacing [ "I'm on a Boat" (only first 30 seconds!!) /The lonely Island.  Amélie 'love at first sight'.]
        • Beats are like...punctuation!
        • Story telling is story delaying - (JAWS opening, Amélie: 'fantasy & reality' and Out of Sight 'Karen's in the Lobby')
        • Bruce Blocks' 7 visual components of film: 
        • space, line, shape, tone, color, movement & rhythm.
      • Workshop
        • draw 5 frame story using only basic shapes (cube, spheres, cones)
        • begin working on Project 1
      • Takeaway points: beats, one thing at a time, the 7 visual components.



      Wed. Sep 13th - Project 1 due !
      • DUE: Project 1
        • Critique project 1 --  might take most class time....
        • [Intro to visStory (iPhoto)  if have not done before ]
        • begin Contrast & Affinity (iPhoto, time permiting)
        • continue with Space (next talk) time permitting.
      • Takeaway point: The contrast & Affinity concept.



      Week 3   

      Mon. Sep 18th
      • Lecture:
        • Conclusions from project 1.
        • continue Contrast & Affinity talk
        • Space (iPhoto)  Deep / Flat / (Limited)
          • Depth cues: size difference, shape change, perspective/vanishing points, object movement (in/out), camera movement (dolly,push,crane), texture diffusion, aerial diffusion, color separation, overlapping, up-down-near-far from horizon.

          • Flat cues: size constancy, minimal perspective, perpendicular obj move, cam   pan/tilt (or tracking action), same aerial diffusion, none overlapping, less up-down;same horizontal planes, defocus BG.
          • Reversal of depth cues: color separation (warm BG, cool FG), tonal separation (bright BG, dark FG), textural diffusion (less FG, more in BG), size difference (reversal of the expected). 
        • Ambiguous Space
          • Lack of revealing movement, unknown objects size, unfamiliar shapes and patterns, mirrors reflections distortions, cam disorientation. 

      Additional photos credits:
        [Stairway to Contrast BW image Photograph by DONATA WENDERShttp://twistedsifter.com/2012/05/picture-of-the-day-stairway-to-contrast ]
        [Planning-diagram of Affinity by CS Odessa LLC, 1798 Technology Dr Ste 244,San Jose, CA 95110:   http://www.conceptdraw.com/solution-park/seven-management-and-planning-tools ]

          • Lab
            • Explain project #2.
            • Deep vs. Flat - take 30 minutes and find an interesting location on campus. Make at least 2-5 different pairs of drawings of that space, one from a Deep perspective and one as Flat space.
            • [ (on longer semesters) Begin researching scripts/films for proj 2 -?]
          • Takeaway points: differences between flat, deep & ambiguous spaces


                Wed. Sep 20th

                  • 30 minutes break/task drawing Deep vs. Flat on campus

                • More talk:
                  • Aspect Ratio & Frame Division; space secondary sub-components (iPhoto)
                    (credit: Bela Borsodi for VLP Album 2011, four color frame division)
                  • Contrast & Affinity of Space components (iPhoto)
                • Lab 5:30pm -
                    • Storyboards examples from popular films
                    • Go to one of the frame still sites from this blog, or others of your choice. Find 5 interesting stills and redraw them in storyboard format, using simple primitives in the composition.
                    • Continue working on project 2
                  • Understanding each visual component in its contrast & affinity context, will make it possible to create a more meaningful visual story structure.   
                • Takeaway pts
                  • How do we fake 3D depth on a flat paper? 
                  • When do we choose not to? 

                Additional photo credits:
                  Tim Bartram 2013 http://www.tapscape.com/how-big-should-the-screen-size-be-on-a-phone/  [Laptops pile 700x400]
                  Ryan Nakashima (The Associated Press) Sun, Dec 18, 201?


                  'Four color staging' image was made by photographer Bela Borsodi for VLP's album Terrain in 2011
                  two people walking between shadows ('Walking in step at Tate Modern' Photograph: Richard Thomson. www.guardian.co.uk - 723 × 480 )



                  Week 4 

                  Mon. Sep 25th

                  • Lecture:
                    • Line and Shape (iPhoto)
                      • Bruce Block's Line types: edge, contour, closure, planes intersection,  imitation- through distance, axis, track.   
                      • Class exercise : 5 more of your selected film frames, in basic lines and primitives, on 2x1" storyboard frames  (We will demonstrate first).  
                      • Insert shots: American Beauty (pool), Jurassic Park III (Spinosaurus vs. T-Rex)
                      • Lab:
                        • Work on project #2



                        Wed. Sep 27th 
                        • Lecture:
                          • Contrast & Affinity of Line & Shape (iPhoto)   
                          • Orientation:    --   |   / 
                          • Direction:   wind rose
                          • Quality:    Curve  vs.  Straight
                            Straight lines, generally might be associated with: direct,aggressive,bland,blunt,strong,dominant,unnatural,rigid.
                            Curved lines, generally might be associated with:  indirect,passive,natural,childlike,romantic,soft,safe,flexible.

                          • Shapes, basic primitives:  O  circle,   [ ]  square,    /\ triangle
                          • C&A of Shape, Shape in production (iPhoto CH2.4)
                            • Contrast & Affinity of Shape
                            • Line & Shape in production 

                        • Lab:  
                          • 180 degree rule in action, ways of re-establishing the 180 line:
                          • Create a 5 - 10 frame sequence using 2 primitives. Establish a 180 degree line between the two. 
                          • Use one of the three methods of re-establishing the 180 line:
                            • One actor moves (to reestablish the line) during the shot
                            • The Camera dollys (to reestablish the line) during the shot
                            • Create an inset shot or have a third element enter the scene, to 'reset' the scene or establish a new line.
                          • Lab time for project #2, time permitting.
                        • Takeaway points: What are lines' Orientation, Direction and Quality ?



                        Week 5 

                        Mon. October 2nd

                        • Lecture: 
                          • Quiz: What are lines' Orientation, Direction and Quality ?
                            • 'Traffic' the movie - Drug Bust (fun house) shootout shape example...
                            • [finish the 180 rule exercise (ask missing students to explain the 180 rule)]
                            • Answer any Project #2 work related questions. Is everyone working on a their selected clip ? 
                            • [Watch clips: cross cutting from match pointmatrix -? time permitting] 
                            • Building tension:
                            • Story; pivoting between hope and fear :
                              • The Host ("Gwoemul") 14:30-17:14, Joon-Ho Bong/ Korea 2006
                              • Bourne Ultimatum (Bourne vs. Desh), Paul Greengrass 2007
                              • Paperman, John Khars 2012. [Best Animated Short 2013 Oscar and Annie]
                            • 20 minutes drawing exercise - roughly draw a single campus space from 5 different shot angles. Please put 1-2 very simple characters in them (we'll revisit chars in the following weeks).

                          • Lab:
                            • Work on project 2 finals
                          • Takeaway points: basic shapes usage, how to build tension, pivoting between hope & fear.


                          Wed. Oct 4th -- Project 2 Due !!


                          • DUE: PROJECT 2
                          • "Dailies": <- explain the term
                          • Screening and review of Projects #2  -- may take more then the 3 hour class ...




                          Week 6   

                          Mon. Oct 9th 

                          • (review extra projects #2 from last week, when class > 12 students)
                          • Discuss second project's conclusions

                          • Lab:  
                            • Watch film noir clips ( Manhattan opening!, Casablanca: at the bar (?), More building tension : Touch of EvilSorryWrongNumber (or not?), Casablanca: Finale )
                            • 15-20 minute drawing exercise - find 3 interesting objects or locations to draw. Change the lighting in your drawing to reflect a different time of day and/or mood. Add a character to your scenes.
                          • Explain Project 3, time permitting - extra challenge ...
                          • add choices, selecting of 1-2 elements per group:
                            • Objects: knife, gun, lipstick, a snake, key, chalk, scissors, blue jeans, a wallet, motorcycle, 
                            • Scene: nightclub, horse race, liquor store, casino, back alley, museum, library, car dealership, cubical land, hairdressing parlor, 
                            • Mood: anger, envy, obsession, mad love, jealousy, stress,  ]

                          • Takeaway points: Tone with Texture (art direction) vs. Tone with Lighting



                          Wed. Oct 11th  (yom Kippur)
                          • Lecture:
                          • Lab:
                            • 15 minute drawing exercise - redraw your 3 (out of 5) shot angles of that space on campus, from last week's exercise, see if you can improve the original characters' poses, appeal and action.
                          • Takeaway points: Importance of characters' clear silhouette & appeal.



                          Week 7   

                          Mon. Oct 16th 
                            • Lecture:
                              • Show Wolf ChildrenMamoru Hosoda:  Lateral Tracking for it's alpha channel transparencies in layers  
                              • Movement 
                              • Either Prezi (have these three links up: 
                              • or  iPhoto images, first 2 slides only, then play 'life' link below----v

                              • Actual = life
                              • Apparent = film and life (FPS demoATM neonPeeWee ), 
                              • Relative = to BG (car & water balloonschildren of men )
                              • Simple vs.Complex (screen space - in/out)
                              • Screen world movement: Obj, Cam, viewers' Point of Attention (AKA "eye line")
                              • Object: direction, quality, scale & speed.
                              • Camera: direction (2D vs. 3D),scale, speed
                              • straight/curved, like lines' emotional associations
                              • Cam 2D: pan, tilt, zoom.
                              • Cam 3D: Dolly, Crane, Track in/out (=push/pull)
                                • Viewers' Point of Attention "eye trace"/ "gaze locations"
                                • far/intense (The Insider 1999, Michael Mann, DP Dante Spinotti),  near/calm (Sky-fall 2012, Sam Mendez, DP Roger Deakins)
                              • Lab:
                                • Creating Animatics in Premiere Pro ('cause After Effects was an overkill):
                                  •  Key-framing Zoom, Pan/Tilt, Dissolve, animation w/Alpha channel - BRING Princess and the Frog - Disney "Cell" 
                                • Edgar Wright - Visual Comedy (by Tony Zhou)
                                • plan out the scene for project 3 from a top-down orthographic angle. Find the important plot areas, actor paths and conflict points.
                              • Takeaway points: Actual, Apparent and Relative movements. Obj moves. 2D/3D Cam moves.



                            Wed. Oct 18th 


                            • Lecture:
                              • Explain: 9 quadrants (nothing to do with the 180 line), BBird's production cost reduction (pt of attention) mirage's car (no turn tables), show children of men ( for apparent motion in BG) 
                              •  
                              • Rhythm (iPhoto samples)
                                • alternation, repetition and tempo
                                • Rhythm on stationary objects (iPhoto) 
                                • Rhythm on moving objects (iPhoto/"Finder" balls movies)
                                • editorial rhythm
                                • The Event - continuous vs. fragmented:


                              • Lab:
                                • begin hunting/creating sound fx
                                • thumbnail workshop for project 3
                              • Takeaway points: Alternation, repetition and tempo. Fragmented vs. Continuous editing.

                              Week 8   

                              Mon. Oct 23th           
                              • Lecture: 


                              • Takeaway points: Color is relative (".com":)

                              • Source images credits:


                              Wed. Oct 25th     


                              • Lecture:        
                                • Finish Color: temperature, extension (iPhoto)
                                • Interaction of color, (Josef Albers / book
                                • Color (is Relative) by a 'Gabe' & Richard Nelson
                                • Interaction of Color B&W BG,  Complementary Colors, '10 commandments info-graphics'
                                • Proportions matter,see Bezold Effect http://en.wikipedia.org/wiki/Bezold_effect
                                • The Last Emperor  Bernardo Bertolucci / Vittorio StoraroAccording to director of photography Vittorio Storaro in Visions of Light (1992), he used the phases of light to represent different stages of the emperor's life. Red, the color of the blood that starts the flashback and the opening doors it cuts to, represents birth. Orange is the warm color of his family and the forbidden city. Yellow is the color of the emperor's identity and the sun. Green, the color of the tutor's bike and hat, represents knowledge. The forbidden city only has the first three colors because it is a limited portion of reality.

                              • Takeaway points: When colors interact, proportions matter. What do colors mean?



                              Week 9

                              Mon. Oct 30th - a 2017 fall visit to SFMOMA !


                                • Explain Josef Albers (B,W & cyan) + Bezold effect - review slides from last class.
                              • Lecture: 
                                • Exposition examples: Star Wars IV 'title card'/'crawl' (1977, or  2015 Epi. VII)
                                • Story intensity and Visual intensity  (iPhoto)
                                • EX.position (Star Wars IV 1977, Untouchables 1987, narration Shawshank Redemption 1994 )
                                • CO.nflict (=rising action) CX. Climax (The ShawShank Redemption '94 Climax !!)
                                • R.esolution (The ShawShank Redemption '94 ending, Casablanca '42 ending )
                                • Mapping intensity curves
                                • List of Visual Components & Subcomponents

                              • Lab:
                                • Proj #4 story and beat boards/shot list   
                                • Edgar Wright - Visual Comedy (by Tony Zhou)

                              • Takeaway points: Mapping visual components to story intensity curves.



                              Wed. November 1st - Project 3 due !!

                              • DUE: Project 3, screenings
                                  • Lab:
                                    • Critique of project 3


                                  <<  Spring break, during spring semesters only...  sorry :) >>




                                  Week 10


                                  Mon, Nov 6th 


                                    • [ continue review of project#3 animatics, if any left]
                                    • Conclusions from project#3 - open for discussion - get your 10 participation points!













                                • Lecture:


                                  • Cutting on motion and sound  
                                  • Or: cutting on an association - cut to a visually similar element between the two shots: Example: '"Love Recipe" / France 2008 Mopa Animation school 















                                • Lab: 

                                    • Ideas/Thumbnail/beat-boarding for project 4
                                    • Create a short 5-panel story reel in Premiere Pro
                                    • Work on Project #4 story main ideas [+ maybe beat-board/shot list ]
                                    • Breakdown your IP project #4 into optional visual elements
                                    • Takeaway points: How do we fake 3D cam moves in 2D art? 
                                    • Editing considerations / What could be some of our editing options?     



                                                Wed. Nov 8th

                                                • discuss project 4, brainstorm story ideas
                                                • 30 min Lab: Beat boards for what is still IP (in progress) for project 4
                                                • 20 min scanning full pages (not individual frames) into Drive/proj#4 

                                                • <15 min break>
                                                  • 20 min Lab - "DAILES": Beat Boards for project 4
                                                  • Story structure:  Plotting vs Pantsing
                                                  • Work on Project #4 story /beats/shot list/thumbnails 



                                                  Week 11

                                                  Mon. Nov 13th

                                                  • Lecture: 
                                                    • Using Maya basics to help plan scenes
                                                    • Discuss "Hitchcock Layout" as a class assignment
                                                  • Lab:
                                                    • Use Maya and pre-built models to block out a few quick camera angles in 3D. ( or: Draw boards of the Notorious scene, following script)
                                                    • Work on Project #4 story boards.
                                                  • Takeaway point: How do we layout a 3D scene to make a story better understood?



                                                  Wed. Nov 15th 













                                                • Lecture:
                                                    • Using Maya con't if needed 
                                                    • "Hitchcock Layout" conclusion













                                                • Lab:
                                                    • Notes on 'Notorious' in 3D
                                                    • Show Pandora commercial for its 3D camera Layout/Previz (google Drive, Mac HD or from Vimeo: OfficeKitchen )
                                                      • [ or Break down a scene from a Pixar(?) film and plot out intensity curves for various visual elements ]
                                                      • 3D workshop, time permits, or P#4 revisions



                                                    Week 12

                                                    Mon. Nov 20st

                                                    • Lecture: 
                                                      • none.
                                                    • Lab:
                                                      • 25 min Lab:
                                                        • Using abstract shapes and photoshop, make two quick sequences, one featuring heavy contrast, of a chosen Visual Component and one featuring heavy affinity in another chosen Visual Component
                                                      • Project #4 story nailed down- refining boards   


                                                      Wed. Nov 22
                                                      • Lecture: 
                                                        • Watch clips from Iron Giant -or- Ma'agalim Jane Bordeaux (lyrics) , Uri Lotan (animation director)

                                                          • DAILES: Story summary and beat-boards /shot-list 
                                                          • Editing for motion continuity

                                                          • Lab:
                                                            • Offer: practice camera moves in AE, to whom needed 
                                                            • work on P4 story boards



                                                            Week 13

                                                            Mon. Nov 27th 
                                                            • Lecture:
                                                              • [30 minutes for private CCA Course/Teacher evaluation.]
                                                              • Watch clip of The Mascot - stop motion animation by Ladislas Starewicz 1933 (france, BW w/sound) re: borrowing ideas...
                                                              • DAILIES: WIP boards or preferably animatics at this point
                                                              • Critique WIP
                                                            • Lab
                                                              • work on P4 revisions, mostly animatic/effects adjustments 


                                                            Wed. Nov 29th
                                                            • Mention: "Pixar's" 22 Rules of Story /Analyzed by Stephan Bugaj
                                                            • 2016 Oscar winning short animation Bear Story, by Gabriel Osorio & Pato Escala
                                                            • 2016 Oscar nominee short animation We can't live without cosmos, by Konstantin Bronzit
                                                            • DAILIES: animatics
                                                            • Lab : work on P4 revisions, mostly animatic timing and sound fx adjustments


                                                              Week 14 

                                                                Mon. December 4th
                                                                • Lecture
                                                                  • < if spill over from last weeks >
                                                                  • The Danish Poet (2006 Torill Kove Norway/Canada, 2007 best anim short academy award, was nominated again in 2015 for the short "Me and my molten") 
                                                                • Lab
                                                                  • Work on finalizing project #4

                                                                Mon. Dec 6th
                                                                • Lecture
                                                                  • < if spill over from last weeks >
                                                                • Lab
                                                                  • Work on finalizing project #4


                                                                Week 15 and LAST!

                                                                Mon. Dec 11th

                                                                • screen  < See David Hockney theory on photo-real paintings (for now...  12) ? >
                                                                  • DAILIES: Final animatics
                                                                  • Lab : work on FIANL finals, hopefully mostly sound adjustments by now

                                                                    Wed. December 13th - this is it : finals screening !
                                                                    • DUE: FINAL PROJECTS + snacks, in class