16 Types of Motion Graphics: Examples & AI Prompts

Create a 5-second Remotion example of flat 2D motion graphics using the SAME subject as the other examples: exactly one coin being set aside in one savings jar. This is an illustrative saving action, with no investment return, currency denomination or actual transaction claim.

VISUAL SYSTEM
Use 1920x1080 at 30fps. One plain round gold-colored coin starts at (960,280), about 180px in diameter. One savings jar is centered around (960,650), about 440px wide and 480px high, with a cobalt #165DDE lid/base and visible horizontal slot centered around (960,430). Its front is pale or clear enough to show the coin inside after entry. Adapt these coordinates coherently to the specified projection and style. Draw a flat mustard #E2B544 circular coin and cobalt #165DDE jar silhouette on cream #F7F3E9. Use a 10px jar outline, one clearly visible lid slot and a pale flat front. No gradients, shadows or perspective. Supporting arrow is simple and flat.

TIMELINE
0-1s: reveal the empty savings jar and one coin above it. 1-2.5s: draw a short down arrow, then lower the coin from y=280 to the lid slot at y=430 over 0.8s using cubic easing. 2.5-4s: retain the same coin and pass it behind the front rim into the jar at y=800; show Set aside one coin after it settles. 4-5s: hold the jar with exactly one visible coin inside.

IMPLEMENTATION
Build editable SVG Coin and SavingsJar components. Use an explicit rim mask so the coin passes into the jar rather than across the lid. Keep the visible coin count exactly one.

Read this project's instructions first. Work in a clearly named local project folder and preserve existing files and exports. Reuse a compatible Remotion runtime if present. Keep this example silent unless I supply audio. Do not use the article image as a flattened video: create editable components and expose copy, colors, geometry and timing in configuration.

Drive every animation from useCurrentFrame(), interpolate() or spring(); do not use CSS animation clocks, timers or unseeded randomness. Keep opacity and sizes bounded, and text inside a 120px landscape safe margin. Reuse objects between beats and use a readable final hold.

Deliver editable source, a registered composition, local render instructions and a versioned H.264 MP4 and a looping five-second web GIF (800x450, 20fps, 100 frames). Preserve the MP4 as the source. Use palette generation for GIF conversion, verify its full decode, and confirm that one loop lasts 5.000 seconds. Render the video, extract a contact sheet including transition boundaries, inspect it at full resolution and at phone width, and correct visible defects. Verify dimensions, frame rate, duration and full video decode. Report any unperformed checks or missing dependencies honestly. Follow project permissions for installs, paid tools and publication; do not delete files, change credentials or publish without authorization. Do not claim the video is finished merely because the source compiles.

Create a 5-second Remotion example of 2.5D motion graphics using the SAME subject as the other examples: exactly one coin being set aside in one savings jar. This is an illustrative saving action, with no investment return, currency denomination or actual transaction claim.

VISUAL SYSTEM
Use 1920x1080 at 30fps. One plain round gold-colored coin starts at (960,280), about 180px in diameter. One savings jar is centered around (960,650), about 440px wide and 480px high, with a cobalt #165DDE lid/base and visible horizontal slot centered around (960,430). Its front is pale or clear enough to show the coin inside after entry. Adapt these coordinates coherently to the specified projection and style. Construct a shallow dimensional gold #D6A548 coin from an elliptical face and a narrow side extrusion. Use layered jar faces, cobalt-blue lid/base, a pale transparent-looking front, upper-left edge highlights and a soft contact shadow on lilac #EEEAF5. Keep the camera fixed; depth is drawn from layered artwork.

TIMELINE
0-1s: establish the empty jar and coin with restrained spring settling. 1-2.5s: move the coin downward to the slot over 1s while shifting its clipped highlight subtly. 2.5-4s: pass the retained coin behind the front rim and show it through the pale jar panel; settle it at the base and reveal Set aside one coin. 4-5s: hold the complete scene.

IMPLEMENTATION
Use editable SVG geometry and stable unique gradient/mask IDs. Expand blur bounds so shadows do not clip into rectangles. Simulate depth without claiming that the scene uses full 3D meshes.

Read this project's instructions first. Work in a clearly named local project folder and preserve existing files and exports. Reuse a compatible Remotion runtime if present. Keep this example silent unless I supply audio. Do not use the article image as a flattened video: create editable components and expose copy, colors, geometry and timing in configuration.

Drive every animation from useCurrentFrame(), interpolate() or spring(); do not use CSS animation clocks, timers or unseeded randomness. Keep opacity and sizes bounded, and text inside a 120px landscape safe margin. Reuse objects between beats and use a readable final hold.

Deliver editable source, a registered composition, local render instructions and a versioned H.264 MP4 and a looping five-second web GIF (800x450, 20fps, 100 frames). Preserve the MP4 as the source. Use palette generation for GIF conversion, verify its full decode, and confirm that one loop lasts 5.000 seconds. Render the video, extract a contact sheet including transition boundaries, inspect it at full resolution and at phone width, and correct visible defects. Verify dimensions, frame rate, duration and full video decode. Report any unperformed checks or missing dependencies honestly. Follow project permissions for installs, paid tools and publication; do not delete files, change credentials or publish without authorization. Do not claim the video is finished merely because the source compiles.

Create a 5-second Remotion example of true 3D motion graphics using the SAME subject as the other examples: exactly one coin being set aside in one savings jar. This is an illustrative saving action, with no investment return, currency denomination or actual transaction claim.

VISUAL SYSTEM
Use 1920x1080 at 30fps. One plain round gold-colored coin starts at (960,280), about 180px in diameter. One savings jar is centered around (960,650), about 440px wide and 480px high, with a cobalt #165DDE lid/base and visible horizontal slot centered around (960,430). Its front is pale or clear enough to show the coin inside after entry. Adapt these coordinates coherently to the specified projection and style. Create actual modeled 3D meshes for a thin brass coin, a rounded translucent jar and a cobalt slotted lid. Use a warm gray studio floor, upper-left area-style light and soft coherent shadows. Keep the slot genuinely open or build explicit lid geometry around it. Align the thin coin edge with the slot before insertion.

TIMELINE
0-1s: establish the jar and coin in a three-quarter camera view. 1-2.5s: make a restrained 10-degree camera orbit while rotating the coin only enough to align with the slot; lower it to the opening. 2.5-4s: move that real mesh inside the jar and settle it on the base; place Set aside one coin as a readable 2D overlay. 4-5s: hold the settled coin and jar.

IMPLEMENTATION
Use actual modeled meshes, a depth buffer and a perspective camera. Use compatible Three.js/Remotion integration if installed, or a deterministic native WebGL renderer like this example; do not substitute a rotating flat photograph. Set explicit canvas dimensions and drive all mesh/camera positions from Remotion frames. Inspect local dependency availability without changing shared or global installations.

Read this project's instructions first. Work in a clearly named local project folder and preserve existing files and exports. Reuse a compatible Remotion runtime if present. Keep this example silent unless I supply audio. Do not use the article image as a flattened video: create editable components and expose copy, colors, geometry and timing in configuration.

Drive every animation from useCurrentFrame(), interpolate() or spring(); do not use CSS animation clocks, timers or unseeded randomness. Keep opacity and sizes bounded, and text inside a 120px landscape safe margin. Reuse objects between beats and use a readable final hold.

Deliver editable source, a registered composition, local render instructions and a versioned H.264 MP4 and a looping five-second web GIF (800x450, 20fps, 100 frames). Preserve the MP4 as the source. Use palette generation for GIF conversion, verify its full decode, and confirm that one loop lasts 5.000 seconds. Render the video, extract a contact sheet including transition boundaries, inspect it at full resolution and at phone width, and correct visible defects. Verify dimensions, frame rate, duration and full video decode. Report any unperformed checks or missing dependencies honestly. Follow project permissions for installs, paid tools and publication; do not delete files, change credentials or publish without authorization. Do not claim the video is finished merely because the source compiles.

Create a 5-second Remotion example of isometric animation using the SAME subject as the other examples: exactly one coin being set aside in one savings jar. This is an illustrative saving action, with no investment return, currency denomination or actual transaction claim.

VISUAL SYSTEM
Use 1920x1080 at 30fps. One plain round gold-colored coin starts at (960,280), about 180px in diameter. One savings jar is centered around (960,650), about 440px wide and 480px high, with a cobalt #165DDE lid/base and visible horizontal slot centered around (960,430). Its front is pale or clear enough to show the coin inside after entry. Adapt these coordinates coherently to the specified projection and style. Use a fixed orthographic isometric projection with parallel screen axes at plus/minus 30 degrees and vertical uprights. Keep the same gold coin and cobalt-lidded jar. Pale sage ground plane, matte graphic faces, consistent projected coin and slot orientation. No vanishing point or camera orbit.

TIMELINE
0-1s: draw the isometric jar faces and establish the coin above the projected slot. 1-2.5s: move the coin along the scene vertical axis to the lid while keeping the projection fixed. 2.5-4s: continue through the opening, reveal the retained coin at the jar base and show Set aside one coin. 4-5s: hold the isometric arrangement.

IMPLEMENTATION
Build one projection helper for the jar, slot and coin. Keep scale consistent across the scene and use correctly layered rim/front faces. Do not mix perspective transforms with the isometric view.

Read this project's instructions first. Work in a clearly named local project folder and preserve existing files and exports. Reuse a compatible Remotion runtime if present. Keep this example silent unless I supply audio. Do not use the article image as a flattened video: create editable components and expose copy, colors, geometry and timing in configuration.

Drive every animation from useCurrentFrame(), interpolate() or spring(); do not use CSS animation clocks, timers or unseeded randomness. Keep opacity and sizes bounded, and text inside a 120px landscape safe margin. Reuse objects between beats and use a readable final hold.

Deliver editable source, a registered composition, local render instructions and a versioned H.264 MP4 and a looping five-second web GIF (800x450, 20fps, 100 frames). Preserve the MP4 as the source. Use palette generation for GIF conversion, verify its full decode, and confirm that one loop lasts 5.000 seconds. Render the video, extract a contact sheet including transition boundaries, inspect it at full resolution and at phone width, and correct visible defects. Verify dimensions, frame rate, duration and full video decode. Report any unperformed checks or missing dependencies honestly. Follow project permissions for installs, paid tools and publication; do not delete files, change credentials or publish without authorization. Do not claim the video is finished merely because the source compiles.

Create a 5-second Remotion example of kinetic typography using the SAME subject as the other examples: exactly one coin being set aside in one savings jar. This is an illustrative saving action, with no investment return, currency denomination or actual transaction claim.

VISUAL SYSTEM
Use 1920x1080 at 30fps. One plain round gold-colored coin starts at (960,280), about 180px in diameter. One savings jar is centered around (960,650), about 440px wide and 480px high, with a cobalt #165DDE lid/base and visible horizontal slot centered around (960,430). Its front is pale or clear enough to show the coin inside after entry. Adapt these coordinates coherently to the specified projection and style. Use cream, near-black bold condensed type, one gold coin and a simple cobalt jar. Exact phrase: SAVE ONE COIN. Put SAVE above the scene, ONE to its left and COIN to its right; keep all words inside the safe area. The coin and jar remain visible, while the typography carries the main emphasis.

TIMELINE
0-1s: reveal the jar, coin and the word SAVE with an 80px upward entrance. 1-2.5s: introduce ONE with a restrained scale settle, then lower the same coin to the slot. 2.5-4s: reveal COIN as the coin passes inside; finish all word entrances by 3.5s. 4-5s: hold the complete phrase and the coin in the jar.

IMPLEMENTATION
Use editable text and measured widths with a confirmed local heavy sans-serif. Keep the main phrase readable and avoid turning the coin into a letter or hiding the jar. Typography accents should support the shared deposit action.

Read this project's instructions first. Work in a clearly named local project folder and preserve existing files and exports. Reuse a compatible Remotion runtime if present. Keep this example silent unless I supply audio. Do not use the article image as a flattened video: create editable components and expose copy, colors, geometry and timing in configuration.

Drive every animation from useCurrentFrame(), interpolate() or spring(); do not use CSS animation clocks, timers or unseeded randomness. Keep opacity and sizes bounded, and text inside a 120px landscape safe margin. Reuse objects between beats and use a readable final hold.

Deliver editable source, a registered composition, local render instructions and a versioned H.264 MP4 and a looping five-second web GIF (800x450, 20fps, 100 frames). Preserve the MP4 as the source. Use palette generation for GIF conversion, verify its full decode, and confirm that one loop lasts 5.000 seconds. Render the video, extract a contact sheet including transition boundaries, inspect it at full resolution and at phone width, and correct visible defects. Verify dimensions, frame rate, duration and full video decode. Report any unperformed checks or missing dependencies honestly. Follow project permissions for installs, paid tools and publication; do not delete files, change credentials or publish without authorization. Do not claim the video is finished merely because the source compiles.

Create a 5-second Remotion example of infographic animation using the SAME subject as the other examples: exactly one coin being set aside in one savings jar. This is an illustrative saving action, with no investment return, currency denomination or actual transaction claim.

VISUAL SYSTEM
Use 1920x1080 at 30fps. One plain round gold-colored coin starts at (960,280), about 180px in diameter. One savings jar is centered around (960,650), about 440px wide and 480px high, with a cobalt #165DDE lid/base and visible horizontal slot centered around (960,430). Its front is pale or clear enough to show the coin inside after entry. Adapt these coordinates coherently to the specified projection and style. Use flat white/cobalt/gold information graphics. Retain one coin and one outlined savings jar. Show two text counters, Available: 1 and Saved: 0, and a persistent DEMO label. Counters represent the location of one illustrative coin, not currency amounts, percentages or real account data.

TIMELINE
0-1s: establish the jar, coin and the initial counters. 1-2.5s: draw a down connector and move the coin to the slot, leaving counters unchanged until entry. 2.5-4s: pass the coin into the jar; update Available to 0 and Saved to 1 at the exact crossing event, then show One coin set aside. 4-5s: hold the final location and both counters.

IMPLEMENTATION
Store one coin identity and a discrete available/saved state in configuration. Total coin count remains 1 at every frame. Do not use the generated image as numerical data or add an investment-growth graph.

Read this project's instructions first. Work in a clearly named local project folder and preserve existing files and exports. Reuse a compatible Remotion runtime if present. Keep this example silent unless I supply audio. Do not use the article image as a flattened video: create editable components and expose copy, colors, geometry and timing in configuration.

Drive every animation from useCurrentFrame(), interpolate() or spring(); do not use CSS animation clocks, timers or unseeded randomness. Keep opacity and sizes bounded, and text inside a 120px landscape safe margin. Reuse objects between beats and use a readable final hold.

Deliver editable source, a registered composition, local render instructions and a versioned H.264 MP4 and a looping five-second web GIF (800x450, 20fps, 100 frames). Preserve the MP4 as the source. Use palette generation for GIF conversion, verify its full decode, and confirm that one loop lasts 5.000 seconds. Render the video, extract a contact sheet including transition boundaries, inspect it at full resolution and at phone width, and correct visible defects. Verify dimensions, frame rate, duration and full video decode. Report any unperformed checks or missing dependencies honestly. Follow project permissions for installs, paid tools and publication; do not delete files, change credentials or publish without authorization. Do not claim the video is finished merely because the source compiles.

Create a 5-second Remotion example of explainer animation using the SAME subject as the other examples: exactly one coin being set aside in one savings jar. This is an illustrative saving action, with no investment return, currency denomination or actual transaction claim.

VISUAL SYSTEM
Use 1920x1080 at 30fps. One plain round gold-colored coin starts at (960,280), about 180px in diameter. One savings jar is centered around (960,650), about 440px wide and 480px high, with a cobalt #165DDE lid/base and visible horizontal slot centered around (960,430). Its front is pale or clear enough to show the coin inside after entry. Adapt these coordinates coherently to the specified projection and style. Use a friendly rounded illustration of the same gold coin and blue savings jar on cream. A short down arrow can clarify the action. Exact final copy: SET ASIDE ONE COIN. Keep the coin identity and jar silhouette stable through the sequence.

TIMELINE
0-1s: establish the coin and an empty savings jar; show A small saving action. 1-2.5s: reveal the down arrow and move the coin toward the slot. 2.5-4s: follow the same coin through the lid into the jar, then reveal SET ASIDE ONE COIN once it settles. 4-5s: hold the completed action without adding another coin.

IMPLEMENTATION
Use reusable editable Coin and SavingsJar components. Preserve the same objects between beats and make the explanation understandable without narration. Do not imply a quantified habit outcome or a financial product benefit.

Read this project's instructions first. Work in a clearly named local project folder and preserve existing files and exports. Reuse a compatible Remotion runtime if present. Keep this example silent unless I supply audio. Do not use the article image as a flattened video: create editable components and expose copy, colors, geometry and timing in configuration.

Drive every animation from useCurrentFrame(), interpolate() or spring(); do not use CSS animation clocks, timers or unseeded randomness. Keep opacity and sizes bounded, and text inside a 120px landscape safe margin. Reuse objects between beats and use a readable final hold.

Deliver editable source, a registered composition, local render instructions and a versioned H.264 MP4 and a looping five-second web GIF (800x450, 20fps, 100 frames). Preserve the MP4 as the source. Use palette generation for GIF conversion, verify its full decode, and confirm that one loop lasts 5.000 seconds. Render the video, extract a contact sheet including transition boundaries, inspect it at full resolution and at phone width, and correct visible defects. Verify dimensions, frame rate, duration and full video decode. Report any unperformed checks or missing dependencies honestly. Follow project permissions for installs, paid tools and publication; do not delete files, change credentials or publish without authorization. Do not claim the video is finished merely because the source compiles.

Create a 5-second Remotion example of logo animation using the SAME subject as the other examples: exactly one coin being set aside in one savings jar. This is an illustrative saving action, with no investment return, currency denomination or actual transaction claim.

VISUAL SYSTEM
Use 1920x1080 at 30fps. One plain round gold-colored coin starts at (960,280), about 180px in diameter. One savings jar is centered around (960,650), about 440px wide and 480px high, with a cobalt #165DDE lid/base and visible horizontal slot centered around (960,430). Its front is pale or clear enough to show the coin inside after entry. Adapt these coordinates coherently to the specified projection and style. Create an original fictional saving emblem from the same blue jar outline and one gold coin. The jar outline consists of three editable vector fragments that join accurately. Keep the coin directly over the slot. Tiny construction guides may appear during assembly and disappear afterward. No existing brand logo or unrequested brand name.

TIMELINE
0-1s: introduce the coin and the three nearby jar fragments. 1-2.5s: assemble the jar with 0.12s fragment stagger, then move the coin to the slot. 2.5-4s: let the coin settle inside and resolve the final fictional jar-and-coin emblem; remove guides. 4-5s: hold the exact resolved mark.

IMPLEMENTATION
Keep emblem parts vector and editable. This is an original demonstration emblem, not permission to redraw a supplied client logo. Preserve an actual approved logo when adapting the exercise to client work.

Read this project's instructions first. Work in a clearly named local project folder and preserve existing files and exports. Reuse a compatible Remotion runtime if present. Keep this example silent unless I supply audio. Do not use the article image as a flattened video: create editable components and expose copy, colors, geometry and timing in configuration.

Drive every animation from useCurrentFrame(), interpolate() or spring(); do not use CSS animation clocks, timers or unseeded randomness. Keep opacity and sizes bounded, and text inside a 120px landscape safe margin. Reuse objects between beats and use a readable final hold.

Deliver editable source, a registered composition, local render instructions and a versioned H.264 MP4 and a looping five-second web GIF (800x450, 20fps, 100 frames). Preserve the MP4 as the source. Use palette generation for GIF conversion, verify its full decode, and confirm that one loop lasts 5.000 seconds. Render the video, extract a contact sheet including transition boundaries, inspect it at full resolution and at phone width, and correct visible defects. Verify dimensions, frame rate, duration and full video decode. Report any unperformed checks or missing dependencies honestly. Follow project permissions for installs, paid tools and publication; do not delete files, change credentials or publish without authorization. Do not claim the video is finished merely because the source compiles.

Create a 5-second Remotion example of UI/product animation using the SAME subject as the other examples: exactly one coin being set aside in one savings jar. This is an illustrative saving action, with no investment return, currency denomination or actual transaction claim.

VISUAL SYSTEM
Use 1920x1080 at 30fps. One plain round gold-colored coin starts at (960,280), about 180px in diameter. One savings jar is centered around (960,650), about 440px wide and 480px high, with a cobalt #165DDE lid/base and visible horizontal slot centered around (960,430). Its front is pale or clear enough to show the coin inside after entry. Adapt these coordinates coherently to the specified projection and style. Build a fictional savings interface with the same coin and cobalt jar as its central hero. Use cream background and editable React UI. Exact top label: SAVINGS DEMO. Exact button: SAVE ONE COIN. No balances, bank names, money amounts or actual transactions.

TIMELINE
0-1s: establish the interface, empty jar and coin. 1-2.5s: move a cursor to SAVE ONE COIN, press once and start the same coin downward toward the slot. 2.5-4s: pass the coin into the jar, then change the button state to COIN SAVED; preserve its size and layout. 4-5s: hold the finished fictional interface.

IMPLEMENTATION
Keep cursor, press state and coin movement on one frame timeline. Use no real account APIs or transactions. Identify the scene as a fictional demo and do not claim the demonstrated feature belongs to a real app.

Read this project's instructions first. Work in a clearly named local project folder and preserve existing files and exports. Reuse a compatible Remotion runtime if present. Keep this example silent unless I supply audio. Do not use the article image as a flattened video: create editable components and expose copy, colors, geometry and timing in configuration.

Drive every animation from useCurrentFrame(), interpolate() or spring(); do not use CSS animation clocks, timers or unseeded randomness. Keep opacity and sizes bounded, and text inside a 120px landscape safe margin. Reuse objects between beats and use a readable final hold.

Deliver editable source, a registered composition, local render instructions and a versioned H.264 MP4 and a looping five-second web GIF (800x450, 20fps, 100 frames). Preserve the MP4 as the source. Use palette generation for GIF conversion, verify its full decode, and confirm that one loop lasts 5.000 seconds. Render the video, extract a contact sheet including transition boundaries, inspect it at full resolution and at phone width, and correct visible defects. Verify dimensions, frame rate, duration and full video decode. Report any unperformed checks or missing dependencies honestly. Follow project permissions for installs, paid tools and publication; do not delete files, change credentials or publish without authorization. Do not claim the video is finished merely because the source compiles.

Create a 5-second Remotion example of HUD graphics using the SAME subject as the other examples: exactly one coin being set aside in one savings jar. This is an illustrative saving action, with no investment return, currency denomination or actual transaction claim.

VISUAL SYSTEM
Use 1920x1080 at 30fps. One plain round gold-colored coin starts at (960,280), about 180px in diameter. One savings jar is centered around (960,650), about 440px wide and 480px high, with a cobalt #165DDE lid/base and visible horizontal slot centered around (960,430). Its front is pale or clear enough to show the coin inside after entry. Adapt these coordinates coherently to the specified projection and style. Use a navy background, a gold wireframe coin and cyan/cobalt outline of the jar. Scan rings surround only the coin; sparse guide marks trace its path to the slot. Exact status states: SCANNING, then COIN PLACED. Keep a small FICTIONAL DISPLAY label and no diagnostic, security or financial claims.

TIMELINE
0-1s: draw the jar outline and establish the coin inside one scan ring. 1-2.5s: show SCANNING, rotate one arc through 90 degrees and lower the retained coin to the slot. 2.5-4s: follow the coin inside the jar and update the status to COIN PLACED. 4-5s: hold the resolved object positions and status.

IMPLEMENTATION
Use deterministic SVG rings and wireframe-style linework, with glow weaker than text contrast. Avoid fake metrics, aggressive flashing or a claim that the system has verified a real deposit.

Read this project's instructions first. Work in a clearly named local project folder and preserve existing files and exports. Reuse a compatible Remotion runtime if present. Keep this example silent unless I supply audio. Do not use the article image as a flattened video: create editable components and expose copy, colors, geometry and timing in configuration.

Drive every animation from useCurrentFrame(), interpolate() or spring(); do not use CSS animation clocks, timers or unseeded randomness. Keep opacity and sizes bounded, and text inside a 120px landscape safe margin. Reuse objects between beats and use a readable final hold.

Deliver editable source, a registered composition, local render instructions and a versioned H.264 MP4 and a looping five-second web GIF (800x450, 20fps, 100 frames). Preserve the MP4 as the source. Use palette generation for GIF conversion, verify its full decode, and confirm that one loop lasts 5.000 seconds. Render the video, extract a contact sheet including transition boundaries, inspect it at full resolution and at phone width, and correct visible defects. Verify dimensions, frame rate, duration and full video decode. Report any unperformed checks or missing dependencies honestly. Follow project permissions for installs, paid tools and publication; do not delete files, change credentials or publish without authorization. Do not claim the video is finished merely because the source compiles.

Create a 5-second Remotion example of mixed-media animation using the SAME subject as the other examples: exactly one coin being set aside in one savings jar. This is an illustrative saving action, with no investment return, currency denomination or actual transaction claim.

VISUAL SYSTEM
Use 1920x1080 at 30fps. One plain round gold-colored coin starts at (960,280), about 180px in diameter. One savings jar is centered around (960,650), about 440px wide and 480px high, with a cobalt #165DDE lid/base and visible horizontal slot centered around (960,430). Its front is pale or clear enough to show the coin inside after entry. Adapt these coordinates coherently to the specified projection and style. Combine one coin cutout, one blue-lidded jar cutout, torn cream paper, a blue paper strip and restrained gold halftone texture. Keep these as independent layers. Use licensed local photos if supplied; otherwise create original illustrated cutouts and disclose that substitution. Do not purchase or fetch assets without authorization.

TIMELINE
0-1s: stage the paper background and jar cutout. 1-2.5s: introduce the single coin cutout and move it down toward the slot with a deliberate short paper-like settle. 2.5-4s: pass that cutout behind an exact front-rim mask and into the jar; show Set aside one coin on the blue strip. 4-5s: hold all layers with subtle texture still visible.

IMPLEMENTATION
Keep coin, jar, masks, paper and text separate; do not zoom a flattened collage. Use seeded texture variation and shallow paper shadows. Make the coin visible through the jar front without introducing a second copy.

Read this project's instructions first. Work in a clearly named local project folder and preserve existing files and exports. Reuse a compatible Remotion runtime if present. Keep this example silent unless I supply audio. Do not use the article image as a flattened video: create editable components and expose copy, colors, geometry and timing in configuration.

Drive every animation from useCurrentFrame(), interpolate() or spring(); do not use CSS animation clocks, timers or unseeded randomness. Keep opacity and sizes bounded, and text inside a 120px landscape safe margin. Reuse objects between beats and use a readable final hold.

Deliver editable source, a registered composition, local render instructions and a versioned H.264 MP4 and a looping five-second web GIF (800x450, 20fps, 100 frames). Preserve the MP4 as the source. Use palette generation for GIF conversion, verify its full decode, and confirm that one loop lasts 5.000 seconds. Render the video, extract a contact sheet including transition boundaries, inspect it at full resolution and at phone width, and correct visible defects. Verify dimensions, frame rate, duration and full video decode. Report any unperformed checks or missing dependencies honestly. Follow project permissions for installs, paid tools and publication; do not delete files, change credentials or publish without authorization. Do not claim the video is finished merely because the source compiles.

Create a 5-second Remotion example of hand-drawn animation using the SAME subject as the other examples: exactly one coin being set aside in one savings jar. This is an illustrative saving action, with no investment return, currency denomination or actual transaction claim.

VISUAL SYSTEM
Use 1920x1080 at 30fps. One plain round gold-colored coin starts at (960,280), about 180px in diameter. One savings jar is centered around (960,650), about 440px wide and 480px high, with a cobalt #165DDE lid/base and visible horizontal slot centered around (960,430). Its front is pale or clear enough to show the coin inside after entry. Adapt these coordinates coherently to the specified projection and style. Sketch the same coin in mustard and the savings jar in cobalt on textured ivory paper. Use imperfect 5-8px marker strokes, small seeded stroke variants and gentle crosshatching. One drawn arrow may lead into the slot. Exact final copy: SET ASIDE ONE COIN.

TIMELINE
0-1s: draw the jar outline and one coin contour in a deliberate stroke order. 1-2.5s: draw the arrow toward the slot and move the retained coin down along it. 2.5-4s: redraw only the necessary occluded edge as the coin enters, then show SET ASIDE ONE COIN once it settles. 4-5s: hold the completed drawing with subtle, controlled line variation.

IMPLEMENTATION
Use frame-driven stroke-dash lengths and a fixed set of seeded variants for any hand-drawn boil. Keep the paper stationary and avoid randomly shaking the full scene. Preserve exactly one coin.

Read this project's instructions first. Work in a clearly named local project folder and preserve existing files and exports. Reuse a compatible Remotion runtime if present. Keep this example silent unless I supply audio. Do not use the article image as a flattened video: create editable components and expose copy, colors, geometry and timing in configuration.

Drive every animation from useCurrentFrame(), interpolate() or spring(); do not use CSS animation clocks, timers or unseeded randomness. Keep opacity and sizes bounded, and text inside a 120px landscape safe margin. Reuse objects between beats and use a readable final hold.

Deliver editable source, a registered composition, local render instructions and a versioned H.264 MP4 and a looping five-second web GIF (800x450, 20fps, 100 frames). Preserve the MP4 as the source. Use palette generation for GIF conversion, verify its full decode, and confirm that one loop lasts 5.000 seconds. Render the video, extract a contact sheet including transition boundaries, inspect it at full resolution and at phone width, and correct visible defects. Verify dimensions, frame rate, duration and full video decode. Report any unperformed checks or missing dependencies honestly. Follow project permissions for installs, paid tools and publication; do not delete files, change credentials or publish without authorization. Do not claim the video is finished merely because the source compiles.

Create a 5-second Remotion example of liquid/morphing animation using the SAME subject as the other examples: exactly one coin being set aside in one savings jar. This is an illustrative saving action, with no investment return, currency denomination or actual transaction claim.

VISUAL SYSTEM
Use 1920x1080 at 30fps. One plain round gold-colored coin starts at (960,280), about 180px in diameter. One savings jar is centered around (960,650), about 440px wide and 480px high, with a cobalt #165DDE lid/base and visible horizontal slot centered around (960,430). Its front is pale or clear enough to show the coin inside after entry. Adapt these coordinates coherently to the specified projection and style. Use the same gold coin and stable blue jar on cream. Give the coin an organic, fluid intermediate silhouette while retaining its identity; the jar does not morph. This is a stylized metaphor, not a literal physical coin melting. Exact final copy: SET ASIDE ONE COIN.

TIMELINE
0-1s: establish a round coin above the jar. 1-2.5s: stretch that coin downward into a smooth connected shape while moving it to the slot; preserve one continuous path. 2.5-4s: pass the entire retained shape inside and resolve it back into a recognizable round coin at the jar base; reveal SET ASIDE ONE COIN. 4-5s: hold the round coin and jar.

IMPLEMENTATION
Interpolate compatible SVG control points with consistent topology. Check intermediate paths for self-intersection, clipping and unwanted extra droplets. No crossfade between two different coins or fluid simulator driven by real time.

Read this project's instructions first. Work in a clearly named local project folder and preserve existing files and exports. Reuse a compatible Remotion runtime if present. Keep this example silent unless I supply audio. Do not use the article image as a flattened video: create editable components and expose copy, colors, geometry and timing in configuration.

Drive every animation from useCurrentFrame(), interpolate() or spring(); do not use CSS animation clocks, timers or unseeded randomness. Keep opacity and sizes bounded, and text inside a 120px landscape safe margin. Reuse objects between beats and use a readable final hold.

Deliver editable source, a registered composition, local render instructions and a versioned H.264 MP4 and a looping five-second web GIF (800x450, 20fps, 100 frames). Preserve the MP4 as the source. Use palette generation for GIF conversion, verify its full decode, and confirm that one loop lasts 5.000 seconds. Render the video, extract a contact sheet including transition boundaries, inspect it at full resolution and at phone width, and correct visible defects. Verify dimensions, frame rate, duration and full video decode. Report any unperformed checks or missing dependencies honestly. Follow project permissions for installs, paid tools and publication; do not delete files, change credentials or publish without authorization. Do not claim the video is finished merely because the source compiles.

Create a 5-second Remotion example of generative motion using the SAME subject as the other examples: exactly one coin being set aside in one savings jar. This is an illustrative saving action, with no investment return, currency denomination or actual transaction claim.

VISUAL SYSTEM
Use 1920x1080 at 30fps. One plain round gold-colored coin starts at (960,280), about 180px in diameter. One savings jar is centered around (960,650), about 440px wide and 480px high, with a cobalt #165DDE lid/base and visible horizontal slot centered around (960,430). Its front is pale or clear enough to show the coin inside after entry. Adapt these coordinates coherently to the specified projection and style. Define the recognizable coin and jar silhouettes using thin gold and cobalt curves and seeded points on navy. Keep jar lid and slot legible. The object outlines remain the subject; abstract motion provides their surface language. Use no more than 120 curves and 200 low-opacity points.

TIMELINE
0-1s: organize the seeded curves into one coin and one empty jar. 1-2.5s: move the entire coin field coherently toward the slot while the jar field stays anchored. 2.5-4s: carry the same coin field into the jar; retain a clear circular coin silhouette and reveal Set aside one coin in a calm area. 4-5s: reduce field amplitude and hold both recognizable forms.

IMPLEMENTATION
Generate paths and points from frame plus a fixed seed. Move the coin group as one entity rather than spawning unrelated particles. Keep the final contour and text clear; decorative flow does not encode actual financial data.

Read this project's instructions first. Work in a clearly named local project folder and preserve existing files and exports. Reuse a compatible Remotion runtime if present. Keep this example silent unless I supply audio. Do not use the article image as a flattened video: create editable components and expose copy, colors, geometry and timing in configuration.

Drive every animation from useCurrentFrame(), interpolate() or spring(); do not use CSS animation clocks, timers or unseeded randomness. Keep opacity and sizes bounded, and text inside a 120px landscape safe margin. Reuse objects between beats and use a readable final hold.

Deliver editable source, a registered composition, local render instructions and a versioned H.264 MP4 and a looping five-second web GIF (800x450, 20fps, 100 frames). Preserve the MP4 as the source. Use palette generation for GIF conversion, verify its full decode, and confirm that one loop lasts 5.000 seconds. Render the video, extract a contact sheet including transition boundaries, inspect it at full resolution and at phone width, and correct visible defects. Verify dimensions, frame rate, duration and full video decode. Report any unperformed checks or missing dependencies honestly. Follow project permissions for installs, paid tools and publication; do not delete files, change credentials or publish without authorization. Do not claim the video is finished merely because the source compiles.

Create a 5-second Remotion example of broadcast graphics using the SAME subject as the other examples: exactly one coin being set aside in one savings jar. This is an illustrative saving action, with no investment return, currency denomination or actual transaction claim.

VISUAL SYSTEM
Use 1920x1080 at 30fps. One plain round gold-colored coin starts at (960,280), about 180px in diameter. One savings jar is centered around (960,650), about 440px wide and 480px high, with a cobalt #165DDE lid/base and visible horizontal slot centered around (960,430). Its front is pale or clear enough to show the coin inside after entry. Adapt these coordinates coherently to the specified projection and style. Place the same coin and blue-lidded jar at the center of a quiet studio-gray plate. Add an editable professional lower third with exact title SAVING, ONE COIN AT A TIME and smaller DEMONSTRATION tag. No host, real broadcaster, LIVE label, ticker or numerical claims.

TIMELINE
0-1s: establish the coin and empty jar with no lower third. 1-2.5s: reveal the lower-third band and title while the coin moves to the slot. 2.5-4s: keep the title steady as the coin enters and settles inside the jar; maintain clearance around both objects. 4-5s: hold the completed demonstration with the lower third readable.

IMPLEMENTATION
Use reusable broadcast plate and text components. The lower third identifies this illustrative saving segment, not a real news event. Keep the coin movement secondary to readable information rather than hiding the objects behind the band.

Read this project's instructions first. Work in a clearly named local project folder and preserve existing files and exports. Reuse a compatible Remotion runtime if present. Keep this example silent unless I supply audio. Do not use the article image as a flattened video: create editable components and expose copy, colors, geometry and timing in configuration.

Drive every animation from useCurrentFrame(), interpolate() or spring(); do not use CSS animation clocks, timers or unseeded randomness. Keep opacity and sizes bounded, and text inside a 120px landscape safe margin. Reuse objects between beats and use a readable final hold.

Deliver editable source, a registered composition, local render instructions and a versioned H.264 MP4 and a looping five-second web GIF (800x450, 20fps, 100 frames). Preserve the MP4 as the source. Use palette generation for GIF conversion, verify its full decode, and confirm that one loop lasts 5.000 seconds. Render the video, extract a contact sheet including transition boundaries, inspect it at full resolution and at phone width, and correct visible defects. Verify dimensions, frame rate, duration and full video decode. Report any unperformed checks or missing dependencies honestly. Follow project permissions for installs, paid tools and publication; do not delete files, change credentials or publish without authorization. Do not claim the video is finished merely because the source compiles.

Create a 5-second Remotion example of VFX/compositing using the SAME subject as the other examples: exactly one coin being set aside in one savings jar. This is an illustrative saving action, with no investment return, currency denomination or actual transaction claim.

VISUAL SYSTEM
Use 1920x1080 at 30fps. One plain round gold-colored coin starts at (960,280), about 180px in diameter. One savings jar is centered around (960,650), about 440px wide and 480px high, with a cobalt #165DDE lid/base and visible horizontal slot centered around (960,430). Its front is pale or clear enough to show the coin inside after entry. Adapt these coordinates coherently to the specified projection and style. Use a supplied local photograph of an empty blue-lidded savings jar and one separate coin cutout, or an explicitly authorized original generated base with no coin already embedded. Preserve the jar photo. If the required separated assets are absent, ask for them while preparing the effect layer. Cyan trajectory, neutral tabletop, real contact shadows and an exact front-rim matte.

TIMELINE
0-1s: establish the static jar photograph and one coin cutout above the lid. 1-2.5s: move that cutout to the slot while a subtle cyan path follows behind it. 2.5-4s: pass the same coin behind the exact photographed front rim, then composite it visibly inside; terminate the path as it settles. 4-5s: hold the final composite with exactly one coin.

IMPLEMENTATION
Layer the unchanged jar base, rear trajectory/coin, exact front-rim matte, and restrained front effect deliberately. Do not use a complete coin-and-jar composite as the base and then duplicate its coin. Inspect matte edges and believable occlusion; no claim of tracking a moving shot without actual tracking data.

Read this project's instructions first. Work in a clearly named local project folder and preserve existing files and exports. Reuse a compatible Remotion runtime if present. Keep this example silent unless I supply audio. Do not use the article image as a flattened video: create editable components and expose copy, colors, geometry and timing in configuration.

Drive every animation from useCurrentFrame(), interpolate() or spring(); do not use CSS animation clocks, timers or unseeded randomness. Keep opacity and sizes bounded, and text inside a 120px landscape safe margin. Reuse objects between beats and use a readable final hold.

Deliver editable source, a registered composition, local render instructions and a versioned H.264 MP4 and a looping five-second web GIF (800x450, 20fps, 100 frames). Preserve the MP4 as the source. Use palette generation for GIF conversion, verify its full decode, and confirm that one loop lasts 5.000 seconds. Render the video, extract a contact sheet including transition boundaries, inspect it at full resolution and at phone width, and correct visible defects. Verify dimensions, frame rate, duration and full video decode. Report any unperformed checks or missing dependencies honestly. Follow project permissions for installs, paid tools and publication; do not delete files, change credentials or publish without authorization. Do not claim the video is finished merely because the source compiles.