All Articles After Effects
視差チュートリアル:Photoshopで3Dに2D
Richard Lainhart on Sun, April 10th 0 comments
In Part 1 of our tutorial, we began the process of turning a static 2D image into a 3D animation by opening the image and isolating each major section of the image onto its own layer in Photoshop. In

私たちのチュートリアルのパート1 、我々は、画像を開いたりで、独自の層の上に画像の各主要なセクションを分離することにより、3Dアニメーションに、静的な2次元画像を変えるプロセス始まったPhotoshopを

In Part 2, we're going to continue in Photoshop to fill in the empty areas in the image left by isolating the sections. Then we'll move over to After Effects to put the layers into 3D space and complete the animation.

ステップ6 - ギャップを埋める

今トリッキーな部分はあなたのために十分な注意が必要ではなかった前に行った場合はどうすれば、来る。あなたは我々がAfter Effectsに、現在の状態で、このPhotoshopの画像を持参した場合、独自の3Dレイヤー上の空間内の各レイヤを分離し、カメラでレイヤーを移動し始めることを今で考え出したことが、我々はすぐに縮約形我々は前方にレイヤーをカット後方の層内の空スペースを参照してください。そして、あなたは右になると思います。

だから我々が何をする必要があるか私たちはどんなギャップが表示されないようにピクセルでイメージの欠落部分を埋めるために少し手の込んだPhotoshopの作品です。そのために、我々は、コピースタンプツールを使用します。コピースタンプツールで、我々は、画像の他の部分からピクセルを迎えに来ますと、各レイヤーの連続画像の錯覚を作成するために存在する輝度値消失領域にそれらをペイント。それは完璧ではないが、それは目を欺くために十分になります。

それが前面になるように我々は、船員の層を心配する必要はありません。しかし、我々は水と都市の層のギャップを埋める必要があります。水から始めましょう。他のレイヤーの可視性をオフにし、水層が選 ​​択されていることを確認し、 選択します (レイヤー内の任意の画素選択を無効にする

その後、クローンポイントを設定するには、水にどこかにOption -クリックし 、そして水のピクセルでイメージの空の領域でペイントを起動します。

幸いなことに、この水は非常に未分化なので、我々は、ピクセルまたは明らかなクローニングを繰り返すことについてはあまり心配する必要はありません。ちょうど別のポイントからクローンを作成し、ヒットしたことが、画像のエッジに注意する既存の水をピクセル単位で定期的にOption -クリックしてください。あなたには、いくつかのエッジをヒットしない場合は、単に別の場所からのピクセルでそれらを介してクローンを作成します。あなたの目的は、合理的に見える水で全体をカットアウト領域を埋めることです。

注:私はよく水線カットオフポイントを超えて水の中でクローン化した、その理由をすぐにわかります。

しかし、今のところ、我々は、水で完了です。

ステップ7 - 市のペイント

街の建物はより身近、定期的な図形であるため、これは、少しトリッキーですが、そこにペイントするほどではない、と我々はからクローンを作成する画像の他の建物の良好なストックがあります。我々はより詳細にペイントしているので、小さなブラシで始まる、25ピクセルまたはそう言うと、空の領域の外にもクローンポイントを選択。この層は、バックグラウンド内でよくなる、と我々は一般的な曖昧さや他の建物のセクションとのギャップを埋めるために、画像のこの領域の高いディテールを利用します。建物はこのような強力な水平線を持っているので、私は、唯一の水平ストロークで絵画を示唆するだろうが、私たちの新しいクローン化された建物にいくつかの建物の各部分を組み合わせることに何ら問題はありません。

前と同様にすべてのカットアウト領域が前と違って記入されるまでは、クローニングを続ける、しかし、我々は、喫水線下にクローンを作成する必要はありません。

これは確かに我々の目的のために働く - あなたがよく見ると、はの領域は塗り​​つぶさ、あまりにも目障りなものは何もいくつかの奇妙な建物を見ることができます。

変更を保存し、そして我々は、Photoshopで完了です! After Effectsの最後の手順はほぼ同じ時間がかかることはありません。そう、AEにオーバーバウンスとこれまでをラップしてみましょう。

ステップ8 - Photoshopファイルをインポートする

我々がAfter Effectsには、この複雑なPhotoshopファイルを持参するときに我々はハードワークのいずれかが失われないことを確実にしたいので、 ファイルを選択します。

ステップ9 - 3Dコンポジションを設定

私達はほとんどそこにです。我々は、元のPhotoshopファイルの各レイヤーは、今レイヤーパレットで元のレイヤー"透明性の情報、さらにはその順序など、新しいコンポジションに別のレイヤーになることを意味するコンポジションとしてのPhotoshopファイルをインポートした。

だから、新しいコンポジションをダブルクリックし、船員がトップ、中間の水、および下部の市になるように(この順序でまだ入っていない場合)は、そのレイヤーをドラッグします。 (あなたの層のいくつかが原因でその順序の表示されていた場合、これはそれを修正する必要があります。水は、しかし、おそらく、まだ我々が以前に描かれた余分なピクセルのため、都市をカバーします。)あなたがでオリジナルの背景を残すことができます参考のためなら

この時点では、船員が海で失われているように、我々はまだ街を見ることができないので、それはまだ、見えますが、我々はすぐにそれを修正する予定です。

次に、レイヤーを選択してカンプにカメラを追加

今、私たちは空間内のレイヤーを設定する準備が整いました。船乗りのレイヤーを選択、それは3つの位置のプロパティを持っていることをソロそのPositionプロパティを、ノートにタイプ"P" - X、Y、およびZのZは深さなので、のがにZ位置の値をドラッグして前方に船員の層を移動することができます負の範囲 - 私の場合、-340は約。これは他の二つの目の前でも船員の層を移動します。

次のソロシティ層の位置、および200に、そのzの位置を設定します。我々はまだのための水のそれのほとんどを見ることができないが、これは、バックスペースでそのレイヤーを移動します。

シティレイヤーが選択されている状態で、型がShift - Sはソロになっているプロパティへのスケールを追加し、120%程度にそれをスケールアップするので、フレームを埋めます。今、水の層を選択し、同様にスケールを追加するには、ソロの位置、ソロプロパティに回転を追加するは、Shift - R、および Shift - Sのタイプ"P"。カメラから離して水を回転させ、それを後退視点を与える-45度、そのXの回転を設定します。 (水はので、このように前面と背面の我々がカメラをアニメートするときに間の距離を強調するために役立つ回転、背景に前景を接続する平面である。)次に明らかにするために約1120に、y座標を(真ん中)を設定最後に街と外水の船員を取得し、約120のスケールを設定するには、そのためには、フレームを埋めます。それはちょうど喫水線で市内を交差するように水を配置する必要があります。三層のすべてのプロパティは次のようになります。

と(サンプルイメージ)は次のようになります。

ステップ10 - カメラをアニメーション化

最後のステップはシーンにいくつかのモーションを追加して動作するように視差を設定するのカメラをアニメートすることです。我々はまた、レイヤーの設定を微調整する機会を取るよ。そう、カメラが選択された状態で、ソロそのPositionプロパティをに"P"と入力 、位置のためのフレーム0にキーフレームを有効にしてください。 530にそのx位置を増やすことでカメラを右に移動するか、そう、780またはそうするために、そのY位置を増やすことによって(それより低い位置から撃つとフレームに船員を移動する)フレームで上下に移動し、 -775にそのZ位置を下げることによってビットでそれをズームしたり、ようにはるかに近い船員をもたらすれる、示され:

それぞれ約420、600、-700、にX、Y、およびZ位置の値を設定することにより、10秒の点にタイムラインを移動し、カメラをアニメートする、で、そして左に。

最後に、両方のそれらの位置キーフレームを選択し、(それらにアニメーションを簡単にイーズを適用する

カメラをアニメーション化した後、任意のエッジを表示されないように、この時点でレイヤーの拡大縮小や位置を調整する必要があります。あなたが自分の好みに設定レイヤーがある場合、お試し版を(私はスケーリングとYouTubeの互換性のために別の720pのカンプに配置したもの)をレンダリングし、このように表示されます。

そして、それはこれだけです!カメラが街を明らかにするまで移動するとパララックスが、目から異なる距離での画像のレイヤーの強い印象を与えることに注意してください。何が起きるかを確認するために別のカメラの動きとレイヤーの位置と回転をしてみてください。上記のすべて、実験、そして楽しい時を過す!

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: