How To Animate On Procreate For Beginners

Procreate, a raster graphics editor application for iOS and iPadOS, offers a streamlined approach to animation. This guide provides a practical overview of animating in Procreate, focusing on fundamental techniques and workflows for beginners.

Setting Up Your Procreate Canvas for Animation

Canvas Size and Resolution

Begin by determining the appropriate canvas size. Smaller canvases render faster and require less storage. A starting point could be 1920 x 1080 pixels (HD resolution) at 300 DPI. You can adjust this based on your project's specific needs. Consider the output format and platform when deciding on the final dimensions.

The resolution (DPI) affects the image quality, especially if you plan to print your animation later. 300 DPI is generally recommended for print quality, while 72 DPI is suitable for web display.

Enabling the Animation Assist Feature

Activate the Animation Assist feature by navigating to the "Actions" menu (wrench icon), selecting the "Canvas" tab, and toggling "Animation Assist" on. This function is the cornerstone of animation within Procreate, providing the necessary tools to manage frames and playback.

Upon activation, a toolbar will appear at the bottom of the screen. This toolbar contains controls for frame management, looping, playback, and onion skinning.

Understanding the Animation Assist Interface

Frame Management

Each layer in Procreate corresponds to a frame in the animation. Rename layers descriptively to maintain organization. The order of layers determines the sequence of frames.

The Animation Assist panel allows you to add, delete, duplicate, and rearrange frames. To add a new frame, simply create a new layer. Each layer represents a single frame in your animation.

Onion Skinning

Onion skinning displays ghosted versions of the previous and subsequent frames, aiding in the creation of smooth transitions. Customize the number of visible onion skin frames and their opacity in the Animation Assist settings.

To adjust onion skin settings, access the "Settings" button within the Animation Assist toolbar. Experiment with different opacity and frame counts to find the settings that best suit your workflow.

Playback Controls

The Animation Assist toolbar provides playback controls, including play, pause, and loop options. Adjust the frames per second (FPS) to control the animation speed. Standard frame rates for animation include 12 FPS (limited animation), 24 FPS (film standard), and 30 FPS (television standard).

Start with a lower FPS for simple animations and increase it as needed for more complex movements. Consider the stylistic choices associated with different frame rates.

Basic Animation Techniques in Procreate

Frame-by-Frame Animation

Frame-by-frame animation involves drawing each frame individually, allowing for precise control over every aspect of the animation. This technique is suitable for complex movements and visual effects.

Begin by creating a keyframe, which is a significant pose or position in the animation. Then, create intermediate frames to fill in the movement between keyframes. Use onion skinning as a guide to ensure smooth transitions.

Tweening

Tweening, or in-betweening, refers to the process of creating frames that smoothly transition between keyframes. Procreate does not automatically generate tweened frames; each frame must be drawn manually.

Focus on the spacing between frames to control the speed and acceleration of the movement. Closer spacing creates slower movement, while wider spacing creates faster movement.

Looping Animations

Create seamless looping animations by ensuring that the first and last frames connect smoothly. Use onion skinning to align the last frame with the first frame of the loop.

Consider using cyclical movements, such as a bouncing ball or a flickering flame, to create visually engaging looping animations.

Workflow Tips for Efficient Animation

Planning and Storyboarding

Before starting the animation process, create a storyboard to visualize the key scenes and actions. This will help to organize your thoughts and streamline the animation workflow.

A storyboard should include sketches of each keyframe, along with notes about the timing and movement. This serves as a visual guide throughout the animation process.

Layer Organization

Maintain a consistent layer naming convention to keep your project organized. Group related layers into folders to further improve organization.

Descriptive layer names, such as "Character_Head_Frame1" or "Background_Static," can significantly improve workflow efficiency.

Utilizing Procreate Brushes

Experiment with different Procreate brushes to achieve various visual styles. Use consistent brushes throughout the animation to maintain a cohesive look.

Procreate offers a wide range of brushes, including pencils, inks, paints, and special effects brushes. Consider creating custom brushes to achieve a unique visual style.

Shortcuts and Gestures

Learn and utilize Procreate's shortcuts and gestures to speed up your workflow. For example, tap with two fingers to undo and three fingers to redo.

Familiarize yourself with common shortcuts, such as holding a finger on the screen to create a straight line or circle, to increase efficiency.

Exporting Your Animation

Export Options

Procreate offers several export options for animation, including animated GIF, animated PNG, MP4, and individual frames (as a sequence of images).

Choose the appropriate export format based on the intended use of the animation. Animated GIFs are suitable for simple animations and web display, while MP4 is ideal for video playback.

Optimizing for Web

When exporting for web use, optimize the file size by reducing the frame rate, limiting the color palette, and compressing the animation. Use online tools to further compress the file size without significant quality loss.

Larger file sizes can lead to slower loading times on websites and mobile devices. Consider the trade-off between file size and image quality when optimizing for web use.

Conclusion

Animating in Procreate offers a user-friendly and accessible entry point into the world of digital animation. Mastering the Animation Assist feature, understanding basic animation techniques, and adopting efficient workflow practices are crucial for creating compelling animations. The following points recap the key considerations:

• Canvas Setup: Choose appropriate canvas size and resolution. Enable Animation Assist.
• Frame Management: Each layer corresponds to a frame. Organize layers effectively.
• Onion Skinning: Utilize onion skinning for smooth transitions.
• Animation Techniques: Practice frame-by-frame animation and tweening.
• Workflow: Plan with storyboards and maintain layer organization.
• Exporting: Select the appropriate export format and optimize for the intended use.

With practice and experimentation, beginners can leverage Procreate's capabilities to create impressive animations.