Animate Image
Turn a static image into an animation
Drop in a UI screenshot or an illustration. Capture Motion reads the text in it and cuts the figures out into separate layers. Then you animate those layers on a timeline and save the result to My Gallery.
Needs a free account, because the layer split runs on our backend.
A flat image is hard to animate
A screenshot is one flat picture. To make a card slide in or a headline fade up, you first have to cut each piece out by hand, rebuild the text, and stack everything again in a design or video tool. Animate Image does that first step for you, so you can go straight to the motion.
Text is read, not traced
Text in the image is detected and turned into its own layers, so a heading and a button label can move on their own.
Figures become layers
Shapes and figures are cut out of the background into separate layers you can animate one by one.
A timeline editor
Animate each layer on a timeline in the editor, replay it, and adjust until it looks right.
How it works
- Open Animate Image and sign in. A free account is enough.
- Drop in a static image. A UI screenshot, a mockup or an illustration.
- Let it split. The backend reads the text and cuts out the figures, and the editor opens with each one as a separate layer.
- Animate on the timeline. Give the layers their motion, replay it and adjust.
- Save to My Gallery. Your animation is stored in your account so you can come back to it.
Results depend on the image. Clean UI screenshots and flat illustrations with clear edges split best. Busy photos with soft edges are harder to separate.
Good starting points
Product screenshots
Bring a static app screen to life for a landing page, a launch post or a pitch deck.
Design mockups
Test how a layout could enter the screen before anyone writes code.
Illustrations
Add simple motion to a flat illustration without redrawing it in layers.
Want motion that already exists on a website instead? Use the Chrome extension to copy a website animation, or start from a ready component in the gallery.
Learn the details
Questions
What kind of image can I animate?
Static images such as UI screenshots, mockups and illustrations. Images with clear text and distinct shapes split into layers most cleanly.
How does it split the image into layers?
When you upload an image, our backend reads the text in it and cuts figures out into separate layers. You then animate those layers on a timeline in the editor.
Do I need an account?
Yes. Splitting an image into layers runs on our backend, so it needs a free account. See the pricing page for plan details.
Where are my animations saved?
Save an animation from the editor and it goes to My Gallery in your account, where you can open it again later.
How is this different from the Chrome extension?
The extension copies an animation that already exists on a live web page. Animate Image starts from a still picture that has no motion yet, and you add the motion yourself.