Week 1 Composition For The Visual Artist Bill Perkins-1
Week 1 Composition For The Visual Artist Bill Perkins-1
Week 1 Composition For The Visual Artist Bill Perkins-1
!
!
!
!
!
!
!
!
!
!
!
!
!
!
Composition
!
To many, art is alchemy and being an artist is but a gift, you either have it or
you don't. The dynamics of visual communication is passed off to the public
as the result of deep intuitive feelings that miraculously spring from the artist.
And the appreciation art is subjective but explainable by critics and artists
mission statements. As you progress as artists you learn more the manner of
visual expression, and this manners of expression is not merely subjective.
The confusion arises because it appears to some that a pleasing
arrangement and contrast of visual components can be achieved or touched
upon through intuition or a inner sense of arrangement. And if this can be
achieved without education or understanding of a visual language then it
must not exist in definable terms.
More common efforts to simplify the process through settings rules for
techniques or attempting a visual grammar only serve to create a
situation with predictable outcomes that inhibit artists from exploring the
possibilities free from personal bias. Because we tend to lean into this
approach too much or too long we often hear that at some point the
artist has to “break the rules”.
These rules may serve the beginner but as you mature as an artist it is
important to understand the value between rules that:
Realizing that you might need to re-evaluate these types of rules is your
first step into becoming visually aware. In this advanced Composition
class we will focus on the visual elements and dynamics of our visual
language.
We will focus on the nature of our visual language with the goal of achieving
greater visual assessment skills and become more visually literate. For many
of you this class will be an introduction to the visual components and their
characteristics. I will offer examples of visual clarity expressed through history
and we will explore the potentially infinite range of visual expression.
Communicating and the ability to express yourself in visual terms begins with
creating visual context. Your visual context is the basic theme of relationships
from which all your visual elements are compared. The visual context that
you can establish can vary greatly depending on both what you want to say
and the style or means through which you want to say it.
3. Image Clarity
4. Image Message
1. Visual Components
As interesting as these ideas are they do produce predictable results with limiting
conditions that narrow your depth of visual expression. Below are lists and chapter
headings from respected art books. Look how similar they are. In the chapters of
these books the authors explained these topics with a range if clarity. Many had
similar names yet descriptions were different which only confuses artists. In this
class I have tried to distill the information from these books and clarify for you
simple discrete descriptions for the purpose of clarity.
Visual elements
Dot
Line
Shape
Direction
Tone
Color
Texture
Dimension
Scale
Movement
Visual Elements
Line
Value
Shape
Proportion
Color
Direction
Texture
Visual Components
Line
Tone
Shape
Color
Space
Rhythm
Movement
Composition
By Arthur Dow (1922)
Line
Notan
Color
Principals of Composition
Opposition
Transition
Subordination
Repetition
Symmetry
Contents
Line
Light and Planes
Mass
Composing Pictures
By Donald Graham (1970)
Contents
Subject
Graphic elements
Point-Area-Line
Light and Dark
Value The Graphic Accent
The Matrix
Measuring Depth
Graphic Movement
Directing the Eye
Space
Space in Nature-Graphic Space
Scale
Line
Tone
Shape
Color
Space
Rhythm
Movement
1. Line - actual line, implied lines, closure, eye lines,
tracking line
2. Tone - most dominant affect on determining mood,
tonal grouping
3. Shape-emotional implications, directional forces
4. Color - emotional, spatial, narrative applications
5. Space - flat, limited, deep, ambiguous, cubist
6. Rhythm - contours, gradients, near alignments,
closure, directional forces
7. Movement (in film) Direction and Dot (for painting and
film)
Methods of Measure
Major Key-Proportion
Minor Key-Range of contrast
Primaries of Design
Line
Mass- Notan
Form-Chiaroscuro
· Line: (marks or texture that define the surface,
whose characteristics appear to express neither mass
or form)
· Mass: Notan - Light vs Dark
· Form: Chiaroscuro – Light vs Shadow
!
Our Primaries of design are not visual components but have to do with the manner
in which we bias our mark making while creating images.
!
!
!
“I don’t paint things. I only paint the difference between
things”
Henri Matisse
Patterns and Values are not only our fundamental to reading and math but
they are also the foundation for expressing oneself in our visual language of
art, photography, and film. The language of visual art is comprised of seven
basic visual components, interpreted through, and biased by three primaries
of design (a dynamic triad), along with a multidimensional measuring system
to establish quantify values of relationships. Between these finite number of
elements we can create infinite patterns and variants and a method of
determining complex and infinite relative value relationships.
This condition is similarly known as "The Goldilocks effect". Through these
components the artist, photographer, image, or film maker their voice, and
potential for personal expression in one universal language of visual art.
2. Visual Assessment
The path to comprehending the depth of compositional possibilities is through
visual literacy and a clear understanding or our visual components. Observing the
prevailing relationships allows us to match or copy what we see. But when we can
see with an understanding of the properties of our visual language we become able
to express our feelings, and thoughts more clearly. It's simple to say to students
"observe and compare", but if we are not aware of the nature of our visual
language we cannot get specific as to what we are, or should truly be comparing.
It's limiting to rely on the common general rules that we hear over and over about
composition, drawing and painting. These limitations manifest by refocusing us
away from our visual components and put too much importance on the managing
of techniques. This is why it is so hard for many artists to find their personal visual
voice and expression. When we are too fixed on following others rules and
techniques we are not understanding of the real nature of our visual language.
This is where the artist will begin their understanding of visual literacy. It is hard to assess and understand
the discrete relationships that make up our visual language if you are unclear on what to look for.
See, define and make clear the range of contrasts present within the same
visual component. Observe trends of activity in the component groups within
the image and choose those that you feel are most vital to your image
message or the story and make that the first focus of dominant relationships
present in your image.
Let's begin our visual journey with the most basic and
fundamental relationship, figure and ground.
!
!
!
There is a good chance that you arrived at the same or very similar answers
to the visual conditions illustrated above. Here is why these circles express
what the do.
Moving: The closeness of the circle to the one side creates a visual tension.
our eyes move slower around the circle in the more open areas, but in the
narrow space between the circle and side our eyes move faster. This
quickening creates a pulling sensation to the right.
Close: Figures closer to the bottom of the frame appear to be closer than
those higher in the frame. This can go way back to possibly before ancient
scrolls long before perspective.
Big: Large, filling the frame.
Far: Higher the frame and smaller make the circle appear much farther away
than the next one.
Small: It's size is obvious but being close to the bottom of the frame says
this circle is also close and that would reinforce the effect.
Raising: Partially cropped anywhere along the top of the frame would give
this effect. having moderate scale allows it to have more volume and adds to
the spatial closeness.
Falling: Cropped along the bottom somewhere will reinforce this feeling.
Heavy: Larger scale adds to the feeling of volume and resting on the bottom
of the frame makes it feel like it is sitting literally on the ground.
Light: Positioning this moderate sized circle above center can add to the
feeling of lightness. This can also have the feeling of farther away than it's
neighbor (heavy).
Here are a few images from Maitland Graves book 'The Art of Color and
Design". They are presented as a test of an artists design sensibilities.
Can you pick the most pleasing composition from each pair?
!
!
!
!
!
!
Cannons of proportion
!
Rule of thirds
From Wikipedia, the free encyclopedia
This article is about the rule of thirds in visual arts. For the rule of
thirds in scuba diving, see rule of thirds (diving). For a similarly
named rule applying to writing, math, and medicine, see Rule of
three.
As you can see and read below, when the dot or significant element or focal point
is just off one of these thirds we sense a greater visual tension which contradicts
the note above. Composing along a strict thirds actually creates a calmness that
some feel is most pleasing but it can also appear monotonous. In film and many
areas and modes of visual communication a repetition of such a division will
become boring.
!
From: thegoldenumber.net
!
Fractal Relationships in design
All of these images describe variations on a theme or elements that are
mathematically repeatable and scalable. When the viewer senses underlying
relationships within an image they tend to feel that their is a more stable
understanding by the artist to lay down a clear foundation.
!
!
Design Matrix
!
!
!
!
Artists of all different ages and styles have designed their
matrix by combining and interlocking the light/dark, and
light/shadow patterns in order to design more expressive
images. Again clarity is key when designing and combining
these modes.
!
Above are a couple images that are designed (tonally) by Notan and Chiaroscuro.
Sometimes people attach the term graphic to a Notan design but graphic can be
too vague and general a term, referring to edges or type or spatial condition. Again
a design matrix that is divided by Notan is one in which the greatest tonal contrast
is between local values, and a design matrix that is divided by Chiaroscuro is one
in which the division of light and black is the division of what is in light verses that
in shadow.
The Mezzonis image on the left is Notan dominant with the exception of the artists face
on the far right that is modeled with more of the effect of light. In contrast the painting
on the right is all about the division of light verses shadow or Chiaroscuro.
This drawing above is line and form dominant. The form is clearly in one zone
within the image and the artist does not change the line weight at all in the other
areas purposely. This is a type of contrast between modes.
!
This painting by Charles Hawthorne is Notan dominant. The rise in
popularity of this design bias was the result of the influx of Japanese prints
that influenced the impressionists artists. Hawthorne studied these
processes in Europe and taught them in the United States in the early 20th
century.
Creating a composition is defining context
From this point of view that I suggest that communicating and expressing your
ideas, statements, or feelings depends on firstly establishing a visual context. Any
rules or bias of relationships that come to bare within your compositions should
come from the foundation set forth in your context, and not those standardized or
independently contrived for normalizing imagery or in the name of beauty.
We often are told that as young artists we should study classics and predetermined
rules that made their work successful. But then we should challenge or break rules
to define our individual expression. More often than not this point of view leads to
imagery is vague and unclear in its' visual communication. The reason for this is
that we may recognize that any contrived rule may not apply or help our
expression so we choose to abandon it. But the real problem is not the rule, it is
that we fail to establish a clear context and relationships can feel unrelated and
scattered and fail to communicate your idea clearly. The solution is to determine
first what you wish to communicate, and then create the series of relationships that
establish the context. All nuances from monotonous, to harmonious, to discordant
will have more meaning because they will all hold meaning to the aggregate
composition because in this process the rules that you impose on your image will
emerge from the context you establish.
You are an artist, a visual communicator, the director, designer and you are solely
responsible for your work, and if your intention is to express interesting and
innovative ideas or stories in our visual language clearly, you are a context creator,
not a reckless rule breaker.
These patterns below establish figure/ground relationships in different ways, some through Notan, the light-dark pattern
created between local values, and patterns created through Chiaroscuro or the light-shadow pattern.
Checkerboard
This is an example of a monotonous pattern. it is Notan dominant because its'
division of figure/ground is based on light and dark interlocking pattern of squares.
!
Below is another Notan dominant pattern because it does not reflect any
influence of light and shadow. This pattern has some variety so it is not as
monotonous as the checkerboard above but the regularity flattens the image
The black and white pattern below is also Notan dominant and has both
large and thin areas of white and black, also the variety of shapes and scale
of curves bring more interest and harmony to this design.
!
This is a Silhouette, the interest her is derived through the variety of shapes
and their relationships.
It too is Notan dominant because there is no indication of light and shadow.
Although we might think a silhouette is created by back lighting volumes
behind a screen the graphic result here is dark figure over white ground. If
the silhouetted shapes were altered by the affect of light such as if planes that
were turned toward the light source became white, that would expose some
affect of light and we would say the character is back-lit. Not here, this figure
is completely silhouetted.
The pattern in the image below is created by the effect of light striking the
girls form. This is an example of Chiaroscuro. You can see the division in
the image on the left but I reduced the mid values to show only the black and
white pattern of light-shadow.
!
As simple as it is the black and white image below reflects the design created
through Chiaroscuro.
The boy in the window is clearly Chiaroscuro dominant because the greater
contrast is created by light-shadow shapes.
!
Valentine Serov painted this image below with a combination of Notan and
Chiaroscuro. Most of the image is Notan dominant where the form in the
sitters face is accentuated bringing focus to that area of the image.
!
Rembrandt's' painting below is of corse Chiaroscuro dominant. See how the
shadow side goes so black.
Here is another Serov painting that is Notan dominant, the ambient lighting
creates a Notan dominant situation.
!
You can see the different patterns define different areas. These areas can
be solid, or broken, grouped and clustered, or chaotic. Harmonizing
your Matrix is a matter of creating relationships through proportion and
contrast giving areas of interest as well as areas of rest or tension and
relief. Balance here is the key. Not meaning 50% of black to 50% white
but enough relief to balance the tension created. So Harmony resides
somewhere between Monotony and Chaos.
!
Student Work
assignment: Find black and white images who's matrix are determined
through the higher contrast between local values (Notan), eliminate all
middle values and draw the basic matrix pattern.) Jeewoon Park
1. Notan
!
!
!
!
!
assignment: Find drawings where the matrix is determined through the
greater contrast between light and shadow (Chiaroscuro).
2. Chiaroscuro
!
!
!
assignment: Find and draw images that were designed through the
patterning of both Notan, and Chiaroscuro.
3. Combination
!
!
!
Rachel Yung
Notan
!
Chiaroscuro
!
Both
From this point of view that I suggest that communicating and expressing your
ideas, statements, or feelings depends on firstly establishing a visual context.
Any rules or bias of relationships that come to bare within your
compositions should come from the foundation set forth in your context, and
not those standardized or independently contrived for normalizing imagery or in
the name of beauty.
We often are told that as young artists we should study classics and predetermined
rules that made their work successful. But then we should challenge or break rules
to define our individual expression. More often than not this point
of view leads to imagery is vague and unclear in its' visual communication.
The reason for this is that we may recognize that any contrived rule may
not apply or help our expression so we choose to abandon it.
But the real problem is not the rule, it is that we fail to establish a clear context
and relationships can feel unrelated and scattered and fail
to communicate your idea clearly. The solution is to determine first what
you wish to communicate, and then create the series of relationships that establish
the context. All nuances from monotonous, to harmonious, to discordant will have
more meaning because they will all hold meaning to the aggregate composition
because in this process the rules that you impose on your image will emerge from
the context you establish.
You are an artist, a visual communicator, the director, designer and you
are solely responsible for your work, and if your intention is to express interesting
and innovative ideas or stories in our visual language clearly, you are a
context creator, not a reckless rule breaker.
Here are some complementary relationships with specific contexts. When you
are comparing your visual components as you work make an effort to be more specific in
your visual assessments the more specific you can be the better, it
will keep you focused on your context.
Instability Balance
Asymmetry Symmetry
Irregularity Regularity
Complexity Simplicity
Fragmentation Unity
Intricacy Economy
Exaggeration Understatement
Spontaneity Predictability
Activeness Stasis
Boldness Subtlety
Accent Neutrality
Transparency Opacity
Variation Consistency
Distortion Accuracy
Depth Flatness
Juxtaposition Singularity
Randomness Sequential
Sharpness Diffusion
!
!
!
Casablanca
Consider this image from Casablanca as Elsa and Rick discuss their situation.
On the outside they are composed but their emotions are
complicated.
!
Elsa is trying to tell him why she disappeared from his life suddenly and her co
mplicated emotional dilemma.
I n
these shots Rick is cynical and sarcastic carefully guarding his conflicted feeli
ngs as Claude Rains is delivering a straightforward internal assessment
of Ricks’ private loyalties to
the underdog throughout his past. This was set up in the first shots of Rick in
the movie. As others were shot against simple backdrops or
in crowds of people, in
contrast Rick was shot in front of shadow walls and palm fronds.
!
In this shot Claude Rains steps forward, into
the complicated background of shadows and blinds behind Rick as he says h
is life in Casablanca is simple and he alone is
the master of his domain. This shot ends with a voice overlap to
the next shot of a Nazi soldier urging him to come
to meet the arriving German officer and Rains responds obediently. His dialo
g u e i s i n d i r e c t c o n fl i c t w i t h h i s s i t u a t i o n
and his body movement and background arrangement explains the internal c
omplexity of his situation.
Wizard of OZ
I n
this scene from Wizard of OZ Dorothy is singing ‘Somewhere over the Rainbo
w ’ w h i c h s t a n d s t o d a y a s t h e m o s t m e m o r a b l e t u n e f ro m
the movie known for its’ lavish use technicolor and fanciful design. Here is
a beautiful contrast, and
the perfect counterpoint between her real world and her imaginary world withi
n. In this case Dorothy is singing what she is dreaming of (her inner world) so
the environment was designed to illustrate the baron and bleak world, almost
surrealist with its’ flattened desolation. With her colored fantastic journey yet
to come it is critical that the real world be as foreboding as it does.
!
!
!
Do you sense visual tension in any of the
images below? How would you ease the tension in
the image?
When assessing images and visual tension we have to look at the
artists intent or the image message. Sometimes the
artist wants to imply tension and in these cases he or she may choose to
create it rather than reduce it. Where the visually illiterate artists may look
at tangents or tension and want to automatically fall back on general rules
to reduce tension. And again without an understanding of visual language we
may look at artists like Alfred Hitchcock who
often creates tension in his images and we accept it under the clause that
"a master can break the rules". The right to break such rules is not
the domain of masters. It is just a reflection that generalized rules limit the
range of expression. And an artist who is visually literate is
in command of such visual tools. When assessing images, the answer lays in
t h e i m a g e m e s s a g e a n d t h e c h o i c e o f t h e a r t i s t t o c re a t e
the tension that expresses that image message best.
!
!
!
!
!
Describe the story in the compositions below.
See how the artists deliver subtext within their
images
!
!
!
The passing of Robin Hood NC Wyeth
!
Breaking Home Ties Norman Rockwell
!
Portrait of Mr and Mrs Isaac Newton Phelps Stokes (Edith)
!
The Birthday Party," 1887, by John Singer Sargent. Oil on canvas.
French artists Albert Besnard and his wife, sculptor Charlotte Dubray, celebrate th
e birthday of their child, Robert. The Oriental decorations of
their room are accentuated by the highlights from the candles.
http://www.artsconnected.org/resource/96503/the-birthday-party-by-john-
singer-sargent