Adobe Photoshop CCで図形やパスにテキストを配置する

Photoshop CCでテキストにパスを描く、または図形を塗りつぶす

パスにテキストを置くことは、Illustratorでは非常に一般的なテクニックですが、Photoshopで作業する場合は見落とされがちです。 AdobeがPhotoshopのパスやシェイプにタイプを入れる機能を追加したとき、このテクニックはPhotoshop CS以来存在しています。

スキルセットに追加する便利なテクニックの他に、テキストをオブジェクトの周りのパスに配置することは、テキストに囲まれたオブジェクトに視聴者の注意を引くのに最適な方法です。 この手法の最も重要な部分は、形状に限定されないということです。 ペンツールを使用するだけで、テキストのパスを作成することができます。

パス上にテキストを配置する方法は次のとおりです。

  1. ツールのペンツール、またはシェイプツール - 長方形、楕円、多角形またはカスタムシェイプのいずれかを選択します。 上の画像で私は楕円ツールで始まり、Option / Alt-Shiftキーを押しながら岩の上に完全な円をドラッグしました。
  2. プロパティパネルでは、 [ 塗りつぶし]カラーを[なし]設定し、 [ ストロークの色]を[黒]に設定しました
  3. テキストツールを選択し、図形またはパス上に配置します。 テキストカーソルが少し変化します。 パスをクリックすると、パスにテキストカーソルが表示されます。
  4. フォント、サイズ、色を選択し、テキストを[左揃え]に設定します。 この画像の場合、上記の画像はBig Johnという名前のフォントを使用しています。 サイズは48ポイントで、色は白でした。
  5. あなたのテキストを入力してください。
  6. パス上のテキストの位置を変更するには、パス選択ツール(テキストツールの下にある黒い矢印)を選択し、テキストの上にツールを移動します。 カーソルが左または右を指す矢印のiビームに変わります。 パスに沿ってテキストをクリックしてドラッグし、その位置に移動します。
  7. ドラッグすると、テキストが途切れることがあります。 これは、テキストを可視領域外に移動しているためです。 これを修正するには、パス上の小さな円を探します。見つかったら、その円に沿って円をさらにドラッグします。
  1. テキストが円の内側を反転して上下逆に見える場合は、パスの上にカーソルをドラッグします。
  2. パスの上にテキストを移動する場合は、文字パネルを開いてベースラインシフト値を入力します。 この画像の場合、20ポイントの値が使用された。
  3. すべての位置が決まったら、パス選択ツールに切り替えてパスをクリックし、プロパティパネルでストロークカラーをなしに設定します。

それはそこで止まらない。 ここにはあなたができることの他にいくつかあります:

Tom Greenによる更新