/ / Photoshopで画像とロゴのパーフェクトパースペクティブシフトを行う方法

画像とロゴのためにPhotoshopで完璧な視点シフトを行う方法

ロゴを簡単に重ね合わせることができますPhotoshopの何か。しかし、ベース写真が正面にない場合、正方形のロゴ(または他の画像)が歪んで見える場合はどうでしょうか?最上部の画像を正しい視点に合わせる方法は次のとおりです。

完全一致のための変換ツールの使用

ガジェットの画面イメージをベースとして使用してみましょう。 マーケティング担当者(または私のようなWebライター)の一般的なニーズ。ここのソース画像は、通常の16:9スクリーンのNintendo Switchですが、何か他のもののスクリーンショットを置く必要があります。 ゼルダ の代わりに マリオ。ここに私が使用する写真があるので、それらをつかんで自分で練習することができます:

レイヤーツールでスクリーンショット画像をハイライトし、Windowsの場合はCtrl + Tショートカット、macOSの場合はCommand + Tで変換ツールをアクティブにします。

Photoshopを長期間使用している場合、おそらく、既にフリートランスフォームツールに慣れているでしょう。画像の移動、縮小または拡大、回転の方法を知っている必要があります。ただし、遠近感を変えて下の画像と一致させるためにそれを変更できるように、かなりゆがめることもできます。これは非常に簡単な例です。このゼルダの長方形のスクリーンショットを、スイッチの長方形のスクリーンに合わせて、コーナーからコーナーへの簡単な移動です。

WindowsでCtrlボタンを押すか、Macのコマンドボタンをクリックし、スクリーンショットの隅にある変換ツールの一部である白い四角のいずれかをクリックします。 Ctrlキーを押しながらマウスの左ボタンを押しながら、上のスクリーンショット画像の角の1つを、下の画像のスイッチの画面の対応する角にドラッグします。完全に一致させる必要がある場合は、ピクセルビューを拡大します。

通常のサイズ変更アクションの代わりに、CtrlまたはCommand修飾子を使用すると、画像の1つの角をつかんで移動し、他の4つの角をそのまま保持できます。

次の4つの角に対してこの手順を繰り返し、下のスイッチの画面上にスクリーンショット画像を移動します。終了するまで変換を適用しないでください。適用すると、四隅すべてを再びつかむことができなくなります。それらは透明度で埋められます。上のレイヤーが下のスクリーンを完全に覆うようにするために、下のレイヤーを1ピクセルまたは2ピクセルだけ超えて拡張することができます。 Enterキーを押して、変形ツールを閉じます。

携帯電話の画面とスクリーンショット画像のアスペクト比は同じであるため、この小さな隠蔽は完全に適合し、さらに編集する必要はありません。少しトリッキーなものに進みましょう。

奇妙なサイズの画像での変換ツールの使用

Macノートパソコンのこの画像を手に入れて、あなたが広告にAppleロゴを使用したくない。むしろ会社のロゴを見せびらかしたいです。円形のReview Geekロゴを例として使用します。両方のソース画像は下にあります。

Appleロゴを隠したい以前は電話の画面でしたが、ソース画像の平面(ラップトップのふた)が追加するレイヤー(円形のロゴ)と一致しないため、視点を正しく保つ必要があります。この場合、写真にある他のものをガイドとして使用します。ラップトップのほぼ長方形の蓋です。ロゴの視点をラップトップのふたに合わせ、視点をロックしたまま、必要なサイズに縮小します。

開始するには、上部でCtrl + TまたはCommand + Tを押します変換ツールを再度開くために選択されたレイヤー。 Ctrlキーを押しながらクリックするか、Commandキーを押しながらクリックして、ロゴレイヤーの角にあるガイドの四角形を選択し、ラップトップのふたの角に合わせます。角は丸くなっていますが、蓋の端と変形ガイドを使用して整列させることができます。

ノートパソコンの蓋は正方形ではないため、円が少し広すぎます。正方形サイズの変換に戻すことができます。完璧である必要がない場合はこれを確認するか、より正確に必要な場合は下のレイヤーを回転させてPhotoshopのルーラーガイドを使用します。準備ができたら、Enterキーを押して変換を適用します。

これで、ラップトップ上に正方形の画像ができました画面、および下のAppleロゴと一致する適切な視点にあります。サイズを小さくする必要があるので、不自然に見えません。変形ツールをアクティブにして、WindowsではAlt + Shiftを、MacではOption + Shiftを押したまま、コーナーの1つをクリックして内側にドラッグし、ロゴ画像を縮小します。これにより、Appleロゴよりも大きくなりません。

最終結果は次のとおりです。

下の画像がかなり規則的で、片側で予測可能な遠近法の歪みは、WindowsではCtrl + Alt + Shiftを、MacではCommand + Option + Shiftを押しながら変形ツールをスキューモードで使用できます。ただし、このために画像が完全に並ぶことはほとんどありません。

不規則な表面での自由変換の使用

さて、これで視点を一致させることができます必要に応じてサイズを変更します。しかし、平らではない表面に何かを得ようとしている場合はどうでしょうか?もう1つの例を試してみましょう。ReviewGeekロゴをボールに配置します。繰り返しますが、練習用にPhotoshopのコピーで以下の画像を使用してください。

前に学んだツールを使用するセクションを使用すると、ボールの上部にロゴ画像を簡単に配置でき、ボール自体の向きに合わせて遠近感を調整することもできます。しかし、ロゴファイルは奇妙に見えます。なぜなら、それは平らであり、ボールの表面はそうではないからです。

これを修正するには、Ctrl + TまたはCommand + Tを押して変換ツールをアクティブにし、Photoshopウィンドウの上部を見てください。ワープモードを有効にする湾曲した長方形のボタンを探しています。クリックして。

変形モードのワープモードでは、次のことができます。コーナーだけでなく、内側または外側の任意のポイントで画像を移動します。これにより、画像のさまざまな部分をクリックして、不規則な位置にドラッグできます。画像に沿って9つのガイドラインが移動し、どのように物事が変わったかを確認できます。

ワープツールを使用するにはいくつかの練習が必要です効果的に。作業を数回元に戻したりやり直したりする必要がある場合があります。しかし、数分以内に、ボールのカーブをかなりうまく一致させることができるはずです。 Enterキーを押して、変換を適用します。

少し予測可能ですが、通常の変換ツールにはまだ不規則すぎるサーフェスの場合、上部メニューの右側にあるプリセットワープツールを使用できます。

上記の手法と任意の手法を組み合わせることができますPhotoshopの他のツール(色補正、曲線、フィルター、ぼかしなど)を使用して、最上位レイヤーを最下位レイヤーに一致させます。これらのツールをいじると、すぐにロゴとスクリーンショットを簡単に一致させることができます。

画像クレジット:Shutterstock / Wachiwit、Shutterstock / Africa Studio、Shutterstock / Ygor、Yiorgos GR / Shutterstock.com、任天堂