StyleFrame
Log InGet StartedGet Started for Free
Log InGet StartedGet Started for Free

Upgrade Your Plan

-20%

Free

Create with 250 Credits:

~1 video at
4s

or 20+ Images

$0
/month

This includes:

  • 250 Free Credits
  • All Image Tools
  • All Post-Production Tools
  • No Watermark
  • Commercial License
  • Full-Resolution 1080p Output
  • Export Image Sequences
  • Queue Up To 3 Concurrent Jobs

Basic

Create with 1,000 Credits:

~5 videos at
4s

or 50+ Images

$9
/month

This includes:

  • ~110 Credits / $
  • All Image Tools
  • All Post-Production Tools
  • No Watermark
  • Commercial License
  • Full-Resolution 1080p Output
  • Export Image Sequences
  • Queue Up To 3 Concurrent Jobs

Pro

Most Popular

Create with 5,000 Credits:

~25 videos at
4s

or 400+ Images

$39
/month

This includes:

  • ~130 Credits / $
  • All Image Tools
  • All Post-Production Tools
  • No Watermark
  • Commercial License
  • Full-Resolution 1080p Output
  • Export Image Sequences
  • Queue Up To 3 Concurrent Jobs

Studio

Create with 15,000 Credits:

~80 videos at
4s

or 1,250+ Images

$99
/month
$79$999

This includes:

  • ~150 Credits / $ (Best Deal)
  • All Image Tools
  • All Post-Production Tools
  • No Watermark
  • Commercial License
  • Full-Resolution 1080p Output
  • Export Image Sequences
  • Queue Up To 5 Concurrent Jobs

Enterprise

For larger studios and enterprises

Unlimited Output Across All Tools

Contact Us

This includes:

  • All Image Tools
  • All Post-Production Tools
  • No Watermark
  • Commercial License
  • Full-Resolution 1080p Output
  • Export Image Sequences
  • Queue Up To 5 Concurrent Jobs
  • Dedicated Onboarding
  • Team Management
  • Custom / Centralized Billing
  • Single Sign-On (SSO)
  • Custom Security & Privacy
  • Priority Support

Frequently Asked Questions

Can I cancel my subscription any time?

Yes. You can cancel your subscription any time . On a monthly plan, your subscription ends after the current month. On an annual plan, it ends after the current year.

How do I cancel my subscription?

You can cancel, manage, upgrade, or downgrade your subscription any time . To avoid future charges, cancel at least five days before your billing period renews.

Do my monthly credits roll over?

Unused subscription credits don't stack on top of the next month's grant. Each billing period refreshes your balance up to your plan's credit amount. After your plan expires, you lose access to paid credits.

What's the difference between the monthly and annual plans?

The features you get are the same. The only difference is pricing. Annual billing is about 20% less per month, while monthly billing is more flexible.

For example, on Pro: monthly billing is $39/mo and you're billed $39 for the month. Annual billing is $30/mo and you're billed $360 for the year.

If you know you'll use Styleframe regularly, annual is usually the better deal. If you're just trying things out, start monthly. You can switch to annual any time.

What if I need more credits?

If you keep running out of credits, upgrade to Premium or Studio for a larger monthly amount. For high volume, custom needs, or unlimited credits, contact us about Enterprise.

What happens when I upgrade?

When you upgrade, you get the new plan's features right away. You're charged the full difference between the two plan prices, and the extra credits are added to your balance. Your renewal date stays the same.

What happens when I downgrade or cancel?

The change takes effect at the end of your current billing cycle. You keep paid features and remaining credits until then. When the cycle ends, paid credits reset with your new plan or the free plan.

How does Enterprise unlimited work?

Enterprise includes unlimited credits across Styleframe tools, plus API access and a shared organization workspace. It's built for larger studios with high or unpredictable volume.

To keep things reliable for everyone, we may apply fair use controls if we see unusual or automated activity. Contact us if you want to talk through Enterprise for your team.

How to Add Layers in Procreate Animation

StyleFrame Team • October 20, 2026 • 8 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.

StyleFrame

Professional AI Video Toolkit

Restyle footage, animate keyframes, and post-produce with reference-driven tools. Free to start.

Start Creating

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

  1. 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.
  2. Add a frame. Tap Add Frame at the end of the timeline. Procreate creates a new layer for the new frame.
  3. 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.
  4. 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.
  5. 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.
  6. Reorder. Press and hold a frame, then drag it to a new position. This reorders the corresponding layers too.
  7. 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.

StyleFrame

AI Video Toolkit
for Motion Designers

One toolkit for controllable video generation, keyframe creation, and post production.

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.

  1. Create the layers for one frame (for example Line, Color, Shadow).
  2. Select them in the Layers panel and group them.
  3. Name the group by frame number, such as "F012".
  4. 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.
StyleFrame

Professional AI Video Toolkit

Restyle footage, animate keyframes, and post-produce with reference-driven tools. Free to start.

Start Creating

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:

  1. Animate each element (character, effects, background) in its own Procreate file, so each gets its own timeline.
  2. Export each as a frame sequence or video with transparency where possible.
  3. 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.

StyleFrame

AI Video Toolkit
for Motion Designers

One toolkit for controllable video generation, keyframe creation, and post production.

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

GoalWhat to do in Procreate
Add a new frameAnimation Assist > Add Frame, or + in Layers panel
Put several layers in one frameGroup them; the group counts as one frame
Keep an element on screen throughoutSet first frame as background or last as foreground
Change frame timingTap frame > hold duration
Reorder framesPress and hold, then drag
Avoid layer limitsSmaller canvas, merge finished frames, split into segments
Need independent tracksExport segments and composite in After Effects or Nuke

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.

StyleFrame

Professional AI Video Toolkit

Restyle footage, animate keyframes, and post-produce with reference-driven tools. Free to start.

Start Creating

Oct 20, 2026

ContactPrivacy PolicyTerms of Service

Copyright © 2026 - All rights reserved by StyleFrame

How to Add Layers in Procreate Animation

StyleFrame Team • October 20, 2026 • 8 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.

StyleFrame

Professional AI Video Toolkit

Restyle footage, animate keyframes, and post-produce with reference-driven tools. Free to start.

Start Creating

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

  1. 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.
  2. Add a frame. Tap Add Frame at the end of the timeline. Procreate creates a new layer for the new frame.
  3. 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.
  4. 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.
  5. 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.
  6. Reorder. Press and hold a frame, then drag it to a new position. This reorders the corresponding layers too.
  7. 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.

StyleFrame

AI Video Toolkit
for Motion Designers

One toolkit for controllable video generation, keyframe creation, and post production.

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.

  1. Create the layers for one frame (for example Line, Color, Shadow).
  2. Select them in the Layers panel and group them.
  3. Name the group by frame number, such as "F012".
  4. 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.
StyleFrame

Professional AI Video Toolkit

Restyle footage, animate keyframes, and post-produce with reference-driven tools. Free to start.

Start Creating

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:

  1. Animate each element (character, effects, background) in its own Procreate file, so each gets its own timeline.
  2. Export each as a frame sequence or video with transparency where possible.
  3. 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.

StyleFrame

AI Video Toolkit
for Motion Designers

One toolkit for controllable video generation, keyframe creation, and post production.

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

GoalWhat to do in Procreate
Add a new frameAnimation Assist > Add Frame, or + in Layers panel
Put several layers in one frameGroup them; the group counts as one frame
Keep an element on screen throughoutSet first frame as background or last as foreground
Change frame timingTap frame > hold duration
Reorder framesPress and hold, then drag
Avoid layer limitsSmaller canvas, merge finished frames, split into segments
Need independent tracksExport segments and composite in After Effects or Nuke

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.

StyleFrame

Professional AI Video Toolkit

Restyle footage, animate keyframes, and post-produce with reference-driven tools. Free to start.

Start Creating

Oct 20, 2026

ContactPrivacy PolicyTerms of Service

Copyright © 2026 - All rights reserved by StyleFrame