The Life Starter
0 of 6 complete0%
Course Library · Lesson 2 of 6
Create · Guided lesson

Draw the key poses

About 41 minutes · 6 reading + 35 practice and checks
Time includes reading, practice, and questions. Extra videos or further study are optional.
See this course’s project requirements

A two-second ball loop, its editable Pencil2D source, a timing plan and a before/after revision note.

Keep your working files in your own notebook or software. Save a private description, checklist, and work link in My Proof.

What to include

  • A 320×240 silent scene lasting 24 frames at 12 FPS.
  • Six planned poses developed into 12 distinct drawings.
  • Separate moving-ball and static-ground layers.
  • A playable GIF or 24 ordered PNG frames with a playback-rate note.
  • PCLX source and a short timing comparison.

Review and revise

Use these criteria to check your work and choose what to improve.

  • The action and contact moment are readable.
  • Frame count, rate and range agree with the timing plan.
  • The scene stays inside the camera field.
  • The export and revision note preserve inspectable work.
Open the full course project
Want more background?
Before you begin

The idea in everyday life

Open dot-loop-01.pclx. Frame 1: center (160, 70). Frame 5: (160, 85). Frame 9: (160, 130). Frame 13: (160, 178), a wide squash. Frame 17: (160, 130). Frame 21: (160, 85). Coordinates are approximate pixels from the camera top-left; ordinary poses are roughly 24 pixels across. The ground is y=190. At 12 frames per second, frames 1–24 last two seconds.

The idea

New keyframes isolate drawings; drawing on a held frame can change the earlier pose.

Follow along

Draw the key poses — guided practice

Create separate bitmap drawings at named times.

Open dot-loop-01.pclx. Frame 1: center (160, 70). Frame 5: (160, 85). Frame 9: (160, 130). Frame 13: (160, 178), a wide squash. Frame 17: (160, 130). Frame 21: (160, 85). Coordinates are approximate pixels from the camera top-left; ordinary poses are roughly 24 pixels across. The ground is y=190. At 12 frames per second, frames 1–24 last two seconds.

  1. 1. Name the moving layer

    Double-click the existing Bitmap layer name and rename it Ball. Select frame 1 on this layer. Choose Pencil with width about 4 pixels and a dark color. Sketch a closed circle near (160, 70).

    You should see: Frame 1 contains a small, readable ball outline.

    Simple shapes make position and timing easier to compare.

  2. 2. Add independent keys

    Click frame 5, then the Add keyframe button above the timeline. Draw the ball near (160, 85). Repeat Add at frames 9, 13, 17, 21 using the pose list. Draw frame 13 as a roughly 36×24 oval centered at (160, 178).

    You should see: Six keyframe marks exist; the contact oval touches the ground guide at y=190.

    Explicitly adding a key prevents accidental edits to the previous held image.

  3. 3. Inspect one frame at a time

    Turn onion skin off for now. Click each of the six keys. If an old and new ball coexist in one drawing, use Undo and create a blank key before redrawing.

    You should see: Each key contains one ball, not a trail of six balls.

    The trail belongs across time, not inside a single frame.

  4. 4. Save a milestone

    Save As dot-loop-02.pclx. Scrub the timeline from frame 1 to 24 and note the contact at 13.

    You should see: The six poses follow the planned rise-and-fall sequence.

    A milestone preserves the simple pose version for comparison.

Now change one thing

Keys are inserted at frames 1, 7, 13, 19 in a 24-frame loop. How many distinct key drawings exist?

Your work

What to finish

Six isolated ball drawings in the native project.

Common mistake

Watch for this

Adding drawings to a held key instead of creating a new key.

How can I tell I understand it?

Explain the result, reproduce the procedure, and complete the changed-input check.

Try 3 questions

Quick knowledge check

Answer all 3 questions. Get at least 2 right and the lesson completes automatically.

Not yet passed

You’ll get an explanation for each answer. Signed in? Your results save to your account.

1Drawing on frame 4 changes the ball at frame 1 too. What most likely explains it?
2A ball is centered at y=170 and has a vertical radius of 12. Where is its bottom?
3A single frame shows three dark balls after onion skin is disabled. Which repair fits?
0 of 3 answeredApply the lesson to a short question, then review the explanation.
2
Finish this lesson

Pass the check. We’ll save the progress.

Answer all 3 questions above and get at least 2 right. You can review the explanations and try again.

Go to the knowledge check
Optional course overview video · same video as Lesson 1
TJ FREEPencil2D | Learn 2D Animation Tutorial OverviewYouTube
Optional course overview

Pencil2D | Learn 2D Animation Tutorial Overview

From TJ FREE. Watch here or open it on YouTube .

Optional course overview. Follow the written steps below at your own pace.
Tools, templates, and lesson sources

Tools and templates

Tools open in a new tab so you can keep your place here.

Sources and further reading

Explore the references behind this lesson.

Pencil2D user manual
Source & access notes · checked 2026-09-12

Read camera field, bitmap drawing, timeline keys, playback and onion-skin controls.

Access: Public reading without a paid account; reviewed September 12, 2026.

Reuse: Link only. Lessons and practice assets are original; free access does not grant permission to copy the provider's material.

Pencil2D frequently asked questions
Source & access notes · checked 2026-09-12

Read camera size, initial save/autosave, selection copy-paste, GIF export and PCLX explanation. Legacy operating-system lists are not used as current requirements.

Access: Public reading without a paid account; reviewed September 12, 2026.

Reuse: Link only. Lessons and practice assets are original; free access does not grant permission to copy the provider's material.

Report a problem with this lesson

Tell us what went wrong. Please leave out personal information and private project contents.

No sign-in needed.