All Articles After Effects
視差チュートリアル:Photoshopで3Dに2D
Richard Lainhart on Wed, April 6th | 0 comments
Hello, sailors, and welcome to New York! These guys, probably shot in the 1930s, are going to help us learn how to bring static 2D images into an animated 3D space with Photoshop and After Effects. It

こんにちは、船員、そしてニューヨークへようこそ!おそらく1930年代に撮影されたこれらの人は、、私達が使ったアニメーション3D空間に静的2次元画像を実現する方法をわかりやすくしようとしているPhotoshop and にAfter Effects 。それは実際にビデオや映画の中で静止画のすべての種類のプレゼンテーションを盛り上げるのに役立つ有用かつ効果的なテクニックです。我々は、After Effectsで3D空間で作業できるようにPhotoshopで画像を事前処理することにより、開始するつもりだし、効果を誇示するためにシンプルなカメラアニメーションを作成します。

There will be quite a few steps in the first of this two-part tutorial, so let's get started.

ステップ1 - Photoshopで画像を開く

This 2D/3D techniqueは、強力な前景要素またはmidground simplerと背景の要素に対する要素を持つ画像で最適に動作します。私は私が仕事に行くのだというニューヨーク港に入ってくる船員のこの古いパブリックドメインの写真をオンラインで見つかりました:

あなたはmidground水と背景の街並みに対して、ほとんどの部分は、船員がフォアグラウンドでフォーカスされてよくなると強く概説ことがわかります。もちろん、お好きな画像を使用して、しかし心にこれらの条件に耐えることができる。また、できるだけ高解像度のようなイメージで動作するようになるでしょう - 私は1000 × 1400ピクセルです。このチュートリアルを通して、私はこのイメージで作業し、あなた自身の同じようなイメージを持っていると仮定するつもりです。

ステップ2 - 船員の選択

次のステップは、船員の選択を行うと、それらを背景から切り出すことです。 After Effectsでこの効果を作成するために、我々はお互いから前景、midground、および背景の要素を分離し、Photoshopで独自のレイヤーごとにそれぞれ1つを置くために必要になるだろう。その後、After Effectsで、それぞれの層は、我々のカメラをアニメートするときに、視差は奥行きの錯覚を作成するように、3D空間内の別の位置に独自の平面上に配置する予定です。

我々は、オブジェクトの相対距離を知覚することができる方法視差が本質的である。我々は2つ​​の目を持っているので、我々はビジョン私たちのフィールドにあるオブジェクトは僅かに異なる二つの画像を、僅かに異なる二つの角度からの、してください。近くに私たちの目に、オブジェクトの相対的な視野角、または視差は、遠くのオブジェクトよりも大きい、と我々の脳は、オブジェクトが離れて近づくかそれ以上かどうかを判断するためにその情報を使用してください。さらに、私たちの目が動いているときに、前景にあるオブジェクトは、すべてのオブジェクトが静止している場合でも、バックグラウンドでオブジェクトへの相対的な大きな距離を移動するように見えます。我々は効果が、かつて我々は正しく我々の層を設定した後でシミュレートできます現象はこれだけです。

しかし、最初に我々の層を設定する必要があります。ので、レイヤーパレットで画像を選択し、そのレイヤーを複製する - 私は重複層"船員"と呼んでいます。その後、それぞれ、それらの"水"と"都市"と呼ぶ、かつて各midgroundと前景レイヤーのため、二度より多くのレイヤーを複製し、すべての可視性が船員のレイヤーをオフにします。

今私達はちょうど船員の選択を作成するために、これらの船員を概説する必要があります。そこにこれには、いくつかのアプローチがありますが、あなたはおそらく船員を概説するいくつかの異なる選択ツールを使用する必要があります。

かなり低い許容値に設定されて魔法の杖、から始めて、そして船乗りのユニフォームの黒の領域をクリックすることから始めます。

その後、Shiftキーを押しながら船員をクリックして継続することにより、その選択範囲に追加します。選択が水の中に実行されるケースでは、 元に戻す]を押すと、どこかしてみてください。あなたが成功したばかりの船員のそれ以上を選択することができないときは、長方形選択ツールに切り替えて、船員の画素内に大きな領域を選択します。あなたはあまりを選択すると、常にどちらかの取り消しまたは過剰選択の周りにドラッグ中にOptionキーを押したままに切り替え-任意の選択ツールでオプション-選択は、既存の選択範囲からピクセルを削除します。

あなたがそれを置き換えるのではなく、現在の選択範囲に追加できるようにドラッグしながらShiftキーを押したままにすることを忘れないでください。最後に、あなたは船乗りの帽子の縁を慎重に追跡しなければならない点に到達するときに、なげなわツールに切り替えると、必要に応じて画像上でズーム、ShiftキーまたはOptionキーを押しながらドラッグ船乗りの選択を確定することで:

あなただけの船員が概説されているときに、 選択を選択して選択を保存

あなたがチャンネルパレットで確認すると、アルファチャンネルとして選択したが表示されます。

我々は正常に自分のバックグラウンドから船員を分離されました。次に我々は、水やスカイラインにも同じことを行う必要があります。

ステップ3 - 水の選択

今では私達がうんざりするほど、そこから水を分離するために再び船員をトレースするために持っていることを最初に見えるかもしれませんが、我々は既にその一度だけ行ってきたので、我々は再びする必要はありません。船員のレイヤーの可視性をオフにし、水層をオンにして起動します。 [ 選択]を選択します。

反転船員の選択により、我々はそれを選択すると、我々はそれによって私たちにそれらを再度トレースの手間が省ける、船員ではない水の層のすべてのものを選択することに。次に、選択ツールを取得しにちょうど水線上の画像の上部にあるすべての方法から、街の上にオプションキーを押しながらドラッグ 。水の選択を絞り込むためになげなわと最後に、Option +ドラッグ

セーラーの選択と同様に、 選択 ]を選択

ステップ4 - 都市を選択

Next, as you might guess, we need to select the city part of the image. Turn off the visibility for the Water Layer and turn on the City layer. Load the inverted Water Selection into the City layer to select everything except the water, then load the Sailors Selection, but use these settings:

選択範囲から減算を選択することにより、我々は、選択しただけで都市を残して、既存の逆水の選択からセーラーの選択を削除いたします - はトレースは必要ありません。前と同様に、"都市の選択"として残りの選択を保存します。

ステップ5 - 超過を削除

次に、3つのすべての非バックグラウンドレイヤーの可視性をオフにする、船員のレイヤーをオンにし、それを選択し、反転船員の選択( 選択をロードする

水についても同じ操作を行います:

と市の層:

、その選択をロードする前にレイヤーを選択する新規選択をするために、そして選択を反転してそれぞれの場合に確認すること。前景、midground、および背景 - - これで、各主要な画像の要素を持っている独自のレイヤーに分離。

ステップ6 ...

このチュートリアルのパート2はここで見つけることができます!

そんなに長く待つことができないのですか?よく、その間にあなたは私たちのチェックアウトすることができますPhotoshopのAfter Effectsのチュートリアルを。

Comments (0)

You must be logged in to comment. Login Now

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: