Photoshopでフォントをおしゃれに加工する方法【縁取り・立体・光る文字など7選】

Photoshopでタイトルや見出しを作るとき、「なんかパッとしない」「もっとおしゃれにしたい」と感じたことはありませんか？

この記事では、Photoshop初心者でも今すぐ使えるフォント加工テクニックを7つ厳選して紹介します。縁取り文字・立体文字・光る文字など、見栄えが一気に変わる手法ばかりです。ステップごとに丁寧に説明するので、ぜひ手を動かしながら読んでみてください。

ベタ文字フォントをおしゃれに加工する7テクニック

今回は上の画像のベタ文字を元に加工を加えていきます。フォントサイズは150ptで作業しています。

日本語・英語、ゴシック体・明朝体の4パターンで同じ加工を見ていくので、それぞれどう変化するかも確認できます。いずれのテクニックも数ステップで完成します。

フォント加工001｜縁取り文字

レイヤースタイルの「境界線」を使った基本の縁取りです。ポップなデザインに欠かせないテクニックです。

1）対象レイヤーをダブルクリックして、レイヤースタイルのウィンドウを表示します。

2）「境界線」のサイズを6px、カラーを任意の色に設定します。

これで縁取り文字の完成です。さらに下記の手順で例図のような透け感のある縁取りにすることもできます。

3）文字レイヤーを選択し、「塗り」を0％に変更。そのままレイヤースタイルのウィンドウを表示します。

4）「カラーオーバーレイ」に縁と同じ色を設定し、不透明度を20％にします。

5）背景に好きな模様を描きます（例では★をテキストとして入力）。

6）Ctrl＋レイヤーサムネールクリックでフォントの選択範囲を取ります。

7）★フォルダのレイヤーを選択し、レイヤーマスクを追加して完成です。

フォント加工002｜二重縁取り文字

縁を二重にすることで、より存在感のある文字になります。塗りつぶしレイヤーを活用するのがポイントです。

1）Ctrl＋レイヤーサムネールクリックでフォントの選択範囲を取ります。

2）選択範囲を拡大します。メニューから「選択範囲 ＞ 選択範囲を変更 ＞ 拡張」で5px拡張します。

3）拡大した選択範囲をもとに塗りつぶしレイヤーを新規作成します。「レイヤー ＞ 新規塗りつぶしレイヤー ＞ ベタ塗り」で作成します。

4）塗りつぶしレイヤーをフォントレイヤーの下に移動し、対象レイヤーをダブルクリックしてレイヤースタイルのウィンドウを開きます。

5）境界線を設定して完成です。

フォント加工003｜立体文字

ドロップシャドウを工夫するだけで、飛び出すような立体感のある文字が作れます。設定値がポイントです。

1）対象レイヤーをダブルクリックして、レイヤースタイルのウィンドウを開きます。

2）ドロップシャドウを次の値に設定します。描画モード「通常」、不透明度「100%」、サイズ「0px」、距離「6px」。サイズを0にすることでシャープな影になるのがポイントです。

フォント加工004｜光る文字

「光彩（外側）」を使うと、文字が発光しているような幻想的な表現ができます。ゲームやSF系デザインに合います。

1）対象レイヤーをダブルクリックして、レイヤースタイルのウィンドウを開きます。

2）「光彩（外側）」を選択し、サイズを10pxに設定します。発光色は白や黄色が定番ですが、青や紫にするとSF感が出ます。

フォント加工005｜曲線文字

楕円形ツールとテキストツールを組み合わせることで、文字をアーチ状に並べる曲線文字が作れます。ロゴ風デザインに有効です。

1）楕円形ツールで円を描画します。

2）横書き文字ツールを選択し、円の縁にカーソルを合わせてクリック。任意の文字を入力します。フォントサイズや文字間隔を微調整してイメージに近づけましょう。

3）レイヤーの「シェイプ1」を削除して完成です。

フォント加工006｜画像文字

文字の形に画像を切り抜く「画像文字」は、インパクト抜群の表現です。レイヤーマスクを使います。

1）使いたい画像をレイヤーとして読み込みます。

2）Ctrl＋レイヤーサムネールクリックでフォントの選択範囲を取ります。

3）画像レイヤーを選択した状態でレイヤーマスクを追加します。これで画像文字の完成です。

さらに背景に同じ画像を薄く敷くと例図のような仕上がりになります。

4）マスク処理した画像レイヤーを複製します。

5）下の画像レイヤーのレイヤーマスクを削除します（レイヤーマスクサムネールを右クリックしてメニューから削除）。

6）下の画像レイヤーの不透明度を30%にして完成です。

フォント加工007｜斜め文字

自由変形を使って文字を斜めに変形すると、スピード感や躍動感のある表現ができます。スポーツ・ゲーム系のデザインに最適です。

1）フォントレイヤーを選択し、「編集 ＞ 自由変形」をクリックします（ショートカット：Ctrl+T）。

2）上部オプションバーの「H（水平）」と「V（垂直）」の値をそれぞれ「10°」に設定して確定します。

Adobe Photoshopを始めるなら

Photoshopはサブスクリプション型のサービスです。単体プランのほか、IllustratorやPremiere Proなども使えるCreative Cloudコンプリートプランもあります。Amazonでも購入できます（価格は変動しますので最新情報をご確認ください）。

まとめ

Photoshopでフォントをおしゃれに加工する7つのテクニックを紹介しました。

• 縁取り文字：レイヤースタイルの「境界線」で簡単に実現
• 二重縁取り文字：選択範囲の拡張＋塗りつぶしレイヤーで二重に
• 立体文字：ドロップシャドウのサイズを0にしてシャープな影を作る
• 光る文字：「光彩（外側）」で幻想的な発光表現
• 曲線文字：楕円形ツール＋文字ツールでロゴ風アーチ文字
• 画像文字：レイヤーマスクで文字の形に画像を切り抜く
• 斜め文字：自由変形でH・V値を設定してスピード感を演出

どれも数ステップで完成する基本テクニックですが、組み合わせることでさらにクオリティの高いデザインが生まれます。まずは一つずつ試してみて、自分の作風に合った加工を見つけてみてください。