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

Introduction to Film Language
Introduction to Film LanguageIntroduction to Film Language
Introduction to Film LanguageTheresa Dawson
 
PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...
PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...
PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...Isabel Guinot
 
Types of Camera and Lighting in Media
Types of Camera and Lighting in MediaTypes of Camera and Lighting in Media
Types of Camera and Lighting in Media09smisebmedia
 
Color theory
Color theoryColor theory
Color theoryhojungiee
 
Film Language - Cinematography
Film Language - CinematographyFilm Language - Cinematography
Film Language - Cinematographyjonreigatemedia
 
Film analysis
Film analysisFilm analysis
Film analysismediamate
 
Color Theory
Color TheoryColor Theory
Color Theoryslhallman
 
Color Theory (Photography)
Color Theory (Photography)Color Theory (Photography)
Color Theory (Photography)Heather Cole
 
Tema 6 la luz y el volumen
Tema 6 la luz y el volumenTema 6 la luz y el volumen
Tema 6 la luz y el volumenqvrrafa
 
Elcolor 3eso
Elcolor 3esoElcolor 3eso
Elcolor 3esoanahmsi
 
Final sound presentation for intro to film
Final sound presentation for intro to filmFinal sound presentation for intro to film
Final sound presentation for intro to filmchelsea859
 
Chroma key compositing
Chroma key compositingChroma key compositing
Chroma key compositingreddy gowtami
 
Compositing and graphics
Compositing and graphicsCompositing and graphics
Compositing and graphicsNelson Zagalo
 
Teoría de los colores
Teoría de los coloresTeoría de los colores
Teoría de los coloresJoselo8812
 

What's hot (20)

Film Sound
Film SoundFilm Sound
Film Sound
 
Introduction to Film Language
Introduction to Film LanguageIntroduction to Film Language
Introduction to Film Language
 
Color Mixing
Color MixingColor Mixing
Color Mixing
 
Video Composition
Video CompositionVideo Composition
Video Composition
 
Color Theory - part 1
Color Theory - part 1 Color Theory - part 1
Color Theory - part 1
 
PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...
PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...
PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...
 
Types of Camera and Lighting in Media
Types of Camera and Lighting in MediaTypes of Camera and Lighting in Media
Types of Camera and Lighting in Media
 
Color theory
Color theoryColor theory
Color theory
 
Film Language - Cinematography
Film Language - CinematographyFilm Language - Cinematography
Film Language - Cinematography
 
Narrativa Visual 101
Narrativa Visual 101Narrativa Visual 101
Narrativa Visual 101
 
Film analysis
Film analysisFilm analysis
Film analysis
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Color Theory (Photography)
Color Theory (Photography)Color Theory (Photography)
Color Theory (Photography)
 
Tema 6 la luz y el volumen
Tema 6 la luz y el volumenTema 6 la luz y el volumen
Tema 6 la luz y el volumen
 
Elcolor 3eso
Elcolor 3esoElcolor 3eso
Elcolor 3eso
 
Final sound presentation for intro to film
Final sound presentation for intro to filmFinal sound presentation for intro to film
Final sound presentation for intro to film
 
color scheme
color schemecolor scheme
color scheme
 
Chroma key compositing
Chroma key compositingChroma key compositing
Chroma key compositing
 
Compositing and graphics
Compositing and graphicsCompositing and graphics
Compositing and graphics
 
Teoría de los colores
Teoría de los coloresTeoría de los colores
Teoría de los colores
 

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
 
Color terms
Color termsColor terms
Color terms
 
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 theory
Colour theoryColour theory
Colour theory
 
Colour schemes in films
Colour schemes in filmsColour schemes in films
Colour schemes in films
 

Recently uploaded

SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embeddingZilliz
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
The Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfThe Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfSeasiaInfotech2
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piececharlottematthew16
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr LapshynFwdays
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Wonjun Hwang
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfRankYa
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clashcharlottematthew16
 

Recently uploaded (20)

SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embedding
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
The Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfThe Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdf
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
 

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.