ホームページ » の仕方 » 画像やロゴのPhotoshopで完璧な視点シフトをする方法

    画像やロゴのPhotoshopで完璧な視点シフトをする方法

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

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

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

    レイヤーツールでスクリーンショットの画像をハイライト表示してから、WindowsではCtrl + T、macOSではCommand + Tで変形ツールを有効にします。.

    Photoshopをある程度の時間使用したことがあれば、おそらくすでに自由変形ツールに慣れているでしょう。画像の移動、縮小または拡大、または回転の方法を知っておく必要があります。しかし、遠近感を変えてそれを下の画像と一致させるのに十分なほどそれを変えることができるように、それをかなり歪めることもできます。これは非常に簡単な例です:私達はスイッチの長方形のスクリーンにZeldaのこの長方形のスクリーンショットを合わせるつもりです、単純なコーナーからコーナーへの移動.

    Windowsの場合はCtrlキー、Macの場合はコマンドボタンを押したまま、スクリーンショットの隅にある変形ツールの一部である白い四角の1つをクリックします。 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つをクリックして内側にドラッグし、ロゴ画像を縮小します。.

    これが最終結果です。

    下の画像がかなり規則的で、片側で予測可能な遠近のゆがみがある場合は、Windowsの場合はCtrl + Alt + Shiftキー、Macの場合はCommand + Option + Shiftキーを押しながらゆがみモードで変形ツールを使用できます。しかし、あなたの画像がこのために完璧に並ぶことは稀ですが、.

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

    わかりました、それで今今あなたは見通しと一致し、必要に応じてサイズを変更することができます。しかし、平らではない表面に何かを付けようとしているとしたら?もう1つ例を見てみましょう。ボールにReview Geekのロゴを付けることです。もう一度、練習用にPhotoshopのあなたのコピーの下の画像を使用してください.

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

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

    変形ツールをワープモードで使用すると、角だけでなく内側または外側の任意の位置でイメージを移動できます。これにより、画像のさまざまな部分をクリックして不規則な位置にドラッグできます。画像に沿って9つのガイドラインが移動するのがわかります。これにより、自分がどのように変化したのかを確認できます。.

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

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

    色補正、曲線、フィルタ、ぼかしなど、Photoshopの他のツールと上記のテクニックを組み合わせて、最上層と最下層を一致させることができます。これらのツールを試してみると、すぐにロゴとスクリーンショットを簡単に組み合わせることができます。.

    イメージクレジット:Shutterstock / Wachiwit、Shutterstock / Africaスタジオ、Shutterstock / Ygor、Yiorgos GR / Shutterstock.com、任天堂