【Photoshop】文字を二重に縁取りする方法【新人デザイナー向け】

Photoshopで文字を二重に縁取りしたい。
そもそもPhotoshopで文字を二重に縁取ることができるのかな？

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

Naoya

やぁ！みんな！元気？

デザイナーの@Naoyaです。

Youtube

目次

• Photoshopで文字を二重に縁取りする方法

Photoshopで文字を二重に縁取りする方法

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

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

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

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

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

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

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

縁取りたい文字を選択する

まずは縁取りたい文字を選択！

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

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

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

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

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

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

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

OK！を選択！

これでレイヤースタイルで文字を縁取ることができたね！
ここまではさっきと同じだね！

境界線を追加する

文字の縁取りを二重にする為に境界線を追加するよ！

境界線の横にある「+」をクリック！

追加された境界線を選択して、サイズを10px、外側、カラーを選択！

ここでは色を「#04d0ff」にしてOKを選択！

OKを選択！

これで文字を二重に縁取ることができたね！

Naoya

Designer

TwitterYouTubeLINE

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