# 画面とデバイス 動画テンプレート

画面とデバイスの動画テンプレート10点を紹介。動きをプレビューし、Subclipでテキスト、色、素材をブランドに合わせて編集できます。

Canonical URL: https://www.subclip.app/ja/motion-graphics-templates/screen-device-animations

画面とデバイスの動画テンプレート10点から選べます。各カードで動きを確認し、詳細ページで編集可能な項目を確認できます。

## 動画のアニメーションを選ぶ

画面とデバイスの動画テンプレート{n}点から選べます。各カードで動きを確認し、詳細ページで編集可能な項目を確認できます。

HTML、CSS、GSAPの編集可能なシーンを使用します。元のテンポを維持することも、コードで動きを調整することもできます。

## Subclipでテンプレートを編集

Subclipでテキストや素材を編集し、HyperFramesコードで動きを調整できます。製品紹介やブランド動画に活用できます。

## 10件のテンプレート

- [Laptop Frame](https://www.subclip.app/ja/motion-graphics-templates/remotion/laptop-frame) (Remotion, 画面とデバイス): ラップトップのモックアップ アニメーション。蓋が開き、ノッチ通知が再生され、コンテンツがフレームを満たすまでカメラが画面に押し込まれます。
- [Phone Frame](https://www.subclip.app/ja/motion-graphics-templates/remotion/phone-frame) (Remotion, 画面とデバイス): 入口と緩やかなフロートを備えた電話フレーム内にアプリのスクリーンショットまたは画面録画を配置する電話スタイルのモックアップ アニメーション。
- [Terminal Simulator](https://www.subclip.app/ja/motion-graphics-templates/remotion/terminal-simulator) (Remotion, 画面とデバイス): 暗いウィンドウにコマンドを入力し、出力を印刷し、カーソルに従ってズームインできるターミナル アニメーション。
- [Screen Recording](https://www.subclip.app/ja/motion-graphics-templates/remotion/screen-recording) (Remotion, 画面とデバイス): キャプチャをトリミングし、角の丸い背景に配置し、ズームして取り込む画面録画シーン。
- [Phone Stack](https://www.subclip.app/ja/motion-graphics-templates/remotion/phone-stack) (Remotion, 画面とデバイス): スマホ画面が次々と現れて積み重なり、古い画面は奥へ下がって上端だけが見える状態に。各画面がそれぞれ縦型クリップを再生します。
- [Capture Reveal](https://www.subclip.app/ja/motion-graphics-templates/remotion/capture-reveal) (Remotion, 画面とデバイス): ブラウザ ウィンドウ上でトーストが 100% カウントされ、ウィンドウが消え、トーストによってコピーが確認されるスクリーンショット キャプチャ シーン。
- [Subclip Hinged Laptop Showcase](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/subclip-hinged-laptop-showcase) (HyperFrames, 画面とデバイス): 開閉するノートPCと画面へのズームを使う動画テンプレートです。
- [Subclip Panorama Device Gallery](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/subclip-panorama-device-gallery) (HyperFrames, 画面とデバイス): 四つのスマホ画面と製品の見出しを使う動画テンプレートです。
- [Subclip Mobile Action Spotlight](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/subclip-mobile-action-spotlight) (HyperFrames, 画面とデバイス): スマホのボタン拡大と締めのタイトルを使う動画テンプレートです。
- [Parallax Device Dive](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/parallax-device-dive) (HyperFrames, 画面とデバイス): ダッシュボードを表示しているデバイスが上昇して保持し、UI レイヤーが引き離されるにつれてフレーム全体にズームする携帯電話のモックアップ アニメーション。

## その他の画面とデバイス 動画テンプレート

- [Remotion: 画面とデバイス](https://www.subclip.app/ja/motion-graphics-templates/remotion/screen-device-animations)
- [HyperFrames: 画面とデバイス](https://www.subclip.app/ja/motion-graphics-templates/hyperframes/screen-device-animations)