askvity

How to Tween on Procreate Dreams on iPad?

Published in Procreate Dreams Animation 3 mins read

Tweening in Procreate Dreams is how you create smooth, automatic motion between key points in your animation. It's the process where the software calculates and fills in the frames between your defined keyframes.

Here's how to tween in Procreate Dreams:

To create motion and transformation effects like moving, scaling, warping, or distorting your content, you use motion keyframes. Procreate Dreams automatically animates between each keyframe you set; this is known as tweening.

Steps to Tween Content

To begin tweening, you need some content (like a drawing, layer, or imported media) placed on a track within your project's Timeline.

  1. Select the Content: Tap the content on the Timeline track that you want to animate.
  2. Open the Action Menu: Tap the 'Action' button (often represented by an arrow or similar icon) associated with the selected content on the Timeline.
  3. Add Motion Keyframes: Choose the "Motion" option within the Action menu. This mode allows you to place keyframes along your timeline.
  4. Set Your First Keyframe: With the playhead at the starting point of your desired animation, position, scale, warp, or distort your content on the canvas. A keyframe will automatically be added at this point on the Motion track for that content.
  5. Set Subsequent Keyframes: Move the playhead to a different point on the timeline. Transform your content again (move it, change its size, warp it differently, etc.). Procreate Dreams will automatically add another keyframe at this new position.
  6. Observe the Tweening: Procreate Dreams will now automatically generate the frames between your first and second keyframes, creating a smooth transition (or tween) from the starting state to the ending state.

You can add multiple keyframes along the timeline to create more complex animation paths and transformations.

What You Can Tween

Using motion keyframes, you can tween several types of transformations:

  • Move: Change the position of your content over time.
  • Scale: Change the size of your content over time (enlarging or shrinking).
  • Warp: Distort the shape of your content using a mesh or grid.
  • Distort: Modify the perspective or angle of your content using handles.

Understanding Keyframes and Tweening

Think of keyframes as the 'poses' or 'positions' at specific moments in time. Tweening is the magic that makes the animation fluid by drawing all the in-between frames.

Here's a simplified view:

Step Action Result
Keyframe 1 Define content's state at time 'A' Keyframe recorded
Keyframe 2 Define content's state at time 'B' Keyframe recorded
Tweening Procreate Dreams calculates states in-between Smooth animation A to B

By adding motion keyframes from the Action menu to move, scale, warp or distort your content, Procreate Dreams will automatically animate between each keyframe; this is known as tweening. Ensure you have content on a track in your Timeline to get started.

Related Articles