アニメーション 3D ステレオ写真
ステレオ写真は、2 つの通常の 2D 画像を使用して 1 つの 3D 画像を作成します。この効果を実現するにはいくつかの方法がありますが、ほとんどの場合、3D メガネや特別なディスプレイ デバイスが必要です。この記事では、通常のデジタル カメラと写真編集ソフトウェアだけを必要とするテクニックに焦点を当てます。以下に示すように、2 枚の別々の写真を 1 つのアニメーション画像 (多くの場合、標準の GIF 形式を使用) に結合することによって機能します。これは明らかにすべての写真に推奨されるわけではありませんが、別の外観を作成したい場合に実験するのは確かに楽しいトリックです.


上の各画像の上にマウスを移動すると、3D 効果が表示されます。
StereoPhoto Maker (左) と Jim Gasperini (右) の厚意による画像。
概要:3D ビジョンとデュアル カメラ
私たちの目は、わずかに異なる視点からオブジェクトを見るため、奥行きを (部分的に) 認識します。いずれかの目を通して見た場合、前景のオブジェクトは背景のオブジェクトよりもはるかに多くの位置を変更します。指を前に出し、背景に焦点を合わせます。どちらかの目で見たときに、この指が左右にどのように移動するか (「視差」と呼ばれます) に注目してください。次に、この指を近づけてみると、以前よりもさらにずれているように見えることに注目してください。
標準的なステレオ写真は、単純に私たちの目を模倣したものです。異なる位置で撮影された 2 枚の写真で構成されています。分離が大きいほど、3D 効果が大きくなり、前景のオブジェクトが背景に対して相対的にずれて表示されます。

ただし、カメラのレンズの画角は私たちの目とは異なることが多いため、それに応じて分離距離を変更する必要がある場合があります。それ以外では、ほとんどの 3D 技術では、実際の違いは画像を組み合わせる方法にあります。ただし、この記事では 1 つの例外について説明します:アニメーション化された「揺れる」画像です。
アニメーション化された 3D「ぐらつき」画像の仕組み
それぞれの目が別々の写真で見るものを模倣しようとする代わりに、ぐらつきのある画像は両方を模倣することによって機能します オブジェクトに焦点を合わせ、頭を左右に動かすと、目が見えます。次に、私たちの脳は、オブジェクトが互いにどのように動くかを解釈し、これを自動的に奥行き感に変換します。
![]() | |
画像 1 | 画像 2 |
![]() | |
アニメーションを開始 | アニメーションを停止 |
画像提供:Jim Gasperini
ウォブル画像との主な違いは、前景と背景の両方が大きく動くのに対し、中央/被写体は静止したままであることが多いことです。上の例では、中央と右端の木製の支柱がほぼ同じ位置にあることに注意してください。これにより、画像がぐらつくとわずかに回転しているように見えます。
ステージ 1:ステレオ写真の撮影方法
アニメーションの 3D 画像または「ゆらぎ画像」を作成するには、通常の 3D 画像とはキャプチャ方法が少し異なります。平行な視線で 2 つの画像をキャプチャする代わりに、ウォブル画像を使用すると、視線が実際に収束します。これは、次の手順を使用して取得できます:

(1A) 近く、中間、および背景のオブジェクトにまたがる構図を識別します。主題を動かすことは避けてください。
(1B) 各カメラ位置で静止しているように見える距離/オブジェクトを選択します。
(1C) 1B で選択した距離でのオブジェクトの正確な位置に注意を払いながら、最初の写真を撮影します。
(1D) カメラを約 4 ~ 12 インチ* 左に動かし、視線をわずかに右に回転させ (またはその逆)、1B のオブジェクトがカメラ フレーム内の 1C と同じ場所に来るようにします。 これはプロセス全体の中で最もトリッキーなステップであり、多少の練習が必要になる可能性があります .
*変位距離に関する注意 .焦点距離、対象物までの距離、画面上の表示サイズに応じて、さまざまなディスプレイスメントを試してみることをお勧めします。必要な変位距離 | |
---|---|
焦点距離の場合 増加します。 . . | 減少 |
被写体距離の場合 増加します。 . . | 増加 |
表示サイズ時 増加します。 . . | 減少 |
広角写真は通常、被写体にかなり近づいて撮影されることに注意してください (「広角レンズの使用」を参照)。被写体が近くにあるほど変位は少なくて済みます。そのため、実際には、広角レンズと望遠レンズで変位を大きく変える必要はありません。
多くの場合、変位距離を決定する最も簡単な方法は、カメラを前後に動かすことです。ビューファインダー/LCDに表示される動きに満足するまで。幸いなことに、それを正確に取得する必要はありません。ただし、極端な場合、ディスプレイスメントが少なすぎると 3D 効果が失われ、大きすぎるとアニメーションが 2 つの異なる 2D イメージとして表示されることがあります。いずれにせよ、2 枚以上の写真を撮ることをお勧めします。これにより、ホーム コンピューターの画面に表示される変位がどの程度大きいか小さいかを試すことができます。
ステージ 2:3D アニメーション GIF 画像の作成方法
以下の手順は Photoshop の場合を示していますが、他の多くの画像編集プログラムでも機能します。一般に、ソフトウェアは (i) レイヤーと (ii) アニメーション GIF ファイルの保存をサポートするだけで済みます。また、StereoPhoto Maker と呼ばれる無料の自動化プログラムもあります。とにかく、一般的な手順は次のとおりです。
(2A) 画像の 1 つを 2 番目のレイヤーとして他の画像の上に貼り付けます:

(2B) 上のレイヤーの不透明度を 50% に変更し、1B で選択したオブジェクトが下のレイヤーと同じ位置になるように微調整します。次に、上部の不透明度を 100% に戻します。この手順は必ずしも必要ではありませんが、上記の 1D からのエラーを最小限に抑えるのに役立ちます。


これらの前後にオブジェクトが表示されますぼやけ
(異なる位置)。
(2C) Photoshop でアニメーション ウィンドウを開きます (ウィンドウ> アニメーション)。次に、下の赤い丸で囲まれたボタンをクリックして、アニメーションの 2 番目のフレームを作成します。

(2D) フレーム 1 を選択し、一番下のレイヤーのみが表示されるようにします (以下の赤丸で示されているように目のアイコンを設定します)。次にフレーム 2 を選択し、今度は一番上のレイヤーのみが表示されるようにします (またはその逆)。 /P>
(2E) フレーム間の遅延時間を設定します。通常、アニメーション化された立体画像は、0.1 秒の値で最もよく表示されます (右上の画像を参照)。上の再生ボタンをクリックして、アニメーションをテストできます。
(2F) 満足のいく効果が得られたら、[ファイル]> [Web およびデバイス用に保存...] をクリックし、右上のドロップダウン メニューから [GIF] を選択して、画像をアニメーション GIF ファイルとして保存します。これで、任意の画像ビューアー、電子メール クライアント、または Web ブラウザー内で 3D 効果を確認できるはずです。
3D 写真を作成して表示する別の方法
3D 写真を組み合わせて表示するには、さらに洗練された方法がいくつかありますが、上記の「ゆらぎ画像」の例のような普遍的な表示機能はありません。最も一般的な方法は次のとおりです。

画像ペア
クロス フォーカス

クロス フォーカス

合成画像
赤/青の 3D メガネ

合成画像
偏光 3D メガネ
上記の画像は、各方法が 2D でどのように見えるかを説明するためのものです。
これらを 3D で表示しようとしないでください。このサイズやディスプレイでは機能しないためです。
- クロス フォーカス表示のステレオ画像ペア .これには、各画像を並べて配置し、焦点が合っていない状態で表示するだけです。正しく行うと、各画像は 2 倍に見えますが、元の各写真の 1 つの画像が重なって中央の 3D 画像を形成します。ただし、これはマスターするのが最も難しく、不自然な表示テクニックでもあります。
- ステレオグラム .これらは、クロス フォーカス画像ペアよりもわずかに見やすいですが、3D 画像の色を再現しません。
- 赤/青の 3D メガネで表示できる赤/青の合成画像 (「アナグリフ」) .これは見やすく、古い 3D 映画が表示された方法ですが、新しい偏光 3D 映画 (下記) のように色が常に自然に表示されるとは限りません。
- 偏光 3D メガネで表示可能なオーバーレイされた偏光画像 .これは現在 3D 映画の標準であり、間違いなく最高の結果を生み出しますが、洗練されたディスプレイ デバイスに加えて特別な眼鏡が必要です。
幸いなことに、上記の手法との主な違いは、それらがどのように表示/表示されるかであり、必ずしもそれらがどのようにキャプチャされるかではありません。 2 つの立体画像を保持している限り、技術の向上に伴い、それらの結合方法を変更できることがよくあります。


