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

Add in-between drawings

About 46 minutes · 6 reading + 40 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 the six-pose loop. Add keys at 3, 7, 11, 15, 19, 23. Suggested centers: (160, 76), (160, 106), (160, 160), (160, 160), (160, 106), (160, 76). These are an artistic timing experiment, not a physics simulation.

The idea

Onion skin displays nearby drawings as references; it is not extra artwork on the current frame.

Follow along

Add in-between drawings — guided practice

Use neighboring poses as guides without exporting the guides.

Open the six-pose loop. Add keys at 3, 7, 11, 15, 19, 23. Suggested centers: (160, 76), (160, 106), (160, 160), (160, 160), (160, 106), (160, 76). These are an artistic timing experiment, not a physics simulation.

  1. 1. Enable a useful guide

    In Preferences find Onion skin. Show one previous and one next keyframe at about 25% opacity. Enable previous/next onion skin in Display Options; choose keyframes rather than neighboring held frames if available.

    You should see: Faint adjacent drawings guide the current pose.

    Adjacent keys reveal the gap that the new drawing should bridge.

  2. 2. Fill the first gaps

    On Ball, click frame 3 and Add keyframe. Draw a ball near y=76. Add frame 7 at y=106 and frame 11 at y=160. Use the onion guides to keep the ball near x=160.

    You should see: The downward motion now has intermediate positions.

    A new drawing can reduce a large spatial jump.

  3. 3. Fill the return gaps

    Add frame 15 at y=160, frame 19 at y=106 and frame 23 at y=76. Keep ordinary outlines close to 24 pixels across. Turn onion skin off and scrub.

    You should see: Twelve distinct keys now occur on the odd-numbered frames.

    The return motion and loop boundary need the same attention as the descent.

  4. 4. Compare and save

    Preview at 12 FPS over frames 1–24. Compare with dot-loop-02.pclx, then Save As dot-loop-03.pclx. Record one improvement or remaining uneven jump.

    You should see: Each drawing now holds two frames; total duration remains two seconds.

    More drawings need not change the intended time span.

Now change one thing

A 24-frame loop has one key on every odd-numbered frame. How many key drawings does it have?

Your work

What to finish

A 12-drawing revision with a comparison note.

Common mistake

Watch for this

Using onion-skin ghosts as proof of marks on the current frame.

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.

1Red and blue ghost shapes vanish when onion skin is turned off. What are they?
2A 20-frame animation changes from five held drawings to ten drawings but retains 20 frames at 10 FPS. What is its duration?
3A new in-between lies well to the left of two vertically aligned poses. What will likely happen?
0 of 3 answeredApply the lesson to a short question, then review the explanation.
4
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.

Report a problem with this lesson

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

No sign-in needed.