登場

スライドイン

画面の外から要素を移動させて登場させます。

スライドインプレビュー

比較基準

調整前 2.4s

調整中

調整後 3.2s

実用例から試す

実用例

図形・文字の色背景色

このブラウザは動画保存に対応していません。GIF保存をお試しください。

気分で動きを選ぶ

1周の長さ 3.2秒図形の大きさ 100%速度の変化再生方向

使うツールを選ぶ

AIプロンプト

Create a clean, silent 2D motion-graphics study of Slide In, in a landscape 16:9 composition.

A main-color rounded square enters from beyond the left edge, rests at the center, then exits beyond the right edge.

Timing: one complete reference cycle lasts 3.2 seconds, including the described holds and reset. If the output clip is longer, repeat this cycle. Use smooth acceleration and deceleration between the described poses, preserving the holds and corrections.
Playback order: forward, following the sequence described above.
Composition: scale the entire artwork layout to 100% of the baseline centered composition; the canvas size stays fixed. Keep the motion unclipped. Use a background #090a12 and main-color artwork #c4c5ce (pale-tint: the main color blended about 75% toward the background), crisp edges and restrained shading. Lock the camera; no camera movement, cuts, perspective changes beyond the stated technique, or extra objects.
No visible text or numbers. No logos, watermarks, interface controls or captions. No dialogue, music, sound effects or ambient audio.

Priority: preserve the defining movement — A clear directional move slows as it reaches its final position.
Final palette: main color #c4c5ce, background #090a12; pale-tint means the main color blended about 75% toward the background.