Skip to content

How Frame-by-Frame Animation Works in Procreate

A beginner-friendly guide to Procreate Animation Assist, frames, onion skins, hold duration, playback settings, and exporting simple animations.

Quick overview

The Procreate animation basics

  1. Turn on Animation Assist from the Canvas settings.
  2. Treat frames like layers turned sideways.
  3. Use onion skins and hold duration to control timing.
  4. Set playback style and export the animation in the right format.

1. Turn on Animation Assist

Procreate animation starts with Animation Assist. Open the wrench menu, go to Canvas, and turn on Animation Assist. This adds a timeline at the bottom of the screen with playback, settings, and frame controls.

Animation Assist is not a separate app like Procreate Dreams. It is a lightweight frame-by-frame tool built into regular Procreate, which makes it great for simple motion tests, looping GIFs, hand-drawn effects, and short animated illustrations.

Procreate Animation Assist timeline with frame layers
Timestamp 1:01 Animation Assist turns Procreate layers into a simple frame-by-frame timeline.

2. Understand that frames are layers

In Procreate, each animation frame is also a layer. The timeline is essentially your layer stack turned sideways, which is a helpful way to understand what is happening when you add, select, or edit frames.

The first and last frames can become special background or foreground layers. A background stays behind every frame, while a foreground can sit above the moving artwork. That is useful when you want scenery, guides, or overlays to remain consistent.

Procreate animation timeline showing frame layers
Timestamp 2:22 In Procreate Animation Assist, each frame behaves like a layer in the timeline.

3. Use onion skins and hold duration for readable motion

Onion skins show nearby frames as transparent guides so you can see how far the drawing is moving. More onion skin frames gives you more context, while fewer frames keeps the screen cleaner.

Hold duration lets one drawing stay on screen for multiple frames. This is important because not every animation needs a new drawing every single frame. Holds create pauses, accents, and readable timing without forcing unnecessary redraws.

Procreate onion skin settings for frame-by-frame animation
Timestamp 4:39 Onion skins help you judge spacing and timing between drawings.

4. Choose playback and export settings intentionally

Procreate can play animations as a loop, ping-pong, or one-shot. A loop repeats from the beginning, ping-pong plays forward and backward, and one-shot plays once. The right setting depends on whether the animation should feel continuous or like a finished action.

When you are ready to share, export as an animated GIF, MP4, PNG sequence, or another supported format based on where it will live. GIFs are easy for small loops, while MP4 is usually better for video platforms and cleaner playback.

Procreate animation playback and export settings
Timestamp 6:35 Playback and export settings decide whether the animation loops, ping-pongs, or exports for sharing.

Why Procreate Is Good for Simple Animation

Procreate is not a full timeline animation studio, but it is excellent for learning the frame-by-frame mindset. You can sketch, test timing, and export short motion ideas without leaving the drawing app.

That makes it a good starting point for animators, illustrators, and designers who want to understand motion before moving into more complex tools.

Here’s the numbers

Procreate animation settings to keep nearby

These are the practical Animation Assist controls from the video and how to think about them while building a simple frame-by-frame animation.

Turn it onGo to Wrench > Canvas > Animation Assist to show the frame timeline.
Frames are layersEach frame is a Procreate layer. The timeline is basically the layer stack turned sideways.
BackgroundThe first frame can be set as a background so it appears behind every animation frame.
ForegroundThe last frame can be set as a foreground so it appears above the animated frames.
Hold durationUse holds when one drawing needs to last multiple frames instead of duplicating the same layer repeatedly.
Onion skinsTry 3 or 4 onion skin frames for context, then lower opacity if the guides get distracting.
PlaybackLoop repeats, One Shot plays once, and Ping Pong plays forward then backward.
Frame rate12 fps is a useful traditional starting point. 24 fps feels smoother and requires more drawings.
ExportsUse animated GIF for quick loops, MP4 for video sharing, and image sequences when moving into other apps.

Frame-by-frame animation is mostly spacing

Procreate makes the toolset simple, but the animation thinking is still the same: spacing creates speed, holds create emphasis, and onion skins help you judge how far each drawing has moved. A bouncing ball, a blinking character, and a moving water droplet all depend on the same timing logic.

That is why Animation Assist is such a useful learning tool. It strips animation down to the essentials. You can focus on drawing, spacing, holds, playback, and export before moving into a larger timeline program like After Effects, Premiere, or Procreate Dreams.

What Animation Assist is not trying to be

Animation Assist is not meant to replace a full production timeline. It does not give you the same editing depth as dedicated animation software, and it is not where you would want to manage a complicated scene with many moving parts. Its strength is that it keeps the first animation pass simple.

Use it for short loops, effects animation, timing studies, hand-drawn accents, and early motion ideas. Once the movement works, you can export it as a GIF, MP4, animated PNG, HEVC file, or image sequence and continue polishing in another app if the project needs more compositing or editing control.

Procreate Animation Questions

01Can you animate in regular Procreate?

Yes. Turn on Animation Assist in the Canvas settings to create frame-by-frame animation inside regular Procreate.

02Are Procreate animation frames layers?

Yes. Each frame is a layer, and the Animation Assist timeline shows those layers as animation frames.

03What is onion skinning in Procreate?

Onion skinning shows nearby frames as transparent guides so you can draw the next frame with better spacing and timing.