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)

color-theory for beginners
color-theory for beginnerscolor-theory for beginners
color-theory for beginners
 
Color terms
Color termsColor terms
Color terms
 
Colour theory II
Colour theory IIColour theory II
Colour theory II
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Color Theory presentation
Color Theory presentationColor Theory presentation
Color Theory presentation
 
Basic TV Ad Production
Basic TV Ad ProductionBasic TV Ad Production
Basic TV Ad Production
 
Color Mixing
Color MixingColor Mixing
Color Mixing
 
Color power point
Color power pointColor power point
Color power point
 
Intro to color and pop art portraits(2)
Intro to color and pop art portraits(2)Intro to color and pop art portraits(2)
Intro to color and pop art portraits(2)
 
Color theory
Color theoryColor theory
Color theory
 
Part 2
Part 2Part 2
Part 2
 
Color Theory Book
Color Theory BookColor Theory Book
Color Theory Book
 
Digital Color Theory
Digital Color TheoryDigital Color Theory
Digital Color Theory
 
Color wheel
Color wheelColor wheel
Color wheel
 
Color correction and grading
Color correction and gradingColor correction and grading
Color correction and grading
 
Reality TV
Reality TVReality TV
Reality TV
 
Color
ColorColor
Color
 
color psychology in Films, Importance of Color in movies
color psychology in Films, Importance of Color in moviescolor psychology in Films, Importance of Color in movies
color psychology in Films, Importance of Color in movies
 
Introduction to color theory for Multimedia Students
Introduction to color  theory  for Multimedia StudentsIntroduction to color  theory  for Multimedia Students
Introduction to color theory for Multimedia Students
 
Color theory - Graphic Design
Color theory - Graphic DesignColor theory - Graphic Design
Color theory - Graphic Design
 

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
 
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 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 theory
Colour theoryColour theory
Colour theory
 
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
 
Mastering the Art of Colours
Mastering the Art of ColoursMastering the Art of Colours
Mastering the Art of Colours
 
Color theory
Color theoryColor theory
Color theory
 

Recently uploaded

The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxBkGupta21
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
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
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
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
 
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
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESmohitsingh558521
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
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
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 

Recently uploaded (20)

DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdf
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptx
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 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?
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
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
 
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
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
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
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 

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.