# Long Shadow: アイコンアニメーション

フラットなアイコンが飛び出して画面の端まで長い影を落とし、光が動くと影がぐるりと回ります。 動画テンプレート。Claude用コードをコピーするか、Subclipで編集できます。

Canonical URL: https://www.subclip.app/ja/motion-graphics-templates/remotion/long-shadow

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-long-shadow.mp4?v=3e1633329b

赤いチェックバッジが端まで伸びるフラットなロングシャドウとともに弾むように現れ、光が動いたかのように影が回ります。

- フレームワーク: Remotion
- カテゴリ: グラフィックルック
- 再生時間: 2秒
- アスペクト比: 16:9 横向き
- コード: コードを取得（無料ログイン）：https://www.subclip.app/ja/motion-graphics-templates/remotion/long-shadow

白い背景に、白いチェックマークの入った赤いバッジがゼロから弾むように現れ、薄いグレーのフラットな影が45度の角度で画面の端まで伸びます。続いて光が動き、影は弾むように135度まで回り、少し行き過ぎてから落ち着きます。2秒強で再生されます。

影の開始と終了の角度、先端に向かう影のフェード、影・背景・バッジ・チェックの色に加えて、再生速度とシーン周りの背景も変更できます。タスク完了や成功の場面、アプリアイコンのリビール、フラットデザインの解説動画、機能のチェックリストに使えます。

## 活用例

- 成功の場面
- アプリアイコンのリビール
- フラットデザインの解説動画
- 機能のチェックリスト

## 変更できる項目

- `speed`: 再生速度 (数値)
- `angleFrom`: 開始の角度 (数値)
- `angleTo`: 終了の角度 (数値)
- `fade`: 影のフェード (数値)
- `shadowColor`: 影の色 (色)
- `background`: 背景色 (色)
- `iconColor`: バッジの色 (色)
- `checkColor`: チェックの色 (色)
- `stageBackground`: 現場の背景 (色)

## このテンプレートの使用方法

1. Mac または Windows 用の Subclip をダウンロードします。このページのすべてのテンプレートはプリインストールされています。
2. [テンプレート]パネルを開き、[Long Shadow]を選択してタイムラインにドロップします。
3. レイヤー設定のテキスト、色、タイミングを変更するか、AI エージェントに編集を依頼します。
4. ビデオをエクスポートするか、コードをダウンロードして独自のプロジェクトでテンプレートを使用します。

remocnのLong Shadowをベースに作成: https://remocn.dev