digital media production
DESCRIPTION
Digital Media Production. Digital Media Production. Anselm Spoerri PhD (MIT) SC&I @ Rutgers University [email protected] [email protected]. Lecture 6 - Overview. Web Design (HTML5, CSS3 ) HTML5 Key New Features CSS3 Key New Features Storyboarding - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/1.jpg)
© Anselm SpoerriDigital Media Production
Digital MediaProduction
Digital Media Production
Anselm Spoerri PhD (MIT)SC&I @ Rutgers University
[email protected]@gmail.com
![Page 2: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/2.jpg)
© Anselm SpoerriDigital Media Production
Lecture 6 - Overview
Web Design (HTML5, CSS3)– HTML5 Key New Features
– CSS3 Key New Features
Storyboarding– Videos | Readings | Resources
Exercise 3 – What to Do
Video Editing Principles– Short Movie Example– Basic Film / Video Editing
– Compress Time– Create Illusion of Continuity– Create Illusion of Cause & Effect
Lectures – Week 6 Contenthttp://comminfo.rutgers.edu/~aspoerri/Teaching/DMPOnline/Lectures.html#week6
![Page 3: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/3.jpg)
© Anselm SpoerriDigital Media Production
HTML5 – Intro
Why HTML5?– Reduce the need for external plugins (like Flash)– Better error handling– More markup to replace scripting– HTML5 should be device independent– Based on HTML, CSS, DOM, and JavaScript
What is HTML5‒ HTML5 specification – http://dev.w3.org/html5/spec/‒ Officially Working Draft | “living standard”
Browser Support for HTML5– HTML5 not yet official standard, no browser provides full HTML5 support.– But all major browsers continue to add support for new HTML5 features.– Understanding & implementing features is what matters.
![Page 4: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/4.jpg)
© Anselm SpoerriDigital Media Production
HTML5 – New Capabilities
http://www.w3schools.com/html5/default.asp
Video specifies standard way to embed video (no plug-in)
Audio specifies standard way to embed audio (no plug-in)
Drag and Drop any element can be draggable what to drag | where to drop | do the drop
Canvas used to draw graphics, on the fly, on web page
SVG supported Scalable Vector Graphics to draw shapes
Geolocation can determine user's position with permission
Web Storage better local storage within browser than cookies
Web Workers JavaScript runs in background without affecting page performance
Server-Sent Events page gets automatic updates from server
![Page 5: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/5.jpg)
© Anselm SpoerriDigital Media Production
HTML5 – DOCTYPE | charset | lang | CSS & JavaScript links
‒ HTML5 DOCTYPE: <!DOCTYPE html>
‒ not case sensitive | version dropped
‒ all browsers recognize shortened DOCTYPE & render in strict modeand deprecated elements will not work
‒ Specify Character Set: <meta charset="UTF-8" />
‒ Specify Language: <html lang="en">
<!DOCTYPE html> <html lang="en"> <head><meta charset="utf-8" />
‒ Script and Link Declarations: type attribute optional
<link rel="stylesheet" href="styles.css" />
<script src="scripts.js"></script>
![Page 6: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/6.jpg)
© Anselm SpoerriDigital Media Production
HTML5 – New Elements
New Media Elements<audio> sound content<video> video or movie<source> multiple media resources for <video> and <audio><embed> container for external application or interactive content (a plug-in)<track> text tracks for <video> and <audio>
New Form Elements–New form controls, like calendar, date, time, email, url, search
New Semantic / Structural Elements‒ header, nav, aside, section, article and footer
‒ Focus on your content and consider semantics of each element
‒ Use div if you need containing element strictly for style purposes
‒ Some older browsers treat new elements like inline elements
header, footer, nav, article, aside, section { display: block; }
![Page 7: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/7.jpg)
© Anselm SpoerriDigital Media Production
HTML5 – New Semantic / Structural Elements
‒ header element‒ Used to contain headline(s) for a page and/or section.
‒ Can contain logos and navigational aids.
‒ nav element‒ Contains major navigation links.
‒ Often contained by header.
‒ aside element‒ Contains related information, such as sidebar or pull-quotes.
‒ section element‒ Contains content that is related or grouped thematically.‒ Only if its content has own self-contained outline (h1,… h6).‒ Do not use simply for styling purposes – use divs and spans instead.
‒ article element‒ Stand-alone content such as a blog entry.
‒ footer element‒ Contains information about a page and/or section.
![Page 8: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/8.jpg)
© Anselm SpoerriDigital Media Production
HTML5 – Element Flowchart
http://html5doctor.com/happy-1st-birthday-us/#flowchart
![Page 9: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/9.jpg)
© Anselm SpoerriDigital Media Production
CSS3 – Intro
http://www.w3schools.com/css3/default.asp
CSS3 backwards compatible, don’t have to change existing designs.
Borders Rounded, add shadow and use image as border.
Backgrounds new background properties and greater control.
Text Effects new features such as text-shadow or word-wrap.
Fonts can use font you like by including font file on server.
2D Transforms move, scale, turn, spin and stretch elements.
3D Transforms format elements using 3D transforms.
Transitions add effect when changing from one style to another, such as on mouseover or mouseout events.
Animations specify CSS style inside @keyframes rule and animation will gradually change from the current style to the new style.
Multiple Columns can create multiple columns for laying out text.
User Interface user can resize elements and other features supported.
![Page 10: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/10.jpg)
© Anselm SpoerriDigital Media Production
Storyboarding
Videos
AFI’s Storyboarding Guidehttp://www.youtube.com/watch?v=pWPjjoOFIu8
–Help you visualize what you want to see in your video or film–Show what the camera is looking at a specific moment–Taxonomy of Shots: Long | Medium | Close-up | Point of View …–Sequence of Camera Shots to Capture Essence of Idea
Vimeo Storyboarding Basics–http://vimeo.com/videoschool/lesson/4/storyboarding-basics
How To Make a Storyboard–http://www.youtube.com/watch?v=65_3bq_0eSY
ReadingsKnight Digital Media Center: Storyboarding website | video
Story Cookbook: Storyboarding video
AFI’s Screen Shot Reference video
Resources http://filmmakeriq.com/2010/10/500-storyboard-tutorials-resources/
![Page 11: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/11.jpg)
© Anselm SpoerriDigital Media Production
Exercise 3 – Develop Website with Storyboard for Video
Create Storyboard for video to be created in Ex4
– Tools to Use to Create Storyboard Frames / Panels– Digital Drawing Tool– Word Text Processing: use Drawing Tool
– Use Jing screen capture tool to create digital image
– Paper & Pencil – Scan or Create Digital Photo
Website– Page Layout uses DIVs and is controlled by External CSS file– Overview Page: Sidebar floating to right– Storyboard Page– Each Frame = DIV that contains Image, Type of Shot, Topic
– margin = 10px | black border | padding = 10px
Exercise 3 http://comminfo.rutgers.edu/~aspoerri/Teaching/DMPOnline/Exercises.html#Ex3
![Page 12: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/12.jpg)
© Anselm SpoerriDigital Media Production
Video Editing Principles
Video Editing Principles‒ Short Movie Example
‒ Meaning – Basic Film Editing ‒ Compress Time
‒ Create Illusion of Continuity
‒ Create Illusion of Cause & Effect
‒ Parallel Editing
‒ Motivate Cuts
![Page 13: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/13.jpg)
© Anselm SpoerriDigital Media Production
Film Editing – Tools & Devices
Illusion of Motion
Continuity of Direction of Motion & Speed
Total > Medium > Close-up Shot
Continuity of Location of Focus
Continuity of Line of Sight
![Page 14: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/14.jpg)
© Anselm SpoerriDigital Media Production
Hi – I am in a rush
![Page 15: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/15.jpg)
© Anselm SpoerriDigital Media Production
Illusion of Motion
![Page 16: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/16.jpg)
© Anselm SpoerriDigital Media Production
Illusion of Motion
![Page 17: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/17.jpg)
© Anselm SpoerriDigital Media Production
Motion Out of Frame
![Page 18: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/18.jpg)
© Anselm SpoerriDigital Media Production
Where Does Boy Reappear? His Direction of Motion?
? ?
![Page 19: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/19.jpg)
© Anselm SpoerriDigital Media Production
Direction of Motion Continuity
![Page 20: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/20.jpg)
© Anselm SpoerriDigital Media Production
Need to Maintain Speed Continuity
![Page 21: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/21.jpg)
© Anselm SpoerriDigital Media Production
Illusion of Motion
![Page 22: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/22.jpg)
© Anselm SpoerriDigital Media Production
Illusion of Motion
![Page 23: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/23.jpg)
© Anselm SpoerriDigital Media Production
Total Shot
![Page 24: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/24.jpg)
© Anselm SpoerriDigital Media Production
Medium Shot
![Page 25: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/25.jpg)
© Anselm SpoerriDigital Media Production
Close-up Shot
![Page 26: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/26.jpg)
© Anselm SpoerriDigital Media Production
Total > Medium > Close-up Spatial Alignment
![Page 27: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/27.jpg)
© Anselm SpoerriDigital Media Production
Total Shot
![Page 28: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/28.jpg)
© Anselm SpoerriDigital Media Production
Medium Shot with Poor Spatial Continuity
![Page 29: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/29.jpg)
© Anselm SpoerriDigital Media Production
Close-up with Poor Spatial Continuity - Jumpy
![Page 30: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/30.jpg)
© Anselm SpoerriDigital Media Production
Current Location of Focus
![Page 31: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/31.jpg)
© Anselm SpoerriDigital Media Production
Maintain Location of Focus
![Page 32: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/32.jpg)
© Anselm SpoerriDigital Media Production
Continuity of Location of Focus
![Page 33: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/33.jpg)
© Anselm SpoerriDigital Media Production
Line of Sight between Protagonists
![Page 34: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/34.jpg)
© Anselm SpoerriDigital Media Production
Angle of Line of Sight Continuity
![Page 35: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/35.jpg)
© Anselm SpoerriDigital Media Production
Camera on Same Side of Line of Sight
![Page 36: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/36.jpg)
© Anselm SpoerriDigital Media Production
Do not Cross Line of Sight
![Page 37: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/37.jpg)
© Anselm SpoerriDigital Media Production
Establishing Line of Sight
![Page 38: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/38.jpg)
© Anselm SpoerriDigital Media Production
Crossing Line of Sight – Seesaw
![Page 39: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/39.jpg)
© Anselm SpoerriDigital Media Production
Maintaining Angle and Line of Sight
![Page 40: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/40.jpg)
© Anselm SpoerriDigital Media Production
Camera Again on Same Side of Line of Sight
![Page 41: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/41.jpg)
© Anselm SpoerriDigital Media Production
Film Editing – Tools & Devices (cont.)
Frame Grid
Action Reaction
Cut-Away & Audio L-cut
Establishing Subjective POV
![Page 42: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/42.jpg)
© Anselm SpoerriDigital Media Production
The Frame Grid
![Page 43: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/43.jpg)
© Anselm SpoerriDigital Media Production
Action
![Page 44: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/44.jpg)
© Anselm SpoerriDigital Media Production
Reaction
![Page 45: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/45.jpg)
© Anselm SpoerriDigital Media Production
Action or Cut-Away
![Page 46: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/46.jpg)
© Anselm SpoerriDigital Media Production
Reaction or Jump in Time (Audio L-cut)
![Page 47: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/47.jpg)
© Anselm SpoerriDigital Media Production
Stop The “Argument”
![Page 48: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/48.jpg)
© Anselm SpoerriDigital Media Production
Direction and Angle of Gaze
![Page 49: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/49.jpg)
© Anselm SpoerriDigital Media Production
Subjective Point of View
![Page 50: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/50.jpg)
© Anselm SpoerriDigital Media Production
Film Editing - Create Illusion of Continuity
Compress Time by Selecting "Highlights"
Viewer Fills In
"Real time" = "Screen time"
Maintain Continuity for:– Location of Focus– Motion & Speed– Line of Sight– Theme: similarity in subject & background in terms of shapes,
color, texture, motion
Leverage Conventions & Viewer Expectations
![Page 51: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/51.jpg)
© Anselm SpoerriDigital Media Production
Create Illusion of Cause & Effect
Sequence Shots
Use Continuity Principles
Viewers Create Relationships that Do Not Exit in Reality
![Page 52: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/52.jpg)
© Anselm SpoerriDigital Media Production
Close-up of Face
![Page 53: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/53.jpg)
© Anselm SpoerriDigital Media Production
Subjective Point of View
![Page 54: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/54.jpg)
© Anselm SpoerriDigital Media Production
Effect
![Page 55: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/55.jpg)
© Anselm SpoerriDigital Media Production
Cause?
![Page 56: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/56.jpg)
© Anselm SpoerriDigital Media Production
Effect!
![Page 57: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/57.jpg)
© Anselm SpoerriDigital Media Production
Parallel Editing
Cut Back and Forth between Different Storylines
Creates Illusion of Events Happening at the Same Time
Enhances Anticipation or Anxiety
![Page 58: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/58.jpg)
© Anselm SpoerriDigital Media Production
Two Protagonists
![Page 59: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/59.jpg)
© Anselm SpoerriDigital Media Production
In Discussion
![Page 60: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/60.jpg)
© Anselm SpoerriDigital Media Production
Boy
![Page 61: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/61.jpg)
© Anselm SpoerriDigital Media Production
Rushing Home
![Page 62: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/62.jpg)
© Anselm SpoerriDigital Media Production
Action
![Page 63: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/63.jpg)
© Anselm SpoerriDigital Media Production
Reaction
![Page 64: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/64.jpg)
© Anselm SpoerriDigital Media Production
Really …
![Page 65: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/65.jpg)
© Anselm SpoerriDigital Media Production
Action
![Page 66: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/66.jpg)
© Anselm SpoerriDigital Media Production
Reaction
![Page 67: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/67.jpg)
© Anselm SpoerriDigital Media Production
Really Rushing
![Page 68: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/68.jpg)
© Anselm SpoerriDigital Media Production
Resolution …
![Page 69: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/69.jpg)
© Anselm SpoerriDigital Media Production
Short Movie Example
NIKE AD slow– Click on
http://www.scils.rutgers.edu/~aspoerri/Teaching/MPOnline/Video/ Please click on “nikeadslow.wmv” link to play video (it may take a while)
– Analyze happens to the focus of attention and which continuity principles are employed.
![Page 70: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/70.jpg)
© Anselm SpoerriDigital Media Production
Summary – Basic Film Editing
Compress Time
Create Illusion of Continuity– Location of Focus– Motion & Speed– Line of Sight– Theme: similarity in subject & background in terms of shapes,
color, texture, motion
Create Illusion of Cause & Effect
Parallel Editing
Motivate Cuts– Any Edit Has Potential of Breaking Illusion of Continuity – Use or Break Conventions & Viewer Expectations– Use Cuts to Create Rhythm– Maintain or Break Continuity As Storyline Requires
![Page 71: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/71.jpg)
© Anselm SpoerriDigital Media Production
Summary – Basic Editing Principles
Continuity of Direction of Motion & Speed
Total > Medium > Close-up Shot
Continuity of Location of Focus
Continuity of Line of Sight
![Page 72: Digital Media Production](https://reader036.vdocument.in/reader036/viewer/2022081603/56813b0a550346895da3b0c0/html5/thumbnails/72.jpg)
© Anselm SpoerriDigital Media Production
Summary - Create Illusion of Continuity
Compress Time by Selecting "Highlights"
Viewer Fills In
"Real time" = "Screen time"
Maintain Continuity for:– Motion & Speed – Location of Focus– Line of Sight– Theme: similarity in subject & background in terms of shapes, color,
texture, motion
Leverage Conventions & Viewer Expectations