SlideShare a Scribd company logo
1 of 35
Download to read offline
Block's Visual Components
Space, Line, Shape, Tone, Color, Movement,
and Rhythm
Each of these Components can have Contrast
(Difference) or Affinity (Similarity).
Contrast = Greater Visual Intensity
Affinity = Lesser Visual Intensity
Space
● Four types of Space
● Deep
● Flat
● Limited
● Ambiguous
Deep Space has more Contrast
● Depth Cues include
● Size difference
● Perspective lines
● Diffusion
● Diagonal Movement
● Shape change
● Tonal Separation
● Overlap
Deep Space
What depth cues are evident here?
Deep Space
What depth cues are evident here?
Flat Space has more Affinity
● Flatness Cues
● Size constancy
● Horizontal & Vertical Lines, lack of convergence
● Consistent Texture
● Tonal Affinity
● Horizontal and vertical Movement
Flat Space
What flatness cues are evident here?
Flat Space
Limited and Ambiguous Space
● Limited Space is a blend of Deep and Flat
Cues: Multiple Planes of Flat Space.
● Ambiguous Space is either an mix of cues or a
lack of cues. Darkness, reflections, and
disorienting camera angles often create
ambiguous space.
Line
● Line has the following elements:
● Quality (Straight or Curved)
● Direction of Movement (Horizontal/Vertical or
Diagonal)
● Orientation
Contrast of Line
Affinity of Line
What kinds of line properties are
on display?
How about here?
Shape
● The basic shapes are circle, square, and
triangle.
Contrast of Shape
● For Block, maximum contrast is between circle
and triangle.
Affinity of Shape
What shapes are at play in this
image?
How about this image?
Tone
● Tone is a range of brightness, from light to dark.
Tone can be controlled by art design, lighting, or
exposure. It can be used to reveal, or to conceal.
Contrast of Tone
● Silhouettes have very high tonal contrast.
Affinity of Tone
Tonal Contrast
Tonal Affinity
Color
● Color can be broken down into three
components
● Hue/Chroma: Quality of the color. The color of the
color!
● Saturation: Purity of the color.
● Brightness/Luminance/Value: Addition of Black or
White to the Hue.
● Contrast and affinity of color can be based on
either Hue, Saturation, or Brightness
Color Systems
● A color system is just a way of arranging colors. The RGB
system or Additive System, for example, applies to light-based
media, including photography and screens, and is typically
arranged by wavelength of light.
You might also hear about the CMYK or Subtractive system.
CMYK applies to pigment-based media, such as paint or print.
The old Red-Yellow-Blue system from your Kindergarten days
is a version of CMYK.
An RGB Color Wheel
Contrast and Affinity of Hue
Cool Colors
Warm Colors
Affinity of Hue can refer to all colors being the same, or colors being next
to one another on the color wheel. An image of all cool colors has a lot of
affinity of hue, as does an image of all warm colors.
Contrast of Hue refers to colors being different. Specifically, maximum
contrast occurs between colors that are opposite on the color wheel,
such as Red and Green or Blue and Orange.
Contrast and Affinity of Saturation
Affinity of Saturation can occur when either the image is
made of many full, pure colors or when the image is made of
many gray, subdued colors.
Contrast of Saturation occurs highly saturated elements
share the frame with desaturated elements
Affinity of Saturation Contrast of Saturation. Notice how
the contrast draws out the diamond.
Contrast and Affinity of Brightness
● This is basically the same as tone, only applied
to color
Affinity of Tone Contrast of Tone
What elements of color are at play?
How about this image?
And this image?
More Color Resources
● Worqk.com is a terrific resource for information
about color, color theory, and color
combinations.
In Summary
Contrast = Greater Visual Intensity
Affinity = Lesser Visual Intensity
● It's easy to get caught up in the abstract
details of Visual Components and Contrast
and Affinity. The idea is to control these
elements in order for your images, and
ultimately your stories, to have greater impact.

More Related Content

What's hot (20)

Rhythm
RhythmRhythm
Rhythm
 
Elements of design 1(1)
Elements of design 1(1)Elements of design 1(1)
Elements of design 1(1)
 
Unidad 3 el color
Unidad 3   el colorUnidad 3   el color
Unidad 3 el color
 
A Brief Introduction to Color Theory
A Brief Introduction to Color TheoryA Brief Introduction to Color Theory
A Brief Introduction to Color Theory
 
Color Theory Book
Color Theory BookColor Theory Book
Color Theory Book
 
Color armonias y contrastes
Color armonias y contrastesColor armonias y contrastes
Color armonias y contrastes
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Luz y volumen
Luz y volumenLuz y volumen
Luz y volumen
 
La interacción del color de Josef Albers
La interacción del color de Josef AlbersLa interacción del color de Josef Albers
La interacción del color de Josef Albers
 
Armonia de colores
Armonia de coloresArmonia de colores
Armonia de colores
 
Tema 6. Sintaxis de la imagen - Relaciones compositivas
Tema 6.  Sintaxis de la imagen -  Relaciones compositivasTema 6.  Sintaxis de la imagen -  Relaciones compositivas
Tema 6. Sintaxis de la imagen - Relaciones compositivas
 
WRMS Principles of Design
WRMS Principles of DesignWRMS Principles of Design
WRMS Principles of Design
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Sintaxe da Linguagem Visual - parte II
Sintaxe da Linguagem Visual - parte IISintaxe da Linguagem Visual - parte II
Sintaxe da Linguagem Visual - parte II
 
Color Mixing
Color MixingColor Mixing
Color Mixing
 
The Visual Elements
The Visual ElementsThe Visual Elements
The Visual Elements
 
Basics of Colour Theory & Psychology
Basics of Colour Theory &  Psychology  Basics of Colour Theory &  Psychology
Basics of Colour Theory & Psychology
 
Colour theory presentation
Colour theory presentationColour theory presentation
Colour theory presentation
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Types of colors
Types of colors Types of colors
Types of colors
 

Similar to Bruce Block's Visual Components For Filmmakers

Similar to Bruce Block's Visual Components For Filmmakers (20)

Image Processing - Color Science.pptx
Image Processing - Color Science.pptxImage Processing - Color Science.pptx
Image Processing - Color Science.pptx
 
wk 4 Psychology of Colors.pptx
wk 4 Psychology of Colors.pptxwk 4 Psychology of Colors.pptx
wk 4 Psychology of Colors.pptx
 
PPT - Psychology of Color.pptx
PPT - Psychology of Color.pptxPPT - Psychology of Color.pptx
PPT - Psychology of Color.pptx
 
Digital Color Theory
Digital Color TheoryDigital Color Theory
Digital Color Theory
 
Colour 1 theory 2014
Colour 1 theory 2014Colour 1 theory 2014
Colour 1 theory 2014
 
color theory 1.pptx
color theory 1.pptxcolor theory 1.pptx
color theory 1.pptx
 
Lesson 2 interactive media
Lesson 2  interactive mediaLesson 2  interactive media
Lesson 2 interactive media
 
Colour
Colour Colour
Colour
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Lesson 4 colour
Lesson 4  colourLesson 4  colour
Lesson 4 colour
 
colors, composition, images
colors, composition, imagescolors, composition, images
colors, composition, images
 
color, composition, images
color, composition, imagescolor, composition, images
color, composition, images
 
Colour theory II
Colour theory IIColour theory II
Colour theory II
 
COLOR FUNDAMENTALS
COLOR FUNDAMENTALSCOLOR FUNDAMENTALS
COLOR FUNDAMENTALS
 
colour theory ppt- animated ppt
colour theory ppt- animated pptcolour theory ppt- animated ppt
colour theory ppt- animated ppt
 
Principals and elements of design.
Principals and elements of design.Principals and elements of design.
Principals and elements of design.
 
Colors, id
Colors, idColors, id
Colors, id
 
Colour schemes in films
Colour schemes in filmsColour schemes in films
Colour schemes in films
 
Colour Theory
Colour TheoryColour Theory
Colour Theory
 
World colors-odai hatem
World colors-odai hatemWorld colors-odai hatem
World colors-odai hatem
 

Recently uploaded

Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...gurkirankumar98700
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024Results
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Servicegiselly40
 
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGGoogle AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGSujit Pal
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...HostedbyConfluent
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 

Recently uploaded (20)

Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGGoogle AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAG
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 

Bruce Block's Visual Components For Filmmakers

  • 1. Block's Visual Components Space, Line, Shape, Tone, Color, Movement, and Rhythm Each of these Components can have Contrast (Difference) or Affinity (Similarity). Contrast = Greater Visual Intensity Affinity = Lesser Visual Intensity
  • 2. Space ● Four types of Space ● Deep ● Flat ● Limited ● Ambiguous
  • 3. Deep Space has more Contrast ● Depth Cues include ● Size difference ● Perspective lines ● Diffusion ● Diagonal Movement ● Shape change ● Tonal Separation ● Overlap
  • 4. Deep Space What depth cues are evident here?
  • 5. Deep Space What depth cues are evident here?
  • 6. Flat Space has more Affinity ● Flatness Cues ● Size constancy ● Horizontal & Vertical Lines, lack of convergence ● Consistent Texture ● Tonal Affinity ● Horizontal and vertical Movement
  • 7. Flat Space What flatness cues are evident here?
  • 9. Limited and Ambiguous Space ● Limited Space is a blend of Deep and Flat Cues: Multiple Planes of Flat Space. ● Ambiguous Space is either an mix of cues or a lack of cues. Darkness, reflections, and disorienting camera angles often create ambiguous space.
  • 10. Line ● Line has the following elements: ● Quality (Straight or Curved) ● Direction of Movement (Horizontal/Vertical or Diagonal) ● Orientation
  • 13. What kinds of line properties are on display?
  • 15. Shape ● The basic shapes are circle, square, and triangle.
  • 16. Contrast of Shape ● For Block, maximum contrast is between circle and triangle.
  • 18. What shapes are at play in this image?
  • 19. How about this image?
  • 20. Tone ● Tone is a range of brightness, from light to dark. Tone can be controlled by art design, lighting, or exposure. It can be used to reveal, or to conceal.
  • 21. Contrast of Tone ● Silhouettes have very high tonal contrast.
  • 25. Color ● Color can be broken down into three components ● Hue/Chroma: Quality of the color. The color of the color! ● Saturation: Purity of the color. ● Brightness/Luminance/Value: Addition of Black or White to the Hue. ● Contrast and affinity of color can be based on either Hue, Saturation, or Brightness
  • 26. Color Systems ● A color system is just a way of arranging colors. The RGB system or Additive System, for example, applies to light-based media, including photography and screens, and is typically arranged by wavelength of light. You might also hear about the CMYK or Subtractive system. CMYK applies to pigment-based media, such as paint or print. The old Red-Yellow-Blue system from your Kindergarten days is a version of CMYK.
  • 27. An RGB Color Wheel
  • 28. Contrast and Affinity of Hue Cool Colors Warm Colors Affinity of Hue can refer to all colors being the same, or colors being next to one another on the color wheel. An image of all cool colors has a lot of affinity of hue, as does an image of all warm colors. Contrast of Hue refers to colors being different. Specifically, maximum contrast occurs between colors that are opposite on the color wheel, such as Red and Green or Blue and Orange.
  • 29. Contrast and Affinity of Saturation Affinity of Saturation can occur when either the image is made of many full, pure colors or when the image is made of many gray, subdued colors. Contrast of Saturation occurs highly saturated elements share the frame with desaturated elements Affinity of Saturation Contrast of Saturation. Notice how the contrast draws out the diamond.
  • 30. Contrast and Affinity of Brightness ● This is basically the same as tone, only applied to color Affinity of Tone Contrast of Tone
  • 31. What elements of color are at play?
  • 32. How about this image?
  • 34. More Color Resources ● Worqk.com is a terrific resource for information about color, color theory, and color combinations.
  • 35. In Summary Contrast = Greater Visual Intensity Affinity = Lesser Visual Intensity ● It's easy to get caught up in the abstract details of Visual Components and Contrast and Affinity. The idea is to control these elements in order for your images, and ultimately your stories, to have greater impact.