Composition Basics
Arranging shapes to guide the eye
Also known as: Rule of thirds · Leading lines · Focal point composition · Image composition · Composition rules · Visual hierarchy
Definition
Composition is how the elements of an image are arranged to guide the eye and communicate an idea. Common tools are the rule of thirds, which places key elements on lines that divide the frame into thirds, leading lines that point toward the focal point, framing, overlap, and contrast of size, value and color. The goal is a clear focal point, a balanced image and a path for the eye, rather than a fixed formula. These rules are guides that can be broken on purpose.
In production
Start composition in thumbnails and check it as a silhouette and in grayscale. Use scale contrast to show importance, and keep busy detail near the focal point and quieter areas elsewhere. In 3D scenes, composition also applies to cameras, level layout and lighting: the player should be led to the goal with shapes, light and color. A good composition also holds up when cropped for different screens.
Learn Composition Basics in
Tools that use Composition Basics
See also
Thumbnail Sketch
Small, fast sketches for exploring ideas
Composition Feels Off
The eye wanders or the image feels unbalanced
Value Structure
Planning lights and darks before color
Focal Length and Field of View
How wide the camera sees
Silhouette
The readable outline of a shape
Perspective Drawing
One-, two- and three-point perspective
Environment Storytelling
Telling the story of a place through its objects