Warp Studio Documentation

Warp Animate - Quickstart

• Upload a PNG, WebP, or JPEG with a transparent or solid background.
• Add pins on the first frame. Click to add, drag to pose. Anchor rigid areas such as hips or shoulders and drive motion with hands, feet, and head pins.
• Pose on different frames by moving the timeline and dragging pins to create key poses.
• Tweening keeps deformation between keys. Adjust any frame and the in-between frames update automatically.
• Preview with Play. Adjust FPS and duration to match the motion you need.
• Export as a PNG sequence, WebM with alpha, or animated WebP.

Warp Tool and Mesh Controls

• Add Pin: click the canvas.
• Move Pin: drag the pin.
• Move starting position: hold Left CTRL, click the pin, drag (first frame only).
• Rotate Pin: hold ALT, click the pin, drag.
• Select multiple pins: hold SHIFT, click pins, drag.
• Delete Pin: select then press Delete, or right-click the pin and choose Delete.
• Reset: use the toolbar Reset button.
• Undo: Ctrl+Z.
• Copy/Paste Pin Paths: Right click a pin a select "copy pin path" to copy its pin path. right click and paste on other pins
• Zoom or Pan: mouse wheel to zoom, middle mouse button plus drag to pan.
• Mesh Rows / Cols: increase or decrease mesh density to balance coverage and strength.
• Mesh Eraser: Click and drag with this selected to remove areas of mesh (Currently in BETA).
• Edge Quality: lower the slider for cleaner edges (higher cost).
• Edge Padding: Increases the padding distance outward for the mesh, useful if you need to reduce Edge quality.
• Strength slider: tune how strongly the mesh follows pins.

Free Select Tool

Select, cut, shrink, or expand specific parts of an image directly in Warp Animate. The Free Select Tool shows a pixel editing layer (pre‑mesh) so you can make precise edits before mesh and pins deform the image.

• Draw a lasso to define the region you want to edit.
• Right‑click an active selection and choose Send to new layer to separate it.
• Apply your changes to bake them into the current frame.

Free Transform Tool

Use the free transform tool to expand / shrink and move the entire image on the frame, changes made with this tool will automatically tween between frames.

Timeline & Keyframes

• Move the time slider to a frame, pose pins, and a key is recorded. Repeat for new poses.
• Duration sets total frames or seconds for the animation.
• FPS controls playback and export timing.
• Multi-Image: load images in the Multi-Image panel, hold SHIFT to select frames on the timeline, then insert.

Layers

• Click the + beside the initial Layer button to add a new layer.
• Right-click a layer and choose Visible to toggle visibility.
• Click and drag layer buttons over each other to swap their contents.
• Right-click a layer and choose Delete to remove it.

Break Timeline / Break Frames

Use Break Frames to split your animation into independent segments and start fresh pinning on a new image.

• Create a Break: Right-click a frame on the timeline or right-click the canvas and choose Break Timeline.
• Visual marker: An orange marker appears on the timeline where the break occurs.
• Tween boundaries: Tweening does not pass through break frames—start a new tween segment after the break.
• New pins on new image: After a break, you can place fresh pins on a new image segment.
• Auto-rasterize: The current frame is automatically rasterized before it becomes a break frame.
• Remove breaks: Use Reset or Clear to remove break frames.

Generate In-Between Frames

Create AI-assisted transitions between two frames and send them to the Image Editor for refinement.

1. Right-click the current frame and choose Generate In between Frames. The app sends the current frame and the previous frame to the Image Editor’s Attached Files.
2. Onion Skin automatically shows the previous frame as a visual guide.
3. The prompt box is pre-filled with: “Create the in between image halfway between these two images.” Edit this text to steer results.
4. Click Generate. Optionally run Remove Background, then click Send to Multi-Image to inject the result into the timeline.

Pin Motion Creator (Record & Paste)

Record a pin path from the side panel by dragging the helper pin in the mini canvas. Adjust the distance in pixels, copy the path, and paste it onto any pin in your scene.

Tips

• Use more pins to lock rigid zones; fewer pins keep flexible areas smooth.
• Place pins near elbows and knees to preserve silhouettes while bending.

Image Editor

Paint, erase, transform, and composite. Tools include Free Transform, Lasso, Magic Wand, Brush, Eraser, Mesh brush, and Onion Skin.

• Free Transform: scale or rotate with corner or edge handles; hold SHIFT for proportional edits.
• Onion Skin: upload/reference frames to show behind the current layer.
• Send frames between Warp Animate and the Image Editor with the Send to Image Editor button.

Spot Healing Brush

The Spot Healing Brush samples nearby pixels to paint clean fills.

• Default behavior: Samples beneath the brush to compute an average fill.
• Precision sampling: Hold ALT and click to place a stationary target sampling area on the canvas. The brush will sample from that target until you change tools or update the target.
• The target appears as a visible indicator so you can aim exactly where to sample.

Masking

Use the blue mask to reveal editable areas for tools or AI. Blue regions are editable (lighter alpha equals lighter edits).

Background Remover

Powered by rembg. Adjust tolerance and defringe sliders to clean up edges before export.

Auto-Spritesheet Cutter

Auto-detect gutters or pack blobs before or after background removal. Normalize frame sizes and export a numbered PNG sequence inside a ZIP.

Classic Animations

One-click presets (breathing, bobbing, simple rotations, quick warps) for rapid iterations without a full timeline setup.

AI Generation

Generate concepts or variants. Each output costs credits. Use masks to target regions. You own the results. On paid plans neither Google nor Warp Studio claims ownership. Make sure you have rights to any input you upload and that outputs comply with law. Outputs may resemble content generated for other users.

Export

• PNG Sequence: lossless frames for compositing or spritesheets.
• WebM (alpha): VP9 with transparency for web or video editors that support it.
• Animated WebP: lightweight looping assets with alpha.
• GIF.