.

photoshop features

Adobe Photoshopで文字に輪郭を付ける方法

文字に輪郭を付けて、より読みやすくする方法を学びましょう。

無料で始める プランと価格を見る

カラフルな背景に、「BOLD」という文字が半透明の白の塗りつぶしと黄色の輪郭で描かれたグラフィックデザイン
漫画のキャラクターと、ピンク色で塗りつぶされ紫色の輪郭が付けられた「HAVE A NICE DAY」という文字のグラフィックデザイン

テキストを目立たせる

インパクトのある文字にしたいなら、カラフルな輪郭を追加して、読者の目を引きつけましょう。

スタイルを追加

適切な輪郭を付ければ、テキストを画像全体の創造的なスタイルと調和させることができます。

レコードアルバムジャケットのグラフィックデザイン。アルバムジャケットの「FORT」という単語が透明の塗りつぶしと白い輪郭で描かれている

Photoshopで文字に輪郭を付ける方法

画像の文字に輪郭を付ける方法は複数あります。

  1. 選択する:
    テキストを追加するレイヤーを選択するか、新しいレイヤーを作成します。次に、画面右側のツールバーから文字ツールを選択します。
  2. 書く:
    画面上の任意の場所をクリックし、書きたいテキストを入力します。
  3. レイヤーを設定する:
    FXアイコンをクリックするか、レイヤーの横をダブルクリックしてレイヤースタイルメニューを開きます。次に、境界線オプションの横にあるチェックボックスをクリックします。
  4. 調整する:
    境界線メニューから、スライダーで境界線レイヤーの寸法を調整できます。サイズオプションでアウトラインの太さを、位置オプションでテキストに対するアウトラインの位置を指定します。
  5. カラーを設定する:
    カラーピッカーを使って輪郭の色を変更し、描画モードのドロップダウンメニューから様々なオプションを選択して、輪郭の色が画像の他の部分とどのように混ざり、フェードするかを制御できます。
  6. 塗りつぶす
    輪郭を単色以外で塗りつぶしたい場合は、塗りの種類ドロップダウンメニューから、「グラデーション」(2色間で徐々に変化)または「パターン」(様々なテクスチャやグラフィックの繰り返し)を選択します。
  7. 適用する
    「OK」をクリックして変更を適用します。
カラフルな背景に「FLOAT」という文字が透明な塗りと白い輪郭で描かれたグラフィックデザイン。サイズ、位置、描画モード、不透明度、オーバープリントなどの設定が表示されている

中抜き文字に輪郭を付ける方法

輪郭付きの文字をより軽やかに見せたい場合は、輪郭を保持しながら、塗りの不透明度を下げて文字自体の不透明度を下げます。レイヤースタイルメニューから、「境界線/ 描画オプション」を選択し、塗りつぶしの不透明度スライダーを左にドラッグして文字の不透明度を下げます。

ベクターの輪郭で同様の効果を得るには、レイヤースタイルウィンドウを開き、「境界線」の横にあるチェックボックスをクリックします。次に、上部メニューの塗りつぶしアイコンをクリックし、塗りつぶしなしアイコン(白い四角に斜めの赤い線が入ったもの)を選択します。

2層構造の画像。背景レイヤーは椅子に座る人物の画像。上のレイヤーは白い輪郭の「NEW ARRIVAL」という文字。塗りと線の設定が表示されている

Photoshopのその他の機能

テキストのカスタマイズが完了したら、Photoshopで他に何ができるか、チュートリアルで確認してみましょう。

よくある質問

最適なCreative Cloudプランをお選びください

Adobe Photoshop単体プラン

年間プラン(月々払い)

3,280 /月(税込)

Photoshopデスクトップ版とiPad版は、Creative Cloudで利用できます。

詳細を見る


Creative Cloud Pro

年間プラン(月々払い)

9,080 /月(税込)

Photoshopのデスクトップ版とiPad版をはじめ、20以上のCreative Cloudアプリをご利用いただけます。

製品一覧を見る | 詳細を見る


学生・教職員向け

年間プラン(月々払い)

2,180 /月(税込)

20を超えるCreative Cloud Proが89%以上OFF

利用条件を見る | 詳細を見る


ビジネス版:11,990 /ライセンスごと(税込)

業界最高峰のクリエイティブアプリ。ライセンス管理も簡単です。

詳細を見る


電話でのご注文:0120-921-104