How to Add Layers in Procreate Animation
StyleFrame Team8 min read
In Procreate, you add layers to an animation by turning on Animation Assist (Actions > Canvas > Animation Assist) and then adding a frame. Every layer, or every group of layers, is one frame, so a new frame in the timeline is a new layer in the Layers panel. To stack several layers inside a single frame, put them in a group, because Procreate treats the whole group as one frame. To keep an element visible across the whole animation, set the first frame as the background or the last frame as the foreground.
How Procreate Treats Layers in Animation
Procreate's animation model is simpler than a compositing timeline. In After Effects you have a layer stack along a timeline, and each layer has its own in and out points. Procreate has one flat sequence of frames, and the Layers panel supplies the contents of those frames.
- Layer = frame. A standalone layer in the stack is one frame in the timeline.
- Group = frame. A group counts as a single frame, however many layers it holds.
- Stack order = time order. Frame order is tied to layer order, so reordering layers changes the timing.
- One timeline. There are no parallel tracks. Overlapping, independently timed elements need workarounds such as groups, background/foreground frames, or separate exports.
Once you accept this, most of the confusion about "adding layers" goes away. You aren't adding a layer to an animation so much as deciding which drawing becomes which frame.
Step by Step: Add a Layer (Frame) to a Procreate Animation
- Turn on Animation Assist. Tap the wrench (Actions), open the Canvas tab, and toggle Animation Assist on. The timeline appears along the bottom of the canvas.
- Add a frame. Tap Add Frame at the end of the timeline. Procreate creates a new layer for the new frame.
- Or add from the Layers panel. Tapping the + button in the Layers panel also creates a layer, which then shows up as a frame in the timeline.
- Draw on the new frame. The selected frame is the layer you're working on. Onion skinning shows adjacent frames as faded ghosts so you can track movement.
- Adjust timing. Tap a frame to open its options, where you can duplicate it, delete it, or change its hold duration. Holding a frame for longer is how you create "on twos" or "on threes" timing without duplicating drawings.
- Reorder. Press and hold a frame, then drag it to a new position. This reorders the corresponding layers too.
- Preview. Press Play and adjust frames per second and playback mode in the animation settings.
A few habits make this less tedious. Name your layers or groups so they're easy to find. Duplicate a frame rather than redrawing when you're making small changes, since the copy keeps your pose as a base. Lower the number of onion skin frames if the ghosting gets visually noisy.
Adding Multiple Layers Inside One Frame
Professional work rarely lives on a single layer per frame. You'll usually want line art, flat colors, shading, and maybe effects, all on separate layers so you can edit them independently. In Procreate, that means groups.
- Create the layers for one frame (for example Line, Color, Shadow).
- Select them in the Layers panel and group them.
- Name the group by frame number, such as "F012".
- Repeat for each frame, or duplicate the group and modify the contents.
The timeline then reads each group as one frame, and playback shows the combined result.
The tradeoff is that scrubbing with the timeline selects the group rather than a specific layer inside it. Procreate prompts you to open the group and choose the layer you want to draw on. If you're correcting line work across 30 frames, you'll be opening groups repeatedly. Community discussions around this are full of the same complaint, and the practical answers are:
- Merge when you can. If a frame doesn't need separate layers anymore, merge the group into a single layer. Fewer layers mean faster scrubbing and lower memory use.
- Keep the working layer consistent. Always put the layer you edit most (usually line work) in the same position within every group. That makes picking it quick.
- Finish in passes. Do all your line work first, then color, then shading. Merge as you go to keep the animation lightweight.
Using Background and Foreground Frames
For elements that persist across the whole animation, such as a static background or an overlay, Procreate offers a shortcut. Tap the first frame and set it as the background, or tap the last frame and set it as the foreground. That frame's contents are rendered persistently throughout the entire animation.
This is the closest Procreate gets to a second track. A typical setup:
- Background frame: A flattened version of everything that doesn't move.
- Middle frames: Only the moving elements, on transparent layers.
- Foreground frame: Overlays like grain, vignettes, or foreground leaves.
The approach works well for cycles like wind-blown foliage or a blinking character against a fixed scene. Flatten the static elements into one layer before setting it as background, since it saves layer count.
Know the Layer Limits
Procreate's maximum layer count depends on your canvas dimensions. A large, high-resolution canvas allows far fewer layers than a small one. Because each frame is a layer, and each layer inside a group still counts toward the total, complex layered animations hit that ceiling quickly.
To stay inside it:
- Work at the smallest canvas size that fits your delivery target, and plan to upscale later if needed.
- Keep groups lean. Three layers per frame across 60 frames is already 180 layers.
- Merge finished frames and keep a duplicate of the layered version if you might need to revise.
- Split long animations into segments, such as one canvas per shot or per action.
Troubleshooting Common Layer Problems
The timeline selects a group, not a layer. Open the group in the Layers panel and tap the specific layer. This is how groups work in animation, not a bug.
A layer isn't appearing as a frame. Check whether it's been placed inside a group, set as a background or foreground, or hidden. Each of these changes how the frame is shown.
Frames play in the wrong order. Remember that the stack order drives timing. Drag frames in the timeline, or reorder the layers.
Performance drops as the animation grows. Merge groups, reduce onion skin frames, and shrink the canvas. Splitting the project into multiple files also helps.
You need real independent layers with their own timing. Procreate's single timeline can't do this. Export your segments and composite them in a tool built for it.
Getting Procreate Layers into a Professional Pipeline
If you're a motion designer or compositor, Procreate is most useful as a drawing and keyframing tool, not as the final assembly point. Animation exports are available as GIF and MP4, so check the Share menu in your version for other options, such as an image sequence.
A workable approach:
- Animate each element (character, effects, background) in its own Procreate file, so each gets its own timeline.
- Export each as a frame sequence or video with transparency where possible.
- Import the sequences into After Effects, Premiere Pro, or Nuke and layer, time, and composite them there.
This gives you the multi-track control Procreate lacks, and it lets you add color management, motion blur, and effects in your usual compositing environment.
Where Styleframe Fits Beside Procreate
Procreate is where many artists draw their key poses. Styleframe is an AI video and motion tool you can use at the next step, when you want to extend those drawings into motion. Your compositing workflow stays the same, and Styleframe just adds another source of motion to it.
Quick Reference
FAQ
Can I have more than one timeline in Procreate? No. There is one timeline. Use groups and background/foreground frames, or export separate pieces and layer them elsewhere.
Does a group count as one layer toward the limit? No. The group is one frame, but each layer inside it still counts toward the canvas's total layer limit.
Is it better to merge groups before exporting? Not necessary for export, but merging finished frames keeps the file lighter and the timeline easier to scrub.
Should I finish the full project in Procreate? For short loops and hand-drawn pieces, yes. For anything with multiple independently timed elements, treat Procreate as an element generator and finish in a compositing tool.