SlideShare una empresa de Scribd logo
1 de 28
The artist selects, isolates, and
manipulates elements
for visual coherence.
If all parts are working together,
the whole seems to be more than the
sum of its parts.
This is called the gestalt .
What is the cognitive gestalt of seeing?
  – Our visual process is influenced by characteristics of the
    perceived objects, such as:
      • Contrast (of value/dark to light)
      • Intensity (color/expressiveness of line, etc.)
      • Figure-ground separation (apparent depth/dimension)
      • Proximity/Grouping (Clustering)
      • Size.
      • Motion.
      • Repetition (similarity) or novelty (difference).
      • Closure
Some image-makers convey intent
without using all traditional principles of design.
Some intentionally violate the principles of
harmony to create a sense of discord.

.
One way artists help viewers see a design as a unified
whole is to balance it visually.
In addition to position and size, visual weight is
        affected by factors such as color, value, and
        degree of detail. In general, areas that are light
        in value, brightly colored, or highly detailed
        draw the viewer’s attention more than areas
        that are dark, dull, or less complex; they
        therefore carry visual intensity and create
        a “focal point.”
Sometimes artists intentionally unbalance a
     design to create a disorienting effect.
     Preferences for symmetry or asymmetry in
     art change with the times. Also, much
     artistic balancing is done intuitively rather
     than intellectually.
We respond easily to designs that mirror
the repetitive growth patterns of nature.

Sometimes the understructure of a work of art
is    planned to repeat a certain shape
subtly.
Artists do this subconsciously or intuitively,
      but to those interested in analyzing a
work of art,      these devices become
evident.
Paradoxically, a 2nd way of suggesting
unity      is to vary elements, as slight
variations       repeating a central theme
or strong contrasts- a very rough-
textured area contrasted with a very
smooth-textured area, a very dark area
contrasted with a very light area, convex
    shapes fitted into concave.
Opposites seem to complete each other.
Repetition of similar or varying
elements in a design tends to set up
a visual rhythm.
Planes of the Frame
• Foreground
• Midground
• Background
Focal point: area where the viewer’s
eye is compellingly drawn.
Techniques for drawing attention:
~ Placing a figure near the center
~ Placing a figure off by itself
~ Creating contrast around the figure
Composition
• Isolated figures have
  more dominance than
  those in clusters.
• Asymmetrical
  composition tends to be
  more intriguing.
• Diagonals suggest
  movement and action
• Perpendicular lines
  suggest stasis, control
A final principle to consider in
organizing a shot is economy:
eliminating elements that might distract
attention from the essence of what the
director needs to communicate.




                  VS.
Mood…

  Black & White and monochromatic
          colors can lend a dreamy,
       thoughtful or reflective state.

Transparent layering also romance or
           dreamlike contemplation.
Suggesting Movement…




• Movement in the 2D plane is implied by eye path
• Activity attracts and holds attention.
Rule of Thirds
• a principle of
  composition
  suggesting that the
  picture frame should
  be visually divided into
  thirds rather than
  halves. (The frame is
  divided into 9 squares
  —where lines
  intersect, the image
  has precedence.)
Mise en Scene
total arrangement of sets, objects, and people in a shot
      or scene, including props, costumes, actors

The frame: borders of the “canvas” (like the frame of a
painting).
Framing: composing the objects and people within the
image
The subject: the person or object most distinctly
framed in a shot
Formalism vs. Realism
•   Open Form: window on the
    world; random composition in
    the frame; candid effect;
    suggests freedom of choice in
    the filmic world
•   Closed Form: planned and
    elaborate composition;
    formalistic and expressive;
    suggests entrapment in the
    filmic world
Composition
• Top-heavy
  composition: makes
  us uneasy
• Bottom-heavy
  composition: is more
  expected and
  commonplace
Framing the Subject
• Headroom: space between
  the top of a subject’s head
  and the upper edge of the
  camera frame
• Noseroom or look space:
  Space between the subject
  and the side of the camera
  frame toward which she is
  looking
• Leadroom: Space between
  the subject and the side of
  the camera frame toward
  which she is moving
Proxemic Patterns
•   Intimate
•   Personal
•   Social
•   Public
Good art direction pays attention to:

    lighting, color, texture, pattern,
     juxtaposition, and movement.
Other Elements of
    Effective Design

•   focal point – Where is the eye drawn? Where is the visual emphasis
    placed?
•   negative space – Is there a “breath” of inaction for the eye that
    punctuates or compliments the positive space?
•   sophistication- Is the design contemporary, trendy, elegant, polished,
    classic?
•   visual intrigue – Does it surprise? Do we see something we haven’t seen
    before?
•   entertainment – Do the images tell a story? Does the composition portray
    energy and drama?
•   suspense – Does the image hook the audience with what it conceals and
    promises to reveal?
•   theme – Does it draw on metaphors, myths, and analogies to the familiar?
More Design Basics
6 Rules of Focal Emphasis:

•Objects in the upper left quadrant of a frame
      have focal prominence.
•Large objects get noticed.
•Bright objects are more visible than dark on screen.
•Bright colors are more predominant than dull ones.
•White space next to the focal draws
      the eye to the object.
•Unusual shapes, camera angles, and
      diagonal lines get noticed.
Contrast
  Contrasting
       values
     provide
   definition,
tension, and
  dynamism.
Color Impact & Mood


 • Red: Action, aggression,
            danger
 • Yellow: Demands attention; high readability
 • Green: Symbol of health & prosperity
 • Blue: Tranquility, stability
 • Black: Sophistication
 • Orange: Evokes “edibility”
 • Purple: Risk-taking
Composition

Más contenido relacionado

La actualidad más candente

03.composition
03.composition03.composition
03.compositiongarethphua
 
Photographic composition
Photographic compositionPhotographic composition
Photographic compositionSimon Gummer
 
Expressiveportraits 141005204805-conversion-gate01
Expressiveportraits 141005204805-conversion-gate01Expressiveportraits 141005204805-conversion-gate01
Expressiveportraits 141005204805-conversion-gate01Kara Wilson Smith
 
Photography 101, Or How to Take Better Photos
Photography 101, Or How to Take Better PhotosPhotography 101, Or How to Take Better Photos
Photography 101, Or How to Take Better PhotosFrank Curkovic
 
How to Make a Comic Book About Your Family Stories
How to Make a Comic Book About Your Family StoriesHow to Make a Comic Book About Your Family Stories
How to Make a Comic Book About Your Family StoriesCarla Brown
 
How to make a comic book
How to make a comic bookHow to make a comic book
How to make a comic bookS Marley
 
Layout and paneling comics
Layout and paneling comicsLayout and paneling comics
Layout and paneling comicsBrooke Nelson
 
Elements of Art for photography
Elements of Art for photographyElements of Art for photography
Elements of Art for photographysranasuriya
 
Teaching the use of Cartoon Strips in the history classroom (Slides for stude...
Teaching the use of Cartoon Strips in the history classroom (Slides for stude...Teaching the use of Cartoon Strips in the history classroom (Slides for stude...
Teaching the use of Cartoon Strips in the history classroom (Slides for stude...Lloyd Yeo
 
Elements and Principles of Design in Photography
Elements and Principles of Design in PhotographyElements and Principles of Design in Photography
Elements and Principles of Design in Photographyballardgraphicdesign
 
Year 9 art portraiture / alter ego
Year 9 art portraiture / alter ego Year 9 art portraiture / alter ego
Year 9 art portraiture / alter ego Melanie Powell
 
Art Elements and Design Principles
Art Elements and Design PrinciplesArt Elements and Design Principles
Art Elements and Design PrinciplesJMDamon
 

La actualidad más candente (20)

Landscape photo
Landscape photoLandscape photo
Landscape photo
 
03.composition
03.composition03.composition
03.composition
 
Photographic composition
Photographic compositionPhotographic composition
Photographic composition
 
Expressiveportraits 141005204805-conversion-gate01
Expressiveportraits 141005204805-conversion-gate01Expressiveportraits 141005204805-conversion-gate01
Expressiveportraits 141005204805-conversion-gate01
 
Seven Design Components
Seven Design ComponentsSeven Design Components
Seven Design Components
 
Create a comic! ppt
Create a comic! pptCreate a comic! ppt
Create a comic! ppt
 
Photography 101, Or How to Take Better Photos
Photography 101, Or How to Take Better PhotosPhotography 101, Or How to Take Better Photos
Photography 101, Or How to Take Better Photos
 
Comic Strips
Comic StripsComic Strips
Comic Strips
 
How to Make a Comic Book About Your Family Stories
How to Make a Comic Book About Your Family StoriesHow to Make a Comic Book About Your Family Stories
How to Make a Comic Book About Your Family Stories
 
How to make a comic book
How to make a comic bookHow to make a comic book
How to make a comic book
 
Layout and paneling comics
Layout and paneling comicsLayout and paneling comics
Layout and paneling comics
 
Rule of thirds
Rule of thirdsRule of thirds
Rule of thirds
 
Lesson seven
Lesson sevenLesson seven
Lesson seven
 
Comic techniques
Comic techniquesComic techniques
Comic techniques
 
Elements of Art for photography
Elements of Art for photographyElements of Art for photography
Elements of Art for photography
 
Teaching the use of Cartoon Strips in the history classroom (Slides for stude...
Teaching the use of Cartoon Strips in the history classroom (Slides for stude...Teaching the use of Cartoon Strips in the history classroom (Slides for stude...
Teaching the use of Cartoon Strips in the history classroom (Slides for stude...
 
Elements and Principles of Design in Photography
Elements and Principles of Design in PhotographyElements and Principles of Design in Photography
Elements and Principles of Design in Photography
 
How to Make Comic Books
How to Make Comic BooksHow to Make Comic Books
How to Make Comic Books
 
Year 9 art portraiture / alter ego
Year 9 art portraiture / alter ego Year 9 art portraiture / alter ego
Year 9 art portraiture / alter ego
 
Art Elements and Design Principles
Art Elements and Design PrinciplesArt Elements and Design Principles
Art Elements and Design Principles
 

Destacado

Gestalt & single image composition for designers
Gestalt & single image composition for designersGestalt & single image composition for designers
Gestalt & single image composition for designersKaitlin Hanger, Ph.D.
 
Spender eden seminar cph sept 2013 v1
Spender eden seminar cph sept 2013 v1Spender eden seminar cph sept 2013 v1
Spender eden seminar cph sept 2013 v1jcspnder
 
Javascriptの入り口
Javascriptの入り口Javascriptの入り口
Javascriptの入り口Ai Takita
 
Color & Composition
Color & CompositionColor & Composition
Color & Compositionakullaf
 

Destacado (8)

Gestalt & single image composition for designers
Gestalt & single image composition for designersGestalt & single image composition for designers
Gestalt & single image composition for designers
 
Branding is
Branding isBranding is
Branding is
 
Alexander Gelman and influences
Alexander Gelman and influencesAlexander Gelman and influences
Alexander Gelman and influences
 
Spender eden seminar cph sept 2013 v1
Spender eden seminar cph sept 2013 v1Spender eden seminar cph sept 2013 v1
Spender eden seminar cph sept 2013 v1
 
Social media
Social mediaSocial media
Social media
 
presCyberNISC2015
presCyberNISC2015presCyberNISC2015
presCyberNISC2015
 
Javascriptの入り口
Javascriptの入り口Javascriptの入り口
Javascriptの入り口
 
Color & Composition
Color & CompositionColor & Composition
Color & Composition
 

Similar a Composition

4-Elements-Principles-of-Visual-Design (1).pdf
4-Elements-Principles-of-Visual-Design (1).pdf4-Elements-Principles-of-Visual-Design (1).pdf
4-Elements-Principles-of-Visual-Design (1).pdfrrrf0813
 
Key Design Principles To Improve Your User Experience (UX)
Key Design Principles To Improve Your User Experience (UX)Key Design Principles To Improve Your User Experience (UX)
Key Design Principles To Improve Your User Experience (UX)Belatrix Software
 
Photo Design_Chapter 2_Design Elements
Photo Design_Chapter 2_Design ElementsPhoto Design_Chapter 2_Design Elements
Photo Design_Chapter 2_Design Elementsalorino
 
The principles of design
The principles of designThe principles of design
The principles of designBrad Potter
 
Comm via printed media 07
Comm via printed media 07Comm via printed media 07
Comm via printed media 07HasanErkaya1
 
Visual Composition Slideshow - Anna Rasmussen
Visual Composition Slideshow - Anna RasmussenVisual Composition Slideshow - Anna Rasmussen
Visual Composition Slideshow - Anna Rasmussenbluedevils
 
Online10 chapter 7
Online10 chapter 7Online10 chapter 7
Online10 chapter 7jengoff13
 
Interior design - space & emphasis
Interior design - space & emphasisInterior design - space & emphasis
Interior design - space & emphasisPranavi Nandagiri
 
Workshop 8 Teaching about Visual Arts
Workshop 8 Teaching about Visual Arts Workshop 8 Teaching about Visual Arts
Workshop 8 Teaching about Visual Arts Maryna Tsehelska
 
Compositionguidelines new date
Compositionguidelines new dateCompositionguidelines new date
Compositionguidelines new dateKara Wilson Smith
 
Organization in the visual arts and Principles of Design
Organization in the visual arts and Principles of DesignOrganization in the visual arts and Principles of Design
Organization in the visual arts and Principles of DesignMariz Ombajin
 
Design Elements and Principle Assignment.pptx
Design Elements and Principle Assignment.pptxDesign Elements and Principle Assignment.pptx
Design Elements and Principle Assignment.pptxAshmineKaur
 
Photography
PhotographyPhotography
Photographyejhorth
 
Lesson 1 • Elements & Principles of Design and Art
Lesson 1 • Elements & Principles of Design and ArtLesson 1 • Elements & Principles of Design and Art
Lesson 1 • Elements & Principles of Design and ArtMarcio Sargento
 

Similar a Composition (20)

4-Elements-Principles-of-Visual-Design (1).pdf
4-Elements-Principles-of-Visual-Design (1).pdf4-Elements-Principles-of-Visual-Design (1).pdf
4-Elements-Principles-of-Visual-Design (1).pdf
 
Foothill Technology High School - Art & Design: Gestalt theory
Foothill Technology High School - Art & Design: Gestalt theoryFoothill Technology High School - Art & Design: Gestalt theory
Foothill Technology High School - Art & Design: Gestalt theory
 
Key Design Principles To Improve Your User Experience (UX)
Key Design Principles To Improve Your User Experience (UX)Key Design Principles To Improve Your User Experience (UX)
Key Design Principles To Improve Your User Experience (UX)
 
Photo Design_Chapter 2_Design Elements
Photo Design_Chapter 2_Design ElementsPhoto Design_Chapter 2_Design Elements
Photo Design_Chapter 2_Design Elements
 
Aesthetics
AestheticsAesthetics
Aesthetics
 
The principles of design
The principles of designThe principles of design
The principles of design
 
Principles of design
Principles of designPrinciples of design
Principles of design
 
Comm via printed media 07
Comm via printed media 07Comm via printed media 07
Comm via printed media 07
 
Visual Composition Slideshow - Anna Rasmussen
Visual Composition Slideshow - Anna RasmussenVisual Composition Slideshow - Anna Rasmussen
Visual Composition Slideshow - Anna Rasmussen
 
Online10 chapter 7
Online10 chapter 7Online10 chapter 7
Online10 chapter 7
 
Interior design - space & emphasis
Interior design - space & emphasisInterior design - space & emphasis
Interior design - space & emphasis
 
Workshop 8 Teaching about Visual Arts
Workshop 8 Teaching about Visual Arts Workshop 8 Teaching about Visual Arts
Workshop 8 Teaching about Visual Arts
 
compositional F07.ppt
compositional F07.pptcompositional F07.ppt
compositional F07.ppt
 
Compositionguidelines new date
Compositionguidelines new dateCompositionguidelines new date
Compositionguidelines new date
 
Organization in the visual arts and Principles of Design
Organization in the visual arts and Principles of DesignOrganization in the visual arts and Principles of Design
Organization in the visual arts and Principles of Design
 
Design Elements and Principle Assignment.pptx
Design Elements and Principle Assignment.pptxDesign Elements and Principle Assignment.pptx
Design Elements and Principle Assignment.pptx
 
Photography
PhotographyPhotography
Photography
 
ELEMENTS OF ART
ELEMENTS OF ARTELEMENTS OF ART
ELEMENTS OF ART
 
Elements of Art & Photography
Elements of Art & PhotographyElements of Art & Photography
Elements of Art & Photography
 
Lesson 1 • Elements & Principles of Design and Art
Lesson 1 • Elements & Principles of Design and ArtLesson 1 • Elements & Principles of Design and Art
Lesson 1 • Elements & Principles of Design and Art
 

Más de Kaitlin Hanger, Ph.D. (14)

Elements of color
Elements of colorElements of color
Elements of color
 
Principles of Design Poster
Principles of Design PosterPrinciples of Design Poster
Principles of Design Poster
 
Pro printing
Pro printingPro printing
Pro printing
 
Sign Design & Wayfinding
Sign Design & WayfindingSign Design & Wayfinding
Sign Design & Wayfinding
 
Content Chunking for Graphic Designers
Content Chunking for Graphic DesignersContent Chunking for Graphic Designers
Content Chunking for Graphic Designers
 
Billboards
BillboardsBillboards
Billboards
 
Intro to Adobe Illustrator Vector Concepts
Intro to Adobe Illustrator Vector ConceptsIntro to Adobe Illustrator Vector Concepts
Intro to Adobe Illustrator Vector Concepts
 
Self promo
Self promoSelf promo
Self promo
 
Designing on a grid
Designing on a gridDesigning on a grid
Designing on a grid
 
Negative space
Negative spaceNegative space
Negative space
 
Typography
TypographyTypography
Typography
 
Romanticism vs. Realism
Romanticism vs. RealismRomanticism vs. Realism
Romanticism vs. Realism
 
Advertising headli
Advertising headliAdvertising headli
Advertising headli
 
Basic elements of_color
Basic elements of_colorBasic elements of_color
Basic elements of_color
 

Composition

  • 1. The artist selects, isolates, and manipulates elements for visual coherence. If all parts are working together, the whole seems to be more than the sum of its parts. This is called the gestalt .
  • 2. What is the cognitive gestalt of seeing? – Our visual process is influenced by characteristics of the perceived objects, such as: • Contrast (of value/dark to light) • Intensity (color/expressiveness of line, etc.) • Figure-ground separation (apparent depth/dimension) • Proximity/Grouping (Clustering) • Size. • Motion. • Repetition (similarity) or novelty (difference). • Closure
  • 3. Some image-makers convey intent without using all traditional principles of design. Some intentionally violate the principles of harmony to create a sense of discord. .
  • 4. One way artists help viewers see a design as a unified whole is to balance it visually. In addition to position and size, visual weight is affected by factors such as color, value, and degree of detail. In general, areas that are light in value, brightly colored, or highly detailed draw the viewer’s attention more than areas that are dark, dull, or less complex; they therefore carry visual intensity and create a “focal point.”
  • 5. Sometimes artists intentionally unbalance a design to create a disorienting effect. Preferences for symmetry or asymmetry in art change with the times. Also, much artistic balancing is done intuitively rather than intellectually.
  • 6. We respond easily to designs that mirror the repetitive growth patterns of nature. Sometimes the understructure of a work of art is planned to repeat a certain shape subtly. Artists do this subconsciously or intuitively, but to those interested in analyzing a work of art, these devices become evident.
  • 7. Paradoxically, a 2nd way of suggesting unity is to vary elements, as slight variations repeating a central theme or strong contrasts- a very rough- textured area contrasted with a very smooth-textured area, a very dark area contrasted with a very light area, convex shapes fitted into concave. Opposites seem to complete each other.
  • 8. Repetition of similar or varying elements in a design tends to set up a visual rhythm.
  • 9. Planes of the Frame • Foreground • Midground • Background
  • 10. Focal point: area where the viewer’s eye is compellingly drawn. Techniques for drawing attention: ~ Placing a figure near the center ~ Placing a figure off by itself ~ Creating contrast around the figure
  • 11. Composition • Isolated figures have more dominance than those in clusters. • Asymmetrical composition tends to be more intriguing. • Diagonals suggest movement and action • Perpendicular lines suggest stasis, control
  • 12.
  • 13. A final principle to consider in organizing a shot is economy: eliminating elements that might distract attention from the essence of what the director needs to communicate. VS.
  • 14.
  • 15. Mood… Black & White and monochromatic colors can lend a dreamy, thoughtful or reflective state. Transparent layering also romance or dreamlike contemplation.
  • 16. Suggesting Movement… • Movement in the 2D plane is implied by eye path • Activity attracts and holds attention.
  • 17. Rule of Thirds • a principle of composition suggesting that the picture frame should be visually divided into thirds rather than halves. (The frame is divided into 9 squares —where lines intersect, the image has precedence.)
  • 18. Mise en Scene total arrangement of sets, objects, and people in a shot or scene, including props, costumes, actors The frame: borders of the “canvas” (like the frame of a painting). Framing: composing the objects and people within the image The subject: the person or object most distinctly framed in a shot
  • 19. Formalism vs. Realism • Open Form: window on the world; random composition in the frame; candid effect; suggests freedom of choice in the filmic world • Closed Form: planned and elaborate composition; formalistic and expressive; suggests entrapment in the filmic world
  • 20. Composition • Top-heavy composition: makes us uneasy • Bottom-heavy composition: is more expected and commonplace
  • 21. Framing the Subject • Headroom: space between the top of a subject’s head and the upper edge of the camera frame • Noseroom or look space: Space between the subject and the side of the camera frame toward which she is looking • Leadroom: Space between the subject and the side of the camera frame toward which she is moving
  • 22. Proxemic Patterns • Intimate • Personal • Social • Public
  • 23. Good art direction pays attention to: lighting, color, texture, pattern, juxtaposition, and movement.
  • 24. Other Elements of Effective Design • focal point – Where is the eye drawn? Where is the visual emphasis placed? • negative space – Is there a “breath” of inaction for the eye that punctuates or compliments the positive space? • sophistication- Is the design contemporary, trendy, elegant, polished, classic? • visual intrigue – Does it surprise? Do we see something we haven’t seen before? • entertainment – Do the images tell a story? Does the composition portray energy and drama? • suspense – Does the image hook the audience with what it conceals and promises to reveal? • theme – Does it draw on metaphors, myths, and analogies to the familiar?
  • 25. More Design Basics 6 Rules of Focal Emphasis: •Objects in the upper left quadrant of a frame have focal prominence. •Large objects get noticed. •Bright objects are more visible than dark on screen. •Bright colors are more predominant than dull ones. •White space next to the focal draws the eye to the object. •Unusual shapes, camera angles, and diagonal lines get noticed.
  • 26. Contrast Contrasting values provide definition, tension, and dynamism.
  • 27. Color Impact & Mood • Red: Action, aggression, danger • Yellow: Demands attention; high readability • Green: Symbol of health & prosperity • Blue: Tranquility, stability • Black: Sophistication • Orange: Evokes “edibility” • Purple: Risk-taking