Rules of Composition | FREE COURSE

Introduction to Composition Techniques

Overview of Composition

• Understanding the arrangement of elements in graphic design, photography, or art is crucial for creating visually appealing works.

• Laura Keung introduces herself as a graphic designer with over 15 years of experience and outlines the course's focus on composition techniques applicable across various visual mediums.

Importance of Composition

• Composition refers to how elements are arranged on a page or canvas to create an effective design or image.

• Approximately 65% of people are visual learners; images can be identified within 30 milliseconds, emphasizing the need for strong compositions that engage viewers.

Key Principles of Composition

Focal Point

• The focal point is the primary subject intended to capture the viewer's attention first.

• Examples include a poppy flower photograph where its central position and contrasting color enhance its prominence, and Botticelli's "Birth of Venus," where Venus serves as the focal point surrounded by other figures.

Scale

• Scale refers to the size relationship between elements, influencing viewer perception and hierarchy.

• In Armin Hofmann’s Giselle poster, larger text correlates with greater importance compared to smaller details, establishing a clear hierarchy.

Contrast

• Contrast distinguishes elements through differences in size, color, and volume.

• Rothko’s painting illustrates contrast via varying color values; similarly, a photograph uses bright colors against muted backgrounds for emphasis.

Techniques for Directing Attention

Leading Lines

• Leading lines guide viewers' eyes toward important aspects of a design. An example includes Lester Beall's poster where lines mimic power lines directing focus towards a house.

Hierarchy

Understanding Key Principles of Art and Photography

Hierarchy in Art

• The concept of hierarchy is illustrated through Raphael's painting "The Holy Family," where Jesus and Mary are brightly lit, drawing the viewer's attention to the center while the background fades into darkness.

Depth in Composition

• Depth refers to perspective in art, as seen in Perugino's work, which features a clear foreground with people, a middle ground with buildings, and a distant background of mountains. This extensive depth helps convey a larger narrative.

• In photography, using a smaller aperture increases depth of field, resulting in blurrier backgrounds that enhance focus on the subject.

Balance Techniques

• Balance is crucial for visual harmony; it can be symmetrical (equal elements on both sides) or asymmetrical (different elements balanced by visual weight). Jacqueline Casey’s poster exemplifies symmetrical balance.

• Van Gogh's "Starry Night" demonstrates asymmetrical balance through contrasting dark and bright elements that stabilize the composition.

Space Utilization

• Space is divided into positive space (the form itself) and negative space (the area around it). Saul Bass effectively uses this concept in his "Anatomy Of A Murder" poster by surrounding the body with negative space.

• René Magritte’s surrealist artwork plays with positive and negative spaces, showcasing how they interact within an image.

Repetition and Pattern

• Repetition creates continuity; Andy Warhol’s "Marilyn Diptych" consists of 50 similar images that reflect Marilyn Monroe's complex legacy.

• Breaking patterns can create focal points; an example includes a photograph where geometric patterns contrast with organic human shapes.

Composition Techniques for Striking Images

Rule of Thirds

• The rule of thirds divides an image into nine equal parts to guide placement. Cipe Pineles’ cover image aligns its subject along these lines for natural viewer engagement.

• John Singer Sargent’s painting utilizes this technique by positioning key elements at opposite intersections to achieve balance.

Rule of Odds

Composition Techniques in Art and Photography

Symmetrical Balance and the Rule of Odds

• The photograph demonstrates symmetrical balance with a central placement of elements, specifically three magnolias, enhancing visual harmony.

• The golden ratio (1.618), illustrated through Hokusai's "The Great Wave off Kanagawa," serves as a guideline for element placement, creating an aesthetically pleasing composition.

Golden Ratio and Triangle

• Piet Mondrian’s modernist works exemplify the use of the golden ratio to achieve balance despite irregular divisions.

• The golden triangle technique introduces visual interest by intersecting lines from corners, effectively guiding viewer focus on key subjects within the artwork.

Framing Techniques

• Framing draws attention to main subjects; Ruth Ansel's Bazaar cover uses a fuchsia round element to emphasize the model's face while highlighting cover lines.

• In another photograph, an arch frames pink flowers and distant boats/mountains, directing viewer focus towards these elements while minimizing distractions outside the frame.

Dominance and Visual Hierarchy

• Dominance is achieved through design elements like size and color; gooseberries are highlighted against contrasting backgrounds to stand out as focal points.

Spatial Composition: Foreground, Middle Ground, Background

• Images can be divided into three spatial planes: foreground (main subjects), middle ground (additional figures), and background (architecture/mountains).

• Focus can vary across these planes; in Perugino's work, foreground and middle ground are clear while background details remain less defined.

Lead Room in Composition

• Lead room refers to space in front of moving subjects; it provides directionality that enhances storytelling within artworks.

Psychological Influence of Directionality

• Left-to-right movement is psychologically associated with past vs. future; Poussin’s painting illustrates this separation between sacred/profane themes.

Tips for Enhancing Compositions

Layering Techniques in Visual Composition

Understanding Layering

• Layering involves the use of foreground, middle ground, and background to create a 3D illusion from flat images. This technique enhances depth perception in 2D visuals.

• Uniform color across layers diminishes the 3D effect. Notable designer David Carson utilized analog tools for collage-like compositions, showcasing layering's potential in graphic design.

• The horizon line is crucial in landscape photography, marking where sky meets land or water. It enhances depth and emphasizes subjects within the composition.

Importance of Horizon Line

• A central horizon line balances elements above and below it, making both equally significant. For instance, cascading water and a volcano can hold equal importance visually.

• A low horizon line emphasizes dramatic skies or sunsets, while a higher line shifts focus to foreground elements.

Perspective and Point of View

Exploring Perspective

• Changing camera angles can yield stunning images; extreme perspectives enhance visual impact. An example includes photographing towering buildings from a low angle.

• Myrna Larsen’s abstract work features multiple disorienting perspectives that contribute to its intrigue.

Filling the Frame for Impact

Maximizing Subject Visibility

• Filling the frame with the main subject creates stronger visual connections. Ruth Ansel's cover featuring Steve McQueen exemplifies this by highlighting his blue eyes through close-up imagery.

• Georgia O'Keeffe’s depiction of a red poppy showcases how filling the frame allows appreciation of intricate details in small subjects.

Simplification in Composition

Reducing Clutter

• Simplification involves removing distracting elements that do not contribute to an image's message. A black-and-white photo of a woman on a skateboard illustrates this principle effectively.

Utilizing Contrast for Emphasis

Establishing Hierarchy

• Contrast highlights differing elements within an image, establishing focal points. Bright colors against dark backgrounds draw attention to key components.

• In photography, contrast applies not only to shapes but also colors; opposing colors or strong variations between black and white enhance visual interest.

Applications for Designers

Software Tools for Composition Techniques

Composition Techniques in Adobe Photoshop

Understanding Composition Tools

• Users can set the number of rows and columns, as well as the gutter size, to apply the rule of thirds effectively. This allows for easy identification of four key intersections for placing main subjects or elements.

• In Photoshop, after selecting an image and using the crop tool, users can choose from various composition overlays such as Rule of Thirds, Golden Ratio, and more. These tools facilitate testing visual alignment with desired composition techniques.

Importance of Composition Principles

• The course emphasizes essential composition techniques that help in creating coherent visual messages by connecting different elements effectively. Understanding these principles is crucial for impactful design.

• The course includes examples from Envato Elements, highlighting the availability of unlimited creative assets through a subscription model. This resource supports learners in applying what they learn about composition in practical scenarios.

Conclusion and Resources