Articles

Photoshopでテキストを変換:歪みと3D遠近効果

スティーブ*パターソンによって書かれました。このチュートリアルでは、PhotoshopのDistortコマンドとPerspectiveコマンドを使用してテキストを変換する方法を示します! 通常、Photoshopでは、タイプレイヤーで歪みや遠近感を使用することはできません。 しかし、ここでは、私はあなたの両方のコマンドのロックを解除し、完全に編集可能なテキストを維持するための簡単なトリックを紹介します。私はPhotoshop CCの最新バージョンを使用していますが、最近のバージョンは動作します。

始めましょう!

このチュートリアルを印刷可能なPDFとしてダウンロードしてください!

テキストを追加する

最初に行う必要があるのは、テキストを追加することです。 ここで私は私の効果の背景として使用するためにPhotoshopで開いた画像です。 私はAdobe Stockからこれをダウンロードしました:

背景画像。 写真クレジット:Adobe Stock。そして、レイヤーパネルを見ると、私も先に進んで画像の上にいくつかのテキストを追加したことがわかります。 タイプレイヤーの可視性アイコンをクリックしてオンにします。

テキストをオンにします。ここに私のテキストがあります:

テキストが画像の前に表示されます。私はAdobe TypekitからダウンロードしたOrbitron Boldというフォントを使用しています:

効果で使用されるフォント。Div>

DistortとPerspectiveコマンド

私がしたいのは、水平線に向かって傾いているかのように、テキストを3Dの外観にすることです。 また、遠近法を追加する最も簡単な方法は、Photoshopの遠近法コマンドを使用することです。それを得るために、私はメニューバーの編集メニューに移動し、私は変換を選択します。

それを得るために、私はメニューバーの編集メニューに移動し、私は変換を選 私たちは、Photoshopの様々な変換コマンドのすべてを見つける場所です。 しかし、スケール、回転、スキュー、ワープなどにアクセスすることはできますが、DistortとPerspectiveの二つの最も興味深いオプションはグレーアウトされています。

DistortとPerspectiveオプションは使用できません。

タイプレイヤーの変換

その理由は、PhotoshopではタイプレイヤーでDistortまたはPerspectiveを使用できないためです。 そのため、テキストに3Dパースペクティブを追加する前に、まずタイプレイヤーを他のものに変換する必要があります。

オプション1:テキストをラスタライズする

私ができることの1つは、テキストをラスタライズすることです。 そして、私はタイプ層上で直接右クリック(Win)/Control-クリック(Mac)によってレイヤーパネルでそれを行うことができます:

右クリック(Win)/Control-クリッ

そして、メニューからラスタライズタイプを選択します:

ラスタライズタイプコマンド。しかし、ここに問題があります。 タイプをピクセルに変換すると、テキストを編集する機能が失われます。 また、ピクセルベースの画像にあらゆる種類の変換を適用すると、品質が低下する可能性があります。 したがって、タイプをラスタライズすることは良い選択ではありません。

オプション2:型を形状に変換する

同じメニューの下にある別のオプションは、形状に変換することです。

形状に変換コマンド。

形状がピクセルを超える利点は、品質を損なうことなく、形状を必要なだけ変換できることです。 しかし、私たちはまだテキストを編集する能力を失うので、まだ問題があります。 したがって、それを形状に変換することも最良の選択ではありません。

オプション3:タイプをスマートオブジェクトに変換する

しかし、第三のオプションは、メニューからスマートオブジェクトに変換を選択して、テキ

Photoshopは、スマートオブジェクトにタイプレイヤーを変換し、我々はサムネールの右下にあるスマートオブジェクトアイコンによってことを知っています:

タイプレイヤーがスマートオブジェクトになりました。スマートオブジェクトは非破壊的なので、品質を損なうことなく、必要なだけ変換することができます。

スマートオブジェクトは非破壊的です。 つまり、スマートオブジェクトを開いて、必要なときにテキストを編集することができます。 しかし、その方法を学ぶ前に、スマートオブジェクトでDistortコマンドとPerspectiveコマンドを使用する方法を見てみましょう。

関連するページ

: 品質を損なうことなく画像のサイズを変更する方法

Distort

編集メニューに戻り、再び変換を選択します。 今回は、DistortとPerspectiveを含むすべての変換オプションが利用可能です。

テキストをスマートオブジェクトに変換した後、DistortとPerspectiveの両方まず、Distortを選択します。

Distortコマンドを選択します。

Distortコマンドを使用すると、テキストの周りの角ハンドルを互いに独立してクリックしてドラッグできます。 それらを任意の方向にドラッグして、テキストをさまざまな形に歪ませることができます。

Distortモードでは、コーナーハンドルを独立してドラ

変換をキャンセルする

それは私がやりたいことではないので、キーボードのEscキーを押して変更を加えずにDistortコマンドをキャンセルします。 そして今、私はテキストの元の形に戻っています:

Escキーを押して変換をキャンセルします。私がしたいのは、Star Wars映画の冒頭に表示されるスクロールテキストのように、水平線に向かって傾いているようにテキストを見せることです。 私はDistortコマンドでそれを行うことができますが、Perspectiveコマンドはそれを簡単にします。それを選択するには、編集メニューに戻り、変換を選択してから、パースペクティブを選択します。

編集に行きます>>パースペクティブ。

Distort vs Perspective

DistortとPerspectiveの違いは、Distortモードでは、コーナーハンドルを任意の方向にドラッグでき、それらを互いに別々にドラッグできることです。 パースペクティブモードでは、コーナーハンドルをドラッグしますが、上下または左右にドラッグするだけで、反対側のコーナーのハンドルが反対方向に移動します。左上隅のハンドルを上にドラッグすると、左下隅のハンドルが下に移動することに注意してください:

ハンドルを上にドラッグすると、反対側のハンドルが下に移動します。編集メニューに移動して元に戻すを選択するか、Ctrl+Z(Win)/Command+Z(Mac)を押して元に戻します。 これは最後のステップを元に戻しますが、パースペクティブモードで私を維持します:

編集しようとしています>元に戻テキストが後方に傾いているように見えるようにするには、左上の同じハンドルをクリックしますが、今回は右に向かって内側にドラッグします。 また、パースペクティブモードになっているため、右上の反対側のハンドルも内側に移動します。

ハンドルを右にドラッグすると、反対側のハンドルが左に移動します。

変換コマンドの切り替え

また、テキストを垂直に伸ばして、下部に沿ってより多くのスペースを占有したいと思います。 そのためには、PerspectiveコマンドからScaleコマンドに切り替える必要があります。 ドキュメント内の任意の場所を右クリック(Win)/Controlキーを押しながらクリック(Mac)し、リストから別のオプションを選択すると、変換コマンドをすばやく切 私はスケールを選択します:

遠近法からスケールに切り替えます。次に、下のハンドルをクリックし、下にドラッグします。

下の中央のハンドルを下にドラッグしてテキストをスケーリングします。

変換を受け入れる

それを受け入れて変換コマンドを閉じるには、Enter(Win)/Return(Mac)を押します。:

遠近法とスケール変換を適用した後のテキスト。

関連:Photoshopの自由な変換の本質的なスキルを学ぶ

テキストに効果を追加する

テキストを編集する方法を見る前に、私はすぐに効果のカップル

ブレンドモードの変更

レイヤーパネルに戻り、スマートオブジェクトのブレンドモードをノーマルからオーバーレイに変更します。

ブレンドモードをオーバーレイに変更します。

これは、テキストを画像とブレンドします:

ブレンドモードをオーバーレイに変更した後のテキスト。次に、レイヤースタイルアイコン(fxアイコン)をクリックしてテキストにグローを追加します。

レイヤースタイルアイコンをクリックします。

外側のグローを選択します:

外側のグローレイヤスタイルを選択します。

レイヤースタイルダイアログボックスで、色見本をクリックしてグローの色を変更します。

色見本をクリックします。次に、マウスカーソルを画像に移動し、緑色をクリックして選択します。

外側のグローの画像から色をサンプリングします。私はカラーピッカーを閉じるには、[OK]をクリックします。 次に、レイヤースタイルダイアログボックスで、グローのサイズを60pxに、不透明度を50%に増やします。

外側のグローオプション。

[OK]をクリックしてダイアログボックスを閉じ、結果は次のとおりです。

外側のグローが適用されたテキスト。最後に、テキストを編集するには、レイヤーパネルでサムネールをダブルクリックしてスマートオブジェクトを開きます。

スマートオブジェク

これにより、スマートオブジェクトの内容(この場合はテキスト)が別のドキュメントで開きます。

テキストは別のドキ

そして、レイヤーパネルを見ると、タイプレイヤが表示されます。

元のタイプレイヤはスマートオブジェクト内で安全です。

テキストの編集

ツールバーからタイプツールを選択します。

タイプツールを選択します。

スマートオブジェクト内のテキストを編集します。

関連:スマートオブジェクトを編集する方法

変更を保存する

変更をメインドキュメントに表示するには、スマートオブジェクトを保存 ファイルメニューに移動し、保存を選択します。

ファイルに移動します>保存します。

次に、ファイルメニューに戻り、[閉じる]を選択します:P>

ファイルに行きます>閉じます。

メインドキュメントに戻ると、新しいテキストで同じ効果が表示されるようになりました。

テキストを編集した後も同じ効果。そして、そこに私たちはそれを持っています! それはPhotoshopであなたのテキストに歪みや遠近効果を追加する方法です! より多くのチュートリアルのための私達のテキストエフェクトセクションをチェック! そして、忘れてはいけない、私たちのPhotoshopのチュートリアルのすべてがPdfとしてダウンロードできるようになりました!