DrawFlow.

Homepage

WELCOME TO DRAWFLOW!

Where your Solid Drawing Journey Starts Here

DrawFlow supports learners in the BTVTED (Bachelor of Technical-Vocational Teacher Education) program, especially Animation majors, as they build the technical drawing skills needed to teach and create believable 2D forms.

Learn the basics. Practice your skills. Grow as an animator.

Start Learning Now Practice Exercises
DrawFlow orientation

OBJECTIVES

After using the DrawFlow website, learners should be able to:

  1. 1. Understand the basic principles and concepts of Solid Drawing in 2D animation.
  2. 2. Identify the use of form, shadow, perspective, and depth in creating solid drawings.
  3. 3. Apply Solid Drawing techniques through guided lessons and interactive exercises.
  4. 4. Practice creating drawings that show proper form, proportion, volume, and depth.
  5. 5. Develop confidence and creativity in applying Solid Drawing skills to animation.

WHAT IS SOLID DRAWING PRINCIPLE?

Solid Drawing makes objects and characters feel three-dimensional, balanced, and believable on a flat page. Artists build that clarity through form, proportion, structure, weight, light, and depth. In animation, these skills keep a character convincing across changing poses and viewpoints.

  • Build form
    Turn simple shapes into volume.
  • Show space
    Use perspective and depth cues.
  • Keep it consistent
    Draw believable forms from new angles.

DrawFlow develops these skills through four connected topics: Form, Shadow, Perspective, and Depth, supported by demonstrations and hands-on practice.

Source: Solid Drawing: The 12 Basic Principles of Animation

What You'll Learn

Click any module card to start practicing its exercises.

Your learning path 0 of 4 complete

Lesson 01

Not started ➔

Form

Lesson 02

Not started ➔

Shadow

Lesson 03

Not started ➔

Perspective

Lesson 04

Not started ➔

Depth

Quick reference

Drawing glossary

Form
A three-dimensional object, or the illusion of volume in a drawing.
Horizon line
The viewer's eye-level line in a perspective drawing.
Vanishing point
A point where receding parallel lines appear to meet.
Orthogonal lines
Guidelines that recede toward a vanishing point.
Cast shadow
A shadow an object projects onto another surface when it blocks light.
Overlap
A depth cue where one shape covers part of another.
Proportion
The relative size of parts compared with one another or the whole.
Value
The lightness or darkness of a tone, used to describe form and light.
BTVTED
Bachelor of Technical-Vocational Teacher Education, the degree program context for DrawFlow's technical drawing lessons.
Foreshortening
A way to draw a form so parts pointing toward the viewer appear shorter.
Contour
A line that describes an object's visible edge or surface change.
Light source
The origin and direction of illumination that determine highlights and shadows.

Good to know

Frequently asked questions

What is DrawFlow for?

DrawFlow is a learning and practice platform for Solid Drawing, with lessons and interactive exercises in Form, Shadow, Perspective, and Depth.

Who is BTVTED for?

BTVTED means Bachelor of Technical-Vocational Teacher Education. DrawFlow is especially relevant to Animation majors developing technical drawing knowledge they can apply in practice and future teaching.

Do I need a drawing tablet?

No. A mouse, stylus, or touchscreen can be used. A mouse or drawing tablet is recommended when precision matters.

How do I unlock the next practical?

Complete the required lesson and previous practical. Scored drawing rounds require at least 50% to unlock the next practical level.

About the developers

Made by the DrawFlow team

We are proud to make technical drawing practice more approachable and visual for Animation learners. The project brings our research, design, writing, and development work into one place.

  • Mark Anthony A. MagnayeProject Leader / Researcher
  • John Cedrick P. MagtubaResearcher / Creative Designer
  • Ma. Lyn D. LapadaResearcher / Content Writer
  • Joreld James P. AliyacyacResearcher / Manuscript Head
  • Jans Carlo JandayanResearcher