# Phone Frame: 電話のモックアップ

スクリーンショットは、傾いた phone frame の中に浮かび上がります。 動画テンプレート。Claude用コードをコピーするか、Subclipで編集できます。

Canonical URL: https://www.subclip.app/ja/motion-graphics-templates/remotion/phone-frame

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-snapcn-phone-frame.mp4?v=6f1f511adf

入口と緩やかなフロートを備えた電話フレーム内にアプリのスクリーンショットまたは画面録画を配置する電話スタイルのモックアップ アニメーション。

- フレームワーク: Remotion
- カテゴリ: 画面とデバイス
- 再生時間: 8秒
- アスペクト比: 16:9 横向き
- コード: コードを取得（無料ログイン）：https://www.subclip.app/ja/motion-graphics-templates/remotion/phone-frame

暗い背景に、明るいベゼルと錠剤の形をしたカメラの切り欠きを備えた電話フレームが表示されます。スクリーンショットまたはビデオは、丸い角が切り取られて画面内で再生されます。所定の位置に設置されると、携帯電話はわずかに傾いて、その下に柔らかい影を伴ってゆっくりとしたループで上下に浮かび上がります。シーンは 8 秒間実行され、短いアプリ クリップまたは 1 つの画面を詳細に表示するには十分な長さです。

画面画像またはビデオをドロップし、電話の種類と入口スタイルを選択します。ベゼルと画面の色、本体と画面の角の半径、全体のスケールと傾斜角度、カメラの切り欠きを表示するかどうかを変更できます。フロート ループ、その高さ、影はオンまたはオフにできます。モバイル機能のデモ、アプリ起動ビデオ、アプリに関するソーシャル投稿に使用します。

## 活用例

- モバイルアプリ機能のデモ
- アプリ起動ビデオ
- 横長の垂直クリップを表示する
- アプリに関するソーシャル投稿

## 変更できる項目

- `speed`: 再生速度 (数値)
- `variant`: 電話のスタイル (テキスト)
- `entrance`: エントランススタイル (テキスト)
- `screenSrc`: 画面イメージまたはビデオ (画像またはビデオ)
- `bezelColor`: ベゼルの色 (色)
- `screenColor`: 画面の色 (色)
- `radius`: 電話の角の半径 (数値)
- `screenRadius`: 画面コーナー半径 (数値)
- `scale`: サイズ (数値)
- `tiltAngle`: 傾斜角 (数値)
- `showDynamicIsland`: カメラのカットアウトを表示 (オン / オフ)
- `floatLoop`: フロートループ (オン / オフ)
- `floatAmplitude`: フロート高さ (数値)
- `shadow`: 影 (テキスト)
- `fontFamily`: フォント (テキスト)
- `stageBackground`: 現場の背景 (テキスト)

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

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

snapcnのPhone Frameをベースに作成: https://snapcn.dev