当サイトはアフィリエイト広告(Amazonアソシエイト含む)を利用しています

動画のピクチャーインピクチャー(PiP)のやり方を解説

動画編集テクニック

ゲーム実況で画面の隅に自分の顔を映したり、チュートリアル動画で画面操作と解説者のワイプを同時に表示したり。こうした「画面の中に小さな画面を表示する」手法が、ピクチャーインピクチャー(PiP)だ。

PiPはYouTubeやSNS動画で非常にポピュラーな演出テクニックで、視聴者にとってわかりやすい動画を作るために欠かせない。この記事では、PCソフトやスマホアプリを使ってPiP動画を作る具体的な手順を、初心者にもわかりやすく解説する。

ナビ助
ナビ助
PiPってゲーム実況やプレゼン動画でよく見るよね!作り方はすごくシンプルだから安心して!

ピクチャーインピクチャー(PiP)とは

ピクチャーインピクチャーとは、メインの映像の上に別の小さな映像を重ねて表示する技術のことだ。テレビのワイプ(出演者のリアクションを小窓で映す演出)と同じ仕組みで、動画編集ソフトのレイヤー(トラック)機能を使って実現する。

PiPが使われる主なシーンとしては、以下のようなものがある。

ゲーム実況・配信:ゲーム画面をメインに表示し、実況者のWebカメラ映像を画面の隅に小さく配置する。視聴者はゲーム画面を見ながら実況者のリアクションも楽しめる。

チュートリアル・解説動画:PCの操作画面をメインに映し、解説者の顔を小窓で表示する。操作方法と解説を同時に伝えられるため、視聴者の理解度が格段に向上する。

プレゼンテーション動画:スライドをメインに表示し、発表者の顔を小窓に配置する。オンラインセミナーの録画にもよく使われるスタイルだ。

比較動画:2つの映像を並べて同時に見せたいとき、一方をメインに大きく表示し、もう一方をPiPで小さく表示する手法もある。

いずれのパターンでも、小窓に自分を映すなら映像の入り口になるのがWebカメラだ。小さく表示される分、解像度に余裕があるモデルを選んでおくと縮小しても粗さが目立ちにくい。

関連商品をCheck!!👉 「フルHD Webカメラ」を見る
Amazon 楽天

PCソフトでPiP動画を作る方法

Premiere ProでのPiP作成手順

Premiere ProでPiP動画を作るのは非常に簡単だ。以下の手順で進めよう。

ステップ1:素材の配置

メインの動画をV1トラックに、小窓に表示したい動画(Webカメラ映像など)をV2トラックに配置する。タイムライン上では上のトラックが前面に表示されるため、PiPにしたい映像は必ず上のトラックに置く。

ステップ2:サイズと位置の調整

V2のクリップを選択し、エフェクトコントロールパネルの「モーション」セクションで「スケール」を25〜30%程度に縮小する。「位置」の数値を変更して、画面の右下や左上など好みの場所に配置する。プログラムモニター上で直接ドラッグして位置を調整することもできる。

ステップ3:枠線やドロップシャドウの追加

PiPの小窓に枠線を付けたい場合は、「クロップ」エフェクトと「カラーマット」を組み合わせるか、Premiere Proのエッセンシャルグラフィックスで図形を作成して小窓の背面に配置する方法がある。ドロップシャドウは「ドロップシャドウ」エフェクトをV2クリップに適用するだけで追加できる。

ナビ助
ナビ助
Premiere Proだと、ドラッグ操作で直感的にサイズも位置も変えられるよ!プレビュー見ながら調整してね。

DaVinci ResolveでのPiP作成手順

DaVinci Resolveでも同様にPiP動画を作成できる。メインの動画をトラック1に、PiP素材をトラック2に配置し、トラック2のクリップを選択して「インスペクタ」パネルで「変形」の「ズーム」と「位置」を調整するだけだ。無料版でも制限なく使える機能なので、コストをかけたくない方にもおすすめだ。

公式サイト:DaVinci Resolve公式

機能が多いソフトなので、PiP以外の使い方まで一通り押さえたいなら解説書を1冊そばに置いておく方法もある。

関連商品をCheck!!👉 「DaVinci Resolve 解説書」を見る
Amazon 楽天

Filmoraでの簡単PiP作成

Filmoraには専用の「ピクチャーインピクチャー」テンプレートが用意されている。PiPにしたい動画を上のトラックにドラッグ&ドロップし、プレビュー画面でサイズと位置を調整するだけで完成する。角を丸くしたり、枠線を追加したりする装飾も簡単に行える。初心者が最も手軽にPiP動画を作れるソフトの一つだ。

スマホアプリでPiP動画を作る方法

CapCut(無料)

CapCutではメインの動画を読み込んだ後、「オーバーレイ」機能でPiPにしたい動画を追加する。追加した動画はプレビュー画面上でピンチ操作でサイズを変更し、ドラッグで位置を移動できる。角の丸み調整や不透明度の変更も可能だ。無料でここまでの編集ができるのは驚きだ。

PowerDirector

PowerDirectorアプリでもマルチトラック編集が可能で、PiP動画を簡単に作成できる。動画をオーバーレイとして追加し、サイズ・位置を調整するだけだ。キーフレームアニメーションにも対応しているため、PiP小窓を途中で移動させたり、フェードイン・フェードアウトさせたりする演出も付けられる。

InShot

InShotの「PiP」機能を使えば、メイン動画の上に別の動画や写真を重ねて表示できる。操作がシンプルなので、スマホで手軽にPiP動画を作りたい場合におすすめだ。

ポイント

PiPの小窓は、メインコンテンツの重要な情報(テロップや操作ボタンなど)を隠さない位置に配置しよう。一般的には画面の右下か左下が視聴の邪魔になりにくい。

小窓は面積が小さいぶん、暗く映ると表情が読み取りづらくなる。顔まわりに光を足せる卓上ライトを用意しておくと、縮小表示でも印象が変わる。

関連商品をCheck!!👉 「リングライト」を見る
Amazon 楽天

PiP動画をきれいに仕上げるコツ

小窓のサイズは画面の20〜30%程度に

PiPの小窓が大きすぎるとメインの映像が見づらくなり、小さすぎると何が映っているかわからなくなる。画面全体の20〜30%程度のサイズに設定すると、バランスがよい。表情が重要なゲーム実況などでは少し大きめ(25〜35%)にするのも効果的だ。

小窓の形を工夫する

四角形だけでなく、角を丸くした形や円形に切り抜くと、動画全体の印象が柔らかくなる。Filmoraでは形状テンプレートが用意されているし、Premiere Proでもクロップとマスクの組み合わせで円形PiPを作ることができる。

表示・非表示のタイミングを工夫する

PiPの小窓をずっと表示し続ける必要はない。重要な場面でだけ表示するようにすれば、メインの映像を広く使えるし、小窓が表示されたときのインパクトも大きくなる。フェードイン・フェードアウトやスライドインなどのアニメーションを付けると、表示・非表示の切り替えもスムーズになる。

音声のバランスに注意

PiP動画では2つの映像の音声が重なるため、音声のバランス調整が重要だ。通常はメインの映像の音声をそのまま使い、PiP側の映像は音声をミュートにするか音量を大幅に下げる。ゲーム実況ならゲーム音がメイン、Webカメラのマイク音声は別トラックで管理するとよい。

Webカメラ内蔵マイクは周囲の音も拾いやすいため、声を独立したトラックで扱うなら外付けマイクを使う人が多い。アーム付きなら口元との距離も調整しやすい。

関連商品をCheck!!👉 「配信用マイク」を見る
Amazon 楽天
ナビ助
ナビ助
PiPのコツは「目立ちすぎず、存在感はしっかり」のバランスだよ。サイズと位置に気をつければバッチリ!

OBS Studioでリアルタイム配信時にPiPを設定する方法

ライブ配信でPiPを使いたい場合は、OBS Studio(無料)が便利だ。OBSではソースを複数追加して重ね合わせることでPiPレイアウトを実現できる。

ステップ1:OBS Studioを起動し、シーンを作成する。ソースの「+」ボタンから「ゲームキャプチャ」や「ウィンドウキャプチャ」でメインの画面を追加する。

ステップ2:次に「映像キャプチャデバイス」でWebカメラを追加する。このソースが自動的にメイン画面の前面に表示される。

ステップ3:Webカメラのソースをクリックし、赤い枠のハンドルをドラッグしてサイズを縮小し、画面の隅に移動させる。

設定した配信レイアウトはシーンとして保存できるため、配信のたびに設定し直す必要はない。

なお、家庭用ゲーム機の画面をメインに置きたい場合は、映像をPCに取り込むための機材が別途必要になる。HDMI接続のキャプチャーボードが定番の選択肢だ。

関連商品をCheck!!👉 「キャプチャーボード」を見る
Amazon 楽天

よくある質問(Q&A)

Q. PiPの小窓を動画の途中から表示・非表示にするには?

A. タイムライン上で、PiP用クリップの開始位置と終了位置を調整するだけで、表示タイミングを制御できる。フェードを付けたい場合は、クリップの端にトランジションを適用するか、不透明度のキーフレームを使おう。

Q. 3つ以上の映像を同時に表示できる?

A. 可能だ。トラックを3つ以上使えば、複数のPiP小窓を同時に表示できる。テレビのバラエティ番組のように複数のワイプを表示したい場合に使えるテクニックだ。ただし、画面が煩雑になりすぎないよう注意しよう。

Q. PiPの小窓を動画の途中で移動させることはできる?

A. キーフレームアニメーションを使えば可能だ。Premiere ProやDaVinci Resolveでは、タイムライン上の任意のポイントにキーフレームを打ち、位置やサイズを変更することで、小窓を滑らかに移動させたりサイズを変化させたりできる。

PiP動画を配信プラットフォームに合わせて最適化する

YouTube向け

YouTubeでは16:9の横長動画が標準だ。PiPの小窓は画面の右下に配置するのが主流で、テロップやエンドカードと重ならないよう注意しよう。ゲーム実況の場合、小窓のサイズは画面の20〜25%程度にすると、ゲーム画面とのバランスがよい。

TikTok・Instagram Reels向け

縦動画(9:16)でPiPを使う場合、画面の上部にメイン映像、下部に小窓を配置するパターンが多い。または画面分割(スプリットスクリーン)にして上下に2つの映像を並べるレイアウトも人気だ。縦動画ではメイン映像の情報量が限られるため、小窓は控えめなサイズにするのがポイントだ。

オンライン授業・セミナー向け

スライドをメインに表示し、講師の顔を小窓で表示するレイアウトが一般的だ。小窓のサイズは画面の15〜20%程度で十分。スライドのテキストが読みやすいよう、小窓が重要な情報に被らない位置に配置しよう。

PiP動画は視聴者にとってわかりやすく、エンゲージメントの高い動画を作るための基本テクニックだ。無料ソフトでも簡単に実現できるので、ぜひ動画制作に取り入れてみてほしい。

📦 この記事で紹介した商品

👉 「フルHD Webカメラ」を見る
Amazon 楽天

👉 「DaVinci Resolve 解説書」を見る
Amazon 楽天

👉 「リングライト」を見る
Amazon 楽天

👉 「配信用マイク」を見る
Amazon 楽天

👉 「キャプチャーボード」を見る
Amazon 楽天

参考:FilmoraのPiP設定ガイド / OBS Studio公式 / DaVinci Resolve公式

タイトルとURLをコピーしました