Skip to content

Shape Morph V08

0.0s

Previews are illustrative demonstrations of the technique — not your footage. Your real edit is produced later by Claude Code.

V08 · Visual Beats · advanced · 1–5s

A bold geometric shape smoothly morphs between compatible forms — circle, square, triangle — rotating as it goes, to mark a change of idea.

A single solid shape transforms through matched states: circle to rounded square to triangle and back, interpolating its outline point by point while rotating slightly. Because the morph is continuous, it reads as one idea becoming another — useful as a transition accent, a background motif behind text or a visual metaphor for change.

Try the parameters

Width as % of frame width.

Best used for

  • — Transitions between ideas
  • — Brand-motif accents
  • — Background motion behind titles
  • — Abstract explainers

Assets

  • ○ Source video optional
  • ○ Brand logo optional

Pairs well with

If assets are missing

If path morphing is unavailable, approximate with a single element animating border-radius (circle ↔ square) and a clip-path polygon cross-fade for the triangle.

Accessibility

Keep morphs ≥ 0.25s and avoid continuous spinning; large saturated shapes should not flash in and out.

Individual prompt

updates with the parameters above
# CES style instruction — V08 Shape Morph

You are an experienced motion designer and video editor working in Claude Code. Apply the **V08 Shape Morph** technique to the supplied footage as specified below.

**B. Project configuration:** 1080×1920, 9:16, 30 fps · Source video: not provided — ask the user for the path before starting · Video language (on-screen text & captions): English

**Visual Beats** — A single solid shape transforms through matched states: circle to rounded square to triangle and back, interpolating its outline point by point while rotating slightly. Because the morph is continuous, it reads as one idea becoming another — useful as a transition accent, a background motif behind text or a visual metaphor for change.

### V08 Shape Morph

- **When:** ≈ 00:00.00 → 00:02.50 (≈ derived — adjust to the nearest natural beat in the footage)
- **Layer / track:** V2+ (overlay above the picture)
- **What it does:** A bold geometric shape smoothly morphs between compatible forms — circle, square, triangle — rotating as it goes, to mark a change of idea.
- **Parameters:** Shape sequence: Circle → square → triangle; Morph duration: 0.6 s; Hold per shape: 0.4 s; Rotation per morph: 90 deg; Outline only: off; Shape size: 50%; Easing: Ease in-out (smooth); Accent colour: #D7FF5F
- **Steps:**
  1. Create a shape layer from 00:00.00 to 00:02.50: circle → square → triangle, 50% of frame width (540px), centered unless composed with text.
  2. Represent every state as a closed path with the SAME number of points (resample each shape to 64 points, starting at 12 o'clock, clockwise) so interpolation never flips or tangles. In Remotion use @remotion/paths interpolatePath() or flubber's interpolate(); in After-Effects-style tools use matched vertex counts.
  3. Morph each pair over 0.60s (18 frames) using a smooth ease-in-out curve (cubic-bezier(0.65, 0, 0.35, 1)), holding each state 0.40s, while rotating +90° per morph on the same curve.
  4. Render as a solid #D7FF5F fill with a subtle 10% darker inner shadow for depth; no outline.
  5. Enter by scaling from 0 → 1 over 9 frames and exit by scaling to 0 (or expanding past the frame edges as a transition) over 9 frames. Keep the shape clear of faces unless used as a full transition.
- **Assets:** — · optional: Source video, Brand logo
- **Fallback:** If path morphing is unavailable, approximate with a single element animating border-radius (circle ↔ square) and a clip-path polygon cross-fade for the triangle.

**G. Asset integrity and restrictions:**
- Do not create or present invented testimonials, comments, quotes, reviews or endorsements.
- Do not fabricate numbers, metrics, charts or results. Data visualisations use only the supplied data.
- Do not create fake screenshots or UI and present them as real. Illustrative graphics must be clearly illustrative.
- Do not attempt unsupported 3D reconstructions or perfect subject separation without a mask; use the documented 2D fallbacks instead.

**I. Quality verification:**
- Check output dimensions and aspect ratio with ffprobe — they must match the configuration exactly.
- Check the output frame rate and that the duration is within ±0.5 s of the target.
- Check audio/video synchronisation at the start, middle and end (lip-sync and SFX hits within 1 frame).
- Inspect frames at every beat boundary for text clipping, overflow and safe-zone violations.
- Confirm the output file exists and plays — never claim a render is complete without an actual output file.
- Report any missing asset or unimplemented effect explicitly.

More visual beats styles

Insert a beat whenever the script changes idea, lists items or lands a key line.

Your recipe starts here.

Add a style to begin building.