動画編集

ピクチャインピクチャ動画の作成方法

更新日: 2022年10月12日

Heads up! This content is relevant for Clipchamp for personal accounts. Try this link If you're looking for information about Clipchamp for work accounts.

Clipchampは無料のオンライン動画エディターです無料で試す
この投稿を共有
An image of the picture-in-picture video layout.

ソーシャル メディアのフィードで誰よりも目立つ動画を作成したくありませんか?ピクチャインピクチャの動画レイアウトでは、2 種類以上のビデオや画像を同じビデオ フレーム内に表示させることができます。

新商品のデモ動画、学校向けのチュートリアル、スポーツのハイライトなど、ピクチャインピクチャのビデオ形式は、多くの情報を発信しながらエンターテインメント性の高い動画を作成するのに最適なツールです。

このページでは、ピクチャインピクチャのビデオ形式や、 Clipchamp を使ったロゴ、GIPHY ステッカー、テキストなどのエフェクトをオーバーレイとして重ねて表示させる方法を説明していきます。

ピクチャインピクチャ動画とは?

ピクチャインピクチャは、同じビデオ フレーム内に 2 種類の動画、画像、またはアセットをオーバーレイとして重ねて表示させることができるビデオ形式です。ピクチャインピクチャのビデオ レイアウトにより、視聴者は異なるメディア アセットを同時に目にすることができます。

このマルチレイヤー編集機能を使えば、以下のような動画を作成できます。

Clipchamp でピクチャインピクチャのオーバーレイを使用する方法

ステップ 1.動画をインポートする、またはストック映像を選択する

自分で用意した動画、写真、オーディオをインポートするには、ツール バーの [メディア] タブにある [メディアのインポート] ボタンをクリックして、コンピューター上にあるファイルを参照するか、OneDrive に接続します。

メディアをインポートするユーザーの画像。

また、ビデオ クリップ、動画背景、ストック音楽などの無料のストック メディアを使用することもできます。 ツール バーにある [コンテンツ ライブラリ] タブをクリックし、[視覚効果] ドロップダウンの矢印をクリックしてから、動画、写真、または背景を選択します。検索バーを使えば、さまざまなストック カテゴリの中から検索することもできます。

ストック動画を追加するユーザーの画像。

メディア タブ内にあるメディア ファイルを、タイムライン上にドラッグ アンド ドロップしてください。タイムライン上で、2 種類の動画が上下に並んで表示されていることを確認してください。ピクチャインピクチャとして最前面に表示させたい動画は、タイムラインで他の動画よりも上に配置してください。

タイムラインに 2 本の動画を追加するユーザーの画像。

ステップ 2. ピクチャインピクチャ動画レイアウトの適用

指定の動画をオーバーレイとして設定するには、 フリー ツール バー上にある 3 つの点をクリックしてください。 次に [ピクチャインピクチャ] をクリックし、動画を表示させる位置を [左上]、[右上]、[左下]、[右下] から選択してください。

ユーザーがフリー ツール バーのピクチャインピクチャ ボタンをクリックする様子の画像。

動画クリップはプレビュー上で自由に動かすことで、表示位置を変更することができます。 また、ピクチャインピクチャの動画レイアウトは、動画クリップの角を動かすことで調整することもできます。

フリーハンドで動画オーバーレイのサイズと位置を編集しているユーザーの画像。

ステップ 3. 動画の編集

メディア アセットの長さをトリミングする

動画の 尺のトリミングは、緑色のバーを移動させることで簡単にできます。 タイムライン上で動画をクリックすると、緑色の枠で囲まれます。緑色のバーを左方向に動かすことで、動画の尺をトリミングできます。また、 複数アイテム編集機能を使えば、複数のアセットを同時にトリミングすることもできます。

タイムライン上で動画をトリミングするユーザーの画像。

フィルターを追加して動画のビジュアルをカスタマイズする

フィルターを追加するには、タイムライン上の動画をクリックして、緑色の枠で囲まれた状態にしてからプロパティ パネルの [フィルター] タブをクリックします。 ここでは、さまざまなフィルターを動画に適用させることができます。各フィルターにマウスポインターをホバーさせるとプレビューを見ることができ、クリックすることでそのフィルターが適用されます。

ユーザーがプロパティ パネルの [フィルター] タブを使って動画にフィルターを追加する様子の画像。

テキストとタイトルを追加する

テキストを追加するには、ツール バーの [テキスト] タブをクリックし、 タイトルのオプションをスクロールして最適なテキストを見つけます。 選択したタイトルを、タイムライン上の動画メディアの上にドラッグ アンド ドロップします。テキストをカスタマイズするには、プロパティ パネルの [テキスト] タブをクリックしてください。

ユーザーが動画にテキストを追加する様子の画像。

ステップ 4.動画のプレビューと保存

新しいピクチャインピクチャ動画を保存する前に、[再生] ボタンをクリックして動画のプレビューを行ってください。 保存を実行する場合は [エクスポート] ボタンをクリックし、動画の解像度を選んでください。最高の画質を維持するには、すべての動画を解像度 1080p で保存することをおすすめします。有料版をご利用の方は、4K 解像度での保存が可能です。

動画を保存するユーザーの画像。

詳細については、こちらの ヘルプ記事をご覧ください。

オーバーレイ効果で動画をカスタマイズする

フレーム オーバーレイで動画の質をアップ

点滅するネオンや装飾的なビンテージ風のフレームなどの フレーム オーバーレイを使えば、動画のビジュアルを高めることができます。 動画フレームもピクチャインピクチャのビデオ形式の 1 つで、動画や画像の上にフレームを重ねて表示させることができます。また、動画を 分割画面形式で表示させることもできます。

A GIF of the frame overlay in Clipchamp.

ロゴやウォーターマークでカスタマイズ

統一したブランディングで認知度を高めたい場合は、 ブランド キットを使ってロゴ画像をアップロードし、オーバーレイとして動画上に表示させることができます。 ロゴの透明度を上げれば、透かし画像であるウォーターマークの作成も容易です。

A GIF of the logo overlay in Clipchamp.

GIPHY のリアクションやステッカーでユーモアを演出

GIPHY のリアクションやステッカーをオーバーレイとして採用すれば、動画に個性とスタイルを加えることができます。 文言のステッカーや字幕を表示させることで動画情報のクオリティーを上げたり、面白い GIPHY のミームを使うことでリアクションの程度を高めることができます。

A GIF of a GIPHY sticker overlay in Clipchamp.

キャプションと字幕で洗練された動画を

さまざまなスタイルの アニメーションテキストのオーバーレイ、自動キャプション、 字幕などを入れることで、動画の伝わりやすさがアップします。 文字は動画のイメージに合ったフォント、色、サイズ、表示位置などの自由な選択ができます。

A GIF of the subtitles overlay in Clipchamp.

ピクチャインピクチャ機能に関する詳細なヘルプは、YouTube のチュートリアル動画をご覧ください。

よく寄せられる質問

動画は何本まで同時にオーバーレイさせることができますか?

タイムライン上で同時にオーバーレイさせることができるアセット数に上限はありません。オーバーレイは、プロフェッショナルかつシンプルなスタイルをおすすめします。

フィルターもオーバーレイですか?

いいえ。フィルターは、色やトーンなどの外観を編集するために動画クリップに追加する効果です。オーバーレイでは動画の外観は変わらず、別のレイヤーが追加されます。Clipchampでは、無料ユーザーでも有料ユーザーでも、フィルターとオーバーレイの両方を編集に活用できます。

動画オーバーレイは透明ですか?

いいえ、オーバーレイは透明なレイヤーではありませんが、不透明度を編集してオーバーレイを透明に見せることはできます。不透明度スライダーを左右に動かすだけで、不透明度を調整できます。透明なオーバーレイを編集できるこの他のオプションは近日公開予定です。

グリーンスクリーンはオーバーレイですか?

いいえ。Clipchampのグリーンスクリーン効果は、オーバーレイではなくフィルターです。ただし、2つのアセットを重ね合わせてグリーンスクリーンフィルターをオーバーレイとして使用することはできます。

Clipchamp のピクチャインピクチャビデオ形式を使えば編集のスキルが上がり、プロフェッショナルな動画の作成が可能です。

他のビデオ形式にも興味をお持ちですか?分割画面の動画作成方法YouTube のリアクション動画をご覧ください。

Clipchampブログの他の記事

スプリット画面動画の作り方

2023年8月14日
さまざまな動画クリップ、視点、アクションを一度に紹介したいですか? スプリット画面動画編集テクニック で複数の動画クリップを同じフレームで再生します。 Web カメラで撮影した動画で…

Clipchampのオーディオビジュアライザーで動画を作る方法

2022年11月3日
動画編集の経験がなくてもコンテンツをレベルアップでき、ミュージック動画やポッドキャスト動画の作成に最適なツール、Clipchampの無料のオーディオビジュアライザーは、動画のオーディオに合わせ、写真や動画に重ねられるアニメーション化された音波を自動生成します。オーディオビジュアライザーの色、サイズ、位置などをカスタマイ…

オーディオの速度を変更する方法

2024年1月25日
BGM をもっと遅くしたい、または MP3 の速度を上げたいけれども、動画サウンドのピッチが変わらないようにしたいという場合は、 オンライン速度セレクターを使用してオーディオの速度を簡単に調節することができます。…

Clipchamp を使用して、動画を無料で作成しましょう

It looks like your preferred language is English