Help & Shortcuts

1. Drop a PNG, JPG, WebP, AVIF or SVG logo, icon or flat graphic on the homepage.
2. Auto Trace converts detected artwork components into separate editable vector paths with the native spline tracing engine. This is not a single animation applied to the whole bitmap.
3. Choose a motion and preview piece-by-piece animation immediately. Each retained vector path receives its own transform and stagger timing.
4. Export the animated SVG, or open Advanced Edit to move, recolor or redraw individual pieces.

Best source files

Use clean logos, icons and flat graphics with distinct shapes and flat colors. Transparent PNGs and high-resolution flat artwork generally trace best. Raster artwork is sent only to the Animate My Logo server for native spline tracing. It is processed from a temporary file and deleted immediately after tracing.

• Colors: Auto is the safest default; use 2/4 for simple marks and 8/16 for multi-color artwork.
• Detail: Clean removes small noise, Balanced fits most logos, High keeps more geometry.
• Smoothness: controls how aggressively the spline fitter simplifies wobbly bitmap edges. Higher values favor fewer, smoother curves.

Background removal + separate pieces

Remove flat background automatically removes a suitable flat background layer while protecting transparent artwork and real vector geometry. Turn it off when the background is intentionally part of the mark.

The remaining artwork is kept as separate compound SVG paths, including holes and internal cut-outs. Motion presets target those vector pieces independently rather than animating the uploaded image as one rectangle.

Polygon

• Click to add points. Click the first point or press Enter to close.
• Drag points to edit. Use Radius to round corners live.
• Pro Alt+Click a polygon point → converts that point to a Pen anchor and adds handles.

Rectangle

• Click first corner → drag → release/click again to commit.
• Drag any corner to resize. Hold Shift for a perfect square.
• Pro Alt+Click a corner → converts to a Pen path at that corner with handles.

Circle

• Click to set center → move → click again to commit.
• Drag the center or radius handle to edit.
• Circles respect Fill and (optional) Stroke styles live.

Line

• Click start → move → click end. Endpoints are draggable.
• Hold Shift while drawing or editing to snap to 0/45/90°.
• Lines always use Stroke (Fill is ignored by design).

Pen (Bézier)

• Click adds anchors; click+drag while placing to pull handles (no drag = no handles).
• Alt while dragging makes a corner; Shift snaps handle angles to 45°.
• Double-click or Enter to close.
• H adds symmetric handles to the selected anchor (also works after converting a Poly/Rect point).

Select / Move

• Click a shape to select; drag to move the whole shape.
• Hold Shift while dragging to constrain to the dominant axis.
• Delete/Backspace removes the selected point or shape.
• Alt + Drag on selected shape(s) duplicates the selection and drags the copy.

Close

Commits the in-progress Polygon/Rectangle/Pen. Same as Enter.

Undo point

Removes the last point from the in-progress Polygon or Pen.

Undo shape

Global undo (Ctrl/Cmd+Z). Redo with Ctrl/Cmd+Shift+Z.

Delete

Deletes selected point/handle or the whole shape (contextual).

Reset

Clears all shapes and working paths (keeps your loaded background).

Export

Builds an animated SVG (or a ready HTML file from the Export dialog). Live Fill/Stroke are preserved per-shape.

General

• Ctrl/Cmd + Z Undo
• Ctrl/Cmd + Shift + Z Redo
• Enter Close current Polygon/Pen
• Esc Cancel in-progress shape
• Delete/Backspace Delete selected point/shape
• ? Open Help

By tool

• Polygon: first-point click closes • Alt+Click point → convert to Pen + handles
• Rectangle: hold Shift while drawing to square • Alt+Click corner → convert to Pen + handles
• Circle: drag center or radius handle to edit
• Line: hold Shift for 0/45/90°
• Pen: H add symmetric handles on selected anchor