How to Make a PNG Move: Keyframes, PNGtubers, AI or a Rig
By the Charmotion team · Updated
To make a PNG move, choose by result. For slides, bounces and spins, keyframe position, scale and rotation in a video editor such as CapCut, DaVinci Resolve or Premiere. For a stream avatar that moves when you talk, use a PNGtuber app. AI image-to-video invents new motion but redraws the image. For a character that blinks and waves, rig it.
Key takeaways
- Keyframes move the whole PNG (slide, bounce, spin) but can't make an arm wave.
- PNGtuber apps such as veadotube react to your microphone; that is a different job from a looping animation.
- AI image-to-video generates new frames, so your character can change from frame to frame.
- Rig-based tools move parts of your exact image and loop cleanly, which suits mascots and logos.
- Export MP4 for social, GIF for chat and email, and WebM or MOV with alpha when it must float over something.
Already have a character or logo? See your character in real app screens: splash, onboarding, loading and empty-state screens. It's free, runs in your browser and uploads nothing.
Which way should I make my PNG move?
| Method | What moves | Keeps your art | Best for |
|---|---|---|---|
| Editor keyframes (CapCut, DaVinci Resolve, Premiere, After Effects) | The whole image: position, scale, rotation, opacity | Yes | Logo reveals, stickers sliding into a video, simple bounces |
| PNGtuber app | Swaps or shakes the image while you speak | Yes | Streaming and calls |
| AI image-to-video | Anything the model invents | No, frames are generated | One-off social clips, concept shots |
| Rigged character animation | Parts of the image: eyes blink, arms wave, body squashes | Yes | Mascots, app characters, looping GIFs and transparent video |
The quickest test: if you can describe the motion as "the picture moves," use keyframes. If it's "the character moves," you need a rig or a generator.
How do I make a PNG move with keyframes?
Every video editor works the same way. You set a property's value at one time, move the playhead, change the value, and the editor fills in the frames between. Adobe's Premiere Pro help describes it as: move the playhead "to the point in time where you want to add a keyframe," then adjust the property's value "to automatically create a keyframe at the current time." CapCut puts a diamond keyframe button next to Position, Scale, Rotation and Opacity.
- Import the PNG and place it on a track above your background or video.
- Select it and add a keyframe for Position (and Scale or Rotation) at the start.
- Move the playhead a second later and change the value; a second keyframe appears.
- Ease the motion (ease in/out or a speed curve) so it doesn't start and stop mechanically.
- For a loop, make the last keyframe match the first.
The catch is export. An H.264 MP4 can't carry transparency, so if the moving PNG must float over something else later, export ProRes 4444 or a PNG sequence, or a WebM with alpha where your editor offers it. The full picture is in transparent MP4 and HEVC alpha.
How do I make a PNG move when I talk?
That is what PNGtuber apps are for. veadotube, for example, describes itself as "a collection of tools for virtual puppetry": you pick your microphone, and the avatar can "shake or jump when they talk," with extra slots for different expressions you switch with keyboard, mouse, gamepad or MIDI shortcuts. Its mini version is free on itch.io for Windows, Linux and macOS.
The usual setup is two PNGs (mouth closed, mouth open) or a few expressions, with the app's output added to OBS as a source. This reacts live to your voice, which a pre-rendered loop can't do.
If you want a stream mascot that idles in a corner and plays reactions on follows or subs instead, see mascot overlays in OBS.
Can AI make my PNG move?
Yes. Image-to-video models take your PNG as the first frame and a text prompt for the motion. Runway's guidance is to describe the motion you want, and its clips are short. The result can be impressive for a one-off post.
Three limits matter for characters and logos:
- Frames are generated, not moved. Faces, text, line weight and colors can drift.
- Loops rarely close. The last frame usually doesn't match the first, so a looping GIF jumps.
- Backgrounds are usually filled in. Most image-to-video output is an opaque MP4, even if your PNG was transparent.
If the image is a brand asset that must stay exact, test the output frame by frame before you publish it.
How do I turn a character PNG into a looping GIF or transparent video?
Rig it. A rig cuts the image into parts (head, eyes, arms, body), attaches them to bones or a mesh, and keyframes those parts. The motion can loop perfectly because the first and last poses are identical, and every frame is still your artwork. You can do this by hand in the Rive editor or After Effects.
Charmotion automates it for one PNG, JPEG or WebP of at least 512 px: flat art gets a vector rig, and 3D or gradient art is animated from its own pixels, staying on-model. You usually get 17 animations within minutes. Every set gives the interactive .riv and code, and exports MP4 at 1080×1080, a 9:16 video and 480 px GIF previews on a solid background, plus transparent WebM and MOV, on demand in about a minute (paid plans, from $20/month). Charmotion does not make GIFs with transparency; if you need one, convert the transparent WebM with the commands in PNG to transparent animated GIF.
Frequently asked questions
How do I make a PNG move in CapCut?
Add the PNG as an overlay above your video, select it, and click the keyframe diamond next to Position, Scale or Rotation. Move the playhead, change the value, and CapCut adds a second keyframe and animates between them. Use the speed curve to ease the motion.
How do I make a PNG move in OBS?
OBS shows sources; it doesn't animate a still image by itself. Either use a PNGtuber app and capture its output, or add an animated file, such as a transparent WebM in a Media Source, with Loop turned on.
Will an AI video tool keep my PNG exactly the same?
Not reliably. Image-to-video models generate every frame, so details like faces, text and colors can change during the clip. For brand assets, use keyframes or a rig, which move your original pixels instead of redrawing them.
Sources
- Add keyframes in Premiere Pro, Adobe
- How to add keyframes in CapCut PC, CapCut
- veadotube, olmewe and BELLA!
- Getting Started with Generative Video, Runway
- Media Sources, OBS Knowledge Base