0:00.00 / 0:00.00
Switching between 2D and 3D design modes will clear your current work including:
Are you sure you want to proceed?
It’s fast and free to create your account
By signing up you are agreeing to our terms of use
Professional motion tools for $14/mo. Cancel anytime.
Pro
For individuals
Business
For teams and agencies
Choose your export settings
You need to add an image to your project before you can perform this action.
In under a minute, learn how to upload an image, add keyframes, and export your first animation. We'll walk you through the editor step by step.
Pick Free form (2D Mode) for flat images, or place your design on an iPhone mockup. Set canvas size and background colour here too.
Click Upload Image in the sidebar, or drag and drop onto the canvas. Screenshots, UI designs, and graphics all work - any standard image is supported.
Drag your image on the canvas to set its starting position, scale, or rotation. When you're happy, click Add Keyframe to capture how it looks at this moment.
Move your image on the canvas again, then click Add Keyframe. Motion Canvas automatically animates between the two keyframes.
Select any keyframe to adjust its duration, position, scale, and rotation in the sidebar. Pick an easing style to control how smoothly the motion moves between frames.
Hit play to preview your animation from start to finish at any time. Use restart to jump back to the start, or scrub the timeline to check any moment.
When you're ready, click Export in the top right. Choose your quality, frame rate, and resolution, then download a crisp MP4.
Upgrade to remove watermarks, unlock 4K exports, and save unlimited projects. Go Pro for higher frame rates and full control over your exports.
