X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

無料プレミアムアクセス

プレミアムハブの記事、プロジェクトファイルとから、各チュートリアルビデオの最初の10%の私たちのライブラリ全体にアクセスするオンラインチュートリアルのライブラリを

今すぐ無料アカウントを作成しよう!

PhotoshopでとAfter Effectsの3D環境を作成します。
Google翻訳で翻訳さ

Check out our Photoshop: Drawing Objects In Photoshop CS4 course!

デビッド·スミスのMPVHubの記事" 3D視点:Photoshop CS5のの消失点は、 "PhotoshopでのVanishing Pointフィルタへの良い入門書です。しかし、あなたは、Photoshop CS3で拡張または後で、あなたがその後を飛ぶことができる完全な3DシーンとしてAfter Effectsにフィルタで作成した消失点の画像をエクスポートすることができることを知ったのですか?この機能は、チュートリアルでは、我々はそれを行う方法を紹介します。始めてみましょう。


ステップ1 - 適切な画像を探す

まず、もちろん、私たちは、一緒に仕事するイメージが必要になります。バニシング·ポイント·フィルターでうまく動作するイメージを選択するには、バニシング·ポイント自体がどのように動作するビットを理解するのに役立ちます。本質的に、あなたがイメージにVanishing Pointで適用するときは、そのイメージの主要な遠近面を定義する必要があります - 床、壁、天井、およびどのような他の主要な平面オブジェクトは、画像にあるかもしれない。これは、文字通りなど床と天井を持ち、イメージを使用する必要がありますが、あなたのイメージに遠近面を明確に定義されている場合は、それがシーンに遠近感の強いとともに、助けないことを意味するものではありませんそのもの。私の場合は、エジンバラ、スコットランドの古代の路地の妻の最近の休暇からこのショットを使用することがあります。

Source image


あなたが見ることができるように、我々は、狭い両側に平行な壁に囲まれた路地に、床、手順がオフにドロップした場所から始まる戻って "壁"の場合、明確に定義されています。我々は、オーバーヘッドが見ることはできませんので、この場合の "天井"を心配する必要はありません。

かつて我々は、これらの平面上にマッピングされる領域のイメージファイルと一緒に、効果はあなたが定義した平面で構成された3Dオブジェクトを含む組成物を作成された後に全部をエクスポートして、画像に遠近面を定義しましたシーンに配向正しく3Dカメラ(多かれ少なかれ)。平面の2D画像からすべて - After Effectsが自動的に3次元空間の錯覚を作成するには、視差を持つイメージマップを歪曲しながら、私たちは路地を "歩き"するようにカメラをアニメートすることができます。

(ここでは詳細には触れませんが、あなたは私のMPVHub記事"における視差の詳細については学ぶことができます視差チュートリアル:Photoshopで3Dに2Dを

したがって、要約するには、PhotoshopとAfter Effectsの間でポイントの仕事を消失するための良いソースイメージは、強い遠近感と、明確に定義された壁、床、天井、または同等になります。


ステップ2 - バニシングポイントフィルタを適用

あなたは(あなたのVanishing Pointを使用するには、Photoshopの拡張バージョンを持たなければならないことに注意してください)Photoshopで画像を開いた後、次の、は、Vanishing Pointフィルタ( フィルタを適用

Vanishing Point window


ステップ3 - 最初の遠近面を作成します。

画像内の他のすべての平面がそこから導出されますので、あなたの最初の遠近面を正確に配置することが重要です - 最初の面の角度やコーナーがオフになっている場合は、平面の残りの部分はあまりになり、あなたが勝った "我々は、後で私たちのカメラをアニメートするときにtが正しい視点を得る。

したがって、作成平面ツールは、それが(それは、ツールバーの上から2番目です)デフォルトではされる、アクティブであることを確認してください。

Create Plane Tool


それがよく定義されている場合、イメージの床または底面は、通常、開始するには良い場所です - あなたの平面の1つを定義し、イメージの一部の遠くの隅にあるイメージでそれをクリックします。あなたの最初のポイントが配置されると、次の隣接するコーナー(クリックしてドラッグするだけで、移動しない)にカーソルを移動し、あなたは青い線がカーソルに追従表示されます。ラインアップ、画像の遠近面のエッジとその青い線を、第二点を配置するには、もう一度クリックします。

Placing points


注:画像のエッジを超えて、第二の点を配置することもOKです。実際に、それはあなたの飛行機の行が、画像の遠近面の位置に正しく合うことを確認するこれを行うには役立ちます。

同じ手順に従って、次の隣接する遠近面コーナーで三点を配置し、最終コーナーで4ポイントで仕上げる - 選択とは違って、飛行機を降り閉じて、再び最初のポイントをクリックする必要はありません。 。あなたが正しくあなたのポイントを配置した場合、あなたの最初の面を定義します。青いグリッドが表示されます:

The third point


代わりに身構える青の赤いアウトラインが表示されている場合は、Photoshopは画像内の遠近面に面を一致させることができないことを意味します。とはいえ、通常は簡単に赤い輪郭の隅に白い点の一つに少しドラッグすることによって、それを修正することができます


ステップ4 - 第遠近面を作成します。

次に我々は、壁のいずれかを行います第二遠近面を定義する必要があります。したがって、 コマンドキー押し、先ほど作成した平面の中点のいずれかをクリックし、壁の平面に沿って上方にドラッグ-あなたがそうであるように、あなたは(角を配置する必要がありません別の完全な平面が表示されますこの時点では)最初のグリッドプレーンに基づいて、正しいパースペクティブ·アラインメントてPhotoshopの数値として、壁のラインに従っていること:

Getting the correct perspective alignment


あなたは画像のエッジに到達するまで上向きに新しい面をドラッグしてください - あなたは飛行機の上隅がOKであるイメージの外に道を行くことがわかります。また、新しい飛行機が我々は次の修正だろう壁の前にすべての道を、行かないことがわかります。


ステップ5 - 第遠近面を調整します

次に、我々は目に見える壁の前面エッジとそれがラインアップされるよう第二面の前面の端をドラッグする必要があります。これを行うには、正面エッジに白の編集ポイント(カーソルが自動的に編集平面ツールに変更されています)を取得し、平面だけで画像のエッジが消えているので、それをドラッグします。

Working with the white edit point


また、第二面の上部でこれを実行する必要がありますので、後方に白色点の1つをつかんで、そして飛行機が完全に壁を覆うように上方向にドラッグします。

Covering the wall with the plane


ステップ6 - 残りの遠近面を作成します。

あなたははるかにそれをドラッグしてズームアウトする必要があるかもしれません、それが壁を覆うように、それを調整し、反対側の壁の平面を作成するために、最初のグリッド(白い編集ポイントを表示するには、まずそれをクリックしてください)(上のものと同じ手順で、Command-ドラッグに続くあなたはコマンドマイナスで行うことができます壁、カバーするのに十分な、 コマンドに加えてズームバックで、あなたが期待するように):

Covering the opposite wall


最後に、背面の"壁"平面をドラッグした最初の飛行機の遠端での編集ポイントをCommand-クリック 。それは側壁面のエッジを満たしているように、その幅のビットを調整する必要があります - それを行うには、単に垂直エッジに沿って白い編集ポイントの1つをドラッグする

Four planes should now cover all parts of the image


ステップ7 - After Effectsのファイルをエクスポートします。

Photoshopでここで私たちの最後のステップは、After Effects。VPE(ポイント交換を消失)ファイルとして私たちのVanishing Pointイメージをエクスポートすることです。これを行うには、ウィンドウの左上にある小さな設定と[コマンド]メニューをクリックすると、After Effectsの(VPE)...のためにエクスポートを選択します。

Save as a .vpe


あなたは、After Effectsのを作成することがわかるように、独自のサブ·フォルダにこれを保存したいと思う。VPEファイル、.3 DSの3Dオブジェクトファイルと、ここで作成した面のそれぞれの。pngイメージファイル。一度あなたのサブフォルダを作成し、エクスポートに適切な名前を与えられましたが、バニシングポイント]ウィンドウで[OK]をクリックして、After Effectsが起動します。


ステップ8 - VPEファイルをインポート

After Effectsので、[ ファイル]を選択

一度あなたが、あなたが作成した各グリッド平面、と。VPE組成ファイルの。PNGファイルを含むフォルダが表示されます。それを開いて、それがすべて判明した方法を確認することをダブルクリックします。

PNGs for each grid created


ステップ9 - VPEコンプを調整します

何が...?あなたが見ることができるように、全体像は明らかに我々はしたくないされているものを回転、である。これは消失点フィルタの特殊性の一つである - あなたは、After Effectsにそれをインポートするときに頻繁に回転シーンを取得します。しかし、それは修正するのは簡単です。

、レイヤウィンドウで見て、あなたはすべての。PNG層とそれに関連付けられている3Dオブジェクトの子であるそのうちの親レイヤーが表示されます。 (また、自動的にインポート時に作成されたカメラに注目してください。)回転の問題を解決するには、親レイヤーとソロのRotationプロパティをのタイプRを選択します。あなたは、Zの回転が奇数値に設定されていることに気づくでしょう:

The image rotated


あなたがちょうどゼロに戻ってそれを設定することができ、すべてがOKになることだろうと思うが、残念ながらそれはよくあるケースではありません。私にとっては、右見てそれを得るために-17にZ回転の値をドラッグする必要がありました - あなたのマイレージは、間違いなく変わるん:

manually adjust the Z value


ステップ10 - チュートリアルをアニメーション化

路地ダウン少し散歩 - 今、ついに、すべてのその後、我々はクールな何かを得る。私は私の10秒が長く作りました - あなたが短縮することができ、30秒にインポートされたVPEカンプ(プレビュー)をデフォルトとします。次に、試しにカメラ用のTransformプロパティを開き、タイムラインで0:00に位置のキーフレームを設定します。その後10秒の点に移動し、路地にカメラを移動するには正の方向にカメラのZ位置の値をドラッグします。

あなたは、最終的にあなたのさらなる行くイメージに少なく利用可能な解像度があるかのように、側壁画像の一部をぼかしや歪みを見てから始めましょうことに気づくでしょうが、 - どのように遠くに行くもちろん、あなた次第ですそれは効果があることができる説得方法はまだかなり奇跡的です。それを終了するには、あなたのカメラのZ位置キーフレームに簡単に使いやすキーフレームアシスタントを適用し、結果をプレビュー:

[動画ID = "9018"]


そして、それはあなたがPhotoshopを使用してフラットイメージからとAfter Effects航行3D環境を作成する方法を説明します。いつものように、実験や楽しいを持っています。


Check out our Photoshop: Drawing Objects In Photoshop CS4 course!

Richard Lainhart

Richard Lainhart | Articles by this author

Richard Lainhart is an award-winning composer, filmmaker, and author. His compositions have been performed in the US, Europe Asia, and Australia, and recordings of his music have appeared on the Periodic Music, Vacant Lot, XI Records, Airglow Music, Tobira Records, Infrequency, VICMOD, and ExOvo labels. His animations and short films have been shown in festivals in the US, Europe, and Asia, and online at ResFest, The New Venue, The Bitscreen, and Streaming Cinema 2.0. He has authored over a dozen technical manuals for music and video hardware and software, served as Contributing Editor for Interactivity and 3D Design Magazines, and contributed to books on digital media production published by IDG, Peachpit Press, McGraw Hill, and Miller Freeman Books. Previously an Adobe Certified Expert in After Effects and Premiere, a demo artist for Adobe Systems, and co-founder of the official New York City After Effects User Group, he was, from 2000-2009, Technical Director for Total Training Productions, an innovative digital media training company based in New York and California.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link