Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

The Art of Visual Storytelling


Published on

  • This is terrific. But I cannot open this PPT even though I have PPT 2013. Can one get it in PDF?
    Are you sure you want to  Yes  No
    Your message goes here

The Art of Visual Storytelling

  1. 1. The Art of Visual Storytelling <ul><li>About the non-verbal communication of a story through basic visual components </li></ul>
  2. 2. <ul><li>Your Cast of Visual Characters/Components </li></ul><ul><li>The Principle of Contrast and Affinity </li></ul><ul><li>Each Visual Component in Detail </li></ul><ul><li>Creative Task </li></ul>
  3. 3. Which senses do you use most during a dance performance?
  4. 6. <ul><li>space </li></ul><ul><li>line & shape </li></ul><ul><li>tone </li></ul><ul><li>color </li></ul><ul><li>movement </li></ul><ul><li>rhythm </li></ul>Visual Components
  5. 8. With special thanks to: space, line, shape, tone, color, movement and rhythm.
  6. 11. The Principle of Contrast and Affinity
  7. 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
  8. 13. Contrast: Greater Visual Intensity Affinity: Less Visual Intensity
  9. 14. Contrast: Greater Visual Intensity Affinity: Less Visual Intensity
  10. 17. 1. Space
  11. 18. deep space flat space
  12. 19. Deep space is more dramatic then flat space.
  13. 20. ambiguous space recognizable space
  14. 22. Ambiguous space creates more tension and confusion than recognizable space.
  15. 23. open space closed space
  16. 25. Closed space can create a sense of entrapment. Open space can generate extreme emotional and muscular response from audiences.
  17. 27. 2. Line/Shape
  18. 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
  19. 29. Diagonal lines are the most dynamic/intense lines.
  20. 30. Vertical lines are less dynamic/intense.
  21. 31. Horizontal lines are the least dynamic/intense.
  22. 32. Straight lines are often associated with these characteristics: direct, aggressive, bland, honest, industrial, ordered, strong, unnatural, adult, rigid.
  23. 33. Curved lines are often associated with these characteristics: indirect, passive, pertaining to nature, childlike, romantic, soft, organic, safe, flexible.
  24. 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.
  25. 35. Anything on stage (e.g. lights, costumes, performers) can be manipulated through controlling all visual components (e.g. shapes).
  26. 37. 3. Tone
  27. 38. Tone refers to the brightness of objects. The brightest area will usually attract a viewer’s attention first.
  28. 39. The more tonal contrast the greater visual intensity.
  29. 40. 4. Color
  30. 41. Colors often have emotional characteristics associated with them. These can easily lead to stereotypes and hider creative freedom.
  31. 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.
  32. 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).
  33. 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.
  34. 45. A color can be representative for an idea: Red represents conflict.
  35. 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.
  36. 47. 5. Movement
  37. 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.
  38. 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
  39. 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.
  40. 51. 6. Rhythm
  41. 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.
  42. 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.
  43. 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.