パースペクティブ入門
遠近法は、特に合成用の画像をキャプチャする写真家ではない場合、扱いが難しい場合があります。では、1 枚の製品写真と、その製品をさまざまな環境で見たいというクライアントがいる場合はどうすればよいでしょうか? オブジェクトを切り取り、まったく別の視点からキャプチャされた新しいシーンに配置し、新しい環境にシームレスに統合するための迅速かつ簡単な方法を紹介します! 私たちを信じていませんか？さて、フォローして、それがどのように行われたかを見てください!
Photoshop でオブジェクトを切り取る
例は比較的単純にしています。壁に飾られた額入りアートの写真と、壁と本棚の写真があります。額装されたアート写真は正面から撮影されており、壁と本棚は斜めから撮影されていることに注意してください。私たちの目標は、額装されたアート作品の 1 つを本棚のシーンに移動し、完璧な遠近法で配置することです。それはすべて、単純なカットアウトを作成することから始まります。 
Photoshop の優れている点を 1 つ挙げるとすれば、それは切り抜きです。背景を削除する方法でこの重要なスキルを習得する方法を学びましょう。この PRO コースでは、人や物を切り取って新しい環境に配置する方法について知っておく必要があるすべてのことをカバーしています。 幸いなことに、これはそれほど難しくありません。フレームはまっすぐに撮影され、アートはほぼ完璧な長方形です。つまり、長方形マーキー ツールの場合、これは比較的迅速な作業です。フレームの 1 つのエッジの周りにマーキーを作成するだけで、完璧かどうか心配する必要はありません。形状とエッジを少し調整します。選択範囲内の白い壁の量を最小限に抑えるために、フレームの内側の端に沿ってマーキーを維持してみてください. 選択が完了したら、それを複製して、選択したフレームのコピーが新しいレイヤーに表示されるようにします。新しいフレーム レイヤーを本棚の画像に移動すると、合成を開始する準備が整います。
選択の調整
フレームが本棚の写真に表示されるようになったので、フレーム レイヤーの調整を開始し、それを環境のパースペクティブに一致させることができます。まず、フレームと本棚の写真の違いを分析してみましょう。コンポジットで最初に目立つ傾向があるのは、ライティングのミスマッチです。環境からの照明は右側から来ていますが、フレームの照明は左側から来ています。これを簡単に修正できるトリックがあります。 
そのレイヤーを水平方向に反転するだけで、フレームの照明の方向を切り替えることができます。しかし、テキストはどうですか？後ろに見えませんか？答えはイエスですが、そのための回避策があります。フレームを選択して複製したのと同じ方法を使用して、テキストの周りにマーキー選択を作成し、その領域を複製して独自のレイヤーに配置し、その下のフレーム レイヤーを水平方向に反転します。これで、すべての照明が同じ方向から来て、テキストがまだ読めるようになりました! 
照明が整ったら、フレームの形状とエッジを修正しましょう。別の視点に配置する前に、フレームのすべてのエッジが水平方向と垂直方向の両方で完全にまっすぐであることを確認する必要があります。ガイドを使用してこれを支援できます。フレームの上端と下端に沿って一連の水平ガイドを作成し、次に左端と右端に沿って 2 つの垂直ガイドを作成します。フレームの各コーナーにできるだけ近づけるようにしますが、すべてのコーナーが完全に揃うわけではありません。ガイドを配置したら、CTRL または CMD を押しながら変形ツールを使用して、フレームのコーナーを慎重に移動し、ガイドの対応するコーナーと同じ高さになるようにします。 
すべてが整列したら、レイヤーマスクと長方形マーキーツールを使用して、フレームレイヤーの元の背景からまだ表示されている壁の領域をクリーンアップできます. 調整後、フレームレイヤーのレイヤーマスクを選択し、レイヤーマスクの適用を選択して、これらの変更を永続的に適用します。 これでフレームは完全に切り取られてまっすぐになり、照明は同じ方向から来て、テキストはまだ読めるようになりました。すべてのフレーム レイヤーと調整を選択し、それらを結合します。すべてを組み合わせて、適切な視点に配置できるようになりました。
Vanishing Point フィルター
バニシング ポイント フィルターを使用すると、Photoshop で適切なパースペクティブを取得するのがこれまでになく簡単になります。このツールを使用すると、パースペクティブを定義し、レイヤーをコピーしてそのパースペクティブに貼り付けることができます。まず、フレームレイヤーをコンピューターのクリップボードに入れる必要があります。これはただの古いコピーと貼り付けです。CTRL または CMD + C で何かをコピーすると、その情報はコンピューターのクリップボードに保存され、新しい場所に貼り付けることができます。 フレームレイヤーを選択し、CTRL または CMD + C を押してコピーします。ただし、まだ貼り付けないでください。まず Vanishing Point Filter を取得する必要があります。フィルター メニューをクリックし、Vanishing Point をクリックします。Vanishing Point ダイアログが表示されます。それを使用するには、フレームを配置したい写真の明確に定義されたコーナーとエッジをクリックするだけです。4 つのコーナーを作成すると、定義したパースペクティブにグリッドが表示されます。本棚の後端に沿って 2 つの角を配置し、その上の 2 つの角が本棚の後端に平行な線を作成します。貼り付けようとしている額縁を保持するのに十分な大きさにしてください。 
グリッドが作成されたら、CTRL または CMD + P を押します。Photoshop は自動的にフレームを完璧な遠近法に貼り付けます。完璧に見えない場合は、作成したポイントを正しくなるまで移動および調整できます。 
奥行きと寸法の追加
適切な遠近法でフレームを取得しましたが、本棚の画像にはまだ完全には適合していません. まず、フレームはまだ 2 次元オブジェクトのように見えます。今は斜めから見ているので、側面と上端の一部が見えるはずです。単純にペイントするだけで、上端と横端の錯覚を追加できます。
エッジの作成
額縁レイヤーの下に新しいレイヤーを作成します。次に、CTRL または CMD を押したまま、フレーム レイヤーをクリックして、その周りに選択を作成します。移動ツールを使用して、エッジが厚くなるのとほぼ同じ距離でフレームから離れるまで、選択範囲を慎重に左に動かします。 
次に、フレームの下に作成したレイヤーをクリックし、ブラシ ツールをつかみ、ペイントしようとしている近くのフレームから色をサンプリングし、エッジをペイントします。多角形なげなわツールを使用して角を接続し、それらの領域をブラシ ツールで塗りつぶして効果を完成させることができます。
影の作成
光あるところ、影あり。本棚の画像をもう一度見ると、シーン内のさまざまなオブジェクトから、右側から光が射し、左側に影が投じられています。私たちの目標は、それらのオブジェクトの影とほぼ一致する影をフレームに与えることです。どうすればそれができますか？それでは、シンプルにして、定評のあるドロップ シャドウ レイヤー効果を使用しましょう。 フレーム (ペイントしたエッジ) にいくつかのレイヤーを追加したので、影がそれらの領域も反映していることを確認する必要があります。幸いなことに、グループ全体にレイヤー スタイルを追加できます。すべてのフレーム レイヤーをまとめてグループ化し、レイヤー パネルの下にあるfxアイコンをクリックします。レイヤー スタイル ウィンドウが開き、左側のパネルの下部にドロップ シャドウ オプションが表示されます。 繰り返しますが、目標はシーン内の他のオブジェクトの影を一致させることなので、同じ外観を実現する設定を調整するだけです。不透明度、距離、スプレッド、ブレンド モードを使用し、カラー ピッカーを使用して既存の影から色を試してサンプリングすることもできます。 
上記の設定が効果に適していることがわかりました。影が簡単に！
コンポジットの完成
私たちは長い道のりを歩んできましたが、ここで終わりではありません! 合成には、光のレベル、色相、彩度を一致させたり、光と影の効果を追加したりするなど、さらに多くの作業が必要です。上記のビデオでそれらすべてをカバーしています。また、光と色を一致させる方法 (Photoshop の 30 日間) や初心者のための Photoshop 合成の紹介 など、合成の基礎に関するいくつかの優れたコースがあります。 このエクササイズで時間をかけて練習してください！オブジェクトを別のシーンに完璧な遠近法で配置できるようになるだけでなく、プロの合成スキルを習得できるようになります。 Photoshop を使用すると、画像の上にロゴを配置するのは比較的簡単ですよね。しかし、背景に使用する画像がまっすぐではなく、わずかに歪んでいる場合、どうすればよいでしょうか? 最初は、オーバーレイが少し曲がっているように見えます。幸いなことに、このソフトウェアには、画像オーバーレイを正しく実行するために必要なツールがあります。 目次の索引
- Photoshop の完全一致ツールを使用する
- «自由変形»ツールを使用できます。
- コマンドボタンを押し続けると、画像は同じように回転しません
- 不規則なサイズの画像に変換ツールを適用する
- 開始するには、上記のコマンドを使用する必要があります
- 希望する結果が得られるようにロゴを調整します
- ここで、さらにいくつかの手順を実行する必要があります
- あなたはそれが最終的にどのようになるかを見るでしょう
- 不規則な表面の場合、自由変形を使用できます
- Photoshop で «ワープ» モードを有効にする必要があります
- 良い結果が得られるように、少し練習する必要があります
このツールを使用する最も明確な例は、ガジェットの画像です。これは、マーケティングと電子商取引の必要性によるものです。同様に、Nintendo Switch のイメージを例にとってみましょう。画面のサイズは 16:9 です。ただし、この画像の上に別の写真を配置する必要があります。ご覧のとおり、デフォルトの画像はマリオブラザーズなので、変更します。 最初に行う必要があるのは、Photoshop の「レベル」セクションで修正しようとしている画像を強調表示することです。次に、«Transform» というツールを有効にする必要があります。CTRL + T キーを押すことでアクティブにできます。macOS を使用している場合は、Command + T を入力する必要があります。 
«自由変形»ツールを使用できます。
すでに Photoshop の経験豊富なユーザーである場合、またはそれをしばらく使用している場合は、「自由変形」ツールに慣れているでしょう。したがって、画像を回転、拡大、拡大、縮小する方法はすでにわかっています。そうすれば、パースペクティブがベース イメージに近づくように微調整できます。 ここで、置き換えるイメージと基本イメージの 2 つのイメージを一致させる必要があります。つまり、ゼルダの画像とマリオブラザーズの画像です。画像を隅から隅まで少し移動してズームするだけです。完全ではありませんが、Nintendo Switch の画像と最初にペアリングされるまでは。 ここで、Windows では CTRL を、macOS では Command を押したままにしてから、画像の隅にある四角形のいずれかを押す必要があります。これらのボックスは、«Transform» ツールの一部でもあります。CTRL キーを放さずに、画像を元の画像の隅に移動する必要があります。この場合はNintendo Switchの画像画面の隅にあります。 正方形を隅に正確に配置したい場合は、Photoshop のズームを有効にするだけです。 
コマンドボタンを押し続けると、画像は同じように回転しません
この変更を行うと、画像が正常に変更されず、選択した角が移動し、残りの角が所定の位置に残ることに気付くでしょう。 
同様に、残りの角についてもこの手順を繰り返す必要があります。Nintendo Switch の画像の上に画像を移動する必要があります。レイヤー画像のコーナーを再選択することはできないため、編集が完了していることを確認する必要があります。したがって、これらは透明で塗りつぶされます。同様に、画像を 1 ピクセルまたは 2 ピクセル余分に引き伸ばして、画像スクリーンを完全に覆うことができます。 すべての準備が整ったら、«Enter» キーを押すだけで、«Transform» ツールを閉じることができます。 
ご覧のとおり、レイヤー化された画像は他の画像を完全に覆っているため、それ以上の編集は必要なく、準備ができているとは言えません。今回は、画像が完全に調整されたように見え、他に何も必要ありません。ただし、もう少し複雑な変更を加えます。 以下の例は、ロゴを他のものに置き換えることができるようにするためのものです。つまり、広告を作成する予定でラップトップが Mac の場合、広告に Apple ロゴを表示したくないということです。あなたがする必要があるのは、それをあなたの選んだロゴに置き換えることです. これで、次の写真に表示されるラップトップに固定される 2 つの画像を理解できるようになります。 
今回は、画像の別のオプションをガイドとして使用できます。ノートパソコンのふたです。このカバー (画像のもの) は比較的長方形です。この画像を遠近法として使用すると、ロゴはラップトップの蓋の長方形の形状に関連付ける必要があります。ここで、ロゴのサイズを縮小して、パースペクティブをロックしたままにする必要があります。 
開始するには、上記のコマンドを使用する必要があります
また、CTRL + T または Command + T コマンドから開始する必要があります。一番上のレイヤーがロゴ画像であることを覚えておいてください。ここで、自由変形ツールを再度選択する必要があります。同様に、CTRL + クリックまたは Command + クリック ボタンを押す必要があります。次に、コーナーの四角形を選択する必要があります。これは、ガイドとして機能し、ラップトップのふたの角に持ってくるものです。 ロゴが円形なので角がないことがわかります。ただし、ラップトップのふたの線を使用して、ロゴの端を揃えることができます。 
希望する結果が得られるようにロゴを調整します
まず、あなたの画像への参照に気づいたはずです。（ノートパソコンのふた）、四角ではありません。したがって、ロゴの円が大きく、形が崩れていることがわかります。ただし、好きなように修復できるように必要な変更を加えることができます。この場合、下のレイヤーを使用できます。これに加えて、Photoshop に付属の定規ガイドを使用します。これらのガイドにより、精度が向上します。 
ロゴ画像を調整して、見た目が完璧で、歪んでいないようにする必要があります。完了したら、«Enter» キーを押して変更を有効にし、自由変形ツールを終了します。
ここで、さらにいくつかの手順を実行する必要があります
これで、画像のラップトップの蓋に正方形のロゴ画像が表示されました。また、写真のロゴを置き換えるように、正しい遠近法を持っていることも理解できます。同様に、自然に見えるように適切なサイズを指定する必要があります。そのため、Windows では ALT + SHIFT を、macOS では Option + SHIFT を押し続ける必要があります。 
次に、ロゴの角の 1 つをクリックするだけで、画像を縮小するために内側に移動する必要があります。カバーしたいロゴよりも少し大きくなるようにする必要があります。
あなたはそれが最終的にどのようになるかを見るでしょう
ここで、配置したばかりの画像に遠近感を与えるために、«Skew» ツールを使用する必要があります。これを行うには、次のキーを押したままにします: Windows では CTRL + ALT + SHIFT、Mac では Command + Option + Shift。«観察»モードと組み合わせて«変換»ツールを使用するには、これを行う必要があります。ただし、画像を完全に位置合わせできることはほとんどありません。 
不規則な表面の場合、自由変形を使用できます
実際、画像に遠近感を与え、正しいサイズを与える方法は既に知っています。しかし、でこぼこした表面をどのように扱うかはわかりません。 
前回と同じロゴで、野球ボールへの挿入例を作成していきます。いつものように、レイヤーを使用する必要があります。一番下のレイヤーは野球の画像で、一番上のレイヤーはロゴです。 さらに、上記で学んだテクニックを使えば、野球ボールにロゴ イメージを配置するのは非常に簡単です。ボールの位置や角度に合わせてパースペクティブを変えて自然に見せることもできます。さて、最初は、ロゴが平らでボールがそうではないので、写真は奇妙です. 
Photoshop で «ワープ» モードを有効にする必要があります
最初に CTRL + T キーを押すか、それができない場合は Mac Command + T を押す必要があります。これにより、«Transform» モードが有効になります。プログラムの最初に移動して、湾曲したボタンを見つける必要があります。このボタンは «ワープ» モードを有効にします。クリックして。 
これにより、«Transform» ツールの下でワープ モードが有効になります。以前のように隅からだけでなく、どこからでも画像を移動できるようになりました。このオプションを使用すると、画像をシフトして、凹凸のある表面にもフィットするようにできます。 
1 つのポイントを移動すると、他のポイントがどのように整列されているかがわかるため、サーフェスへの適合を確認できます。
良い結果が得られるように、少し練習する必要があります
ワープ テクニックは非常に便利ですが、完全に使用するには少し練習が必要な場合があります。このツールを扱えるようになると、凹凸のある表面にロゴ イメージを配置できるようになります。«Enter»キーを押して、変換の変更を保存するだけです。 
実際、多くのサーフェスに対してデフォルトの曲率ツールを使用できます。これらは、Photoshop メニューの右上にあります。 
同様に、他の基本的な画像に埋め込みたい画像にさまざまなテクニックを適用できます。これにより、Photoshop での作業に品質のタッチが追加されます。 Photoshop で画像とロゴのパースペクティブを変更する に類似した他の記事を知りたい場合は、カテゴリチュートリアルにアクセスしてください。
ビデオ トランスクリプト
こんにちは。このビデオでは、曲がり、歪み、ゆがみについて説明します。地面に置いて、靴の周りに変形させてみます。だから、それは一種の曲線をたどっているように見えます。それでは、Adobe Photoshop の変換ツールを使用してそれを行いましょう。
これから作業するファイルを開いてみましょう、「ファイル」、「開く」。’08 Transform’ というフォルダの ‘Exercise Files’ で作業しています。「Transform 01」という名前のものを開きます。そこで、このロゴをモックアップしたいと思います。まずは変形の基本から見ていきましょう。ロゴを追加するので、画像を開いてコピーして貼り付けることができます。これは、このコースの多くの部分で行ってきました。別の方法をお見せします。「ファイル」、「埋め込みを配置」と書かれたものがあります。同じフォルダに移動して「Logo.ai」を開き、「Place」をクリックします。それがaiファイルであることを認識しているため、自動的にスマートオブジェクトに配置され、「あなたはベクターです。スマートオブジェクトにする必要があります。」そして、私たちは今、スマートオブジェクトに完全に落ち込んでいます.
サイズを指定して [戻る] をクリックするだけです。これでわかりますか、これらは機能します。「Shift」を押したままにすると、縮小できます。そのような適切なものに縮小し、「Enter」を押します。ここにある 1 つのコピーから始めます。ロゴを複製します。右クリックします。「複製レイヤー」。これは「ロゴ 02」と呼ばれる予定です。下に移動して、変換の基本を見てみましょう。
「編集」、「変換」に行きましょう。Scale Before と Rotate Before を扱いました。そして、あなたが使うかもしれない他の簡単なもののいくつかは、時計回り、反時計回りに回転させることです. 別の方法で戻ります。180 度ひっくり返すと、完全にひっくり返ります。あなたが使用するかもしれない別のものは、Flip Horizontal and Vertical です。この場合、水平にするとうまくいきません。後ろ向きのロゴですが、それがどこに保管されているかを知るのは良いことです. 元に戻すつもりです。
次にやりたいことは、床のイントロで見たように、ここでそれを下に曲げたいと思っています。[編集]、[変換] の下に、これらの多くがグレー表示されていることがわかります。前回のビデオでスマート オブジェクトについて説明したことを思い出してください。すべてをスマート オブジェクトに変換する方法を学んだ後、このコースで最初に行うことを除いて、ほとんどのことがスマート オブジェクトで機能します。 、およびワープは機能しません。そして、それらは私たちが学びたいものです。
スマートオブジェクトから通常のレイヤーに変換する方法を覚えておいてください。「ロゴ」を右クリックして、「ラスタライズされたレイヤーにしてほしい」と言います。小さなアイコンがなくなり、魔法のように「編集」、「変換」、これらのものが表示されることを除いて、大きな変化はありません。今では Skew を使用することはありません。これを行うだけなので、テストの手間を省くことができます。あなたがいつそれを使うか分からないか、少なくとも私は使わないので、’Esc’ を押します。キーボードの「意図していなかった」ボタン、「Esc」のようなものです。
私が使っているものは、「最初に歪みます。私はこれが大好きです。実際のオブジェクトに作成したサインのように、モックアップするのに非常に適しています。ここにあるのは、中心のどこかをクリックして、ここに移動します。そして、あなたがすることは、コーナーをつかむことです。これは、操作を開始できるこの奇妙な平面のようなものです。これで、背景が自動的に一致しなくなりました。たくさんありますので、ご覧ください。私は今それをやっています—ちょっとわかった、それをしているときに片目を閉じる理由がわかりません。それは私の視点を助けるようです。地面にあるように見えますか？ああ、それで十分です。準備ができたら、「Enter」を押します。看板の看板を偽造したり、雑誌の表紙を模造したと言ったり、雑誌の写真を撮ったりすることができます。たとえば InDesign の表紙のアイデアを持ち込んで、その Distort を使ってモックアップします。
次にやりたいことは、もう一度ロゴを複製することです。そしてワープを見て、それを右クリックして「レイヤーを複製」します。「ロゴ3」。それを右クリックして、ラスタライズされたレイヤーでなければならないと言ってください。すみません、相棒。大まかに好きなところに移動します。「編集」「変形」「拡大・縮小」を駆使して大まかなサイズに落としていきます。「編集」、「変換」、そして「ワープ」と呼ばれるものを使用します。少し拡大して、その仕組みをお見せします。少し変です。角の 1 つをつかみ、クリックして保持し、小刻みに動かします。前回はブロックのようになったのに対し、ファブリックのようになります。操作できるシートのようにしました。
ここのワープは、より多くの伸縮性があります。一枚の紙のようなものなので、移動できます。これには 2 つの部分があり、これらのコーナーがあり、アンカー ポイントと呼ばれます。したがって、この画像のエッジは、どこにいてもそのアンカー ポイントに移動する必要があります。ここでハンドルと呼ばれるこれらの他の小さなものは、ラインが影響を受ける方法です. ご覧のとおり、実際にはこの小さな黒い点を通過する必要はありませんが、重力のようなもので、アンカーポイントに当たる前に線が歪むようなものです. ここにあるすべてのアンカー ポイントには 2 つのハンドルがあります。上の方と下の方があります。
これでまた同じ原理です。それを引きずり回して、大丈夫だと言って、それが底だと感じているようなものがたくさんあります。そこにその靴の底で裏地の透視図を取得しようとしています. そして、ここにある 2 つの小さなハンドルを見てください。ある種の道をたどっているように感じさせるために、それを混乱させようとしているだけです。私はそこにそれを少し持っています。これらの小さな波状の線をたどる必要がありますが、これも同じです。ご覧のとおり、それはそれ自体で倍増したので、私はそこにそれが欲しいのですが、これらの線を調整する必要があります. いじりが多いです。ちょっと触ってみると、この一番下のやつ。
これらのドットのいくつかを見るのは少し難しいです。縞模様の靴を選ぶべきではなかった。あなたが私と一緒に練習しているなら、あなたは縞模様の靴を呪っています. このコース全体を通して、おそらく靴のテーマを呪っています。飽きないでほしいのですが、私は靴をテーマにしました。それで、私は今何をしていますか？私はそれを流れさせようとして、ちょっといじっているだけです。ご覧のとおり、中央の線が少し変です。実際には、これらのポイントもクリック アンド ドラッグすることができます。
ここで、内部をドラッグして、その一部であるかのように感じさせる必要があります。良い。それは大丈夫。よし、ここでやめよう。あなたは私がこれをしているのを見ているだけだから。準備ができたら [戻る] をクリックしてください。ズームアウトすると、形状の周りに何かが曲がっています。私は素晴らしい仕事をしたわけではありません。非常に明白なことの1つは、色が非常に強く、このようなものがないことです.背景とあまり相互作用していません.
これについては前に見たことがありますが、ブレンディング モードを覚えていますか? 私のロゴ 3 では、このレイヤーがここにあり、Eyeball のオンとオフを切り替えます。通常と書かれているところまで、これらのいくつかで遊んだことを思い出してください. Multiply を見ていきますが、その種の作品です。かっこいい、ちょっと強いかも。これらすべてのオプションを試して、靴、画像、背景色に適したものを見つけてください. 私はこれで遊んでいました。何がよさそうだった？リニアライト、そうだったと思います。Linear Light のようなもので、グラフィックの色がかなり変わったので、それは私が望んでいるものではないかもしれません。多分それはもう少し近いかもしれません、そして私は本当に戻ってこれを修正したいと思っています。
これらの変換ツールのいくつかについて理解していただければ幸いです。私はそれらすべてを使用しません。Perspective のように、Distort を使用するだけで、少し変わったものもあります。私の意見では、より迅速かつ簡単です。ここで最後に紹介する最後の小さなことは、画像と、場合によっては画像の回転です。レイヤーごとに行うのではなく、すべてを行うことができます。特定のレイヤーだけを時計回りに回転させたことを思い出してください。これは、反転と同じように、グラフィック全体を行います。したがって、これを特定のレイヤーだけでなく、全体に反転させたい場合。さらに、「イメージ」で回転していました。画像の回転、および作業するいくつかの小さなものがあります。それが彼らが隠れているところです。わかりました、次のビデオでお会いしましょう。