How to make VFX sprites for explosions, magic and hits with AI
To make VFX sprites with AI, generate the effect as a single still on a transparent background, animate that still into frames, and decide whether it loops (fire, lightning, auras) or plays once (explosions, hits, slashes). In Ludo.ai's Sprite Generator you generate the still in the New Sprite tab with the Sprite VFX type, then animate it from a text description in the Animate tab, or from up to three keyframes, including empty ones, in the Keyframe Animation tab. The result is a square-grid sheet of 4 to 64 frames that downloads as a PNG sheet, a GIF, individual frames or a sheet plus JSON.
Last updated September 2026
What you need
- A description of the effect at its most visible moment, or an existing effect image with nothing behind it
- A short description of what the effect does over time, or up to three keyframes that show it
- The frame count, sprite size and loop behavior your game needs
1Generate the effect as a still
Open the Sprite Generator on the New Sprite tab, pick the Sprite VFX type (
sprite-vfx) in the picker next to the description, and describe the effect at its peak: the fireball at full size, the lightning bolt mid-strike. Set Art Style and Perspective under Filters to match your game, then click Generate Static Sprite. Sprite VFX is one of the types generated without a background.2Send the still to Animate
Click Animate on the generated still. It opens the Animate tab with the image in First Frame and the sprite type carried over. To animate an effect you already have, upload it into First Frame instead: one effect with nothing behind it, not a scene or a finished sheet.
3Describe what the effect does
Under Motion Description, write one clear motion: the flames flicker in place, the bolt crackles and re-forms, the fireball erupts outward and fades. For a looping effect, say that it keeps the same size and position, so the first and last frames can meet.
4Choose a loop or a one-shot
Under Sprite Sheet Options, keep Loop Animation on for effects that repeat, such as fire, lightning, auras and shields; it trims the animation into the best loop it can find, though a smooth loop is never guaranteed. Turn it off for explosions, impacts and slashes that play once. With the same image in First Frame and Final Frame, the loop option removes the duplicate last frame instead.
5Or build the effect from an empty frame
For an effect that appears out of nothing, open Keyframe Animation and fill the slots as Empty Frame, the effect at its peak, Empty Frame. The animation moves from first through middle to final, the description is optional, and this mode runs on the Forge or Forge Pixel model. Never put two empty frames in a row. In Animate, an Empty Frame first frame with the peak image as Final Frame grows the effect into its peak.
6Set frames, size, duration and margin
Pick Max Frames (4 to 64 on a square grid), Sprite Size (32 to 384 px, Max, True Size or Upscale 1.5x) and Max duration. A warning appears when you ask for more than 12 frames per second of duration, and 49 or 64 frames are flagged for possible looping and motion blur issues. Raise Animation Margin for effects that expand outward, and turn Trim Animation Whitespace off if several effects must share one frame size.
7Review and fix the result
Play the sheet. Fix Loop re-runs the loop trim and Zoom Out helps when the effect leaves the frame; both are offered on every sheet and move to the front when a problem is detected. Adjust Sprite Sheet re-cuts frames, size and loop without generating again, and Edit Animation changes the motion from a text description. Generate After starts a new, non-looping animation from the last frame, which suits a charge-up followed by its release.
8Download the frames
From the result's download menu choose Download Sprite Sheet, Download GIF, Download All Frames or Download Sheet + JSON, a PNG sheet plus a TexturePacker-format JSON. To export several effects at once, use Export > Animation Pack, and pick Pixel Art there for pixel art effects so frames scale with nearest-neighbor.
Specs
| Sprite type | Sprite VFX (sprite-vfx), one of the 12 types the animator accepts |
|---|---|
| Background | Generated without a background; animated sheets go through background removal |
| Frames per sheet | 4, 9, 16, 25, 36, 49 or 64 (square grids); 49 and 64 flagged for looping and motion blur issues |
| Frames vs. duration | Warning above 12 frames per second of duration |
| Sprite size | 32, 64, 96, 128, 192, 256 or 384 px, Max, True Size, Upscale 1.5x |
| Loop | On by default; trims the animation into a loop, or drops the duplicate final frame when first and final frames are set |
| Keyframes | Up to three (first, middle, final), any of them empty but never two in a row; description optional; Forge or Forge Pixel model |
| Downloads | PNG sprite sheet, GIF, all frames, sheet plus TexturePacker-format JSON; the API can also return the sheet before background removal |
Tips
- Generate the still at the effect's biggest, brightest moment. It is easier to animate a full fireball shrinking and fading than to invent detail that was never in the frame.
- Keep one action per effect. A cast, a travel and an impact are three sheets; chain them with Generate After or Export > Animation Sequence.
- For looping effects, describe motion that stays in place: flicker, crackle, swirl, pulse. Motion that drifts or grows makes the loop point harder to find.
- If an edit goes wrong, return to the original animation and edit again instead of editing on top of the edit, since every edit re-renders the whole animation.
- Effects that should line up in-game, such as a hit spark and its explosion, need the same Sprite Size and Trim Animation Whitespace off.
FAQ
Do VFX sprites come out on a transparent background?
Yes. Sprite VFX is one of the types generated without a background, and the animated sheet goes through background removal as well. Through the API, spritesheet_with_background also returns the sheet as it was before removal, which helps when you want to fix a cutout by hand.
Should an explosion loop?
Usually not. Turn Loop Animation off for explosions, impacts and slashes so they play once and stop. Keep it on for effects that sit on screen, such as a torch flame, a lightning arc or an aura, and expect to use Fix Loop now and then, since a smooth loop is never guaranteed.
How many frames should a VFX sprite have?
You choose 4, 9, 16, 25, 36, 49 or 64. Give the animation enough duration for the count: the Sprite Generator warns above 12 frames per second, so 36 frames wants 3 seconds. Quick hits and flashes read well with fewer frames; 49 and 64 are flagged for possible looping and motion blur issues.
Can an effect appear from nothing and disappear again?
Yes. In Keyframe Animation, set the first and final slots to Empty Frame and put the effect at its peak in the middle slot. The motion is derived from the keyframes, so no description is needed. The AI keyframe sprite animation page shows the same technique.
How do I play the sheet in a particle system?
Frames sit on a square grid in playback order, so a 36-frame sheet is 6 by 6. In Unity, set the particle system's Texture Sheet Animation module to that grid. Godot's 2D particle systems play a sheet as a flipbook, and for a single effect an AnimatedSprite2D works too.
Can I make pixel art effects?
Yes. Pick a pixel art Art Style for the still, animate with the Forge Pixel model, and export with Pixel Art selected so frames scale with nearest-neighbor. See how to make and animate pixel art sprites.
Related
More guides for Sprite Generator
- How to make a walk cycle for a 2D character with AIApply a walk preset to one character image, pick perspective and direction, export a looping sheet.
- How to turn a character image into an animated sprite sheet with AIAnimate one character image into a sprite sheet using a prompt, keyframes, a preset or a reference video.
- How to make an 8-direction sprite sheet with AIRotate a character to 8 views, animate each view in its direction, export 8 matching sheets.
- How to make and animate pixel art sprites with AIGenerate in a pixel art style, animate with Forge Pixel, export with nearest-neighbor scaling.
- How to make a tileset for a 2D game with AIGenerate map tiles and tiling sprites in one style and perspective, then build the tileset in your engine.
- How to import AI sprite sheets into Unity, Godot, GameMaker, RPG Maker and PhaserPick the right download, then slice the square grid or load the TexturePacker JSON in your engine.