【初心者でも簡単】プロジェクションマッピング映像マスクの手順:インストーラのためのノウハウ

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る
DSC 2552 1

プロジェクションマッピングには様々な方法がありますが、ここでは最も簡単な手順を説明します。このマニュアルでは、複雑な形状のオブジェクトに対して、ぴったりサイズで映像を投影する方法を解説します。

3348839628bda194805e8899f15779d1
今回は写真のような立体物の一面に5角形のマスクを作って投影する方法の紹介です。

事前準備

  1. オブジェクトを設置予定位置に設置してください.
  2. プロジェクターを設置し、微調整のみで済む状態にしておいてください.

手順1:グリッド画像の投影と調整

cb73b683a9c128b6224416e04a540954
画像は模型ですが設置したと仮定します
  1. プロジェクターからグリッド画像を投影します(調整用の素材で構いません).
  2. オブジェクトの投影に必要な面が、グリッドの内側にきれいに収まっていることを確認してください.
  3. 解像度を最大限に活かすため、ズームやシフト機能を使って投影面ギリギリまで調整してください.
1920x1080calibrationimage2
今回使用グリッドは2048×1536ドットを1920×1080ドットHDに切り出したものを使っています。

手順2:オブジェクトの撮影

  1. プロジェクターのレンズの近くから、スマートフォンなどでオブジェクトを撮影します
  2. 撮影時の注意点:
    • 広角レンズよりも標準またはズームレンズなど、歪みの少ないレンズを使用してください
    • 手ブレによるピンボケを防ぐため、三脚や本体にみったりくっつけるなどで固定して撮影してください。
DSC 2553
写真のオブジェは許家維+張碩尹+鄭先喻”浪のしたにも都のさぶらふぞ”で使用したオブジェです。
aa1efc93dad520a776bf35919739f9d3
ポイントはプロジェクターレンズ位置とスマホカメラレンズは近いところから撮影

手順3:マスク画像の作成(Photoshop)

台紙の準備

  1. Photoshopなどの画像編集ソフトを開きます
  2. 予定の素材サイズ(例:HD=1920×1080ピクセル)で台紙を用意します
  3. Photoshopで投影に使ったグリッド画像を開き、新しいレイヤーを作成します
phtomap mask1
Photoshopで投影に使ったグリッド画像を開き、新しいレイヤーを作成します

写真の配置と変形

1. 先ほど撮影した写真をPhotoshopで開き、台紙の上に貼り付けます

2. 画像を変形(自由変形)させます:

  •  Windows: Ctrl+T (Mac Command+T)変形モード(自由変形)に入り、Ctrl (Mac Command)を押しながら四隅の点をドラッグ

3. 写真内のグリッドの四隅が、台紙の四隅にぴったり合うようにスマートオブジェクトのサイズ変更、回転、ゆがみなどの調整します。

phtomap mas2
2.撮影した画像レイヤに張り付けて透明度を70%に
phtomap mas3
撮影した画像レイヤに張り付けて透明度を70%に、変形ツールで調節。

マスクの作成

  1. 撮影した画像レイヤに張り付けて透明度を70%に
  2. ペンツールや選択ツールを使って、投影したい形状を正確に選択します
  3. 選択範囲を反転し、外側をバケツツールで黒色に塗りつぶします
  4. 重要: 選択範囲を「選択範囲→選択範囲をぼかす」で3ピクセル程度ぼかすと、エッジが滑らかに仕上がります
  5. 元の写真レイヤーを削除し、透明状態にします
phtomap mas4
上の画像はわかりやすいように赤色で表現しています。」

マスク画像の書き出し

  1. 「ファイル→書き出し」から画像を保存します
  2. 注意: JPEG形式では透明領域が保持されないため、必ずPNG形式など透明領域に対応した画像形式を選択してください
phtomap mas6

手順4:編集ソフトでの仕上げ

  1. 作成したマスクを動画編集ソフトに読み込みます
  2. 投影予定の映像素材の上に新しいレイヤーを作成し、マスク画像を配置します
  3. レンダリングを実行すれば、プロジェクションマッピング用の映像が完成します
phtomap mas ed
“浪のしたにも都のさぶらふぞ”で使用された動画ではありません。今回のドキュメント用にダミーの画像を配置しています。

手順5:最終調整

  1. 実際にプロジェクターから投影して確認します
  2. 若干のズレや光漏れがある場合は、プロジェクターのリモコンでズームやシフトをわずかに調整してください

この方法を使えば、どんなに複雑な形状のオブジェクトにも、簡単にプロジェクションマッピングを行うことができます。ポイントはプロジェクターのレンズ付近からオブジェを撮影することです。

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

SNSでもご購読できます。