Building Blocks

Line

A line is a fundamental element, a path of a moving point, used to define edges, create structure, suggest movement, and convey emotion, appearing as continuous, dotted, straight, curved, thick, or thin to guide the eye and organize content, with examples like horizontal horizon lines for stability, vertical lines for grandeur, diagonal lines for dynamism, and curved lines for softness. Types of line

• Horizontal: Suggest rest, stability, and tranquility.
• Vertical: Convey strength, height, and greatness.
• Diagonal: Create a sense of movement, action, or tension.
• Curved: Soften designs, suggesting flow, comfort, or energy.
• Zig-Zag: Communicate excitement, chaos, or energy
• Implied: Lines not rendered but perceived by the viewer connecting the elements.

Functions

• Organize: Separating content into logical groups.
• Structure: Defining the edges of shapes and forms.
• Movement: Leading the viewer though a composition.
• Texture and Shading: Using rendering methods to create depth or simulate material.
• Emphasis: Highlight the important areas or creating focus.

Examples:

Shape

Shape is a two-dimensional area defined by lines, color, or texture, forming a fundamental element that creates structure, meaning, and visual appeal, categorized mainly as geometric (circles, squares, triangles) for precision, and organic (free-form, nature-inspired) for fluidity, with other types like abstract and nonrepresentational also used to convey messages and emotions, like squares suggesting stability or circles implying unity.

Types of shapes:

• Geometric: Precise, mathematically defined shapes with clear edges, found in man-made objects.
• Organic: Irregular, asymmetrical, and flowing shapes inspired by nature.
• Abstract: Stylized or simplified versions of natural or real-world shapes.
• Nonrepresentational: Shapes that don't represent recognizable objects, relying purely on form and color for effect.

Functions

• Structure and hierarchy: Shapes build compositions, organize information, and guide the viewer's eye.
• Meaning and emotion: Different shapes evoke feelings: squares for reliability, circles for unity, triangles for action.
• Visual Communication: Shapes are core building blocks for creating logos, interfaces, and artwork.

Examples:

Color

Color is a fundamental visual element that communicates emotion, creates hierarchy, and helps communicate identity, defined by hue/chroma (pure color), saturation (intensity), and tint and shade (lightness/darkness). Examples include warm colors (reds, oranges) for energy, cool colors (blues, greens) for calm, or using contrasting complementary colors to draw attention

There is additive and subtractive color theory. Additive color is the process of dealing with light. Red, green, blue are the primary colors in additive light. Subtractive color is the process of mixing physical pigments. In traditional design learning, most lectures revolve around subtractive color theory. Because animation and film deal with projected light, it is fundamental to also learn about how additive light works.

Core Color Concepts:

• Primary: Red, Yellow, Blue (Subtractive). Red, Green, Blue (Additive).
• Secondary: Mixing two primary colors results in a secondary
• Tertiary: Mixes of a primary and adjacent secondary, proper vocabulary is primary-secondary, like red-orange or yellow-green
• Hue/Chroma: The color.
• Saturation: The intensity or purity of a color (high saturation is vivid, low is muted). By mixing white, black, neutrals, the color moves further away from being its pure saturated color.
• Value/Brightness: How light ore dark a color is. Yellow as a primary color, is also a light value or bright color. Blue as a primary color, is a dark color.

Functions

• Evoke emotions
• Create Contrast
• Communicate identity

Texture

Texture is the perceived surface quality of an object, referring to how it looks like it would feel (visual texture) or actually feels (tactile texture), adding depth, realism, and emotion through qualities like rough, smooth, soft, or gritty.

Functions

• Depth and Interest: Creates dimension, preventing a design from looking flat.
• Mood and Emotion: Conveys feelings like luxury, nature, or stability.
• Realism: Makes objects appear more believable and grounded.

Value

Lightness or darkness of a color/tone.

Space

Positive (subject) and negative (non-subject) areas.