SlideShare una empresa de Scribd logo
1 de 54
The Art of Visual Storytelling ,[object Object]
[object Object],[object Object],[object Object],[object Object]
Which senses do you use most during a dance performance?
 
 
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Visual Components
 
With special thanks to: space, line, shape, tone, color, movement and rhythm.
 
 
The Principle of Contrast and Affinity
The greater the contrast in a visual component, the more the visual intensity or dynamic increases. The greater the affinity in a visual component, the more the visual intensity or dynamic decreases. The Principle of Contrast and Affinity
Contrast: Greater Visual Intensity  Affinity: Less Visual Intensity
Contrast: Greater Visual Intensity Affinity: Less Visual Intensity
 
 
1. Space
deep space  flat space
Deep space is more dramatic then flat space.
ambiguous space  recognizable space
 
Ambiguous space creates more tension and confusion than recognizable space.
open space  closed space
 
Closed space can create a sense of entrapment. Open space can generate extreme emotional and muscular response from audiences.
 
2. Line/Shape
Any picture can be reduced to simple lines. This is called a linear motif.  A picture’s linear motif can be any combination of circular, straight, vertical, horizontal, or diagonal lines. Linear Motif
Diagonal lines are the most dynamic/intense lines.
Vertical lines are less dynamic/intense.
Horizontal lines are the least dynamic/intense.
Straight lines are often associated with these characteristics: direct, aggressive, bland, honest, industrial, ordered, strong, unnatural, adult, rigid.
Curved lines are often associated with these characteristics: indirect, passive, pertaining to nature, childlike, romantic, soft, organic, safe, flexible.
The circle is the most benign of the basic shapes. It has no direction or intrinsic visual dynamic. Circular shapes seem cute and friendly. Basic Shapes Square shapes seem to possess a visual stability and solidity. The triangle is the most dynamic of the three shapes because it contains diagonal lines. It points into a particular direction and has an intrinsic dynamic.
Anything on stage (e.g. lights, costumes, performers) can be manipulated  through controlling all visual components (e.g. shapes).
 
3. Tone
Tone refers to the brightness of objects. The brightest area will usually attract a viewer’s attention first.
The more tonal contrast the greater visual intensity.
4. Color
Colors often have emotional characteristics associated with them. These can easily lead to stereotypes and hider creative freedom.
Audiences can be primed with colors and meanings for each color. Every time the color appears on stage it can create a preset emotional reaction.
Colors can be assigned to two different dramatic worlds (or ideas): blues and greens are used to show the abusive world of a trapped housewife (or the idea of imprisonment) whereas reds, yellows and oranges are assigned to her world of adultery (or the idea of freedom).
Main characters/groups can be primed with colors:  Victims wear red or appear in red light, criminals wear yellow or appear in yellow light etc.
A color can be representative for an idea: Red represents conflict.
Using similar colors throughout a scene or an entire performance creates affinity and less visual intensity. Using contrasting color schemes will increase the visual intensity.
5. Movement
Movement is first: The audience’s attraction will always be  drawn to a moving object. Brightness is second: If there is no movement, the viewer’s point of attention will be drawn to the brightest area on stage.
Direction:  an object/subject can make horizontal (least dynamic), vertical and diagonal (most dynamic) moves. Quality:  the movement of an object/subject can be straight (direct, aggressive, unnatural, etc.) or curved (indirect, passive, organic etc.). Scale:  a movement can be big (more intense) or small (less intense). Speed:  a high rate of speeds is usually more intense and dynamic than a low rate of speed. Four ways to categorize movement
The order of visual components that will attract the audience’s attention and guid their eye movement is as follows: 1. Movement. 2. The brightest object. 3. The most saturated color. 4. The performers’ eyes. 5. The object with the most visual component contrast.
6. Rhythm
Every rhythm is made up of three subcomponents: alternation, repetition and tempo. Alternation  of sound and silence, of movement and stillness, of light and dark etc. Repetition  of alternation: only sound-silence-sound-silence-sound can produce a rhythm. Tempo  is the rate of alternation and repetition (speed). Long intervals of time create a slow tempo and short intervals create a fast tempo.
Almost any meaning can be associated with rhythm: A faster rhythm may communicate happiness, excitement, or comedic intent. A slower rhythm may suggest calm, sadness, or tragedy. A regular rhythm has a predictable pattern and usually communicates affinity or a lack of intensity. An irregular rhythm usually increases rhythmic contrast and produces greater visual intensity or dynamic.
Creative Task: 1. Form two groups. 2. Group A creates a short dance sequence of great visual intensity (e.g. a climax scene). Group B creates a short dance sequence of small visual intensity (e.g. a resolution scene) 3. Present your material and explain how you have manipulated certain visual components in order to achieve your intensity.

Más contenido relacionado

La actualidad más candente

Film editing techniques
Film editing techniquesFilm editing techniques
Film editing techniques
Robert Smith
 

La actualidad más candente (20)

Three point lighting
Three point lightingThree point lighting
Three point lighting
 
Camera Angles & Camera Movements
Camera Angles & Camera MovementsCamera Angles & Camera Movements
Camera Angles & Camera Movements
 
Lighting
LightingLighting
Lighting
 
Lighting Techniques
Lighting TechniquesLighting Techniques
Lighting Techniques
 
Color theory
Color theoryColor theory
Color theory
 
Film directing
Film directingFilm directing
Film directing
 
Camera Movement
Camera MovementCamera Movement
Camera Movement
 
Film Editing Master
Film Editing MasterFilm Editing Master
Film Editing Master
 
Visual communication and Visual analysis
Visual communication and Visual analysisVisual communication and Visual analysis
Visual communication and Visual analysis
 
Film Grading - A Brief Introduction
Film Grading - A Brief IntroductionFilm Grading - A Brief Introduction
Film Grading - A Brief Introduction
 
Basic photography lighting
Basic photography  lightingBasic photography  lighting
Basic photography lighting
 
Lighting: kinds of lights
Lighting: kinds of lightsLighting: kinds of lights
Lighting: kinds of lights
 
Film theories
Film theoriesFilm theories
Film theories
 
media language intro signs & codes
media language intro signs & codesmedia language intro signs & codes
media language intro signs & codes
 
Types of camera angles
Types of camera anglesTypes of camera angles
Types of camera angles
 
Silent film – narrative and style
Silent film – narrative and styleSilent film – narrative and style
Silent film – narrative and style
 
Types of Editing
Types of EditingTypes of Editing
Types of Editing
 
Film editing techniques
Film editing techniquesFilm editing techniques
Film editing techniques
 
Pre-Production,Production and Post-Production PPT Presentation
Pre-Production,Production and Post-Production PPT Presentation Pre-Production,Production and Post-Production PPT Presentation
Pre-Production,Production and Post-Production PPT Presentation
 
TV Production Overview
TV Production OverviewTV Production Overview
TV Production Overview
 

Destacado

Film as art enrichment 2
Film as art enrichment 2Film as art enrichment 2
Film as art enrichment 2
Melanie Powell
 

Destacado (20)

Bruce Block's Visual Components For Filmmakers
Bruce Block's Visual Components For FilmmakersBruce Block's Visual Components For Filmmakers
Bruce Block's Visual Components For Filmmakers
 
Narrative Image: The How and Why of Visual Storytelling
Narrative Image: The How and Why of Visual StorytellingNarrative Image: The How and Why of Visual Storytelling
Narrative Image: The How and Why of Visual Storytelling
 
The Power of Visual Storytelling
The Power of Visual Storytelling The Power of Visual Storytelling
The Power of Visual Storytelling
 
Digital Storytelling for Social Impact
Digital Storytelling for Social ImpactDigital Storytelling for Social Impact
Digital Storytelling for Social Impact
 
Visual Storytelling 101
Visual Storytelling 101Visual Storytelling 101
Visual Storytelling 101
 
Space
SpaceSpace
Space
 
Storytelling 101
Storytelling 101Storytelling 101
Storytelling 101
 
Tone and Space
Tone and SpaceTone and Space
Tone and Space
 
Pixar's 22 Rules to Phenomenal Storytelling
Pixar's 22 Rules to Phenomenal StorytellingPixar's 22 Rules to Phenomenal Storytelling
Pixar's 22 Rules to Phenomenal Storytelling
 
Dove Final Presentation
Dove   Final PresentationDove   Final Presentation
Dove Final Presentation
 
Social Proof Tips to Boost Landing Page Conversions
Social Proof Tips to Boost Landing Page ConversionsSocial Proof Tips to Boost Landing Page Conversions
Social Proof Tips to Boost Landing Page Conversions
 
Pitching Ideas: How to sell your ideas to others
Pitching Ideas: How to sell your ideas to othersPitching Ideas: How to sell your ideas to others
Pitching Ideas: How to sell your ideas to others
 
People Don't Care About Your Brand
People Don't Care About Your BrandPeople Don't Care About Your Brand
People Don't Care About Your Brand
 
10 Disruptive Quotes for Entrepreneurs
10 Disruptive Quotes for Entrepreneurs10 Disruptive Quotes for Entrepreneurs
10 Disruptive Quotes for Entrepreneurs
 
Go Viral on the Social Web: The Definitive How-To guide!
Go Viral on the Social Web: The Definitive How-To guide!Go Viral on the Social Web: The Definitive How-To guide!
Go Viral on the Social Web: The Definitive How-To guide!
 
17 Copywriting Do's and Don'ts: How To Write Persuasive Content
17 Copywriting Do's and Don'ts: How To Write Persuasive Content17 Copywriting Do's and Don'ts: How To Write Persuasive Content
17 Copywriting Do's and Don'ts: How To Write Persuasive Content
 
Ambiguous Space Picts
Ambiguous Space PictsAmbiguous Space Picts
Ambiguous Space Picts
 
Film as art enrichment 2
Film as art enrichment 2Film as art enrichment 2
Film as art enrichment 2
 
Storytelling ppt
Storytelling pptStorytelling ppt
Storytelling ppt
 
Charles Sanders Peirce
Charles Sanders PeirceCharles Sanders Peirce
Charles Sanders Peirce
 

Similar a The Art of Visual Storytelling

Element of art or desgin
Element of art or desginElement of art or desgin
Element of art or desgin
Festus Oppong
 
The Elements of Art
The Elements of ArtThe Elements of Art
The Elements of Art
RonalynVeloso1
 
Elements of Art and Principles of Design
Elements of Art and Principles of DesignElements of Art and Principles of Design
Elements of Art and Principles of Design
damaba78
 
Elements of design and Principles of design
Elements of design and Principles of designElements of design and Principles of design
Elements of design and Principles of design
NIFT (chennai)
 
color, composition, images
color, composition, imagescolor, composition, images
color, composition, images
indyrra
 
Chapter Four – Enclosed is your assignment on Culture 1- What i.docx
Chapter Four – Enclosed is your assignment on Culture 1- What i.docxChapter Four – Enclosed is your assignment on Culture 1- What i.docx
Chapter Four – Enclosed is your assignment on Culture 1- What i.docx
christinemaritza
 
the-elements-of-art.pptx
the-elements-of-art.pptxthe-elements-of-art.pptx
the-elements-of-art.pptx
Grin2
 

Similar a The Art of Visual Storytelling (20)

Element of art or desgin
Element of art or desginElement of art or desgin
Element of art or desgin
 
Bacic-Elements-of-Art-and-Principles-of-Design-PPT.pptx
Bacic-Elements-of-Art-and-Principles-of-Design-PPT.pptxBacic-Elements-of-Art-and-Principles-of-Design-PPT.pptx
Bacic-Elements-of-Art-and-Principles-of-Design-PPT.pptx
 
Elements and principles of design
Elements and principles of designElements and principles of design
Elements and principles of design
 
ELEMENTS of arts involving methods .pptx
ELEMENTS of arts involving methods .pptxELEMENTS of arts involving methods .pptx
ELEMENTS of arts involving methods .pptx
 
The Elements of Art
The Elements of ArtThe Elements of Art
The Elements of Art
 
Elements_of_Art.pptxnjkllklklklklklklklklklklkl
Elements_of_Art.pptxnjkllklklklklklklklklklklklElements_of_Art.pptxnjkllklklklklklklklklklklkl
Elements_of_Art.pptxnjkllklklklklklklklklklklkl
 
Elements of Art and Principles of Design
Elements of Art and Principles of DesignElements of Art and Principles of Design
Elements of Art and Principles of Design
 
LESSON-2-ELEMENTS-OF-ARTS SECOND SEMESTER
LESSON-2-ELEMENTS-OF-ARTS SECOND SEMESTERLESSON-2-ELEMENTS-OF-ARTS SECOND SEMESTER
LESSON-2-ELEMENTS-OF-ARTS SECOND SEMESTER
 
Elements of design and Principles of design
Elements of design and Principles of designElements of design and Principles of design
Elements of design and Principles of design
 
Workshop 8 Teaching about Visual Arts
Workshop 8 Teaching about Visual Arts Workshop 8 Teaching about Visual Arts
Workshop 8 Teaching about Visual Arts
 
Elements
ElementsElements
Elements
 
Space and volume
Space and volumeSpace and volume
Space and volume
 
Elements of design power point
Elements of design power pointElements of design power point
Elements of design power point
 
colors, composition, images
colors, composition, imagescolors, composition, images
colors, composition, images
 
color, composition, images
color, composition, imagescolor, composition, images
color, composition, images
 
ELEMENTS OF ART handouts.docx
ELEMENTS OF ART handouts.docxELEMENTS OF ART handouts.docx
ELEMENTS OF ART handouts.docx
 
Chapter Four – Enclosed is your assignment on Culture 1- What i.docx
Chapter Four – Enclosed is your assignment on Culture 1- What i.docxChapter Four – Enclosed is your assignment on Culture 1- What i.docx
Chapter Four – Enclosed is your assignment on Culture 1- What i.docx
 
the-elements-of-art.pptx
the-elements-of-art.pptxthe-elements-of-art.pptx
the-elements-of-art.pptx
 
the-elements-of-art.pptx
the-elements-of-art.pptxthe-elements-of-art.pptx
the-elements-of-art.pptx
 
The elements of art
The elements of artThe elements of art
The elements of art
 

Más de Davy and Kristin McGuire (20)

Narrative vs. Formal
Narrative vs. FormalNarrative vs. Formal
Narrative vs. Formal
 
Narrative vs. Formal
Narrative vs. FormalNarrative vs. Formal
Narrative vs. Formal
 
The Essentials of my Discipline
The Essentials of my DisciplineThe Essentials of my Discipline
The Essentials of my Discipline
 
Essay guidelines
Essay guidelinesEssay guidelines
Essay guidelines
 
Relationships
RelationshipsRelationships
Relationships
 
Review Guidelines
Review Guidelines Review Guidelines
Review Guidelines
 
Stand & Stare Presentation
Stand & Stare PresentationStand & Stare Presentation
Stand & Stare Presentation
 
3rd sequence questionnaire
3rd sequence questionnaire3rd sequence questionnaire
3rd sequence questionnaire
 
Nick Kaye Performing the City
Nick Kaye   Performing the CityNick Kaye   Performing the City
Nick Kaye Performing the City
 
2nd sequence
2nd sequence 2nd sequence
2nd sequence
 
Music Video Art
Music Video ArtMusic Video Art
Music Video Art
 
Architecture
ArchitectureArchitecture
Architecture
 
Parkour
Parkour Parkour
Parkour
 
The gesamtkunstwerk
The gesamtkunstwerkThe gesamtkunstwerk
The gesamtkunstwerk
 
Production schedule for your music video..docx
Production schedule for your music video..docxProduction schedule for your music video..docx
Production schedule for your music video..docx
 
Beat-sheet
Beat-sheetBeat-sheet
Beat-sheet
 
Personality
PersonalityPersonality
Personality
 
Guidelines for the Creation of Stories in Performance
Guidelines for the Creation of Stories in PerformanceGuidelines for the Creation of Stories in Performance
Guidelines for the Creation of Stories in Performance
 
Dance-Music-Relationships
Dance-Music-RelationshipsDance-Music-Relationships
Dance-Music-Relationships
 
Your character’s autobiography
Your character’s autobiographyYour character’s autobiography
Your character’s autobiography
 

The Art of Visual Storytelling

  • 1.
  • 2.
  • 3. Which senses do you use most during a dance performance?
  • 4.  
  • 5.  
  • 6.
  • 7.  
  • 8. With special thanks to: space, line, shape, tone, color, movement and rhythm.
  • 9.  
  • 10.  
  • 11. The Principle of Contrast and Affinity
  • 12. The greater the contrast in a visual component, the more the visual intensity or dynamic increases. The greater the affinity in a visual component, the more the visual intensity or dynamic decreases. The Principle of Contrast and Affinity
  • 13. Contrast: Greater Visual Intensity Affinity: Less Visual Intensity
  • 14. Contrast: Greater Visual Intensity Affinity: Less Visual Intensity
  • 15.  
  • 16.  
  • 18. deep space flat space
  • 19. Deep space is more dramatic then flat space.
  • 20. ambiguous space recognizable space
  • 21.  
  • 22. Ambiguous space creates more tension and confusion than recognizable space.
  • 23. open space closed space
  • 24.  
  • 25. Closed space can create a sense of entrapment. Open space can generate extreme emotional and muscular response from audiences.
  • 26.  
  • 28. Any picture can be reduced to simple lines. This is called a linear motif. A picture’s linear motif can be any combination of circular, straight, vertical, horizontal, or diagonal lines. Linear Motif
  • 29. Diagonal lines are the most dynamic/intense lines.
  • 30. Vertical lines are less dynamic/intense.
  • 31. Horizontal lines are the least dynamic/intense.
  • 32. Straight lines are often associated with these characteristics: direct, aggressive, bland, honest, industrial, ordered, strong, unnatural, adult, rigid.
  • 33. Curved lines are often associated with these characteristics: indirect, passive, pertaining to nature, childlike, romantic, soft, organic, safe, flexible.
  • 34. The circle is the most benign of the basic shapes. It has no direction or intrinsic visual dynamic. Circular shapes seem cute and friendly. Basic Shapes Square shapes seem to possess a visual stability and solidity. The triangle is the most dynamic of the three shapes because it contains diagonal lines. It points into a particular direction and has an intrinsic dynamic.
  • 35. Anything on stage (e.g. lights, costumes, performers) can be manipulated through controlling all visual components (e.g. shapes).
  • 36.  
  • 38. Tone refers to the brightness of objects. The brightest area will usually attract a viewer’s attention first.
  • 39. The more tonal contrast the greater visual intensity.
  • 41. Colors often have emotional characteristics associated with them. These can easily lead to stereotypes and hider creative freedom.
  • 42. Audiences can be primed with colors and meanings for each color. Every time the color appears on stage it can create a preset emotional reaction.
  • 43. Colors can be assigned to two different dramatic worlds (or ideas): blues and greens are used to show the abusive world of a trapped housewife (or the idea of imprisonment) whereas reds, yellows and oranges are assigned to her world of adultery (or the idea of freedom).
  • 44. Main characters/groups can be primed with colors: Victims wear red or appear in red light, criminals wear yellow or appear in yellow light etc.
  • 45. A color can be representative for an idea: Red represents conflict.
  • 46. Using similar colors throughout a scene or an entire performance creates affinity and less visual intensity. Using contrasting color schemes will increase the visual intensity.
  • 48. Movement is first: The audience’s attraction will always be drawn to a moving object. Brightness is second: If there is no movement, the viewer’s point of attention will be drawn to the brightest area on stage.
  • 49. Direction: an object/subject can make horizontal (least dynamic), vertical and diagonal (most dynamic) moves. Quality: the movement of an object/subject can be straight (direct, aggressive, unnatural, etc.) or curved (indirect, passive, organic etc.). Scale: a movement can be big (more intense) or small (less intense). Speed: a high rate of speeds is usually more intense and dynamic than a low rate of speed. Four ways to categorize movement
  • 50. The order of visual components that will attract the audience’s attention and guid their eye movement is as follows: 1. Movement. 2. The brightest object. 3. The most saturated color. 4. The performers’ eyes. 5. The object with the most visual component contrast.
  • 52. Every rhythm is made up of three subcomponents: alternation, repetition and tempo. Alternation of sound and silence, of movement and stillness, of light and dark etc. Repetition of alternation: only sound-silence-sound-silence-sound can produce a rhythm. Tempo is the rate of alternation and repetition (speed). Long intervals of time create a slow tempo and short intervals create a fast tempo.
  • 53. Almost any meaning can be associated with rhythm: A faster rhythm may communicate happiness, excitement, or comedic intent. A slower rhythm may suggest calm, sadness, or tragedy. A regular rhythm has a predictable pattern and usually communicates affinity or a lack of intensity. An irregular rhythm usually increases rhythmic contrast and produces greater visual intensity or dynamic.
  • 54. Creative Task: 1. Form two groups. 2. Group A creates a short dance sequence of great visual intensity (e.g. a climax scene). Group B creates a short dance sequence of small visual intensity (e.g. a resolution scene) 3. Present your material and explain how you have manipulated certain visual components in order to achieve your intensity.