【Photoshop】テキストを縁取りする方法【新人デザイナー向け】

Photoshopでテキストを縁取りしたい。
そもそもPhotoshopでテキストを縁取ることができるのかな？

こういった疑問に答えるよ！

Naoya

やぁ！みんな！元気？

デザイナーの@Naoyaです。

目次

• Photoshopでテキストを縁取りする方法

Photoshopでテキストを縁取りする方法

• 縁取りたいテキストを選択する
• レイヤースタイルの境界線を適用する
• 境界線を追加する

流れはこんな感じ、順番に見て行こう！

今回はこんな感じのドキュメントを例に進めていくよ！
テキストは好きなテキストを入力してね！

文字ツールの使い方がよく分からない人は下の記事を参考にしてみてね！

【Photoshop】文字ツールの使い方【新人デザイナー向け】Photoshopの文字ツールってどうやって使うんだろう？ そもそも文字ツールって何だろう？ こういった疑問に答えるよ！ ...

ドキュメントの作り方がよく分からない人は下の記事を参考にしてみてね！

【Photoshop】ドキュメントの使い方【作成方法とサイズ変更】Photoshopのドキュメントの使い方がよく分からない。 ドキュメントのサイズ変更ってどうやってやるんだろう。 ドキュメントが作れないと何もできないし、どうしたらいいのか分からない。 こういった疑問に答えます。...

縁取りたいテキストを選択する

まずは縁取りたいテキストを選択！

ここではこのテキストレイヤーを選択！

レイヤーパネルが表示されていない人は、メニューバーの「ウィンドウ」から「レイヤー」を選択！

レイヤースタイルの境界線を適用する

続いてレイヤースタイルの境界線を適用するよ！

選択したレイヤーをダブルクリック！

レイヤースタイルが開くので、境界線にチェックを入れて、ここではサイズを5px、位置を外側としてカラーを選択！

カラーピッカーが開くので、好きな色を入力してOK！
ここでは#ffffffの白にするよ！

OK！を選択！

これでレイヤースタイルで文字を縁取ることができたね！

Naoya

Designer

TwitterYouTubeLINE

デジタルアーツ東京→デザインプレックス東京→デザイン制作会社→フリーランス