Photoshopでテキストにグラデーションを適用する方法

Photoshopにはさまざまなツールやエフェクトが用意されているため、ほとんどのものを簡単にデザインできます。ただし、気に入らないデザインになることもあります。たとえば、グラデーションでテキストや図形などのアートワークをデザインし、その画像をワープすると、グラデーションがワープされないことに気付きます。グラデーションはワープの方向に従わず、直進し続けます。この投稿では、グラデーション テキストを作成する方法と、Photoshopでテキストと同じ方向にグラデーションをワープする方法を紹介します。

Photoshopでテキストにグラデーションを適用する方法

デザインでは、要素を統一することで、作品をきれいに仕上げることができます。グラデーションがワープの方向に従わない場合、デザインが魅力的に見えなくなる可能性があります。これはすべてのグラデーションに当てはまるわけではありませんが、混ざり合うグラデーションもあれば、反射したもののように色の直線が明確なグラデーションは問題が発生します。Photoshopのツールと創造的な発想があれば、グラデーションをワープの方向に従わせることができます。Photoshopでグラデーションをテキストに合わせてワープさせる方法は次のとおりです。

  1. Photoshopを準備する
  2. テキストを書く
  3. グラデーションを適用する
  4. ワープを適用する
  5. グラデーションをワープに従わせる

1] Photoshopを準備する

最初のステップは、Photoshopを開いて、作業する新しいドキュメントを作成することです。

Photoshopを開き、ファイル新規の順に移動して、新規ドキュメントオプションボックスに入力し、OKを押して選択を確認します。

2] テキストを書く

次のステップは、作業するテキストを書くことです。

キャンバスにテキストを書くには、左のツールパネルに移動して、横書きツールをクリックします。横書きツールが選択されたら、キャンバスをクリックしてカーソルを表示し、単語を入力します。

3] グラデーションを適用する

次のステップは、使用するグラデーションを適用することです。テキストにグラデーションを適用するには、テキストレイヤーを選択して、レイヤーパネルの下部にあるFxアイコンをクリックします。メニューが表示されたら、[グラデーション]をクリックします。テキストレイヤーを右クリックして、混合オプションを選択することもできます。

レイヤースタイルウィンドウが表示されたら、ウィンドウの左側にあるグラデーションオーバーレイという単語をクリックします。

ウィンドウの右側にあるグラデーションをクリックして、目的のグラデーションを選択します。ドロップダウンメニューが表示され、プリセットグラデーションと以前に保存したグラデーションが表示されます。

いずれかをクリックして、グラデーションエディターで変更できます。グラデーションを編集したら、名前を付けて新規をクリックして、後で使用するように保存することができます。グラデーションが使用可能なグラデーションのリストに追加されます。

これがグラデーションを適用したテキストです。

4] ワープを適用する

次のステップは、テキストにワープを適用することです。

ワープを適用するには、編集変形ワープの順に移動します。

ワープメニューは、上部のメニューバーに表示されます。

なしという単語をクリックして、他のワープオプションを含むドロップダウンを表示します。目的のオプションをクリックします。

目的のワープをクリックすると、テキストの周りにワープ変形グリッドが表示され、テキストがワープされます。

ワープオプションのいずれかをクリックすると、上部のメニューバーに追加のメニューオプションが表示されます。曲げ%垂直方向の歪み(V)水平方向の歪み(H)を選択できます。

ワープに満足したら、Enterを押して変更を閉じて確認します。

選択したワープスタイルに関係なく、グラデーションは同じままになります。グラデーションに色の直線がある場合は、より顕著になります。ワープの前と後の画像を比較すると、どちらにも色の直線が同じであることがわかります。これは問題にならない場合もありますが、グラデーションをテキストに合わせてワープしたい場合は、いくつかの変更を加える必要があります。変更はワープを適用する前に行う必要があります。

すでにワープを適用していた場合は、元に戻すか、履歴パネルで変更できます。ただし、ワープを行う前に読み進めていた場合は、何も元に戻すことなく、次の手順に従ってください。

グラデーションをワープに従わせる

スマートオブジェクトに変換

テキストにワープを適用する前に、テキストをスマートオブジェクトに変換します。

テキストをスマートオブジェクトに変換するには、テキストレイヤーを右クリックして、スマートオブジェクトに変換を選択します。何も起こらなかったように見えるか、テキストのグラデーションの色が変化する場合があります。テキストレイヤーを見ると、テキストアイコンの右下にテキストがスマートオブジェクトであることを示すアイコンが表示されます。

テキストをワープする

テキストがスマートオブジェクトに変換されたら、編集変形ワープの順に移動します。テキストの周りにワープ変形ボックスが表示されます。

上部のメニューバーにワープオプションが表示され、カスタムなしの代わりに事前選択されたワープになります。カスタムを選択すると、変形グリッド上の点をドラッグして独自に変更を加えることができます。

カスタムをクリックして、プリセットワープのリストを表示して、1つを選択することもできます。カスタムワープを選択したら、マウスを使ってクリックしてポイントをドラッグして変更を加えることもできます。完了したら、Enterを押して変更を保持します。

これは、フラグワープスタイルのスマートオブジェクトであるワープテキストです。色はワープの方向に従っていることに気づくでしょう。ワープを変更すると、色は常にワープに従うことがわかります。

テキストを変更する

テキストを修正したい場合がありますが、文字を追加または削除してテキストを変更することはできないことに気付くでしょう。テキストの文字を変更するには、レイヤーパネルに移動して、テキストレイヤーの画像をダブルクリックします。単語ではなく、画像(サムネイル)をクリックします。

指示がポップアップ表示され、ファイルをクリックしてから保存して変更を保存するように指示されます。OKをクリックすると、テキストを含む新しいキャンバスが表示されます。そこでテキストの文字やその他の変更を加えることができます。完了したら、ファイル保存の順にクリックして、元のドキュメントに移動できます。変更がそこに表示されます。これは、グラデーションを更新する場合にも使用する必要がある方法です。ただし、この方法を実行しなくても変更できる場合もあります。

これは変更が加えられたテキストです。単語はCreatedからCreatesに変更され、グラデーションの色が変更されています。

Photoshopでグラデーションをワープの方向に従わせるにはどうすればよいですか?

  • Photoshopを開いて新しいドキュメントを作成し、テキストを追加します
  • テキストにグラデーションオーバーレイを追加します
  • テキストをスマートオブジェクトに変換します
  • メニューから編集変形ワープの順に移動し、ワープスタイルを選択します
  • 目的のワープを選択したら、Enterキーを押して保持します

スマートオブジェクトを編集するにはどうすればよいですか?

スマートオブジェクトを編集するには、レイヤーパネルでスマートオブジェクトのアイコンをダブルクリックしてから、ポップアップ表示される指示でOKを押します。開いた新しいウィンドウでオブジェクトを編集します。編集が完了したら、ファイル保存の順に移動します。その後、元のドキュメントに戻ると、変更が表示されます。この方法を実行しなくても編集できる場合もありますが、スマートオブジェクトであるテキストを編集する場合は、この方法を使用します。