Photoshopで文字の境界線を縁取りする手順を解説!

【忍者Photoshop】文字の境界線を縁取りする手順を解説!
見習いくのいち
Photoshopで文字の境界線を縁取りしたいのですが、どうしたらいいですか?Photoshopを初めて使用する初心者でも、簡単にわかりやすく教えてほしいです。
忍者講師
その場合は、レイヤースタイルアイコンから【境界線】をクリックするとできるよ!それじゃ、今回は「Photoshopで境界線を縁取りする操作方法」について解説していくね!
本記事のテーマ
境界線を縁取りする操作手順を解説!
忍者講師
それでは、さっそく本題に入っていきましょう!
見習いくのいち
はい、今回もよろしくお願いします(*´▽`*)

Photoshopで文字の境界線を縁取りする

Photoshopのレイヤーパネルにある、レイヤースタイルアイコンをクリックして【境界線】の機能を使用することで、簡単に文字に縁取りをつけることができます。

■BEFORE:通常の文字

通常の画像_【忍者Photoshop】初心者のための使い方学習オンライン講座

■AFTER:境界線に縁取りをした文字

境界線に縁取りをした文字_【忍者Photoshop】初心者のための使い方学習オンライン講座

レイヤースタイルの境界線で文字を縁取りする手順

忍者講師
レイヤースタイルを使うと、簡単に文字に効果を追加できるということを覚えておこう!
手順:「①レイヤーパネルの下にあるレイヤースタイルアイコンをクリック」 > 「②表示される一覧の中にある境界線をクリック」 > 「③境界線ダイアログボックスで詳細設定する」

解説:まずは、テキストツールで文字を描きます。

テキストツール_【忍者Photoshop】初心者のための使い方学習オンライン講座

レイヤーパネルの下にあるレイヤースタイルアイコンをクリックして、表示される一覧の中にある【境界線】をクリックします。

境界線をクリック_【忍者Photoshop】初心者のための使い方学習オンライン講座

レイヤースタイルダイアログボックスの【境界線】が表示されるので、目的に応じて、設定していきます。縁取るサイズや塗りつぶすカラーを設定したら、【OK】をクリックして、ダイアログボックスを閉じます。今回は、サイズを10px、カラーを白色を選択しました。

ダイアログボックスを設定_【忍者Photoshop】初心者のための使い方学習オンライン講座

文字に縁をつけることができましたね!(^^)!

文字に縁取りできた_【忍者Photoshop】初心者のための使い方学習オンライン講座

再度、縁取りを調整したい場合は、レイヤーパネルを見るとレイヤースタイル(効果)が追加されているので、追加した効果の名前(境界線)をダブルクリックすると、ダイアログボックスが表示でき、設定値を変更することが可能です。

忍者講師
レイヤースタイルの左横にある目のマークを押すと、効果を非表示にできて、もう一回押すと効果を表示できるから、効果の具合を確かめたいときに、利用していこう!
忍者講師
これで、本文は以上となります。お疲れ様でした!

まとめ!

  • レイヤースタイルの境界線で文字を縁取りする手順
  • ワンポイントアドバイス

読者さんの悩みがなくなるように、このような解説をしてきましたが、いかがでしたでしょうか?

Photoshopで文字の境界線を縁取りする操作方法が少しでも分かりやすく伝わっておりましたら幸いです。

では、ここまで
読んでいただきありがとうございました!

忍者講師
本記事は以上となります。また次回の記事でお会いしましょう!